<style type="text/css">

body {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
	 }
	 
body {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #D6D6C2;
	width: 99%;
	height: 95%;
	SCROLL: auto;
	SCROLLBAR-FACE-COLOR: #e2e6ae; 
	SCROLLBAR-HIGHLIGHT-COLOR:#C4CD42; 
	SCROLLBAR-SHADOW-COLOR:#e2e6ae; 
	SCROLLBAR-3DLIGHT-COLOR:#e2e6ae; 
	SCROLLBAR-ARROW-COLOR:#C4CD42; 
	SCROLLBAR-TRACK-COLOR:#e2e6ae; 
	SCROLLBAR-DARKSHADOW-COLOR:#C4CD42;
	 }

div.shadow { 	-moz-box-shadow: 8px 8px 8px #808080;
		   	
		-webkit-box-shadow: 8px 8px 8px #808080;
		box-shadow: 8px 8px 8px #808080;

		 /* For IE 8 */
		 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";

		/* For IE 5.5 - 7 */
		/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
		filter:progid:DXImageTransform.Microsoft.dropShadow(color='#808080', offX=5, offY=5, positive=true);
			  
		 position: absolute;
			  left: 12%;
			  top: 1%;
			  background: #C4CD42;
			  height: 91%;
			  width: 76%;


}



div.full {position: absolute; /*füllung zwische re und li*/
	left: 30%;
	top: 2%;
	background: #e2e6ae;
	height: 96%;
	width: 40%;
	
	
}
div#balkenFront{position: absolute;
	left: 5%;
	top: 0%;
	height: 100%;
	width: 10px;
	BACKGROUND:  #94B84C;
	
}
div#siterightFront{
	
	
	-moz-box-shadow: 8px 8px 8px #808080;
		   	
		-webkit-box-shadow: 8px 8px 8px #808080;
		box-shadow: 8px 8px 8px #808080;

		 /* For IE 8 */
		 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";

		/* For IE 5.5 - 7 */
		/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
		filter:progid:DXImageTransform.Microsoft.dropShadow(color='#808080', offX=5, offY=5, positive=true);
			position: absolute;
			  right: 12%;
			  top: 1%;
			  background: #C4CD42;
			  height: 91%;
			  width: 38%;

	
}

div.leftfirst {position: absolute;
	left: 2%;
	top: 2%;
	background: #C4CD42;
	height: 96%;
	width: 48%;
	
}
div#picMitteHorizontal{
	
    position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	
}

div#picMitteVertikalHerz{
	margin-left: -30px;
	position: absolute;
	top: -35px;
	left: 50%;
	width: 80px;
	height: 60px;
	overflow: visible;

}

div#picMitteVertikalSteff{
	margin-left: -60px;
	position: absolute;
	top: -175px;
	left: 35%;
	width: 120px;
	height: 200px;
	overflow: visible;
}



div.left {position: absolute;
	left: 2%;
	top: 2%;
	background: #e2e6ae;
	height: 96%;
	width: 48%;
	
}
div.topWord{position: relative;
	top: 3%;
	height: 0%;
	padding-left: 10%;
	
	
	
}
div#siteleftTopDotted {	position: absolute;
			top: 15%;
			left: 8%;
			width: 92%;
			height: 0%;
			/*padding-top: 8%;
			padding-left: 0px;
			padding-bottom: 2%;*/
			border-bottom-width: 2.5px;
			border-bottom-style: dotted;
			border-bottom-color: #FFFFFF;
			
	
}
div.scroll {
	/*border-color: black;
	border-style: solid;
	border-width: 1px;*/
	padding-left: 5%;
	padding-right: 5%;
	width:90%;
	POSITION: absolute; 
	top: 20%;
	height: 70%;
	margin: 0 auto; 
	OVERFLOW: auto; 
}
div.bottomLeft{position: absolute;
	top: 90%;
	left: 8%;
	padding-top: 3%;
	width: 90%;


}
div.bottomLeftLast{position: absolute;
	top: 65%;
	height: 30%;
	left: 5%;
	padding: 2%;
	width: 80%;


}	
	

div.right {position: absolute;
	right: 2%;
	top: 2%;
	background: #FFFFFF;
	height: 96%;
	width: 48%;
	
	
}

div#siterightFirst {position: absolute;
			top: 5%;
			right: 8%;
			width: 92%;
			height: 0%;  
			/*padding-top: 8%;
			padding-left: 5%;
			padding-top: 4%;
			padding-bottom: 4%;
			border-bottom-width: 2.5px;
			border-bottom-style: dotted;
			border-bottom-color: #C4CD42;*/
			
}
div#siterightLast {position: absolute;
	right: 2%;
	top: 2%;
	background: #C4CD42;
	height: 96%;
	width: 48%;
	
			
}


