@charset "utf-8";

*{ 
margin: 0px;
padding: 0px;
border: 0px;
}



body {
background-color:#000000;
font-family:Verdana,Geneva, sans-serif;
}



#wrapper {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header{
		width: 960px;
		height: 150px;
		background:url(../images/bg/bilderdurst_header.jpg) no-repeat;
}

	

#metanavi {
	top: 123px;
	position:absolute;
	z-index:4; 	
	}
	

#metanavi_fotopage{
	padding: 7px 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	z-index:4; 
	}
															/*	ONLY for IE6+IE7:*/

															*html #metanavi_fotopage {
																			position:relative;
																			width: 1050px;
																			margin: 0 0 -25px 0;}
																			
															*html #metanavi {width:1050px;}
		
			
			
															*+html #metanavi_fotopage {
																			position:relative;
																			width: 1050px;
																			margin: 0 0 -25px 0;}				
							
							
	
	
#footnavi{	
	position:absolute;
	top: 450px;
	right: 40px;
	font-weight:bold;
	}														*html #footnavi{right: 100px;}
																			


#metanavi li,  #metanavi_fotopage li, #footnavi li  {
	float:left;
	list-style:none;
	height: 25px;
	overflow: hidden; 
	}
																	*+html #metanavi_fotopage li   {
																					height:30px;
																					}
																																	
	
	
#metanavi ul a , #metanavi_fotopage ul a, #start{
	display:block;
	text-decoration:none;
	color:#9999AA;
	font-size:14px;
	font-weight:bold;
	padding: 0 0.6em;
	}
	
																		*html #metanavi ul a , #metanavi_fotopage ul a{
																			padding: 0 0.2em;}						
	
	#footnavi ul a{
	display:block;
	text-decoration:none;
	color:#111111;
	font-size:10px;
	padding: 0 0.5em;
	
	}																


#metanavi ul a:hover, #metanavi_fotopage ul a:hover, #start:hover, #footnavi a:hover{
	color:#FFFFFF;
	}
	
	


#metanavi li:hover, #metanavi_fotopage li:hover{
overflow: visible;
	
}



	#metanavi li ul li, #metanavi_fotopage li ul li {
		clear:left;
		margin: 0 0 0 20px;
		padding: 10px  0px 0px 0px; 
		background-color:#000000;
		width: 150px;
		text-align:center;
		opacity: 0.7;            
		moz-opacity: 0.7;
		filter:Alpha (opacity=70);
		
	

		}
		
		#metanavi ul li #second_nav, #metanavi_fotopage ul li #second_nav {
		margin: 0 0px 0 -50px;
		text-align:center;
		clear:left;
		padding: 0px  0px 0px 0px; 
		width: 10px;
		
	
		}
		
		#metanavi ul li #third_nav, #metanavi_fotopage ul li #third_nav {
		margin: 0 0px 0 -40px;
		text-align:center;
		clear:left;
		padding: 1px  0px 0px 0px; 
		width: 10px;
		}
		
		
		
	#metanavi li ul .ersterlink, #metanavi_fotopage li ul .ersterlink  {
	margin: 8px 0 0 20px ;
	}
	
	
		#metanavi li ul li a, #metanavi_fotopage li ul li a {
		font-weight:normal;
		font-size:12px;
	}
	

	
#content {
	position:absolute;
	z-index:0;
	margin: 0 0 0 0 ;
	width: 960px;
	height:623px;
	background:url(../images/bg/content_bg.jpg) no-repeat;
	}
	
#diashow {
	float:right;
	text-align:center;
	margin: 80px 50px 0 0 ;
	padding: 10px 0 10px 0 ;
	background-color:#FFFFFF;
	width: 340px;
	height: 230px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
	
}

	 #rezept_layer {
	position:absolute;
	z-index:1;
	margin:  15px 100px 0px 100px; 
	background-color:#FFFFFF;
	width: 760px;
	height: 525px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=80);
	}
	
	#imprint { 
	position:absolute;
	z-index:1;
	width: 760px;
	height: 545px;
	margin:  5px 100px 0px 100px;
		}
	
	#imprint_bg { 
	position:absolute;
	z-index:0;
	width: 760px;
	height: 545px;
	margin:  5px 100px 0px 100px;
	background-color:#FFFFFF;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
	}

