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


/*************************************************/
/*Common styles*/
body {padding:0; margin:0; background:url(bg.jpg);  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.7em; color:#4C4B4B; }

.clearer { clear: both; float: none; }

img {border:none;}
H1, h2 { font-size:100%;}

/*************************************************/

/*#haeader contains logo, which is devided in two parts: sign (.swf) and text (.gif)*/
#header {width:80%; height:auto; padding:25px 10%; margin:0; float:left; } 
	#header ul { float:left; list-style:none; padding:0; display:inline; }
	#header li { float:left; margin:0; display:inline; }
	#header #sign { position:relative; bottom:2px;}
	
/*************************************************/
/*#main contain hole midzone of the site. It defines width and margins of this zone.*/
#main {width:90%; padding:0 5%; margin:0; clear:left;  } 

	/*#main contain hole midzone of the site*/
	#main_table {width:100%; border:none; max-width:1200px;  } 
	
	/*************************************************/
	/*navigation (left) column*/
	#nav_td {vertical-align:top; padding: 0; margin:0;} 
		#nav { margin:0; padding: 0; } /*navigation div*/
			#nav ul.deep { margin:1em 0 2em; padding:0; list-style:none;}
			#nav ul { margin:0; padding:0; list-style:none;}
			#nav li { margin:0; padding:0; }
			#nav a {color:#4C4B4B;}
				#nav .subnav {padding-left:10px; line-height:1em;}
				#nav #dienst_link { color:#F37A54;}
				#nav #produktion_link {color:#19785F;}
				#nav #news_link { text-decoration:none; border-bottom:dashed 1px #4C4B4B;}
				
	/*************************************************/
	/*middle column*/
	#content_td { vertical-align:top;  }
		#content { padding:0 8% 0 12%; max-width:500px; }
		
					
	
	/*************************************************/
	/*right column*/
	#sidebar_td {vertical-align:top;  }
		#sidebar { margin:0; padding:0; width:200px;} /*paddings and margins of sidebar*/
			.sbimage {margin-bottom:100px;}
			.sbimage img {padding:7px; margin:0; border:none;}
			
		/*small text used in subtitles to images*/
		.subtitle{ font-size:90%; line-height:1.5em; max-width:200px; //width:200px;}
	
	
/*************************************************/
/*Next styles are used to discribe the index page*/
	 
	/*Links*/
	#dienst {width:250px; position:relative; right:4.5em;}
	#produktion {margin-top:4em; width:250px; position:relative; left:2em; }
	
	/*Photogallery*/
	#gallery {width:100%; background:url(bnv.gif); padding:7px 0; margin:0 0 30px; height:100px; overflow:hidden;}
	#gallery img {border:none; padding:0 10px; margin:0 0 10px 0;}
	
	/*News*/
	#news {width:44%; padding:0; margin:0; max-width:600px; vertical-align:top; }
		#news_container {height:260px; overflow-y:scroll; overflow-x:hidden; padding-right:10px; clear:both; float:none; }
		#news_container .item { display:block;  }
		#news h1 { font-size:100%; margin-top:0; padding-top:0;}
	

/*************************************************/
/*Footer*/

#footer {width:90%; height:30px; padding:0; margin:100px 5% 50px; font-size:90%; line-height:1.5em; clear:both;}
	#footer ul { list-style:none; padding:0; }
	#footer li { margin:0;}
	#footer a {color:#4C4B4B;}
	
	
#gallery{
	background:url(bnw.gif);	
}

#outerImageContainer{
	background:url(bnw.gif);	
}

.sbimage img {
	background:url(bnw.gif);	
}

.dienstleistungen #content_td p {
	margin-top:0;
	padding-top:0;
}

dienstleistungen #content_td h2 {
	margin-bottom:0;
	padding-bottom:0;
}

#start #content_td { width:400px;}
#start #sidebar_td { margin:0 30px 0 0;}
#start #gallery { position:relative; bottom:15px;}
#start #low {width:90%; padding:0 5%; margin:0;}
#start #low_table { width:100%; }
#start #low_left {width:28%; vertical-align:top;}
#start #low_left a {color:#4C4B4B;}

.photo_cont {
	background-color:white;
	background-position:right center;
	background-repeat:no-repeat;
	height:89px;
	margin-top:30px;
	vertical-align:bottom;
	padding:20px 130px 20px 20px;
	width: 300px;
	position: relative;
}

.photo_cont img {
	display: block;
	right: 0;
	top: 0;
	position: absolute;
}

.dienst #header {
	background: transparent url(map.gif) no-repeat scroll left top;
	height:290px;
}

.dienst #nav {
	bottom:200px;
	position:relative;
}

.dienst #map_subtitle {
	list-style-image:url(bullet.gif);
	margin:0;
	padding:0.8em 0 0 12px;
}

.kontakt #munchen {
	margin:30px 0 30px 70px;
}