/* just to get default settings */
* { border-style:none; }
a {text-decoration:none;}
:link,:visited { text-decoration:none; }



a img,:link img,:visited img { border:none; }

ul,ol {list-style:none; }




/* div { border: 2px dotted red; }  */

/* allgemeine Link Farben */
#main a {font-size:1em; font-weight: bold;}
#main a { color:#003399; } /* dunkelblau als grundfarbe */
#main a:hover { color: #006699; } /* tuerkis #7C9CAA #006699*/
#main a:active  { color: #444444; } /* grau */
#main a:visited {color:#7C9CAA; } /* hell tuerkis-grau #7C9CAA #006699*}



/* Standard Reihenfolge */
/*
a {
 font-family:Verdana,Arial,Helvetica;
 font-weight:normal;
 font-size:10pt;
 color:#000000;
 text-decoration:none;
}

a:visited {}
a:focus {}
a:hover {
 color:#ffffff;
 text-decoration:underline;}
a:active {}

*/

/* grün: #090 */

.submen {display:inline;}

li.submen :before { content:"\00BB"; color:#777777;}

html, body {
color:#333333;


/*font: 100%/120% Verdana, Arial, Helvetica, sans-serif;*/
font-family: verdana, arial, helvetica, sans-serif;
font-size:100%;}


p { 

font-family:"Lucida Grande", arial, helvetica, sans-serif;
font-size:1.1em;
/*font-size-adjust:none; nochmal klären*/
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;

letter-spacing:0em;
word-spacing:0em;
text-align:left; }


/* h3:before {content:"\00BB" " ";} /* ">>" Vor h3 einfügen */
div#content h3{
/* Überschrift im Text, padding um Raum zu schaffen */
color:green;
margin:1.8em 0 0.6em 0;
padding:0.2em 0 0.2em 0.5em;
font-size:1.1em; font-weight: bold;
}

div#content   p  {margin:0.2em 1em 0.6em 2em;}
div#content  ol  {margin:0.6em 1.2em 0em 5.0em;}
div#content .psmall {font-size: 0.8em; line-height:1.2em; margin:0.2em 0.1em 0em 0.2em; text-align:left;} /* für  */
div#content .pbig {font-size: 0.9em; line-height:1.3em; margin:0.2em 0.5em 0.1em 0.4em; text-align:justify;} /* für  */
div#content .pblue0 {color:#0033CC;} /* normal  */
div#content .pblue1 {color:#0033CC; font-weight:bold;} /* fett , zur strukturierung, ohne Semantische Relevanz*/




hr {
color:red;
height: 1px;
margin:1em 0.4em 1em 0.5em !important;
padding:0em 1.0em 1.0em 1.2em ;
border-width:9px;
border-bottom:2px dotted #999;
}

div#nav hr {
color:white;
height: 1px;
font-size:1.0em;
margin:0.2em 0.4em 0em 1.6em;
border-width:0px;
border-bottom: 0px dotted #000000;
}
div#foot hr  {color:#103D03;
border-bottom: 4px dotted #103D03;
margin:0.8em 0.2em 0em 0.2em;
padding:0em 0.2em 0em 0.2em;
}
h3 {
/* default für index Welcome Text */
font-size:1.0em;
color:#D9372F;

}



body {overflow-y:scroll;
	
	border:solid 0px #dddddd;
	margin: 0em auto;
	padding: 0em;
}
#container * { padding: 0.0em; margin: 0.0em;}
#container {
/* für den geamten Inhalt: head, content, nav ... 
margin:0.2em 0.2em 0.2em 0.2em; 
background:#F1F0EB;
*/


	
	margin: 0em auto;
	padding: 0em ;
	max-width:72em;

}

/* #92BD3F;
#426139
#353535;


#009900
*/

