*	{	margin:0; padding:0;  }
    
html {	height:100%; 	}

body
{
	height:auto;
	background: #F2F2F2; 	
	font: normal 100%  #333333;		/* 16 px	*/
	font-family: Helvetica, Arial, sans-serif;
}


#wrapper	{
	text-align:left; 
	margin-top:1.0%;  
	width: 840px;      /* 820px */
	margin-left:15%; margin-right:15%;
	border: 0px solid red;
	height:auto;
	}

#info	{ 
	font-size: 0.75em; 	
	margin-left: 2.5%;
	margin-top: 2.5%;
	margin-bottom:6%;
	color: #888888;
}


#info a:link { color: #0088CC;  }
#info a:visited { color: #0088CC;  }
#info a:focus { color:#0088CC;  }
#info a:hover { color:#0088CC; }
#info a:active {color:#0088CC;  }
	



#logo	{
	width: 240px;/* 300px / 820px */
	height: 35px;
	float:left;
	margin-left: 20px;	
	border: 0px solid blue;
}

#nav1	{
	width: 460px ; 
	height: 55px;
	float:left;
	padding-top: 10px;
	margin-left:100px;
	border: 0px solid green;
}

#nav1 li, #nav2 li	{
	display: inline-block;
	padding-right: 7.5%;
}

#nav2	{
	padding-top: 10px;
	border: 0px solid red;
}


#nav1 a, #nav2 a {
	text-decoration:none;
	font-size: 0.85em;
	font-weight: normal;
	color: #333333;
}

#nav1 a:link, nav2 a:link { color: #333333;  }

#nav1 a:visited, nav2 a:visited { color: #333333;  }

#nav1 a:focus, #nav2 a:focus { color:#DAA418;  }
#nav1 a:hover, #nav2 a:hover { color:#DAA418; }
#nav1 a:active, nav2 a:active {color:#DAA418;  }

#nav1 .activ, #nav2 .activ	{ color: #0088CC; font-weight: bold; }


#viewport	{
	width:860px;
	height:auto; 
	border: 0px solid red; 
}

#bildbereich	{
	width: 800px;
	height: 390px; 
	background-color: #fff;
	margin-top:1.5%;
	border: 1px solid #8E8387;
	float:left;
}

#thumbs	{
	width: 800px;
	height: 245px; 
	margin-top:1.5%;
	border: 1px solid #8E8387;
	float:left;
}


#back	{
	float:left; 
	width:20px;  
	text-align:center; 
	border: 0px solid green; 
	margin-top:150px;
}

#next	{
	position:absolute;
	width:20px; 
	text-align:bottom; 
	border: 0px solid green; 
	margin-top:390px;
	margin-left:830px;
} 

#next img	{
	border: 0;
}

#bildtitel	{
	float:left;
	width: 240px; border: 0px solid blue;margin-left:20px; display:inline-block;
	margin-top: 1.5%; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
	font-size:1.4em; color: #0088CC; line-height: 1.3em;
}	

#bildsubtitel	{
	float:left;
	width: 440px; 
	margin-top: 2.9%;
	margin-left: 75px;
	font-size: 0.85em;
	line-height: 1.55em;
	color: #0088CC;
	border: 0px solid green;
}

#bildsubtitel p	{
	padding-bottom:10px;
}

.text	{
	color: #333333;
	line-height: 1.4em;
}


#thema	{
	width: 240px; /* wie logo */
	height: 200px;; 
	margin-left:20px;
	float: left;
	margin-top: 1.5%;
	padding-left: 20px;
	font-size:0.9em;
	color: #0088CC;
	padding-top: 1.0em;
	line-height: 1.3em;
	border: 0px solid blue;	
}

 .subtitel {
	font-size: 0.8em;
	padding-top: 2.0em;
	line-height: 1.6em;
}


#inhalt	{
	width: 460px; /* wie nav */
	float: right;
	margin-top: 1.5%;
	margin-right:24px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.55em;
	padding-top: 1.0em;
	color: #333333;
	border: 0px solid green;
}


.start	{
 font-family:"Times New Roman", Times, serif;	
}

#inhalt .thema	{
	color: #0088CC;
}

#inhalt p{
	padding-bottom:10px; padding-top:10px;
}

#inhalt a:link,  .text a:link { color: #373334;
 }

#inhalt a:visited, .text a:visited { color: #6A6365;  }

#inhalt a:focus, .text a:focus { color:#373334;  }
#inhalt a:hover, .text a:focus { color:#373334; }
#inhalt a:active,.text a:focus {color:#373334;  }


.clearfix:after
	{ content: "."; clear: both; display: block; height: 0; visibility: hidden; 	}


/* Für die Slide Box  in den Einzel-Pojektseiten */

/*next button*/
.bx-next {
position:absolute;
top:45%;
right:-30px;
z-index:999;
width: 20px;
height: 20px;
text-indent: -999999px;
background: url("../bilder/weiter.png") no-repeat 0 0;
}

/*previous button*/
.bx-prev {
position:absolute;
top:45%;
left:-15px;
z-index:999;
width: 20px;
height: 20px;
text-indent: -999999px;
background: url("../bilder/zurueck.png") no-repeat 0 0;
}