#impressum_bg {
	position:absolute;
	z-index:1;
	margin:  10px 100px 0px 100px;
	background-color:#FFFFFF;
	width: 760px;
	height: 1200px;

	opacity: 0.8;
	moz-opacity: 0.8;
	filter:Alpha (opacity=85);
	}
																	*+html #impressum_bg {
																		height: 1500px;}	
																		*html #impressum_bg {
																		height: 1220px;}
																																								
	
	#content_imp {
	position:absolute;
	z-index:0;
	width: 960px;
	height:1250px;
	background:url(../images/bg/content_emtbg.jpg) repeat-y;
	
	}
																			*+html #content_imp {
																		height: 1550px;}

#vita_left {
	position:absolute;
	z-index:2;
	float:left;
	top: 20px;
	left: 25px;
	width: 430px;
	height: 500px;
	
}

#vita_left_bg {
	position:absolute;
	z-index:1;
	float:left;
	top: 20px;
	left: 25px;
	background-color:#FFFFFF;
	width: 430px;
	height: 520px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
}

#vita_right {
	position:absolute;
	z-index:2;
	top: 20px;
	right: 20px;
	width: 440px;
	height: 350px;
	}
		
	#vita_right_bg {
	position:absolute;
	z-index:1;
	top: 20px;
	right: 20px;
	background-color:#FFFFFF;
	width: 440px;
	height: 460px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
		}
		
		
#imprint h2, #rezept_layer h2 {
	font-size:14px;
	padding: 15px 100px 0px 100px;
	}
	#imprint h3 {
	font-size:12px;
	padding: 15px 100px 0px 100px;
	}

	
	#imprint p, #rezept_layer p{	
	font-size:12px;
	padding: 10px 100px 0px 100px;
	
	}
		

	
	#vita_left p, #vita_right p,  #vita_right ul {	
	font-size:11px;
	padding: 10px 20px 0px 20px;
	}
	 
	 
	
	
	#vita_left h2 {
	font-size:14px;
	padding: 15px 20px 10px 20px;
	margin: 0 0 0 0;
	}
	
	#vita_right h2 {
	font-size:12px;
	padding: 15px 15px 0px 20px;
	margin: 0 0 0 0;
	line-height:12px;
	}
	


	
#skills {
	padding: 60px 0px 0 10px ;
	width: 250px;
	}																					*+html #skills  {
																					padding: 30px 0px 0 10px ;
																					width: 250px;
																					}
																					*html #skills  {
																					padding: 30px 0px 0 10px ;
																					width: 250px;
																					}
	#pit {
	position: absolute;
	z-index:3;
	top: 30px;
	left: 750px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	
}

#webdesign a, #webdesign a:hover, #webdesign a:visited {
	text-decoration:none;
	color:#ffffff;
}

/* G A L E R I E N :*/


#content_galerie {

	position:absolute;
	z-index:0;
	margin: 32px 0 0 0 ;
	width: 960px;
	height:623px;
	background:url(../images/bg/background_gallery.jpg) no-repeat;
	}

	#fotogalerie_layer, #fotogalerie15_layer, #fotogalerie20_layer {
	position:absolute;
	z-index:1;
	float:left;
	margin:  10px 100px 0px 100px;
	background-color:#000000;
	width: 760px;
	opacity: 0.3;
	moz-opacity: 0.3;
	filter:Alpha (opacity=30);
}

#fotogalerie_layer {
height: 400px;	
}
#fotogalerie20_layer {
	height: 560px;
	margin:  5px 100px 0px 100px;
	}

#fotogalerie15_layer { 
height: 500px;
}

.fotogalerie, .fotogalerie369, .fotogalerie4812, .fotogalerie15 {
position: absolute;
z-index:2;
width: 800px;
text-align: center;
left: 140px;
top: 30px;
padding: 0 0 0 0;
	
} 




