body {width:100%; }

/*Seitenstruktur Menü*/	



#menue {position:fixed; left:0px; 
	width:250px; margin:20px; 
	z-index:1;}

#menue {
	font-family: 'courier new', courier, monospace;
	font-size: 14px;
	line-height: 18px;
	top:120px;
	width:250px;
	text-align:left;
	margin-left:30px;
	margin-top:70px;
	color:#e0e0e0;

	}

.menue a {
	font-family: 'courier new', courier, monospace;
	font-size: 14px;
	color: #999;
	text-decoration: none;
	line-height: 18px;
	padding-right:0px;
	display:block;
	}

#menue a:hover {
	color: #000;
	}

#seite1 .menu1, #seite2 .menu2, #seite3 .menu3, #seite4 .menu4, #seite5 .menu5, #seite6 .menu6, #seite7 .menu7 , #seite0 .menu0, #seiteX .menu7
	{color: black;}

	
/*Seitenstruktur Inhalte*/	
	
#seite, #seitez {position:absolute; top:0px; left:250px; 
	border: 0; margin: auto; 
	width: 750px; z-index:5;
	min-height:450px;background: #f0f0f0; 
	}  

#seiteX #seitez {position:absolute; top:0px; left:250px; text-align:center;height:85%;width: 750px; z-index:5;min-height:550px;background: #f0f0f0;}

.inhalt { float: left; width: 980px; z-index:5; } 
.clr { clear: both; }

.inhaltx { float: left; width: 980px; text-align:center;margin-top:40px;z-index:5; }   
.linksx { float: left; width: 700px; margin-left:30px;padding-top:100px;}   

#links1 { 

    position: sticky;
	width:715px;
	top:0px;
	height:70px;
	z-index:30;
	} 

#logo {
	font-family: 'courier new', courier, monospace;
	font-size: 55px;
	color:#666;
	width:715px;
	background: #f0f0f0; 
	margin:0px;
	padding-left:35px;
	padding-top:20px;
	height:70px;
	box-shadow: 0pt 0px 15px -10px rgba(0, 0, 0, 0.2);
	border-top:1px #E5E0E0 dotted;
	border-bottom:1px #666 dotted;
	z-index:50;
	}

#logox {
	font-family: 'courier new', courier, monospace;
	font-size: 55px;
	color:#666;
	width:750px;
	height:70px;
	margin:0px;
	padding-top:60px;

	}

.links { float: left; width: 660px; 
	background: #f0f0f0; padding-left:40px; 
	padding-top:120px; padding-right:40px;
	border-top:0px #999 dotted;
	min-height:900px;}  

.links_text { float: left; width: 660px; 
	background: #f0f0f0; padding-left:40px; 
	padding-top:100px; padding-right:40px;
	padding-bottom:100px;border-top:0px #999 dotted;
	height:100%; min-height:700px;}   

.unterpunkt {padding-top:-50px;
	vertical-align:top;
	font-family: 'courier new', courier, monospace;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-bottom:5px;
	}
	
a.anker {height:0px;margin-top:-50px;float:left; text-align:left;}
#seite5 a.anker {height:0px;margin-top:-80px;float:left;}
#seite4 a.anker {height:0px;margin-top:-140px;float:left;}

.links_katalog { float: left; width: 660px; 
	background: #f0f0f0; padding-left:40px; 
	padding-top:120px; padding-right:40px;
	padding-bottom:100px;border-top:0px #999 dotted;
	height:100%;}   

.rechts { float: left; width: 190px; 
	margin:0 10px;padding-top:170px;
	border-top:0px #999 dotted;
	padding-bottom:80px; padding-left:10px;}  

.rechts1 { float: left; width: 210px; 
	margin:0 10px;border-top:0px #999 dotted;
	padding-bottom:80px; padding-left:10px;}  

.bild2 { 
	float: left; 
	width: 280px; 
	margin:0 20px 20px 0px;
	border-top:0px #999 dotted;
	font-family: 'courier new', courier, monospace;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	}  
	
img.bild2 { 
	float: left; 
	width: 270px; 
	margin:0 20px 5px 0px;
	border-top:0px #999 dotted;
	font-family: 'courier new', courier, monospace;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	border:5px #fff solid;
	}  

