/* ------------------------------------------------------- */
/* Farben der Hauptelemente */
body {
        background-color:#333333;
        color:#111111;
	margin: 8px;
}

div#container {
	border:2px solid silver;
}

div#container, div#center {
	background-color:#fcf6c3;   /* hell */
}

div#center h1,h2,h3,h4,h5,h6,p,body,html,input,button,ol,table,form, div#center ul{
        color: #340d06;
}

div#header_left, div#oben{
	background-color:#ffe788;   /* dunkelgelb */
        color:#111111;
}

div#header_main, div#mitte, div#links{
	background-color:#cc0000;   /* mitteldunkelrot */
	color:#ffffff;
}

div#map_canvas {
	color:#000000;    
}


/* Farben, Hintergrundbilder Kopftrennzeile = Fusstrennzeile */
div#kopftrennzeile, div#footer, div#update, div#foot-seite {
	background-color:#ff6600;
	color:#a42200;
}

div#pfad, div#foot-mail, div#hamburger-icon{
	background-color:#ffcc00;
	color:#d45500;
}

/*-----------------------------------*/
/* für große Bildschirme: mit Aktualisierungsdatum und Farbbloecken */
@media (min-width: 50em) {
    div#pfad, div#foot-mail{
        background-image:url(Images/farbblock.png);
        background-repeat:repeat-y;
        background-position:right;
    }
}

/* ------------------------------------------------------- */
/* Formatierung der Links */

div#pfad a, div#foot-mail a {
	font-weight: bold;
	text-decoration: none;
	color:#d45500;
}

div#center a:link {color:#d45500;}
div#center a:visited {color:#a42200;}

div#center .external-link-new-window:link {color:#d45500; background: url(Images/extlink.gif) no-repeat 100% +4px; padding: 0 16px 0 0;}
div#center .external-link-new-window:visited {color:#a42200; background: url(Images/extlink.gif) no-repeat 100% -29px; padding: 0 16px 0 0;}
div#center .internal-link:link {color:#d45500;}
div#center .internal-link:visited {color:#a42200;}
div#center .mail:link {color:#d45500; background: url(mail.gif) no-repeat 100% +6px; padding: 0 16px 0 0;}
div#center .mail:visited {color:#a42200; background: url(mail.gif) no-repeat 100% +6px; padding: 0 16px 0 0;}
div#center .download:link {color:#d45500; background: url(save.gif) no-repeat 100% +5px; padding: 0 16px 0 0;}
div#center .download:visited {color:#a42200; background: url(save.gif) no-repeat 100% +5px; padding: 0 16px 0 0;}




/* ------------------------------------------------------- */
/* Schrift, Ueberschriften, Bilder */

h2,h3,h4,h5,h6,div,p,body,html,input,button { 
	font-family: Arial,Helvetica,sans-serif;
}




div#header_title h1 { 
	font: bold 30px Arial,Helvetica,sans-serif;
	padding-right:10px;
	margin-top: 0;
	padding-top: 0;
	border: none;
}

@media (max-width: 50em) {
 div#header_title h1 {
    font-size: 5.5vw;
    font-size: clamp(15px, 5.5vw, 30px);  /* Setzt eine Mindestgröße von 12px und eine Maximalgröße von 36px */
 }
}




div#center h1 {
        font:bold 130% Arial,Helvetica,sans-serif;
}
div#center h2{
	font:bold 120% Arial,Helvetica,sans-serif;
}

div#center h3,h4,h5,h6{
        font:bold 110% Arial,Helvetica,sans-serif;
}

div#center h1.mo-ni-header {font-size: 170%;}
div#center img.mo-ni-startbild {
        border: 2px solid #aaaaaa;
	margin: 5px 15px 15px 15px;
	float: right;}

div, img {
	margin:0;
	padding:0;
	border:0;
}

img.block {
	display:block;
}

.csc-textpic-caption { /*Farbe Bildunterschrift*/
color: #340d06;
}

.csc-textpic-image img,
img {
    max-width: 100%;
    height: auto;
    width: auto;
  }

/* ------------------------------------------------------- */
/* Tabellen */
/*-------ce-table-bordered--------*/
table.ce-table-bordered, table.contenttable {
	border:1px solid #340d06! important;
	margin:0px ! important;
	border-collapse:collapse;
	margin-left:10px ! important;
	margin-top:10px ! important;
	}
table.ce-table-bordered td, table.contenttable td{
        vertical-align:top;
	border:1px solid #340d06 ! important;
	padding:5px ! important;
	padding-left:5px;
	}
table.ce-table-bordered p {
        margin:0px ! important;
        padding:0px ! important;
	background-color:transparent ! important;
    }

/*-------contenttable--------*/

.imgspace {
	 margin:  20px;
}

/* ------------------------------------------------------- */
/* Weiteres */
div#center ul {
	list-style-image:url(Images/mo_aktuell.png);	
}

.float-left { 
	float:left; 
}

.float-right { 
	float:right; 
}

/* Textfelder reset */

textarea, input{
        color: #340d06;
        background-color:#f1f1f1;
}

div.infowindow > h3, div.infowindow > h4 {
    margin-top: 3px;
    margin-bottom: 1px;
}

div.infowindow > h3 {
    font-size: 120% !important; 
}

@media screen and (max-width: 750px) {
    iframe {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
}
