/* ########## allgemeine Einstellungen ########## */

* { margin: 0; padding: 0; }

html, body {
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
	overflow: hidden;
	font: 11px Arial, Helvetica, verdana, Geneva, sans-serif;
}

/* body detail popup */
body.bdy-popupdetail { overflow: auto; text-align: center; }

ul  { list-style: none; margin: 0; padding: 0;}
img { border: 0; }

/* ########## allgemeine Klassen ########## */

.bold     {	font-weight: bold; }
.dblsize  { font-size: 2em; }

.clear    { clear: both; }

.fl-left  { float: left; }

.fl-right {	float: right; }


.hidden { visibility: hidden; }
.ir {
	font: 0px/0px sans-serif !important;
	text-indent: -9999px !important;
	text-decoration: none !important;
	overflow: hidden!important;
	background-repeat: no-repeat;
}




/* ########## divs ########## */

#div-content-wrapper {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 115px solid #fff;
	border-bottom: 35px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 1;
}
body > #div-content-wrapper {
	top: 115px;
	bottom: 35px;
	height: auto;
	border: none;
}

#bdy-home #div-content-wrapper { text-align: center; }

#div-header {
	width: 100%;
	height: 115px;
	margin: 0;
	padding: 0;
	background: #EB2426;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#div-footer {
	width: 100%;
	height: 35px;
	margin: -35px 0 0 0;
	padding: 0;
	background: url(../_img/bg_footer.gif) repeat-x 0 100%;
	z-index: 2;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
}

.div-references-wrapper    { width: 710px; margin: 20px 0 80px 112px; background: url(../_img/bg_btn_bildvergroessern.gif) no-repeat 230px 100%}
.div-reference-description { width: 380px; float: left; }
.div-reference-pics        { width: 320px; float: left; }

#div-routing-wrapper        { width: 790px; margin: 20px 0 20px 112px; }
#div-routing-description    { width: 220px; float: left; margin-right: 10px; }
#div-routing-map            { width: 560px; float: left; }

#div-contact-wrapper        { width: 790px; margin: 20px 0 10px 112px; }
#div-contact-description    { width: 240px; float: left; }
#div-contact-form           { width: 370px; float: left; margin-left: 50px; }

#div-impress,
#div-disclaimer             { margin: 20px 50px 10px 112px; max-width: 790px; }



/* detail popup */
.div-header-popupdetail  { height: 60px; margin-bottom: 20px; background: #F3F3F3 url(../_img/logo_transparent.gif) no-repeat 20px 10px; }
.div-content-popupdetail { width: 320px; margin: 0 auto; text-align: left; }






/* ########## headlines  ########## */
h1#hdl-logoheader {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 297px;
	height: 57px;
	padding: 0;
	margin: 5px 0 0 15px;
	background: url(../_img/bg_headerlogo.gif) no-repeat;
}
/* no logo on start page */
body#bdy-home #hdl-logoheader { display: none; }


h2#hdl-logo        { width: 602px; height: 132px; margin: 45px auto 60px auto; background: url(../_img/logo_bauunternehmen_boehling.gif) no-repeat; }


h2.hdl-reference-description { font-size: 14px; font-weight: bold; }

h2.hdl-routing-description { font-size: 14px; font-weight: bold;  margin-bottom: 10px; }

h2#hdl-contact-description { font-size: 16px; font-weight: bold;  margin-bottom: 20px; }

h3#hdl-impress-cname       { margin: 1.5em 0 1em 0; }

#div-disclaimer h3         { margin: 1em 0 0.5em 0; }

/* detail popup */
.hdl-content-popupdetail { font-size: 14px; font-weight: bold;}





/* ########## paragraphs & spans ########## */
p#par-welcometext { width: 602px; height: 122px; margin: 45px auto 60px auto; background: url(../_img/bg_welcometext.gif) no-repeat; }

.par-teasertext-home      { font-size: 17px; text-align: center; margin-bottom: 35px; }

.par-routing-description  { line-height: 1.4em; margin-bottom: 35px; }

#div-routing-wrapper p    { line-height: 1.4em; margin-bottom: 10px; }

.par-contact-description  { font-size: 14px; line-height: 1.4em; margin-bottom: 20px; }