img.bild3 { 
	float: left; 
	width: 120px; 
	margin:0 10px 5px 0px;
	border-top:0px #999 dotted;
	font-family: 'courier new', courier, monospace;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	border:5px #fff solid;
	} 

 a img.bild2, a img.bild3{ 

	border:5px #fff solid;
	}  
	
 a:hover img.bild2, a:hover img.bild3{ 
	border:5px #c9c9c9 solid;
	}  
	
.inhalt a.under {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:1em;
}

.inhalt a.under:hover {
	text-decoration:underline;
}
		
/*Formatierung Inhalte*/	

	
/*Formatierung Bilder*/	
.links img {
	max-width:550px;
	}

.rechts img {
	width:150px;
	}


	
/*Formatierung Übersichtsraster*/		
#raster {
	width:660px;
	text-align:center;
	}	

a.raster img {   /*linkformatierung*/
	width:18px;
    /*float:left;*/
    text-decoration:none;
	border:0px #9f9f9f dotted;
}		
	
#raster a:hover img {
	border: 2px #fff solid;
	}	

.cover1 {
    position:relative;
    height:120px;
	width:160px;
	float:left;
	text-align:left;

	}
	
.cover {
	position: absolute;
    left: 0px;
    top: 0px;
	/*	clip:rect(0px, 210px, 150px, 0px)*/
	z-index:1;
}

.cover img{
  	border: 2px solid #fff;
	height:119px;
	width:159px;
	z-index:1;
}

.covertext {
	position: relative;
	display:block;
	width:150px;
	text-align:left;
	margin:8px auto auto 5px;

	font-family: arial, helvetica;
	font-size: 13px;
	color:red;
	/*text-shadow: 0 0 1em #fff, 0 0 1em #fff;*/
	font-weight:normal;
	z-index:20;

}
	
.cover1:hover .cover {
    opacity : 0.1;
	transition-property:opacity;
	transition-duration:0.3s;
	transition-timing-function:linear;
	transition-delay:0.01s;	
}


ul.bildwechsel a.raster, ul.bildwechsel a:hover.raster {   /*linkformatierung*/
    /*float:left;*/
    text-decoration:none;
	border:0px #9f9f9f dotted;
	margin:1px 25px 15px 0;
	background:#fff;
}

ul.bildwechsel a:hover.raster {   /*linkformatierung*/
    /*float:left;*/
	-ms-filter: "alpha(opacity = 5)"; /* ab IE 8 zusätzlich möglich */ 
	opacity: .1; /* alle anderen Browser einschließlich IE 9 */
}



	
	