.videoWrapper {

	position: relative;
	padding-bottom: 56.25%!important; /* 16:9 - im ggs. zu programmwechels ist important zwingend nötig, sonst ist alles weiss*/
	padding-top: 25px;
	height: 0;
	width:auto!important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.clear {clear: both;}

#header { color:#FFFFEE; background: #009300;   border:solid 0px #333333; min-height:7em;  }



#nav { background:  #EAEAEA;  }


#content {padding:0em; min-height:30em; }

#main { background: white; margin-bottom:3em;}

#sidebar { background: white;}

#sidebar   h4:first-child {
  margin-top:15em;  background: #f0f3f5; color:green; font-weight:100;
} 

#sidebar2 { background: white; }

#sidebar2   h5:first-child {
  margin-top:6em; padding:0.3em 0em 0.1em 1.2em;   background: #DAF4B5; color:green; 
} 

#foot {
	background:#145900; 
	color: white;
}

@media screen and (min-width:50em) {
	
	body {margin:0px;	}
	
	#content {
	display: -ms-flexbox;
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row; 
	flex-direction: row;	
		
	}
	
	#main {
		-webkit-flex:4;
		flex:4;	
		-ms-flex: 4;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;

	}
	
	#sidebar {
		-webkit-flex:1;
		flex:1;	
		-ms-flex: 1;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	
	#sidebar2 {
		-webkit-flex:2;
		flex:2;
		-ms-flex: 2;
		-webkit-order:3;
		order:3;
		-ms-flex-order:3;
	}
	
}


h1 { font-size:1.7em; }  h2{ font-size:1.5em; } h3{ font-size:1.3em; } h4 { font-size:1.2em; } h5 { font-size:1.2em; } p { font-size:1.1em; }

b {color:#219B18; } 
i { color:#009933; font-weight:bold; }
big {color:#66CC00; font-size:1.0em;}
em  {font-weight:bold; color:#FF9900; }


/* Box rechts für Links und so */
#boxr {
margin: 1.6em 1.6em 0em 72em;
padding: 0.2em;
 width: 13em;
border: 0.4em solid #003399;

}
#boxr p {padding: 0.2em; margin: 0.2em;  }

/* Box links für logo  Farbe  des grüns color:#A6D480; entfernt bei img float:left; 

margin: 1em 0em 1em 0em;
padding: 0em 0em 0em 0em;
#boxlg p {padding: 0.2em; margin: 0.2em;  }
*/





#content1 {
/* bunter text auf index seite*/

width:46em;
overflow:visible; float:left;}
#content2 {
/* text und bild auf index seite*/
margin:-1.8em 0em 0em 0em;
width:20em;
background-position:center center; background-repeat:no-repeat;
overflow:visible; float:left;

}

#contentb {
/* IQ Test 1 und 2 */
margin:1em 0em 1em 0em;

text-align:center;
}
#contentb p {
margin:0em 0em 1.5em 0em;
font-size:1.1em;
line-height:1.6em;
/* color:#333333;*/
letter-spacing:0em;
word-spacing:0em;
text-align:center;}

/* Listen bei puns.html */
div#content li { margin: 0.0em 0em 0.4em 0em;}
div#content ol {list-style-type:decimal; list-style-position:outside; margin: 1em 0em 0em 2.5em;}
div#content ol p { font-size:0.9em; font-weight: normal; color:#D2D2D2; line-height:1.1em; }

#content h2{
/* Überschrift im Text, padding um Raum zu schaffen */
color:#666666;
margin:1.8em 0.4em 0.6em 0.4em;
padding:0.2em 0.2em 0.2em 0.2em;
font:bold 1.1em verdana, sans-serif;
border-left:0.4em solid #009900;
border-bottom:0.1em solid #009900;}

#content p {margin:0.6em 1.2em 0em 1.2em;}

#foot {

min-height: 18em;}


#foot p{ text-align:justify; font-size:0.9em;}

#nav {

font-family:Tahoma,Arial,sans-serif;
width: 100%;

}
#boxlg {
float:left;
width:320px;
border: none;
text-align:center;
max-height:7em;

}
#boxlg  {	 }
#boxlg a  {font-size:1em; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; color:#FFFFEE; letter-spacing:0.01em;  }
#boxlg  img {margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0.0em;	width:320px; 	height:80px; }