.fotogalerie369 {
width: 450px;
text-align: center;
left: 270px;
top: 40px;
	
}


.fotogalerie4812{
width: 600px;
text-align: center;
left: 200px;
top: 30px;
	
}
.fotogalerie15{
position: absolute;
z-index:2;
width: 800px;
text-align: center;
left: 140px;
top: 10px;
padding: 0 0 0 0;
}
.fotogalerie20{
position: absolute;
z-index:2;
width: 800px;
text-align: center;
left: 140px;
top: 5px;
padding: 0 0 0 0;


}


	

	.fotogalerie li, .fotogalerie369 li, .fotogalerie4812 li ,.fotogalerie15 li{
	width: 113px;
	height: 119px;
	float: left;
	padding: 4px 3px 4px 3px;
	margin: 8px 8px 7px 8px;    
	text-align:center;
	list-style: none;
	
	
	
	
	}
	
	.fotogalerie20 li {
	width: 113px;
	height: 119px;
	float: left;
	padding: 4px 3px 4px 3px;
	margin: 5px 8px 5px 8px;    
	text-align:center;
	list-style: none;
	
	
	
	
	}
	
	.fotogalerie li img, .fotogalerie369 li img, .fotogalerie4812 li img, .fotogalerie15 li img, .fotogalerie20 li img{
	width: 116px;
	height: 123px;
	
	
	
	}
	

	
	.fotogalerie a:hover, .fotogalerie369 a:hover, .fotogalerie4812 a:hover,.fotogalerie15 a:hover, .fotogalerie20 a:hover {
	opacity: 0.8;
	moz-opacity: 0.8;
	/*filter:Alpha (opacity=80);*/
	


	}
	
	
	.fotogalerie li img:hover, .fotogalerie369 li img:hover, .fotogalerie4812 li img:hover, .fotogalerie15 img:hover, .fotogalerie20 img:hover {
	border: solid 1px #FFFFFF ;
	padding: 2px 2px 2px 2px;
	filter:Gray();
	background-color:#000000;
	

	
	}
	
	
	.fotogalerie h3, .fotogalerie369 h3, .fotogalerie h3, .fotogalerie4812 h3   {
	position: absolute;
	z-index= 2;
	color: #FFFFFF;
	font: small-caps  Verdana ;
	font-weight:normal;
	font-size:18px;
	font-style:oblique; 
	top: 300px;
	left:10px;

	}
	
	
	.fotogalerie15 h3  {
	position: absolute;
	z-index= 2;
	color:#000000;
	color: #FFFFFF;
	font: small-caps  Verdana ;
	font-weight:normal;
	font-size:18px;
	font-style:oblique; 
	top: 450px;
	left:10px;

	}
	
	

	
	
	
	.thumb_shadow {
  	box-shadow: 4px 5px 3px  0px #C0C0C0;
  	-moz-box-shadow: 4px 5px 3px 0px #C0C0C0;
  	-webkit-box-shadow: 4px 5px 3px 0px #C0C0C0;
	filter:progid:DXImageTransform.Microsoft.dropShadow(color=#CCCCCC offX=4, offY=5, positive=true);
	
}



	
	
	
	
/*O N L Y   F O T O P A G E */
	
	#header_fotopage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}


	#content_fotopage {
	width: 960px;
	/*height:675px;*/
	background-color: #000000;
								
	}
											
												 
											
#fotonavi {			
text-align: center;	
padding: 50px 0 0 0 ;

	
}

.pfeil_next, .pfeil_before {
	margin: 0 0px 10px 0px;
	padding: 0 0 0 0;
}


 .pfeil_up{
	margin: 0 50px 10px 50px;
	padding: 0 0 0 0;
}

