.clearfix:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;} 
* html .clearfix {height:1%;}
* {outline:0;}

.clearfix {display:block;} 

.wrapper {
	width:900px; margin:0 auto;
}

h1, h2, h3 {
	font-family:Verdana
}

p, li {
	font-family:'Georgia',Times,serif
}

#logo {
	background:url(../img/banner3.jpg) no-repeat right;
	height:100px;
}

#indexlogo {
	background:url(../img/banner3.jpg) no-repeat right;
	height:100px;
}

#werlogo {
	background:url(../img/banner1.jpg) no-repeat right;
	height:100px;
}

#waslogo {
	background:url(../img/banner2.jpg) no-repeat right;
	height:100px;
}

#projektelogo {
	background:url(../img/banner4.jpg) no-repeat right;
	height:100px;
}

/* index menu */
#menu { background:url(../img/menu_bg.jpg) repeat-x; height:45px; top:250px; width:100%; min-width:900px; margin: 4px 0px 4px 0px; }
#menu ul   { list-style-type:none; margin:0;  padding:0; }
#menu ul li { float:left; }
#menu ul li a {
	background:url(../img/menu_devider.png) no-repeat right;
	background-size:2px 45px; 
	margin:0 0 0 -1px; 
	color:#ffffff; 
	text-decoration:none; 
	padding-left:24px; 
	height:45px; 
	display:block; 
	line-height:45px; 
	text-transform:uppercase; 
	font-size:18px; 
	width:258px; 
	font-weight:400;
	font-family:Verdana
}
#menu ul li.homelink a {
	background:url(../img/menu_home.png) no-repeat left top; background-size:55px 45px; height:45px; width:55px; 
	margin:0; padding:0; text-indent:-9999px;
}
#menu ul li a.active  { background-color:#000000; }
#menu ul li a:hover   { color:#000;}
#menu ul li.first a { margin:0;}


/* index teaser */
#teaser           { height:270px; background-color:#e3e3e3; margin: 4px 0px 4px 0px; }
#teaser ul        { list-style-type:none; margin:0;  padding:0; }
#teaser ul li     { float:left; display:block; padding:0px 2px 0px 2px; background-color:#ffffff; position: relative; 
				overflow: hidden; }
#teaser ul li.first     { padding-left:4px; }
#teaser li.big, #teaser li.big .off, #teaser li.big .slider { width:296px; height:270px; }
#teaser .off      { position:absolute; margin-top:45px;}
#teaser .slider   { position:absolute; cursor: pointer; }
#teaser #teaser1 .slider { background-color: #4A9E49; }
#teaser #teaser2 .slider { background-color: #4A9E49; }
#teaser #teaser3 .slider { background-color: #4A9E49; }
#teaser #teaser1 .off { background-image:url(../img/wer_sw.jpg); 	 background-size:296px 270px; }
#teaser #teaser2 .off { background-image:url(../img/was_sw.jpg); 	 background-size:296px 270px; }
#teaser #teaser3 .off { background-image:url(../img/projekte_sw.jpg); background-size:296px 270px; }
#teaser .slider h2 { font-size:18px; padding:10px 20px 10px 20px; margin:0px; font-weight:400; 
					text-transform: uppercase; line-height:24px; }
#teaser .slider a { color:#ffffff; text-decoration:none;}
#teaser .slider a:hover { color:#000000;}


/* footer */
#footer { background:url(../img/footer_bg.jpg) repeat-x; height:30px; top:250px; width:100%; 
	min-width:900px;}
#footer ul {list-style-type:none; margin:0;  padding:0;}
#footer ul li {display:inline; margin:0; float:left;}
#footer ul li a   {
color:#ffffff;
	font-size:16px;
	font-weight:400;
	background-size:2px 30px; 
	margin:0 0 0 -1px; 
	text-decoration:none; 
	padding-left:24px; 
	height:30px; 
	display:block; 
	line-height:30px; 
}
#footer ul li a.active  {text-decoration:none;}
#footer ul li a.active:hover  {text-decoration:none;}
#footer ul li a:hover   {text-decoration:underline; color:#000000;}
#footer ul li.submenu {margin:0 0 0 20px;}
#footer ul li.googleplus  a {
	background:url(../img/googleplus.jpg) no-repeat; background-size:30px 30px; 
	float:left; height:30px; width:30px;
	display:block; text-indent:-9999px;
}
#footer ul li.facebook a {
	background:url(../img/facebook.jpg) no-repeat; background-size:30px 30px; 
	height:30px; width:30px; float:left;
	display:block; text-indent:-9999px;
}

.content {
	clear: both;
	background: #e3e3e3;
	width:100%; 
	min-width:900px;
	padding: 10px 0 25px 0;
}

.innercontent {
	margin: 0 0 0 100px;
	width:55%;
}