@charset "utf-8";
@import url("clearfix.css");
/* CSS Document */

* { 
	margin: 0;
	padding:0;
} 

body { 
	background:url(../images/layout/body-bgr.jpg) repeat center 40px;
	line-height:16px;
	color:#0a2665;
	font:12px/16px "arial";
} 
form input {
	color:#0a2665;
	font:12px/16px "arial";
}
textarea {
	overflow:auto;
}
a {
	outline:none;
	color:#dd394e;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img.topcontent {
	border:1px solid #203a73;
	padding:1px;
	margin:8px 0 10px 1px;
}
h1 {
	color:#d80924;
	font-size:20px;
	font-weight:bold;
	margin:25px 0 13px 0;
}
h2 {
	color:#d80924;
	font-size:16px;
	font-weight:bold;
	padding:11px 0 10px 0;
}
h3 {
	font-size:12px;
	margin:0 0 0 0;
	font-weight:bold;
}
p {
	margin:0 0 8px 0;
}
#wrapper { 
    margin: 37px auto 0 auto; 
	background:url(../images/layout/wrapper2-bgr.jpg) 0 0 repeat-y;
	width:908px;
	height:auto !important;
	min-height:500px;
	height:500px;
} 
	#header {
		height:116px;
		background:url(../images/layout/header-bgr.jpg) 0 0 no-repeat;
		position:relative;
	}
		#header h1 a {
			display:block;
			text-indent:-5000px;
			width:400px;
			height:78px;
			position:absolute;
			left:50px;
			top:30px;
		}
		
	ul#leftnavy {
		width:187px;
		height:286px;
		background:url(../images/layout/leftnavy.jpg) 0 0 no-repeat;
		float:left;
		position:relative;
		list-style-type:none;
	}
	ul#leftnavy li {
		float:right;clear:both;
	}
	
			ul#leftnavy li a{
	clear:both;
	float:right;
	text-indent:-5000px;
	display:block;
	background:url(../images/layout/leftnavy-hover.jpg) -5000px 0 no-repeat;
	width:50px;
	height:19px;
	position:relative;
	top:17px;
	left:-3px;
	margin:0 0 3px 0;
			}
			ul#leftnavy li a.leistungen {
				width:103px;
			}
			ul#leftnavy li a.leistungen:hover, ul#leftnavy li.active a.leistungen, ul#leftnavy li.active a.leistungen:hover {
				background-position:-50px 0;
			}
			ul#leftnavy li a.planung-gestaltung {
				width:155px;
			}
			ul#leftnavy li a.planung-gestaltung:hover, ul#leftnavy li.active a.planung-gestaltung, ul#leftnavy li.active a.planung-gestaltung:hover {
				background-position:2px -22px;
			}
			ul#leftnavy li a.grafik {
				width:66px;
			}
			ul#leftnavy li a.grafik:hover, ul#leftnavy li.active a.grafik, ul#leftnavy li.active a.grafik:hover {
				background-position:-87px -44px;
			}
			ul#leftnavy li a.holzverarbeitung {
				width:134px;
			}
			ul#leftnavy li a.holzverarbeitung:hover, ul#leftnavy li.active a.holzverarbeitung, ul#leftnavy li.active a.holzverarbeitung:hover {
				background-position:-19px -66px;
			}
			ul#leftnavy li a.metallverarbeitung {
				width:144px;
			}
			ul#leftnavy li a.metallverarbeitung:hover, ul#leftnavy li.active a.metallverarbeitung, ul#leftnavy li.active a.metallverarbeitung:hover {
				background-position:-9px -88px;
			}
			ul#leftnavy li a.elektroinstallation {
				width:140px;
			}
			ul#leftnavy li a.elektroinstallation:hover, ul#leftnavy li.active a.elektroinstallation, ul#leftnavy li.active a.elektroinstallation:hover {
				background-position:-13px -110px;
			}
			ul#leftnavy li a.naeharbeiten {
				width:104px;
			}
			ul#leftnavy li a.naeharbeiten:hover, ul#leftnavy li.active a.naeharbeiten, ul#leftnavy li.active a.naeharbeiten:hover {
				background-position:-49px -132px;
			}
			ul#leftnavy li a.aktuelle-projekte {
				width:152px;
				margin:22px 0 3px 0;
			}
			ul#leftnavy li a.aktuelle-projekte:hover, ul#leftnavy li.active a.aktuelle-projekte, ul#leftnavy li.active a.aktuelle-projekte:hover {
				background-position:-1px -176px;
			}
			ul#leftnavy li a.galerie {
				width:80px;
			}
			ul#leftnavy li a.galerie:hover, ul#leftnavy li.active a.galerie, ul#leftnavy li.active a.galerie:hover {
				background-position:-73px -198px;
			}
			ul#leftnavy li a.verkauf {
				width:85px;
			}
			ul#leftnavy li a.verkauf:hover, ul#leftnavy li.active a.verkauf, ul#leftnavy li.active a.verkauf:hover {
				background-position:-68px -220px;
			}
			ul#leftnavy li a.kontakt {
				width:84px;
			}
			ul#leftnavy li a.kontakt:hover, ul#leftnavy li.active a.kontakt, ul#leftnavy li.active a.kontakt:hover {
				background-position:-69px -242px;
			}
		
	#newsletter {
	width:137px;
	height:69px;
	background: url(../images/layout/newsletter.jpg) 0 0 no-repeat;
	position: absolute;
	text-indent:-5000px;
	margin-left: 50px;
	top: 471px;
	}
	.hider form {
		display:none;
	}
	form a#email_absenden {
	width:90px;
	background: url(../images/layout/anmelden-hover.jpg) -5000px 0 no-repeat;
	position: absolute;
	margin:-13px 0 0 40px;
	height:13px;
	}
	form a#email_absenden:hover {
	background:url(../images/layout/anmelden-hover.jpg) no-repeat;
	}
	form input#news_input {
		display:block;
		width:100px;
		height:17px;
		margin:-5px 0 0 12px;
		border:0;
	}
	*html form input#news_input  {
		margin:-7px 0 0 12px;
	}
	*+html form input#news_input  {
		margin:-7px 0 0 12px;
	}
	#content {
		width:390px;
		float:left;
		min-height: 330px;
		padding:0 270px 0 37px;
		background:url(../images/layout/content-bgr.jpg) -1px 0 no-repeat;
	}
	
		*html #content {
		height: 330px;
		overflow:visible;
	}
