/*====reset
====================================================*/
html,body,p,div,img,h1,h2,h3,h4,h5,li,ul,ol,dl,dd,dt,form,pagele,td,tr,blockquote,iframe {margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px;
}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;font-size:100%;border:0;outline:0;vertical-align:top;margin:0;padding:0}
ul{}
blockquote,q{quotes:none}
table,table td{border:none;border-collapse:collapse;padding:0}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}
img,embed{vertical-align:top}
* :focus { outline: 0; }
/*====Allgemein
========================================*/
.clear,.stopFloat {	clear: both;display: block;float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}
.breite{width:960px; margin:0 auto;}
a{text-decoration:none;color:#31B1BE; }
html,body{height:100%; font-family: 'Ubuntu', sans-serif;}
p {font-size:90%;line-height:1.4em;margin:0px 0 10px 0;}
table {font-size:90%;line-height:1.4em;padding:0px 0 10px 0}
* { margin:0; padding:0; }
body { height:100%; font-size:100%; background:url(../img/bg.jpg) top left repeat-y;}
/*====Überschriften
========================================*/
h1, h2, h3, h4, h5, h6  {font-family: 'Ubuntu', sans-serif;}
h1{font-size:130%; color:#31B1BE; margin: 10px 0 15px 0;font-weight:bold;}
h2{font-size:115%; color:#99EDCB; margin: 15px 0;}
h3{font-size:105%; color:#fff;margin: 15px 0;text-decoration: underline #23c8b3;}
h4{font-size:100%; color:#003366;margin: 15px 0;}

/*====CONTAINER
========================================*/
#wrapper
{
	background:url(../img/kacheln2.png) bottom right no-repeat;
}
#header
{
	background:url(../img/header.png) top left no-repeat;
	height:145px;
	width:613px;
	float:left;
}
#telefon
{
	float: right;
	background:url(../img/telefon.png) top left no-repeat;
	height:38px;
	margin:62px 10px 0 0;
}
#telefon p
{
	padding:5px 0 0 50px;
	font-size:20px;
	color:#8DD7BE;
}
/*====NAVI
========================================*/
#navbg
{
	height:370px;
} 
#navi
{
	float:left;
	width:162px;
	margin:16px 0 0 0;
}
#navi ul
{
	list-style-type:none;
}
#navi ul li
{
	overflow:visible;
}
#navi ul li a
{
	font-family: 'Prosto One', cursive;
	display:block;
	padding:10px 40px 10px 0px ;
	color:#fff;
	font-size:15px;
	text-align:right;
	
	font-weight:400;
	-webkit-transition: 200ms ease-in-out;
	-moz-transition: 200ms ease-in-out;
	-o-transition:  200ms ease-in-out;
	-ms-transition:  200ms ease-in-out;
	transition:  200ms ease-in-out;
}
#navi ul li.active a{color:#99EDCB;}
#navi ul li a:hover{color:#99EDCB;}
/*====BILDNAVI
========================================*/
#slider{float:left; width:792px; height:371px;}
#bildnavi
{
	float:left;
	font-family: 'Prosto One', cursive;
}
.bildnavi
{
	float:left;
}
#bildnavi a
{
	font-size:100%;
	margin: 0 0 0 0;
	text-align:center;
	font-weight:normal;
	padding:304px 0 15px 0;
	color:#FFFFFF;
	text-transform:uppercase;
	display:block;
}
#bildnavi a:hover
{
	color:#8ADDC1;
}
.beratung 
{
	background:url(../img/beratung.jpg) top left no-repeat;
	width:190px;
	display:block;
}
.beratung:hover
{
	background:url(../img/beratung2.jpg) top left no-repeat;
	width:190px;
}
.planung
{
	background:url(../img/planung.jpg) top left no-repeat;
	width:190px;
	display:block;
}
.planung:hover
{
	background:url(../img/planung2.jpg) top left no-repeat;
	width:190px;
}
.ausf
{
	background:url(../img/ausf.jpg) top left no-repeat;
	width:190px;
	display:block;
}
.ausf:hover
{
	background:url(../img/ausf2.jpg) top left no-repeat;
	width:190px;
}
.bau
{
	background:url(../img/bau.jpg) top left no-repeat;
	width:190px;
	display:block;
}
.bau:hover
{
	background:url(../img/bau2.jpg) top left no-repeat;
	width:190px;
}
/*====CONTENT
========================================*/
#content
{
	padding:10px 10px 55px 170px;
	color:#FFFFFF;
	font-family: 'Ubuntu', sans-serif;
}
#content ul
{
	margin-left:20px;
	list-style-type:none;
}
#content ul li
{
	background:url(../img/aufz.png) 0px 9px no-repeat;
	padding:5px 0 0 30px;
}
/*====footer===========*/
#foot
{
	background:url(../img/footerbg.png) top left repeat-x;
	height:107px;
	margin:-35px 0 0 0;
}
#footer
{
	font-size:100%;
	padding:25px 0 10px 170px;
	font-family: 'Ubuntu', sans-serif;
	color:#31B1BE;
}
#anschrift
{
	float:left;
	width:300px;
}
#kontakt
{
	float:left;
	width:340px;
}
#kontakt a:hover{text-decoration:underline;}
#sozial
{
	float:right;
	width:140px;
}
/*====copyright===========*/
#copyright
{
	padding:10px 0 25px 0;
	font-size:12px;
}
#copy
{
	float:left; 
	color: #c2c2c2;
	padding:0 0px 0 170px;
}
#weko
{
	float:right;
}
#weko a
{
	color: #c2c2c2;
}
/*====cms===========*/
#xmap ul
{
	margin-left:30px;
}
.map
{
	border:3px solid #99EDCB;
	color:#000;
}
.form1 p
{
	font-size:100%;
}
.form1 .submit
{
	padding:3px 3px;
}
.bild
{
	border:1px solid #99EDCB;
	margin:25px 0 25px 0;
}

.halb{width:47%;}
.left{float:left;}
.right{float:right;}
.big{font-size:130%;}
p.button input.submit{background:#23C8B3; padding:3px 15px;  color:#fff;font-size:17px;border-radius:3px;border:1px solid #555;
font-family: Arial, sans-serif;}
p.button input.submit:hover{background:#23C6C8; color:#fff;cursor:pointer;}