@charset "UTF-8";
/* CSS Document */

body {
	overflow: hidden;
	-webkit-overflow-scrolling: touch !important;
	/*overflow-y: scroll;*/
	background-color: #989991;
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'EBGaramond', 'Times New Roman', Times, serif;
	font-size: 1em;
	line-height: 1.1;	
	font-style: normal;
	/*line-height: 1.2;*/
	color: #000;
	}
	
#container {
	width: 100%;
	margin-top: 2vh;
}
	
	
a:link {
	color: #fdff6c;
	text-decoration: none;
	outline: 0;
	border: 0;
	}
	
a:visited {
	color: #fdff6c !important;
	text-decoration: none;
	outline: 0;
	border: 0;
	}

a:hover {
	color: #003d24 !important;
	text-decoration: none;
	outline: 0;
	border: 0;
	}

a:active {
	color: #003d24;
	text-decoration: none;
	}

p { margin-top: 1em; }

h1 {
	font-size: 1.7em;
	font-weight: normal;
	}
	
h3 {
    margin-top:0;
    margin-bottom:0;
    font-size: 1em;
	font-weight: normal;
    text-decoration: underline;
}

hr {
    display: block;
    margin-top: 5%;
    margin-bottom: 6%;
    margin-left: 20%;
    margin-right: 20%;
    /*border-style: inset;*/
    border: 0.03em solid grey;
}

#zurueck_box {
	color: #FFFFFF;
	font-size: smaller;
	width: 81%;
	margin: 0 auto;
	padding-bottom: 1.5em;
}

#content { 
	clear:both;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #FFFFFF;
	width: 75%;
	max-height: 75vh;
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 3%; 
	padding-right: 3%;
	/*overflow: hidden;*/
	/*border: 2px solid red;*/
}
	
#titlefooter {
	color: #FFFFFF;
	line-height: 0.9;
	width: 81%;
	margin: 0 auto;
	padding-top: 0.9em;
	padding-bottom: 0.5em;
}

@media screen and (min-width: 500px) {
    body {
        font-size: 1.1em;
    }
}

@media screen and (min-width: 760px) {
    body {
        font-size: 1.2em;
    }
}

@media screen and (min-width: 1200px) {
    body {
        font-size: 1.3em;
    }
}
    
@media screen and (min-width: 1800px) {
    body {
        font-size: 1.6em;
    }
    #content {
    	max-height: 70vh;
    }
}
	
#intro { 
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 3%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	/*border: 2px solid red;*/
	}
	
	
.img_a_left {
	width: 60%;
	float:left;
	padding-bottom: 0%;
	padding-right: 2%;
}

.img_b_left {
	width: 36%;
	float:left;
	padding-top: 7.5%;
	padding-bottom: 0%;
	padding-right: 2%;
}

.img_b_left_lo {
	width: 36%;
	float:left;
	padding-top: 25%;
	padding-bottom: 0%;
	padding-right: 2%;
}

.img_b_right {
	width: 52%;
	float:right;
	padding-bottom: 0%;
	padding-left: 2%;
}

.img_c_left {
	width: 13.5%;
	float:left;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-right: 0%; 
}

.img_c_right {
	width: 62%;
	padding-top: 12%;
	padding-bottom: 0%;
	padding-left: 2%; 
}

.img_d_left {
	width: 100%;
	float:left;
	padding-bottom: 2%;
	padding-right: 0%;
}

.img_e_leftright {
	width: 64%;
	float:right;
	padding-bottom: -10%;
	padding-right: 0%;
}

/*#imgBlock {
	width:100%; 
    vertical-align: bottom;
    display: table-cell;
}

#imageContainer img {
    vertical-align: bottom
}*/

.imgBlock_bigL {
	/*clear:both;*/
	float:left;
	width: 66%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	/*border: 2px solid red;*/
}

.imgBlock_hiR {
	float:right;
	width: 20%
	margin-left: 2%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
	padding-right: 0%;
	overflow: auto;
	border: 2px solid red;
}

.img_hiR {
	width: 30.5%;
	margin-bottom: 3.3%;
}

.img_bigL_l {
	width: 100%;
	margin-top: 13.1%;
	margin-bottom: 5%;
}

.img_bigL {
	width: 100%;
	margin-bottom: 5%;
}

.img_bigL_s {
	width: 72%;
	margin-bottom: 5%;
}

.imgBlock_symL {
	/*clear:both;*/
	float:left;
	width: 48.2%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	/*border: 2px solid red;*/
}

.imgBlock_symR {
	/*clear:both;*/
	float:right;
	width: 48.2%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	/*border: 2px solid red;*/
}

.img_sym {
	width: 100%;
	margin-bottom: 6.8%;
}

.zeilenblock {
	/*clear:both;*/
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	/*border: 2px solid red;*/
}

.capt_a_left {
	width: 34%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%; 
	padding-right: 0%;
	overflow: auto;
	border: 2px solid red;
}

.text_b_left {
	float:left;
	width: 23%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 6%;
	padding-bottom: 0%;
	padding-left: 4.5%; 
	padding-right: 3%;
	/*border: 2px solid red;*/
}

.text_a_right {
	float:right;
	width: 38%;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%; 
	padding-right: 0%;
	/*border: 2px solid red;*/
}

.lined {
    text-decoration: underline;
}

	
#sprachschalter {
	text-align: right;
	float: right;
	/*position: fixed;*/
	font-size: smaller;
}	
	
#muriel_title {
	/*background-color: #000;*/
	/*font-size: 28px;*/
	padding-top: -1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 0;
	float: left;
	}
	 
#newsblock_1 {
	clear: both;
	width: 1160px;
	padding-top: 50px;
	position: relative;
	}
	
#kabinett_beschrieb {
	clear: both;
	width: 700px;
	padding-top: 70px;
	position: relative;
	}
	
#kabinett {
	clear: both;
	width: 1160px;
	/*border: 2px solid red;*/
	}
	
	 

#info_muriel { 
	width: 800px; 
	padding-top: 20px;
	padding-bottom: 20px;
	 }

#hidden {
	position: absolute;
	top: 200;
	left: -9999px;
	width: 900px;
	height:2000px;
	overflow: hidden;
	}
	
.info { 
	width: 800px; 
	padding-top: 20px;
	padding-bottom: 20px;
	 }
	
.spalte_links, .spalte_mitte, .spalte_rechts { 
	width: 365px; 
	float: left;
	}
	
.spalte_mitte, .spalte_rechts { 
	margin-left: 30px; 
	}
	 
.textkicker {
	text-indent: -9999px;
	}

.thumb {
	border: 0;
	}
	
.uppercase {
	text-transform: uppercase;
	}
	
.smalltext {
	font-family: 'Lora', 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.5;
	}
	
.smalltext_black {
	font-family: 'Lora', 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	}