/*Formatierung Links*/	
.links a, .links_text a {font-size:12px;color:#666; text-decoration:none;}
.links a:hover, .links_text a:hover {color:#333; }
 a.link {font-size:16px;color:#999; text-decoration:none;}
 a:hover.link {color:#333; }

	
/*Formatierung Sprungmarken*/		
.naechste {font-size:12px;color:#666; padding-top:30px;}


/*Formatierung Inhalte*/	


h1, h2, h3 {
	padding:0 0 20px 0;
	width:100%;
	font-family: 'courier new', courier, monospace;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	}	

.beschriftung {
	padding-top:5px;
	width:100%;
	font-family: 'courier new', courier, monospace;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	}

.beschriftung_klein {
	padding-top:5px;
	width:100%;
	font-family: 'courier new', courier, monospace;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height:10px;
	}

.text, p {
	vertical-align:top;
	font-family: 'courier new', courier, monospace;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	margin-bottom:5px;
	}

	
hr {
	color:#999;
	}

	
a.button {
	color:blue;
	}
	
p.hidden {
	display:none;
	width:650px;
	}

/*Formatierungen für ein- und ausblenden von Text*/		
div.text_hidden:not(:target) div.text, div.text_hidden:target div.show, div.text_hidden div.hide {
    display: none;
    }
 
div.text_hidden:target div.text, div.text_hidden:target div.hide {
    display: block;
    }
			
.hide, .show {
	padding-top:20px;
	padding-bottom:20px;
	}

  
.menue a.row, #hamburg {
  display: none;
}	






@media only screen and (max-width: 1050px) {
	
label.hamburg { 
   display: block;
   background: #fff; width: 25px; height: 25px; 
   position: relative; 
   margin-top:0px;
   margin-left: 40px; margin-right: 0;
   border-radius: 1px; 
}
.line { 
   position: absolute; 
   left:1px;
   height: 2px; width: 18px; 
   background: #999; border-radius: 1px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 4px; }
.line:nth-child(2) { top: 9px; }
.line:nth-child(3) { top: 14px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(5px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}


#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-5px) rotate(45deg);
}
	
.links_text { 
	width: 660px; } 

#seite, #seiteX #seitez, #seitez {position:absolute; left:0px; 
	border: 0; margin: auto; top:40px; width:680px;
	z-index:5;min-height:450px;background: #f0f0f0; 
	}  

.inhaltx { position:static; left:0px; border: 0; margin: auto; top:40px; z-index:5;}   
.linksx { float: left; margin-left:30px;padding-top:100px;}  
 
 #seiteX #seitez, #seitez, .inhalt, .rechts, #logox, .linksx, .inhaltx  {background: #f0f0f0;width:100%;margin:auto;}

.links {min-height:650px;}  
.rechts {min-width:690px;padding-top:0px;margin-left:40px;}  

#logox {
	background: #f0f0f0; 
	margin:auto;
	margin-left:0px;
	padding-top:20px;
	width:100%;
	height:70px;
	box-shadow: 0pt 0px 0px 0px rgba(0, 0, 0, 0);
	text-align:center;
	border-top:1px #E5E0E0 dotted;
	border-bottom:1px #666 dotted;
	z-index:50;
	}
#start {text-align:center;margin:auto;}


#menue {
	position:fixed; 
	left:0px; 
	top:0px;
	margin:0px;
	padding:10px 0px 10px 0px; 
	width: 100%;
	z-index:150;
	background-color:#fff;
	height:20px;
	}
	
  .menue a:not(:first-child) {display: none;}
  .menue a.row {
    float: left;
    display: block;
  }

  .menue.responsive {position: relative;}

  .menue.responsive a {
    display: block;
    min-width: 300px;
	line-height:30px;
	margin:0; padding:0;
	background-color:#fff;
	padding-left:80px;
	font-size:1.4em;
  }
   .menue.responsive .row {
	display: block;
    float: left;  }

#logo::before { content: "\00A0 ";	}

#logo {padding:10px 0px;min-width:740px;	} 
	
#links1 { 
    width:100%;top:40px; left:0px; } 
	
 
#seite5 .rechts  { margin-top:-280px; height:50px;margin-left:30px;z-index:5;}
#seite5 .naechste { margin-top:100px; z-index:20;} 

#seite4 .rechts .beschriftung { margin-top:-210px; margin-left:-10px;} 
#seite4 .rechts  { margin-top:0px; margin-left:40px;}
#seite4 .naechste { margin-top:50px; z-index:20;}

#seite4 .links_text, #seite5 .links_text { min-height:100px; }  	
}




@media only screen and (max-width: 800px) {
	
body, html, .unterpunkt, .links a { 
   font-size:1.0em;
}

.naechste a, .nächstes a { 
   font-size:1.3em;
}
.beschriftung_klein { 
   font-size:15px; line-height:16px;
}

.beschriftung { 
font-size:15px;
}

.rechts {float: left;margin:150px 0px;padding:0px;border-bottom:0px #999 dotted;}  
.links {min-height:100px;}   

.links {margin:200px 0px 0px 0px;padding:0px;}  
.links:first-of-type {margin:120px 0px 0px 0px;}  

.links_text {padding-bottom:10px;}	

body {width: 100%; background: #f0f0f0; 
	}  

#logo {padding:10px 0px;box-shadow: 0pt 0px 0px 0px rgba(0, 0, 0, 0.2);width:103%;
	} 
#logox {font-size:40px;}	

#seite, #logo, .inhalt, .links, #links1, .rechts {width: 100%; 
	} 

#seite1 .rechts, #seite2 .rechts {display:none;}

.text, .links .unterpunkt,.links .beschriftung, .links .beschriftung_klein, ul.bildwechsel, #seite2 .naechste, #seite1 .naechste,#seite1 .nächste {margin-left:30px;}  

#start {width:70%;}

.links img {margin-left:30px;
	} 
.rechts img {margin-left:30px;
	}  	
	
.links a.raster img {margin-left:0px;} 
	
.covertext {margin-left:35px;}

.links img {
	max-width:550px;
	}

.rechts img {
	width:150px;
	}

 
#seite5 .rechts  { margin-top:-100px; margin-left:70px;}
#seite5 .naechste { margin-top:0px; }

#seite4 .rechts  { margin-top:10px; margin-left:40px;}  
#seite4 .rechts .beschriftung { margin-top:-110px; margin-left:0px;} 
  
#seite4 .links_text, #seite5 .links_text { min-height:100px; }
}