#clear {
	height:0px;
	overflow:hidden;
	clear:both;
}
#footer {
	background:url(../images/layout/footer-bgr.jpg) left 0 no-repeat;
	width:908px;
	height:84px;
	margin:0 auto;
	padding:0 0 60px 0;
	position:relative;
	clear:both;
}
#footer span {
	display:block;
	text-indent:-5000px;
	position:absolute;
}
#models {	
	width:295px;
	height:411px;
	position:absolute;
	top:-327px;
	left:613px;
	background:url(../images/layout/models.jpg) 0 0 no-repeat;
}
#models ul {
	text-indent:-5000px;
	list-style-type:none;
	width:85px;
	height:63px;
	left:180px;
	top:290px;
	position:relative;
}

#models ul li a {
	display:block;
	height:17px;
	width:83px;
	background:url(../images/layout/bottomnavy-hover.jpg) -5000px 0 no-repeat;
	margin:5px 0 0 0;
}
#models ul li a.startseite:hover, #models ul li.active a.startseite, #models ul li.active a.startseite:hover {
	background-position:-1px -2px;
}
#models ul li a.impressum:hover, #models ul li.active a.impressum, #models ul li.active a.impressum:hover {
	background-position:-1px -24px;
}
#models ul li a.agb {
	width:48px;
}
#models ul li a.agb:hover, #models ul li.active a.agb, #models ul li.active a.agb:hover {
	background-position:-1px -46px;
	width:48px;
}
.einzug {
	margin-left:15px;
}
	.slideshow_holz {
		background: #fff url(../images/content/slideshow/holz/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_grafik {
		background: #fff url(../images/content/slideshow/grafik/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_planung {
		background: #fff url(../images/content/slideshow/planung/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_metall {
		background: #fff url url(../images/content/slideshow/metall/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_elektro {
		background: #fff url(../images/content/slideshow/elektro/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_arbeiten {
		background: #fff url(../images/content/slideshow/elektro/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
		.slideshow_home {
		background: #fff url(../images/content/slideshow/home/1.jpg) no-repeat 2px 2px;
		width: 376px;
		height: 146px;
		border:1px solid #203a73;
	    padding:2px;
	    margin:8px 0 10px 1px;
			
	}
	.marginb20 {margin-bottom:20px;}
/*---------------------------------[ CMS STYLES ]----------------------------------*/
.clear {
	clear:both;
	height:10px;
	overflow:hidden;
}
img.cms_img {
	float:left;
	border:1px solid #203a73;
	padding:1px;
	margin:5px;
}
ul#cms_galerie {
	list-style-type:none;
	width:385px;
	height:auto;
}
ul#cms_galerie li {
	float:left;
	width:110px;
	height:90px;
}
ul#cms_galerie li a img.cms_img {
	float:left;
	border:1px solid #203a73;
	padding:1px;
	margin:5px;
}