div#siterightTopDotted {position: absolute;
			top: 15%;
			right: 8%;
			width: 92%;
			height: 0%;  
			/*padding-top: 8%;
			padding-left: 5%;
			padding-top: 4%;
			padding-bottom: 4%;*/
			border-bottom-width: 2.5px;
			border-bottom-style: dotted;
			border-bottom-color: #C4CD42;
			
}

div#siterightBottom{
	position: absolute;
	right: 0px;
	height: 10%;
	bottom: 0px;
	width: 100%;
	
}
div#picReAussen{
	position: absolute;
	bottom: 0%;
	right: 0%;
	
}
div#picReInnen{
	position: absolute;
	bottom: 10px;
	left: 30px;
}

div.navi{position: absolute;
	width: 86%;
	top: 94%;
	left: 7%;
	/*border-width: 1px;
	border-style: solid;
	border-color: black;
	*/

}
div.naviStart{position: absolute;
	width: 86%;
	top: 94%;
	right: 14%;
	/*border-width: 1px;
	border-style: solid;
	border-color: black;
	*/

}
/*links*/  	
a:link {font-family:  Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
	color: #666600;
	text-decoration: none;
	}
a:visited {font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	color: #666699;
	text-decoration: none;
	}
a:hover {font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	text-decoration: none;
	color: #000000;
	}
a:active {font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	text-decoration: none;
	color: #C4CD42;
	}

/*Schriftarten und Überschriften*/	
p{font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	 }		
	
h1 {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	height: 28px;
	
	}
h2 {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 8px;
	}
h3 {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	font-style: italic;
	font-weight:  normal;
	}
h4 {font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C4CD42;
	font-weight: normal;
	}
	
pre { font-family: monospace; }
h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }


/*Verziehrungen*/

div#blaetter1{
	position: absolute;
	top: 0%;
	right: -1%;
	
	height: 100%;
	width: 1px;
	background-color: #ffffff;
	
}
div#blaetter2{
	position: absolute;
	top: 0%;
	right: -1.5%;
	
	height: 100%;
	width: 1px;
	background-color: #ffffff;
	
}
div#blaetter3{
	position: absolute;
	top: 0%;
	right: -2%;
	
	height: 100%;
	width: 1px;
	background-color: #ffffff;
	
}



a.bennett{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.bennett:hover{z-index:2;} 
a.bennett span{display: none;} 
a.bennett:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverBennettBig.jpg); 
    top:0px; left:0px; height:250px; width:158px;
     } 

     
     
a.cave{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.cave:hover{z-index:2;} 
a.cave span{display: none;} 
a.cave:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverCaveBig.jpg); 
    top:0px; left:0px; height:250px; width:151px;
     } 
     
     

a.guiliano{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.guiliano:hover{z-index:2;} 

a.guiliano span{
display: none;
} 

a.guiliano:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverGuilianoBig.jpg); 
    top:0px; left:0px; height:250px; width:158px;
     } 
     
     

a.kunkel{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.kunkel:hover{z-index:2;} 
a.kunkel span{display: none;} 
a.kunkel:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverKunkelBig.jpg); 
    top:0px; left:0px; height:250px; width:158px;
     } 
     
     

a.lelic{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.lelic:hover{z-index:2;} 
a.lelic span{display: none;} 
a.lelic:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverLelicBig.jpg); 
    top:0px; left:0px; height:250px; width:152px;
     } 
     
     

a.LonelyPlanet{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.LonelyPlanet:hover{z-index:2;} 
a.LonelyPlanet span{display: none;} 
a.LonelyPlanet:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverLonelyPlanetBig.jpg); 
    top:0px; left:0px; height:250px; width:161px;
     } 
     
     

a.PontesPeebles{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.PontesPeebles:hover{z-index:2;} 
a.PontesPeebles span{display: none;} 
a.PontesPeebles:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverPontesPeeblesBig.jpg); 
    top:0px; left:0px; height:250px; width:157px;
     } 
     
     

a.Ruggieri{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.Ruggieri:hover{z-index:2;} 
a.Ruggieri span{display: none;} 
a.Ruggieri:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverRuggieriBig.jpg); 
    top:0px; left:0px; height:250px; width:146px;
     } 
     
     

a.Watson{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 
a.Watson:hover{z-index:2;} 
a.Watson span{display: none;} 
a.Watson:hover span{ 
    display:block; 
    position:absolute; 
    background-image: url(coverWatsonBig.jpg); 
    top:0px; left:0px; height:250px; width:156px;
     } 
     
     

/*
 Weicher Schatten  mit CSS 3*/
/*div#shadowbox { box-shadow:8px 8px 10px 4px #666;
			 BACKGROUND-COLOR: green;
			  width: 80%; 
			  hight: 300px;
			  padding:20px;
			  POSITION: center;
			  border-radius: 0.3em; 
			  margin: 5%;
			  }
*/