/* 
width:350px; 	height:111px;
text-align:justify;
text-align-last:justify;
max-width:16em;
float:left;
width:20%;
height:40px;
#nav li { margin:0em 0em 0em 0em !important; padding:0em 0em 0em 0.0em !important; font-size: 1.5em; 
background:none; font-weight:normal; line-height:1.5em;  width:20em; }

ul.nav1  {min-height:40px;display:block;position:relative;background:#f3f2f2;margin-top:10px;} 
ul.nav1 li{font-size:1em;}
width:13em;

border-top:10px solid #F7F5EE;background:#F3F2F2;
 */
 

 
div#content p a:before {content:"\00BB" " ";} /* ">>" Vor "a" innerhlab von "content" einfügen, geht nicht für mehr als ein element auf einmal */
div#content td a:before {content:"\00BB" " ";} /* ">>" Vor "a" innerhlab von "content" einfügen, geht nicht für mehr als ein element auf einmal */
div#content h3 a:before {content:"\00BB" " ";} /* ">>" Vor "a" innerhlab von "content" einfügen, geht nicht für mehr als ein element auf einmal */


#header h1 {text-align:right; font-size: 1.7em; letter-spacing:0.1em; font-weight:bold; font-family:Tahoma,Arial,sans-serif;color:#DDEEDD; padding:0.1em 0.3em 0.1em 0.3em; }
#header h1:first-letter { font-size:103%; color:#AED78A;}
#header h2 {text-align:right; font-size: 0.8em; letter-spacing:0.1em;  font-family:Tahoma,Arial,sans-serif; color:#009900;}
#header p {text-align:right; font-size: 0.8em;  font-family:Tahoma,Arial,sans-serif; margin-left:25em; color:#009900;}
#header h3 {text-align:right; font-size: 0.8em; letter-spacing:0.1em;  font-family:Tahoma,Arial,sans-serif; color:#009900;}
.nav1 ul {
	max-width:80em;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5em;
	font-weight: 300;
	
}
ul.nav1 a  { width: auto; color:#66B355;  letter-spacing:0.1em; font-weight:bold; font-size: 1.2em; line-height:1.6em; min-height:2.6em;}
ul.nav1 li { display: inline-block; 
border-left:none;
border-right:none;
border-bottom:none;
border-top:10px solid #ABD686;

margin:0% 0% 0% 0% !important;
padding:0% 0% 0% 1% !important;

vertical-align: top;

}

.nav1 a:before {content:"\00BB" " ";} 
.nav1 a:visited {color:#888888; }
.nav1 a:focus {color:#333333; }
.nav1 a:hover { text-decoration:none; color:#F27A35;}
.nav1 a:active { color:#FD8143; }
ul.nav1 li:hover{background:gainsboro;border-top:4px solid green;}
#nav li:last-child a{ margin-right:0;padding-right:0}
.nav1 li:last-child a{ margin-right:0;padding-right:0}
.nav1 li.akta  {background-color: #FAFAEE; }
.nav1 li.aktb a{color: #DDDDDD;}
.nav1 li.aktd a{}

@media (min-width: 50em) {

	/* Transforms the list into a horizontal navigation 
	text-align: center;
	
	*/
	.nav1 li {
		
		width: 24%;
		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav1 a {
		display: block;
		width: auto;
	}
}

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {
	
	/* Creating the 2 column layout using floating elements once again */
	.nav1 li {
		
		width:49%;
	}
	
	/* Adding some padding to make the elements look nicer*/
	.nav1 a {
		padding: 0.8em;		
	}



	.nav1 li  {
		font-size: 1em;
	

		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;



	}
}

@media (max-width: 32.438em) {

	.nav1 li  {
		display: inline-block;
		width: 99%;
		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav1 a {
		padding: 0.5em;		
	}


ul.nav1 a  {  font-size: 1.0em; line-height:1.3em; min-height:2.0em;}
ul.nav3  li { 
font-size: 0.9em;
display:block;
margin:1em 0em 2em 0.2em !important;
width: auto;
}
}
div#content   p  {margin:0.2em 0.2em 0.6em 0.6em;}
}
/* Für texte in Menu Lsite, z.b 'Word for ...' */
.aktz p {padding:0em; color:#666666;  letter-spacing:0.1em; font-weight:bold; font-size: 0.9em; line-height:1.4em; }


.big1 {line-height:0.9em; font-size: 0.9em;}
.big2 {line-height:0.6em; font-size: 0.6em;}

ul.nav2 {background-color:#F27A35;   padding:1em 0em 1em 0em !important;  }


@font-face {  
font-family:OpenSans;  
src: url(fonts/OpenSans-Regular.eot);  /* EOT for IE */
src: local("OpenSans"),
url(fonts/OpenSans-Regular.ttf) format("truetype"); /* non-IE */  
} 
  
.nav2 a:before {content:"\00BB" " ";}   
.nav2 a {display:block; color:#FFFFFE;
padding:0.6em 0em 0.4em 1em!important;  

} 

.nav2  li {   font-weight:normal;   }
ul.nav2 li { font-size: 1.1em;  
background:none; font-weight:normal;letter-spacing:0.02em; line-height:1.2em;  
margin: 0.2em 0.6em 0.2em 0.6em !important; 
font-family: OpenSans, Arial, sans-serif;

}
/* 
margin: 0.4em 0.8em 0.4em 0.8em !important; 
padding:0.6em 0em 0.4em 1em!important;  
ul.nav2 ul li:hover a{display:block}
.nav2 li a:focus {color:#FD8143;  }
*/
.nav2 li a:visited {color:#FFFCBF;  }
.nav2 li a:focus { color:#FFFCBF; }

.nav2 li a:hover {color:#FF7726!important;  background-color:#FFFFFE!important; }
.nav2 li a:active { color:#FFFCBF;  }

.nav2 li.akta  a {background-color: #FFA772; }
.nav2 li.aktb {color: #DDDDDD;}
.nav2 li.aktd a{}
/* eigentlich sollte nur .ul in nav2 diese Anweisung haben, 
margin: 4.2em 4.6em 0.2em 0.6em !important; 

*/

.nav4 a:before {content:"\00BB" " ";} 
ul.nav3 {   }

.nav3  li { margin:0em 3em 0em 2em  ;
font-size: 1.1em;  
 font-weight:normal;letter-spacing:0.02em; line-height:1.8em;  
 
font-family: lintsec, Arial, sans-serif;
display:inline;
}
.nav3 a { 
 color:#FFFFFE;
padding: 0.2em 0.6em 0.2em 0.9em;

}
/* Bild oben links (NOS) */
.bild1 {float: left; width: 14em; }
/* menue pfeil */
.bildm {border-style: none; border-color: white; border:0;}
/* Links sprache lengl, Flagge einfügen  (margin verschiebt den gesamten linktext, also padding anweden*/
.bildl {height: 0.9em; width: 1.4em;}
.lengl  {padding:0em 1.8em 0em 0em  !important; margin:0em 0.6em 0em 0em!important; background-image:url(../styles/english.png); background-position:center right; background-repeat:no-repeat;}
.ltxt  {font-size: 1em;  color:#666666; font-weight: normal; }

/* menue innerhalb einer Seite*/
.mentop {  clear:both; font:normal 0.7em Verdana;  margin:0em 0em 0em 28em;}
.mentop a {font-weight:bold; letter-spacing:0.12em; margin:0em 0em 0em 2.7em; padding:0em 0em 0em 0em;}
.mentop a {color:#999999; }
.mentop a:visited {color:#333333; }
.mentop a:focus {color:#FD8143; }
.mentop a:hover { color:#CC3333;}
.mentop a:active { color:#666666; }
/* nicht gebraucht
.mentop td {padding:0.0em 0em 0.0em 0.0em; margin:0.0em 0em 0.0em 0.0em; line-height:2.0em; border:0px none #FFFFFF; text-align:center; }
.mentop p {text-align:center; line-height:2.0em; font-weight:200;}
*/


div#content
.st01{font:bold			0.9em 	"Georgia", Times; 					color:#FF6666; letter-spacing:0.04em;}
.st02{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#ADC88A;}
.st03{font:normal		1.0em 	"Microsoft Sans Serif", Geneva;   	color:#009900;}
.st04{font:bold			1.0em 	"Rockwell"; 	       				color:#CC0033;}
.st05{font:normal		1.0em 	"Times New Roman", Times; 	 		color:#CDC51D;}
.st06{font:italic		1.0em 	"Lucida Console", Arial; 	 		color:#6699FF;}
.st07{font:normal		1.0em 	"Bodoni Black"; 	       	 		color:#44C944;}
.st08{font:normal		1.0em 	"Modern", Arial; 		 			color:#FF6633;}
.st09{font:normal		1.0em 	"Verdana", Arial; 		 			color:#009999;}
.st10{font:bold			1.0em 	"New Berolina"; 		 			color:#FF3333;}
.st11{font:normal		1.0em 	"Courier New", Courier; 	 		color:#0000FF;}
.st12{font:italic		0.85em 	"Comic Sans MS"; 		 			color:#336600;}
.st13{font:bold			0.85em 	"Tahoma"; 			 				color:#999900; letter-spacing:0.06em;}
.st14{font:normal		1.0em 	"Monaco"; 			 				color:#FF9900;}
.st15{font:normal		1.0em 	"Bookman Old Style"; 	 			color:#B30047;}
.st16{font:normal		1.0em 	"Century Gothic Old Style"; 		color:#009900;}
.st17{font:lighter		1.0em 	"Bitstream Charter Times"; 	 		color:#C81E1C;}
.st18{font:normal		1.0em 	"Palatino Linotype"; 	 			color:#DD8823;}
.st19{font:normal		1.0em 	"Verdana", Arial; 		 			color:#004080;}
.st20{font:lighter		0.9em 	"Impact", Verdana;	 				color:#679D38; letter-spacing:0.1em;}
.st22{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#666666;}
.st23{font:normal		1.1em 	"Arial Narrow", Arial;		 		color:#60ADB5;}

.st31{color:#FF6666;}
.st32{color:#ADC88A;}
/* Abwechselnd je Zeile*/
.st31{color:#6B754D;}
.st32{color:#6B956D;}
/* grün - orange*/
.sto0 {color:#B35812;}
.sto1 {color:#A33812;}
.sto2 {color:#C35518;}
.sto3 {color:#E58942;}
.sto4 {color:#F2B380;}
.sto5 {color:#FCAF81;}


.stg0 {color:#6B754D;}
.stg1 {color:#6B956D;}
.stg2 {color:#8A8F57;}
.stg3 {color:#A6A78A;}
.stg4 {color:#A0A783;}
.stg5 {color:#C7CEAC;}


.intend1  {margin-left:2em;}

/* Ausrichtung von Text*/
.txright {text-align:right;}
.txleft {text-align:left;}
.txcent {text-align:center;}
.txjust {text-align:justify;}


/* 
Century Gothic Old Style #671E04 
Webdings
Trebuchet MS
#C81E1C
#60ADB5
#DD8823  
#679D38
*/
li.linkf a {
color:#FF9900; font-size: 0.8em; font-weight:normal;
margin:1.3em 0em 0em 1.3em;
}



div.bild-down img {float:left; margin:0.4em 2em 2em 0em;}
div.bild-spruch img {float:right; margin:-0.6em -8.6em 0em 0em;}





/* für bilder mit rechts neben logo mt rahmen
div.bild21 {  position:absolute; top:4px; left:270px;  clip:rect(0px, 66px, 111px, 20px); }
*/
div.bild21 {  position:absolute; top:4px; left:278px;  clip:rect(0px, 52px, 111px, 2px); }
div.bild21 p {font-size:0.7em;}


#content .einruck  {padding-left: 2em; }

#main .deflist {margin-left: 4em; margin-right:1em; margin-bottom:1em; font-size: 1em; }

#main .deflist dt {font-weight: bold; color:#009900; margin-top:0.6em;}