/* just to get default settings */


* { border-style:none; }
a {text-decoration:none;}
:link,:visited { text-decoration:none; }

 abbr  {
   border-bottom: 1px dotted red;
   cursor: help;
 }
 pre, code  {
    font-size:1.2em;
}
/*
#main pre  {
    padding-left:3.6em;
}
, .grayframe
*/



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

ul, ol {list-style:none; }

#main ul, ol {margin-left:3em; }

p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,fieldset,input,img,pre,form,body,html,a,table,tr,td { 
margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; border-style:none; }

h1 { font-size:1.7em; }  h5 { font-size:1.2em; }   p { font-size:1.1em; }

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

/* 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 */
.mentop { clear:both;  font:normal 1em Verdana;  margin:0em 0em 1em 0em; width:100%; min-height:4em;  }
.mentop a {font-weight:normal; letter-spacing:0.12em; margin:0em 0em 0em 1.0em; padding:0em 0em 0em 0em;  }
.mentop a {color:#2A6699; }
.mentop a:visited {color:#333333; }
.mentop a:focus {color:#FD8143; }
.mentop a:hover { color:#CC3333;}
.mentop a:active { color:#666666; }
.mentop ul  {}
li.submen {display:inline; line-height:3em; white-space: nowrap; }
li.submen :before { content:"\00BB"; color:#777777;}

/*
.submen {display:inline;}

li.submen :before { content:"\00BB"; color:#777777;}
*/
html, body {
font-size:100%;
}


p { 


font-size:1.08em;

font-style:normal;
font-variant:normal;
font-weight:normal;

padding:0em 0em 0em 0em;
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 .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.8em 0.5em 0.1em 0.4em; text-align:justify;} /* für  */
div#content .pbig2 {margin:0.9em 0.5em 0.1em 0.4em; text-align:justify; line-height:1.3em;}



.bgcol {background-color: #FCFC79;}
.bgcolg {background-color:  #F7F6D9;}
div#content .pbig8 {font-size: 0.9em; margin:0.1em 0.0em 0.3em 5em; 
border:solid 2px #009900;
padding:0.2em 0.1em 0.2em 0.4em;
}

div#content .pbig9 { font-size:1.1em; margin:0.1em 0.1em 0.1em 0.1em; 
border:solid 2px #009900;
padding:0.4em 0.6em 0.4em 0.6em;
}
div#content .pblue0 {color:#0033CC;} /* normal  */
div#content .pblue1 {color:#0033CC; font-weight:bold;} /* fett , zur strukturierung, ohne Semantische Relevanz*/

/* Listen bei puns.html #ffff00 */
div#content li { margin: 0.0em 0.0em 1.0em 1.1em;}
div#content ol {list-style-type:decimal; 	list-style-position: inside; margin: 1em 0em 1.0em 2.2em;}

/* 
div#content ol p { font-size:0.9em; font-weight: normal; color:#D2D2D2; line-height:1.1em; }
#main ul, ol { margin-left:4em; }
 */




#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;}



h3 {
/* default für index Welcome Text */
font-size:1.0em;
}
h4 {
/* default für index Welcome Text */
/* font-size:0.95em;
color:#D9372F;
font-weight:bold;
margin-bottom:0.2em;
letter-spacing:0.159em;
padding:0.2em 0.2em 0.2em 0.4em;
*/
}
#main h5 {
color:#444444;
background-color:#ffffff; /* helles gelb #fffff5*/
font-family: verdana, arial, helvetica, sans-serif;
font-size:0.94em;
}

body {overflow-y:scroll;
	
	border:solid 0px #dddddd;
	margin: 0em auto;
	padding: 0em;
}


hr {
/*
color:red;
height: 1px;
margin:1.6em 0.4em 2.7em 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;
}

#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:80em;

}

/* #92BD3F;
#426139
#353535;
background: #009300;  

#009900
#EAEAEA
*/



#header { color:#FFFFEE; 
background-color:#D04F49;
background-image:url(background-header.png);
 border:solid 0px #333333; 
 min-height:7em;  }



#nav {   clear:both; }


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

#main { background: white; margin:0em 5.2em 2em 1.6em; line-height:1.4em;}

#main { padding:0em 0.1em 0em 0.2em;}
#sidebar { background: white;  }

#sidebar   h4 { 
    background: #EDE6DC; color:#CC4E46; font-weight:normal;
} 

#sidebar2 { background: white; }

#sidebar   h5 {
  padding:0.3em 0em 0.1em 1.2em;   background: #FCC2C2;  color:#CD463F; 
} 

#sidebar2   h5 {
   padding:0.3em 0em 0.1em 1.2em;   background: #A2C2D3; color:#214891;  
} 

#foot {
	background-image:url(background-dark.png);
	color: white;
}

.footp4  {padding:1.4em; color:#EDEDDD;

}






/* 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;}





#foot {

min-height: 18em;}


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

#nav {

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

}
#boxlg {
float:left;
width:320px;
border: none;
text-align:center;
max-height:7em;
margin: 0em 0em 1.53em 0em;
}
#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:#22C6E2;}
#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 {

	margin: 0;
	padding: 0;
	list-style: none;
	
	

}
ul.nav1 a  { width: auto; color:#19629E;  letter-spacing:0.1em; font-weight:bold; font-size: 1.4em; line-height:1.4em; min-height:2.6em;}
ul.nav1 li { display: inline-block; 
border-left:none;
border-right:none;
border-bottom:none;
border-top:10px solid #4677A8; /* ANP oberer Rahmen bei hover */
text-align:left;
margin:0% 0% 0% 0% !important;
padding:0% 0% 0% 1% !important;

vertical-align: top;
background:  #DBD7CE; /* Background der Link box */
}
/* 
hover #F27A35
active #FD8143
*/
.nav1 a:before {content:"\00BB" " ";} 
.nav1 a:visited {color:#888888; }
.nav1 a:focus {color:#F27A35; }
.nav1 a:hover { text-decoration:none; color:#F27A35;}
.nav1 a:active { color:#FD8143; }
ul.nav1 li:hover{background:gainsboro;border-top:4px solid #2F628C;} /* ANP oberer Rahmen bei hover */
#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{}

/* Für texte in Menu Lsite, z.b 'Word for ...' 
background-color:#F27A35; 
background-color: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, transparent 100%) repeat scroll 0% 0% transparent;
linear-gradient(to left, #FFCC00 5%, #FF7226 70%);

*/
.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 { font-size: 0.7em!important;}

ul.nav2 { 
background:#55829F; /* ANP  */
  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 */ 
font-display: swap;    
} 
  
.nav2 a:before {content:"\00BB" " ";}   
.nav2 a {display:block; color:#FFFFFE;
padding:0.2em 0em 0.4em 0.2em!important;  

} 

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

ul li.big3  { font-size: 1.03em;  
 color:#EDE6DC;  line-height:1.1em;  

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: #254F94; }
.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:#FEFEFE;
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 0em; 
width:100%;
text-align:center;

}
.mentop a {font-weight:bold; letter-spacing:0.12em; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em;}
.mentop li {text-align:left; background:#EAEAEA;}
/* 
.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;}
*/




 
.st01{font:bold			0.9em 	"Georgia", Times; 					color:#FF6666;}
.st02{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#6EBF03;}
.st03{font:normal		1.0em 	"Microsoft Sans Serif", Geneva;   	color:#CC0033;}

.st04{font:normal		0.94em 	"Microsoft Sans Serif", Geneva;   	color:#009900; letter-spacing: 0.06em;}
.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:normal		0.9em 	"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:normal		0.9em 	"Tahoma"; 			 				color:#999900;}
.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.96em 	"Trebuchet MS", Helvetica;			color:#679D38;}
.st21{font:lighter		0.96em 	"Trebuchet MS", Helvetica;			color:#B35812;}
.st22{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#666666;}
.st23{font:normal		1.1em 	"Arial Narrow", Arial;		 		color:#60ADB5;}
.st24{font:normal		1.1em 	"Lucida Sans Unicode", Arial; 		color:#F2B380;}
.st31{color:#FF6666;} /* hellrot */
.st32{color:#6CB709;} /*  hellgrün #8AB74E;*/
/* Abwechselnd je Zeile*/
.st33{color:#6B754D;}
.st34{color:#6B956D;}

.st35{color:#ADC88A;} /* hellgrün  */

.st41{font:normal		1.06em 	"Rockwell"; 	       				color:#CC0033;  letter-spacing: 0.03em;}
.st42 {font:normal		1.1em 	"Microsoft Sans Serif", Geneva;   	color:#009900; letter-spacing: 0.03em;}
/* 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;}

/* Farbe für wechslende Dialog*/
.fab1  {color:#2f4f4f;}
.fab2  {color:#00008b;}
.fab0  {color:#000080;}



.su01{color:#FF6666 !important;}
.su02{color:#6EBF03 !important;}
.su03{color:#CC0033 !important;}
.su04{color:#009900 !important;}
.su05{color:#CDC51D !important;}
.su06{color:#6699FF !important;}
.su07{color:#44C944 !important;}
.su08{color:#FF6633 !important;}
.su09{color:#009999 !important;}
.su10{color:#FF3333 !important;}
.su11{color:#0000FF !important;}
.su12{color:#336600 !important;}
.su13{color:#999900 !important;}
.su14{color:#FF9900 !important;}
.su15{color:#B30047 !important;}
.su16{color:#009900 !important;}
.su17{color:#C81E1C !important;}
.su18{color:#DD8823 !important;}
.su19{color:#004080 !important;}
.su20{color:#679D38 !important;}
.su21{color:#B35812 !important;}
.su22{color:#666666 !important;}
.su23{color:#60ADB5 !important;}
.su24{color:#F2B380 !important;}
.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

margin:-0.6em -8.6em 0em 0em;
*/
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 0.4em;}
div.bild-spruch img {float:right; padding-top:0.2em;}

.bild-spruch {min-height:3em;  }



/* für bilder mit rechts neben logo mt rahmen
div.bild21 {  position:absolute; top:4px; left:270px;  clip:rect(0px, 66px, 111px, 20px); }
background:#009900;
padding:2em 0em 0em 2.6em; 


*/
.bild21 {  float:right; } /* Für kleines bild bei nav2*/
.bild21 p {font-size:0.7em;}
.nav3 img {width:30px; height:16px;}
#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;}

#totop p {  margin-top:1.2em; text-align: center; font-size:1.6em;}

#totop   { width:6.8em; height:5.2em; margin:0 auto; margin-bottom:1em;
  background-image: url(top.png); 
  background-repeat: no-repeat;
   border: 2px dotted grey;
}


div#content table  {font-weight: normal;}
div#content td {vertical-align:top;
	
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0.4em 0.1em 0.4em 0.2em;
}
#sidebar p  {
	
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.2em;

	padding: 0.0em 0.2em 0.0em 0.1em!important;
	margin: 0.0em 0.0em 0.0em 0.0em!important;
}

#sidebar  p:first-of-type{
padding: 2em 0.2em 2em 0.2em!important;
font-size:0.9em;	
background-color:#F4EEE6;
text-align:center!important;

 }


#sidebar p a {font-weight: bold;}

h4.psmall {margin: 0!important; padding: 0em 0em 2em 0em!important; text-align:center!important; }
.videoWrapper {

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:auto!important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*                      					*/
/*       anfang media screen     	        */
/*       						            */

@media (max-width: 38.438em) {
/* klein für phone senkrecht */
#main {  margin:0em 0em 0.8em 0em;}

#main p      {  font-size:110%;}
#main  li  {  font-size:107%;}
	.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.2em; line-height:1.4em; min-height:2.0em;}

#header h1 {  font-size: 1.1em; display:block; clear:both;}
.mentop  {  font-size: 0.9em; line-height:1.2em; margin-top:1.4em;}
.mentop a {   margin-left:1.4em; min-height:2.0em;}
.mentop li {   min-height:2.0em;}
ul.nav3  li { 
font-size: 0.9em;
display:block;
margin:1em 0em 2em 0.2em !important;
width: auto;
}

pre { margin-left:0.6em!important; } 

}

div#content   p  {margin:0.2em 0.2em 0.6em 0.6em;}




@media (min-width:38.5em) {
	.nav1 li {

		width: 32%;
		min-height:4em;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}	

}

/* CSS 3 spalten hauptmenü 
	#main, #sidebar,  #sidebar2 { margin-left:2.8em; margin-right:2.8em;}
	border:1px solid #CCCCCC;
*/
@media (min-width:38.5em)  and (max-width: 49.938em) {

	#header h1 {  font-size: 1.6em; }
	#boxlg { margin-right: 1.4em;}
	
	#content { width:100%;
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
		-webkit-flex-direction: row; 
	flex-direction: row;	
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	}	
	#sidebar {
		-webkit-flex:2 0 11em;
		flex:2 0 11em;	
		-ms-flex: 2 0 11em;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	

	#main {
		-webkit-flex:5 0 20em;
		flex:5 0 20em;	
		-ms-flex: 5 0 20em;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;

	}
	

	#sidebar2 {
		-webkit-flex:3 0 20em;
		flex:3 0 20em;
		-ms-flex: 3 0 20em;
		-webkit-order:3;
		order:3;
		-ms-flex-order:3;
		
	}
/* save
#sidebar 	{  min-width:10em; } 
#sidebar2   	{  min-width:40em; } 
#main  		{  min-width:20em; } 
.pbig2 {  width:30em; } 
#sidebar   	h4 {  width:10em; } 
#sidebar2   	li {  width:20em; } 
.nav2 { min-width:20em; max-width:20em; width:20em;}
#sidebar { min-width:12em; max-width:12em; width:12em;}
*/
#sidebar   	h4 { margin-top:15em!important;  } 
#sidebar   	h5 { margin-top:6em; } 

}



@media screen and (min-width:50em) and (max-width: 74.938em) {
/* save
#sidebar	{  min-width:40em; } 
#sidebar2   	{  min-width:20em; } 
#main  		{  min-width:20em; } 
#contentx	{  max-width:72em; } 
*/
	#content {
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row; 
	flex-direction: row;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}	
	#main {
		-webkit-flex:4 0 22em;
		flex:4 0 22em;	
		-ms-flex: 4 0 22em;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	
	#sidebar {
		-webkit-flex:1 0 30em;
		flex:1 0 30em;	
		-ms-flex: 1 0 30em;
		-webkit-order:3;
		order:3;
		-ms-flex-order:3;

	}
	
	#sidebar2 {
		-webkit-flex:2 0 20em;
		flex:2 0 20em;
		-ms-flex: 2 0 20em;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;
	}
	#sidebar2   	h5 {  margin-top:6em; } 


	
}

@media screen and (min-width:75em) {

#sidebar { min-width:12em; max-width:12em; width:12em;}
	.nav1 a {
		display: block;
		width: auto;
	}
	
	body {margin:0px;	}
	
	#content {
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row; 
	flex-direction: row;		
	}
	
	#main {
		-webkit-flex:6;
		flex:6;	
		-ms-flex:6;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;

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

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

@media (min-width: 75em) {
/* 4 Spalten Hauptmenu*/

	.nav1 li {

		width: 24%;
		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

}

@media (min-width: 75em) {
#sidebar   	h4 { margin-top:15em!important; } 
#sidebar   	h5 { margin-top:6em; } 
#sidebar2   	h5 {  margin-top:6em; } 
}




/* ende media screen */


	pre, code {background:#EDEDED;
	font-family:"Lucida Console",'Monaco','Andale Mono',monospace; color:rgb(80,80,80);
	}
	pre, code , kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	pre, .grayframe {border-top: 0.4em solid hsl(222,12%,88%); border-bottom: 0.4em solid hsl(222,12%,88%);  background:rgb(250,250,250); line-height:133%; font-family:"Lucida Console",'Monaco','Andale Mono',monospace; color:rgb(80,80,80);  
	padding:0.4em 0em 0.4em 0.4em;  margin-left:0.6em; margin-top:1em;}

/* 2025-05 */
div#content li a:before {content:"\00BB" " ";}