/* standards  */

html[xmlns^="http"] 	{overflow-y: scroll;}

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}

html					{min-height: 100%; height: auto; height: 100%; line-height: 1.6em; background: #81AECD;}
body					{line-height: 1.6em;}
body 					{font-size: 72%; font-family: Arial, Helvetica, sans-serif; color: #525252; background:#81AECD }
ul 						{list-style-type: none;}
a 						{color: #003a79;}
a:hover					{text-decoration: none;}
br 						{margin: 0; padding: 0; line-height: 0.0001em;}
table					{border-collapse: collapse;}
td, th 					{vertical-align: top;}
p						{ margin-bottom:1em}
strong					{}
.maps					{width: 600px; height: 350px; border: none;} 
.firmendaten 			{margin-bottom: 1em;}
.firmendaten td			{ padding: .2em 0;}
.bordered				{border-bottom: 1px dashed #515151;}
.firmendaten .desc		{font-weight: bold; padding-right: 4em;}

.clearblock:after		{content: "."; overflow: hidden; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; font-size: 0 !important;}
.clearblock				{display: inline-block;}
html[xmlns] .clearblock	{display: block;}
* html .clearblock		{height: 1%;}
.clear	 				{clear: both;}

.todo					{background: #f00 !important; color: #fff !important;}
.img_repl				{font-size: 0; line-height: 0; text-indent: -99999px;}

.pdf					{background-image: url(../images/standard/pdf.gif); background-repeat: no-repeat; padding-left: 20px; position: relative; z-index: 100;}

body#anfahrt .column1 {width:250px; float:left; padding-left:25px}
#anfahrt iframe			{border: 2px solid #003a79; margin-left:25px}

/* ewcms */
#ewcms_edit_controller	{position: fixed; _position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; font-weight: bold; font-size: 1.1em; z-index: 10;}
#ewcms_edit_controller a{color: #f00;}
 
/* end of standards  */
#top {background:url(../images/bg-body.jpg) 0 0 repeat-x #ECF5FC; padding-bottom:55px}
.container				{width: 960px; margin: 0 auto;}
#header					{}
#content				{}
#footer					{ background:url(../images/bg-footer.jpg) 0 0 repeat-x; height:200px; padding-top:20px;}
	#footerContent		{ width:935px; margin:0 auto; color:#003a79; padding-left:25px }
	#footerContent	a { color:#003a79	}
	#footerContent	p { width:245px ; float:left}
	#footerContent	p.last { width:175px ; float:left}
	
body.bg-body			{}
h1#branding	a			{display: block;background:url(../images/logo.jpg) 0 0 no-repeat; height:180px}

/* navigation */
ul#navigation-main		{ position:relative; float:left;  background:url(../images/bg-ul-navigation-main.jpg) 0 0 no-repeat; height:60px; width:940px; padding:10px 0 0 15px; margin:25px 0 0 0 }
ul#navigation-main li { float:left}
ul#navigation-main li a { color:#003a79; text-decoration:none; font: Tahoma, Geneva, sans-serif; text-shadow:0 1px 0px #d2ebff; float:left; padding:5px 16px 10px 15px; font-weight:bold; font-size:1em}
body#index ul#navigation-main li a.nav01, body#service ul#navigation-main li a.nav02, body#neuheiten ul#navigation-main li a.nav03, body#aktivitaeten ul#navigation-main li a.nav04, body#anfahrt ul#navigation-main li a.nav09, body#newsletter-abo ul#navigation-main li a.nav06,body#referenzobjekte ul#navigation-main li a.nav05, body#kontakt ul#navigation-main li a.nav07, body#impressum ul#navigation-main li a.nav08, body#leistungen-neueindeckung ul#navigation-main li a.nav10, body#leistungen-gruendaecher ul#navigation-main li a.nav10, body#leistungen-bauklempnerei ul#navigation-main li a.nav10, body#leistungen-flachdaecher ul#navigation-main li a.nav10, body#leistungen-reparaturservice ul#navigation-main li a.nav10, body#leistungen-pflegeundwartung ul#navigation-main li a.nav10, body#leistungen-dachsanierung ul#navigation-main li a.nav10, body#leistungen-dachrinnenreinigung ul#navigation-main li a.nav10,  body#leistungen-fassadengestaltung ul#navigation-main li a.nav10,  body#leistungen-solartechnik ul#navigation-main li a.nav10,  body#leistungen-dachgeschossausbau ul#navigation-main li a.nav10,  body#leistungen-dachfenster ul#navigation-main li a.nav10,  body#leistungen-waermedaemmung ul#navigation-main li a.nav10,  body#leistungen-weitereleistungen ul#navigation-main li a.nav10,  
ul#navigation-main li a:hover {color:#000}

  ul#navigation-main li ul { position:absolute; top:42px; background:#ebebeb; float:none; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index:4 ; _right:230px}
	  	ul#navigation-main li ul li, 	#header ul li ul li a { float:none; white-space:nowrap; _width:100px; }
 	    ul#navigation-main li ul li a {padding:10px; display:block; margin-right:0; color:#003a79; height:20px; border-bottom:1px solid #a7c5da; padding:4px 13px; text-shadow: none}
	    ul#navigation-main li ul li a:hover {color:#000} 


/* headlines */
h3.indexh3 {font-weight:normal;font-size:1.5em; color:#525252;margin-bottom:10px;}
h3 { color:#003a79}
h2 {padding:0 0 25px 25px; font-size:1.4em; background:url(../images/bg-h2.jpg) 0 bottom no-repeat; margin-bottom:10px}
h2 span { font-size:1.3em; color:#003a79}
h4, .h4 { color:#003a79; font-size:1.6em; margin-bottom:0.8em; font-weight:900; margin-top:30px; }
h5, .h5 { color:#003a79; font-size:1.6em; margin-bottom:0.8em; margin-top:30px; }
h6, .h6 { color:#003a79; font-size:1.4em; margin-bottom:0.8em; margin-top:20px; }

/* contents */
.column { width:455px; float:left; padding:0 0 10px 25px}
.viertel { width:200px; float:left; padding:0 0 10px 25px}
.caption {padding:4px 5px; font-size:.9em}


/* images */
.images		{}
.pic {  border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -khtml-border-radius: 5px; -o-border-radius: 5px; padding:2px 2px 38px 2px; 
box-shadow: 0px 0px 5px #9ab0c0;
-webkit-box-shadow: 0px 0px 5px #9ab0c0;
-moz-box-shadow: 0px 0px 5px #9ab0c0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#9ab0c0, offX=1, offY=1, positive=true);}
a  {position:relative; word-wrap: break-word;}
a span.imgdescription {position:absolute;top:-16px; left:11px;}


#referenzobjekte .pic {padding:2px;}
#referenzobjekte p.imgdescription {margin-top:5px;}

/* for ms */
