/****************************************************************
  © by Agentur-Vida
  STANDARDS
*****************************************************************/
html, body{
	width:100%; height:100%; margin:0; padding:0; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:18px;
}

h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; line-height:normal;}

h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:15px;}
h4{font-size:15px;}


/**
 * Standard-Klassen
 */
a:link 		{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:visited	{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover 	{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:active 	{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:focus 		{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

img{border:0;}
input:focus, textarea:focus, select:focus{background-color:#ebfdd7;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
.logo{float:left;}

/**
 * Ausrichtung
 */
#content{width:900px; float:left; position:absolute; top:10px; left:50%; margin:0 0 0 -450px;}
.content{width:895px; float:left; margin:0; padding:0; position:relative;}
.content_links{width:600px; float:left; margin:0; padding:0; position:relative;}
.content_rechts{width:300px; float:left; margin:0; padding:0; position:relative;}

/**
 * Header, Navigation
 */
#header{width:900px; height:140px; float:left; margin:0 0 20px 0; padding:0; display:inline; position:relative;}
#header ul{margin:0; padding:0; list-style:none;}
#header .topnavi{float:right; margin:0; padding:0; display:inline;}
#header .topnavi li{float:left; margin:0; padding:0 10px 0 10px; font-size:11px; text-transform:uppercase;}
#header .topnavi li a{color:#333333; text-transform:uppercase; font-size:11px;}
#header .topnavi li.trenner{width:2px; text-align:center; padding:0;}
#header .topnavi li a:hover{text-decoration:underline;}
#header .topnavi li.last{padding:0 0 0 10px;}

#header .mod_navigation ul{width:570px; position:absolute; right:-10px; bottom:0px;}
#header .mod_navigation ul li{float:right;}
#header .mod_navigation ul li{width:102px; height:46px; float:right; margin:0 0 0 -12px; padding:0;}
#header .mod_navigation ul li a img{display:none;}
#header .mod_navigation ul li a img.normal{display:block;}
#header .mod_navigation ul li a:hover img.normal{display:none;}
#header .mod_navigation ul li a:hover img.hover{display:block;}
#header .mod_navigation ul li.trail a img.normal{display:none;}
#header .mod_navigation ul li.trail a img.hover{display:block;}

/**
 * Content
 */
#leistungen .bilder{width:310px; float:left;}
#leistungen .ce_text{width:550px; float:right;}

#kran .headline{width:300px; height:400px; float:left; margin:0; padding:0; text-align:right;}
#kran .krantext{width:550px; float:right;}
#kran .kranbild{position:absolute; left:0; bottom:0px;}

#team .headline{width:175px; float:left; margin:0; padding:0 0 0 125px; text-align:right;}
#team .ce_text{width:550px; float:right;}

#impressum .links{width:350px; float:left;}
#impressum .rechts{width:545px; float:right; font-size:11px;}

#kontakt{background:url(../../content/kontakt_bg.jpg) left bottom no-repeat; position:relative;}
#kontakt .bilder{width:150px; float:left;}
#kontakt .ce_form{width:480px; float:right;}
#kontakt .ce_form .headline{width:480px; float:left; margin-bottom:20px; text-align:justify;}
#kontakt .ce_form .halter{width:480px; float:left; margin-bottom:10px;}
#kontakt .ce_form label{width:120px; float:left; text-align:right; line-height:30px;}
#kontakt .ce_form .text{width:320px; float:left; margin:0 0 0 20px; padding:2px; border:1px solid #c5ced2; font-size:14px;}
#kontakt .ce_form .textarea{width:320px; float:left; margin:0 0 0 20px; height:80px; padding:2px; border:1px solid #c5ced2; font-size:14px;}
#kontakt .ce_form .submit_container{width:465px; float:left; text-align:right;}
#kontakt .lars{width:200px; position:absolute; left:10px; bottom:20px;}

#anfahrt .ce_text{width:235px; float:left;}
#anfahrt .mod_dlh_googlemaps{float:right;}

#referenzen .ce_referenz{width:267px; height:208px; float:left; position:relative; margin-bottom:30px;}
#referenzen .ce_referenz.links2{margin-left:-110px; margin-top:60px;}
#referenzen .ce_referenz.links3{margin-left:-110px; margin-top:20px;}
#referenzen .ce_referenz.links4{margin-left:130px;}
#referenzen .ce_referenz.rechts{margin-left:-30px; margin-top:-50px; margin-bottom:165px;}
#referenzen .gallerie{position:absolute; z-index:500; left:0; bottom:0;}

#gallery .ce_gallery{width:895px; float:left; margin:0 0 10px 0;}
#gallery .ce_gallery h1{width:200px; float:left;}
#gallery .ce_gallery table{width:660px; float:right;}
#gallery .ce_gallery tr{display:none;}
#gallery .ce_gallery tr.row_first{display:inline}
#gallery .ce_gallery .image_container{width:220px; float:left; text-align:center; padding:0 0 40px 0; background:url(../../content/schatten.jpg) center bottom no-repeat;}
#gallery .btn_back{position:absolute; z-index:500; left:0; bottom:0;}

/**
 * Footer
 */
#footer{width:908px; float:left; margin:20px 0 0 -8px; padding-bottom:15px;}