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

/*---------------------------------------Main CSS Style------------------------------------------*/

body { background-color:#FFFFFF; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px } 
a {text-decoration:none; color:#333333; border:0;}
img {border:0; margin:0;}
hr { margin-left: 5px; margin-right: 5px;}
/*div { border: solid 1px #FF6600} zur layout kontrolle*/
select { background-color:#CCCCCC; }

/*---------------------------------------Navigation--------------------------------------------*/

span#navhight { font-size:30px;}

ul#nav {position:relative;margin: 2px 0 0 10px; padding: 0; font-size:30px}
		
		ul#nav li {	display:block;float:left;	}		
		
		ul#nav li a { background-position: 0 0}	
		ul#nav li a:hover {background-position:0 -30px}
		ul#nav li a:active {background-position:0 -60px}
		
		ul#nav li#pos1 a { background-position: 0 0; width:130px;}	
		ul#nav li#pos1 a:hover {background-position:0 -30px; width:130px;}
		ul#nav li#pos1 a:active {background-position:0 -60px; width:130px;}
			
		ul#nav li#pos2 a { background-position: -130px 0; width:130px;}	
		ul#nav li#pos2 a:hover {background-position:-130px -30px; width:130px;}
		ul#nav li#pos2 a:active {background-position:-130px -60px; width:130px;}
		
		ul#nav li#pos3 a { background-position: -260px 0; width:130px;}	
		ul#nav li#pos3 a:hover {background-position:-260px -30px; width:130px;}
		ul#nav li#pos3 a:active {background-position:-260px -60px; width:130px;}
		
		ul#nav li#pos4 a { background-position: -390px 0; width:130px;}	
		ul#nav li#pos4 a:hover {background-position:-390px -30px; width:130px;}
		ul#nav li#pos4 a:active {background-position:-390px -60px; width:130px;}
		
		ul#nav li#pos5 a { background-position: -520px 0; width:130px;}	
		ul#nav li#pos5 a:hover {background-position:-520px -30px; width:130px;}
		ul#nav li#pos5 a:active {background-position:-520px -60px; width:130px;}
		
		ul#nav li#pos6 a { background-position: -650px 0; width:130px;}	
		ul#nav li#pos6 a:hover {background-position:-650px -30px; width:130px;}
		ul#nav li#pos6 a:active {background-position:-650px -60px; width:130px;}

		ul#nav li#pos7 a { background-position: -780px 0; width:130px;}	
		ul#nav li#pos7 a:hover {background-position:-780px -30px; width:130px;}
		ul#nav li#pos7 a:active {background-position:-780px -60px; width:130px;}
/*-----------------------------------------Layout Layers----------------------------------------*/
 div#ihead { width:950px; text-align:right; color:#000000; font-size:11px; display:block;}

 div#main { width:950px; border: solid 2px #333333; margin-top: 20px; background-color:#CCCCCC; }
 
 div#title { float:left; display:block; width:100%; clear:both; margin-bottom: 18px;}
 
 div#design { width:465px; margin: 6px 0 6px 6px; display:block; text-align:left; float:left; position:relative;}
 
 div#langsel { width:465px; margin: 6px 6px 6px 0; display:inline; text-align:right;float:right; position:relative; font-weight:bold;}
 div#langsel a:hover {color:#000000;}
 div#langsel img { margin:0;}
 
 div#foot { font-size:10px; color:#333333; display:block;}
 div#foot a { font-size:10px; color:#333333; text-decoration:none;}
 div#foot a:hover { font-size:10px; color:#333333; }
 
 div#infobox { width:750px; height: 190px; overflow:auto; background-color:#999999; border: solid 2px #333333;}
 
 div#book { width:250px; overflow: hidden; text-align:center;border-left: solid 1px #AAAAAA; color:#444444; font-size:11px;
 border-right: solid 1px #AAAAAA; float:left;}
 
 div#container  { width:600px; height:500px; float:left; overflow:auto; text-align:justify; padding:0 20px 0 10px; margin-left:15px}
 
 div#next { width:250px; height:20px; text-align:center; background-color:#999999; position:relative; margin-top:5px; color:#000000; font-size:14px;}
 
 div#booktit { width:250px; height:20px; text-align:center; background-color:#999999; font-weight:bold; margin-bottom:15px; color:#000000; font-size:16px;}
 
 img#imginbook {float:left; border: solid 1px #666666; margin-top: 7px; margin-right:18px; }
 
 /*------------------------------------Layout Classes--------------------------------------------*/
 
 .content {margin: 19px 25px 19px 15px; width:910px; text-align:justify;}
 
 .content .imgintext {float:left; border: solid thin #666666; margin-top: 7px; margin-right:18px; }
 
 .content .quotes { font-style:italic; text-align:center; float:none; width:550px;  display:block; }
 .content .qsource {text-align:right; font-style:normal; color:#000000; display:block; }
 
 .content .title { text-align:center; font-size:20px; display:block}
 .content .subtitle{ text-align:center; font-style:italic; font-size:16px; display:block}
 .content .supertitle {text-align:center; font-size:28px; display:block; font-weight:bold;}
 
 .content .splitt {width:420px;  margin:10px; display:block; float:left;}
 .content .splitt2 {width:435px; margin: 10px 10px 10px 0; float:right; display:block;
  border-left: solid 1px #AAAAAA; padding-left:17px}
 
 .content .clear { clear:both;}
 
 .content .selector {  width:150px; height:510px; float:left; border-right: solid 1px #AAAAAA;
  padding-left: 10px; font-size:14px; text-align:left; }
 .content .selector a{ color:#000000; font-weight:bold;}
 .content .selector a:hover{ color:#222222; font-weight:bold; font-variant:small-caps;}
 
 .content .container { width:700px; height:510px; float:left; overflow:auto; text-align:justify; padding:0 20px 0 20px;}
 
 .content .flleft { float:left; margin: 15px 15px 15px 0; border: solid 1px #666666; }

 .content .flright { float:right; margin: 15px 0 15px 15px; border: solid 1px #666666; }

 div.cbook {float:left; width:125px; text-align:center; height:148px;}
 
/*----------------------------------------------------------------------------------------------*/