#caption {
	padding: 15px 0 0 0; 
	color:#C0C0C0; 
	font-size:14px;
	}																		/*Only for IE 6+7*/
																	*html #caption {
																		text-align:left;
																		width: 650px;
																		margin-left:auto;
																		margin-right:auto;
																		}
																		*+html #caption {
																		text-align:left;
																		width: 650px;
																		margin-left:auto;
																		margin-right:auto;
																		}
	
	#content_fotopage img {
  	box-shadow: 4px 4px 4px  0px #C0C0C0;
  	-moz-box-shadow: 4px 4px 4px 0px #C0C0C0;
  	-webkit-box-shadow:4px 4px 4px 0px #C0C0C0;
	filter:progid:DXImageTransform.Microsoft.dropShadow(color=#AAAAAA, offX=5, offY=5, positive=true);
}

	#content_fotopage #fotonavi img {
  	box-shadow: 0px 0px 0px  0px #000000;
  	-moz-box-shadow: 0px 0px 0px 0px #000000;
  	-webkit-box-shadow:0px 0px 0px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=0, offY=0, positive=true);
}
	.cocktailrezept{
		color:#2222FF;
		a:hover:#FFFFFF;
		font-size: 12px;
		
	}
	
.link{
color:#000080;
font-size:12px;
font-weight:bold;
text-decoration:none;

}

.link:hover{
	color:red;
}

	

	
	/*ONLY DTP PAGE:*/
	
	#content_dtp {
	position: absolute;
	margin: 37px 0 0 0 ;
	width: 960px;
	height: 470px;
	background:url(../images/content_bg.jpg) no-repeat;
	}
	
	#white_layer {
	position:absolute;
	z-index: 1;
	margin:  42px 100px 0px 100px; 
	background-color:#FFFFFF;
	width: 760px;
	height: 458px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
	}
	
	* + html #white_layer {
position: absolute;
	z-index: -1;
filter:Alpha (opacity=50);
	}         /*nur IE7*/

	
	
	#white_layer h3  {
	position: absolute;
	z-index= 2;
	color:#000000;
	font: 120% Verdana;
	font-style: italic;
	line-height:140%;
	
	}
	
	
	
	
	#footer {
		color: #FFFFFF;
		font-size: 10px;
		text-align:center;
		margin: 50px 0 20px 0 ;
		
	}
	
	#footer a {
		color:#2222FF;
		
		
	}
	
	#footer a:hover, .cocktailrezept:hover  {
		color:#C0C0C0;

		}
		

	/*ONLY Search -  PAGE:*/

 #searchsite {
	position:absolute;
	z-index:1;
	margin:  10px 100px 0px 80px;
	background-color:#FFFFFF;
	width: 800px;
	height: 550px;
	opacity: 0.7;
	moz-opacity: 0.7;
	filter:Alpha (opacity=70);
	}

input, textarea{
		background-color:#0066D0;                        
		border: 1px solid #000080;
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px;
		width: 150px;
		height: 19 px;  
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;

		}
		
		input:hover, select:hover, textarea:hover{
		background-color:#000080;
		border: 1px solid #000080;
	
		}
		
		input:focus, select:focus, textarea:focus{
		background-color:#000080;
		color: #FFFFFF;
		}
		
		input:active, select:active, textarea:active {
		background-color:#000080;
		color: #FFFFFF;

		}

		select, textarea
   		{ 
		color:#000080; width:0; visibility:hidden;
		}
		.Bereich, .Feld
   		{color:#FFFFFF; background-color:#000080; solid #DDDDDD;}
		
#searchform{
z-index:4;
position:absolute;
margin: 20px 150px 0 150px;
text-align:center;

}
#searchform ul {
font-size: 12px;
}
#searchform a, #searchform a:visited{
color:#000080;
}
#searchform a:hover, .rezepte:hover {
color: red;
}


/*Only Rezepte*/
.rezepte{
color:#000080;
margin: 0 0 0 0px;
font-size:14px;
}
	
#rezept_layer {
opacity: 0.8;
moz-opacity: 0.8;
/*	filter:Alpha (opacity=8);*/
	}
	#rezept_layer ul {
		margin: 10px 0 10px 10px;
		font-size:14px;
	
	}