.par-mandatory-flds       { color: #aaa }
.par-success-message      { font-size: 14px; }
.par-error-message        { font-size: 14px; color: #ED1B34; font-weight: bold; }
.spn-fldtitle             { color: #aaa; font-weight: bold; }

#div-impress p            { margin-bottom: 1em; line-height: 1.5em; }
#div-impress span         { display: block; float: left; }
#par-impress-adress       { margin-bottom: 2em !important; }
.spn-lbl-impress-adress   { width: 6.5em; }
#spn-lbl-adress           { height: 2em; }
.spn-lbl-impress-legals   { width: 13em; }

#div-disclaimer p         { line-height: 1.5em; }

.par-lnk-distance         { margin-top: 3em; }


/* detail popup */
.par-content-popupdetail { margin-bottom: 15px; }
.par-imagenavi-popupdetail { float: right; margin-right: 5px; }

/* microformats */
span.type,
span.fn   { display: none; }



/* ########## links ########## */
#lnk-home             { height: 100%; display: block; }

.lnk-close-window     { color: #9A9A9B; text-decoration: underline; float: right; margin: 35px 35px 0 0; }

.lnk-mailto           { color: #000; font-weight: bold; text-decoration: none; }
.lnk-mailto:hover     { text-decoration: underline; }

.lnk-routing,
.lnk-disclaimer       { color: #ED1C24; font-weight: bold; text-decoration: none; }
.lnk-routing:hover,
.lnk-disclaimer:hover { text-decoration: underline; }




/* ########## lists ########## */

/* main navi header */
#lst-header-navi                          { height: 45px; width: 100%; margin-top: 73px; padding-left: 70px; background: url(../_img/bg_lst_headernavi.gif) repeat-x 0 0; }
body > #div-header > #lst-header-navi     { margin-top: 73px; }
#lst-header-navi li                       { float: left; }
#lst-header-navi li a                     { display: block; height: 43px; padding-top: 2px; font-size: 13px; color: #fff; text-decoration: none; text-align: center; }
#lst-header-navi li a#lnk-neubau          { width: 144px; background: url(../_img/bg_headernavi_neubau.gif) no-repeat 0 0; }
#lst-header-navi li a#lnk-neubau:hover    { background: url(../_img/bg_headernavi_neubau_highlight.gif) no-repeat 0 0; }
#lst-header-navi li a#lnk-umbau           { width: 125px; background: url(../_img/bg_headernavi_umbau.gif) no-repeat 0 0; }
#lst-header-navi li a#lnk-umbau:hover     { background: url(../_img/bg_headernavi_umbau_highlight.gif) no-repeat 0 0; }
#lst-header-navi li a#lnk-sanierung       { width: 138px; background: url(../_img/bg_headernavi_sanierung.gif) no-repeat 0 0; }
#lst-header-navi li a#lnk-sanierung:hover { background: url(../_img/bg_headernavi_sanierung_highlight.gif) no-repeat 0 0; }

#bdy-neubau #lst-header-navi li #lnk-neubau       { background: url(../_img/bg_headernavi_neubau_highlight.gif) no-repeat 0 0; }
#bdy-umbau #lst-header-navi li #lnk-umbau         { background: url(../_img/bg_headernavi_umbau_highlight.gif) no-repeat 0 0; }
#bdy-sanierung #lst-header-navi li #lnk-sanierung { background: url(../_img/bg_headernavi_sanierung_highlight.gif) no-repeat 0 0; }

/* meta navi footer */
#lst-footer-navi                    { height: 100%; width: 100%; padding: 13px 0 0 70px; }
#lst-footer-navi li                 { float: left; }
#lst-footer-navi li a               { display: block; width: 135px; height: 22px; padding-top: 3px; font-size: 13px; color: #fff; text-decoration: none; text-align: center; }
/*
#lst-footer-navi li a#lnk-kontakt   { background: url(../_img/bg_footernavi_kontakt.gif) no-repeat 0 0; }
#lst-footer-navi li a#lnk-anfahrt   { background: url(../_img/bg_footernavi_anfahrt.gif) no-repeat 0 0; }
#lst-footer-navi li a#lnk-impressum { background: url(../_img/bg_footernavi_impressum.gif) no-repeat 0 0; }
*/


/* reference pics */
.lst-reference-pics li       { float: left; margin: 5px; }
.lst-reference-pics li a img { border: 1px solid #aaa; }

/* image navi detail popup */
.lst-imagenavi-popupdetail      { float: right; margin-bottom: 30px; }
.lst-imagenavi-popupdetail li   { float: left; margin-left: 5px; }
.lst-imagenavi-popupdetail li a { color: #9A9A9B; text-decoration: underline; }



/* ########## images ########## */


/* ########## forms ########## */
#frm-contact label             { font-size: 12px; font-weight: bold; display: block; float: left; width: 100px; height: 30px;  }
#frm-contact .spn-label        { font-size: 12px; font-weight: bold; margin: 0 8px 0 5px; }
#frm-contact input,
#frm-contact textarea          { width: 250px; padding: 2px; }
#frm-contact textarea          { height: 100px; }
#frm-contact #opt-anrede-frau,
#frm-contact #opt-anrede-herr  { width: 15px; }
#frm-contact #inp-plz          { width: 50px; }
#frm-contact #inp-ort          { width: 190px; margin-left: 10px; }
#frm-contact > #inp-ort        { width: 182px; margin-left: 10px; }

form#frm-contact #btn-submit   {
	display: block;
	width: 76px;
	height: 16px;
	float: right;
	margin: 15px 8px 0 0;
	border: 0;
}

form#frm-contact > #btn-submit { margin: 15px 12px 0 0;	}

form#frm-contact .btn-norm { background: url(../_img/btn_submit.gif) no-repeat; }
form#frm-contact .btn-high { background: url(../_img/btn_submit_highlight.gif) no-repeat; }

/*
form#frm-contact #btn-submit:hover {
	background: url(../_img/btn_submit_highlight.gif) no-repeat;
}
*/