/* resets*/

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, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a { color:black; text-decoration:none}
a:hover { text-decoration:underline}
p a{text-decoration:underline}

#footer-wrapper a {color: white}
.clear { clear:both; height:10px}

/*****************************************************/
body { background: #F2F0EF url(../img/bg-body.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; width:100%}

#wrapper, #header, #hauptnavi, #content, #footer {width:970px; margin:auto; padding-left:10px;/**/ }

#header { padding:38px 34px 0px 0px; background:url(../img/bg-header.gif) 345px  0 no-repeat; height:111px}
#header .logo{ margin-left:20px; float:left}

#metanavi { float:right; margin-right:88px; font-size:12px; text-transform:uppercase; color:#c9cdcd; }
#metanavi a, #bottomnavi a{ color:#c9cdcd; text-decoration:none; margin:0 15px}
#metanavi a:hover, #bottomnavi a:hover{ color:#dce1e1;}

#hauptnavi { height:58px; line-height:58px; text-transform:uppercase; font-size:14px; font-weight:normal; width:1030px; }
#hauptnavi ul{ margin-left:20px;}
#hauptnavi li{ display:inline; padding:10px 0; border-right:1px #b1b0af solid; }
#hauptnavi a{ color:black; height:70px; border-right:0px #b1b0af solid; text-decoration:none;}
#hauptnavi a:hover{ color:white;}

#hauptnavi a.home{padding:37px 30px;}
#home #hauptnavi a.home,
#hauptnavi a.home:hover{ border-left:0px #b1b0af solid; background:url(../img/home-on.png) no-repeat;color:white;}

#hauptnavi a.produkte{padding:37px 25px;}
#hauptnavi a.produkte:hover,
#produkte #hauptnavi a.produkte{background:url(../img/produkte-on.gif) no-repeat;color:white;}

#hauptnavi a.themen{padding:37px 20px;}
#hauptnavi a.themen:hover,
#themen #hauptnavi a.themen{background:url(../img/home-on.gif)  no-repeat -2px 0;color:white;}

#hauptnavi a.referenzen{padding:37px 25px 37px 20px;}
#hauptnavi a.referenzen:hover,
#referenzen #hauptnavi a.referenzen{background:url(../img/long-on.png) no-repeat -5px 0;color:white;}

#hauptnavi a.ausstellung{padding:37px 20px 37px 16px;}
#hauptnavi a.ausstellung:hover,
#ausstellung #hauptnavi a.ausstellung{background:url(../img/long-on.png) no-repeat -5px 0;color:white;}


#hauptnavi a.unternehmen{padding:37px 20px 37px 17px;}
#hauptnavi a.unternehmen:hover,
#unternehmen #hauptnavi a.unternehmen{background:url(../img/unternehmen-on.png) no-repeat -6px 0;color:white;}

/*
für mac:
#hauptnavi a.unternehmen:hover,
#unternehmen #hauptnavi a.unternehmen{background:url(../img/unternehmen-on.png) no-repeat -4px 0;color:white;}*/


#hauptnavi a.presse{padding:37px 20px 37px 18px;}
#hauptnavi a.presse:hover,
#presse #hauptnavi a.presse{ border-left:0px #b1b0af solid; background:url(../img/home-on.gif) no-repeat -5px 0;color:white;}

#hauptnavi a.kontakt{padding:37px 15px 37px 16px;}
#hauptnavi a.kontakt:hover,
#kontakt #hauptnavi a.kontakt{ border-left:0px #b1b0af solid; background:url(../img/home-on.gif) no-repeat -3px 0;color:white;}

#content {padding:46px 0 0;}



/*-------- LEFT ------------*/
#content-left{ float:left; width:263px; }

.news { margin-bottom:107px; height:298px;background:url(../img/bg-news.gif) no-repeat -2px 0;}
.news img{margin:19px 0 20px 17px }

.news-title,
.news-text{ padding:6px 0 0 10px; width:211px; font-size:12px; font-weight:bold; line-height:20px;}
.news-text{font-weight:normal; padding-top:17px}

.news .mehr {margin-left:5px; margin-top:5px}

#subnavi {margin-top:5px; height:361px; padding-left:2px}
#subnavi ul li a{ width:245px; height:47px; display:block; text-indent:-2000px}

#subnavi a.fenster, #subnavi a.fenster-on {background: url(../img/subnavi-fenster.gif) no-repeat 0px 0px;}
#subnavi a.tueren, #subnavi a.tueren-on  {background: url(../img/subnavi-tueren.gif) no-repeat 0px 0px;}
#subnavi a.haustechnik, #subnavi a.haustechnik-on  {background: url(../img/subnavi-haustechnik.gif) no-repeat 0px 0px;}
#subnavi a.montage, #subnavi a.montage-on  {background: url(../img/subnavi-montage.gif) no-repeat 0px 0px;}
#subnavi a.famhaus, #subnavi a.famhaus-on  {background: url(../img/subnavi-einfamhaus.gif) no-repeat 0px 0px;}
#subnavi a.objekte, #subnavi a.objekte-on  {background: url(../img/subnavi-objekte.gif) no-repeat 0px 0px;}
#subnavi a.offhand, #subnavi a.offhand-on  {background: url(../img/subnavi-offhand.gif) no-repeat 0px 0px;}
#subnavi a.modernisierung, #subnavi a.modernisierung-on  {background: url(../img/subnavi-modernisierung.gif) no-repeat 0px 0px;}
#subnavi a.sicherheit, #subnavi a.sicherheit-on  {background: url(../img/subnavi-sicherheit.gif) no-repeat 0px 0px;}
#subnavi a.wohnkomfort, #subnavi a.wohnkomfort-on  {background: url(../img/subnavi-wohnkomfort.gif) no-repeat 0px 0px;}
#subnavi a.geschichte, #subnavi a.geschichte-on  {background: url(../img/subnavi-geschichte-test.gif) no-repeat 0px 0px;}
#subnavi a.aktuelles, #subnavi a.aktuelles-on  {background: url(../img/subnavi-aktuelles.gif) no-repeat 0px 0px;}
#subnavi a.personen, #subnavi a.personen-on  {background: url(../img/subnavi-personen.gif) no-repeat 0px 0px;}
#subnavi a.verantwortung, #subnavi a.verantwortung-on  {background: url(../img/subnavi-verantwortung.gif) no-repeat 0px 0px;}
#subnavi a.projekte, #subnavi a.projekte-on  {background: url(../img/subnavi-projekte.gif) no-repeat 0px 0px;}
#subnavi a.ausbildung, #subnavi a.ausbildung-on  {background: url(../img/subnavi-ausbildung.gif) no-repeat 0px 0px;}
#subnavi a.stellen, #subnavi a.stellen-on  {background: url(../img/subnavi-stellen.gif) no-repeat 0px 0px;}
#subnavi a.komfort, #subnavi a.komfort-on  {background: url(../img/subnavi-komfort.gif) no-repeat 0px 0px;}
#subnavi a.exklusiv, #subnavi a.exklusiv-on  {background: url(../img/subnavi-exklusiv.gif) no-repeat 0px 0px;}
#subnavi a.anfahrt, #subnavi a.anfahrt-on  {background: url(../img/subnavi-anfahrt.gif) no-repeat 0px 0px;}
#subnavi a.pressemeldungen , #subnavi a.pressemeldungen-on  {background: url(../img/subnavi-aktuelles.gif) no-repeat 0px 0px;}
#subnavi a.pressefotos , #subnavi a.pressefotos-on  {background: url(../img/subnavi-pressefotos.gif) no-repeat 0px 0px;}
#subnavi a.pressekontakt , #subnavi a.pressekontakt-on  {background: url(../img/subnavi-pressekontakt.gif) no-repeat 0px 0px;}
#subnavi a.hintergrund, #subnavi a.hintergrund-on  {background: url(../img/subnavi-hintergrund.gif) no-repeat 0px 0px;}
#subnavi a.bildmaterial, #subnavi a.bildmaterial-on  {background: url(../img/subnavi-bildfilmmaterial.gif) no-repeat 0px 0px;}
#subnavi a.daten, #subnavi a.daten-on  {background: url(../img/subnavi-daten.gif) no-repeat 0px 0px;}
#subnavi a.medienkontakt, #subnavi a.medienkontakt-on  {background: url(../img/subnavi-medienkontakt.gif) no-repeat 0px 0px;}
#subnavi a.lieferanten, #subnavi a.lieferanten-on  {background: url(../img/subnavi-lieferanten.gif) no-repeat 0px 0px;}
#subnavi a.vertiebspartner, #subnavi a.vertiebspartner-on  {background: url(../img/subnavi-vertiebspartner.gif) no-repeat 0px 0px;}

#subnavi a.fenster:hover, #subnavi a.fenster-on,
#subnavi a.tueren:hover, #subnavi a.tueren-on,
#subnavi a.montage:hover, #subnavi a.montage-on,
#subnavi a.haustechnik:hover, #subnavi a.haustechnik-on,
#subnavi a.famhaus:hover, #subnavi a.famhaus-on,
#subnavi a.objekte:hover, #subnavi a.objekte-on,
#subnavi a.offhand:hover, #subnavi a.offhand-on,
#subnavi a.modernisierung:hover, #subnavi a.modernisierung-on,
#subnavi a.sicherheit:hover, #subnavi a.sicherheit-on,
#subnavi a.wohnkomfort:hover, #subnavi a.wohnkomfort-on,
#subnavi a.geschichte:hover, #subnavi a.geschichte-on,
#subnavi a.aktuelles:hover, #subnavi a.aktuelles-on,
#subnavi a.personen:hover, #subnavi a.personen-on,
#subnavi a.verantwortung:hover, #subnavi a.verantwortung-on,
#subnavi a.projekte:hover, #subnavi a.projekte-on,
#subnavi a.ausbildung:hover, #subnavi a.ausbildung-on,
#subnavi a.stellen:hover, #subnavi a.stellen-on,
#subnavi a.komfort:hover, #subnavi a.komfort-on,
#subnavi a.exklusiv:hover, #subnavi a.exklusiv-on,
#subnavi a.anfahrt:hover, #subnavi a.anfahrt-on,
#subnavi a.pressemeldungen:hover, #subnavi a.pressemeldungen-on,
#subnavi a.pressefotos:hover, #subnavi a.pressefotos-on,
#subnavi a.pressekontakt:hover, #subnavi a.pressekontakt-on,
#subnavi a.hintergrund:hover, #subnavi a.hintergrund-on,
#subnavi a.medienkontakt:hover, #subnavi a.medienkontakt-on,
#subnavi a.daten:hover, #subnavi a.daten-on,
#subnavi a.vertiebspartner:hover, #subnavi a.vertiebspartner-on,
#subnavi a.lieferanten:hover, #subnavi a.lieferanten-on,
#subnavi a.bildmaterial:hover, #subnavi a.bildmaterial-on
{background-position:0px -47px;}

#subnavi a.fenster-on,
#subnavi a.tueren-on,
#montage a.fenster-on,
#montage a.haustechnik-on,
#subnavi a.famhaus-on,
#subnavi a.objekte-on,
#subnavi a.offhand-on,
#subnavi a.modernisierung-on,
#subnavi a.sicherheit-on,
#subnavi a.wohnkomfort-on,
#subnavi a.geschichte-on,
#subnavi a.aktuelles-on,
#subnavi a.personen-on,
#subnavi a.verantwortung-on,
#subnavi a.ausbildung-on,
#subnavi a.stellen-on,
#subnavi a.komfort-on,
#subnavi a.exklusiv-on,
#subnavi a.anfahrt-on,
#subnavi a.pressemeldungen-on,
#subnavi a.pressefotos-on,
#subnavi a.pressekontakt-on,
#subnavi a.hintergrund-on,
#subnavi a.bildmaterial-on,
#subnavi a.daten-on,
#subnavi a.lieferanten-on,
#subnavi a.vertiebspartner-on,
#subnavi a.medienkontakt-on
{cursor:default}


#content-left .metacontent { border-right: 1px #c2c0bf solid; color:#000}
#content-left .metacontent p { padding:5px 20px 16px 10px}
#content-left .metacontent p.refteaser {margin-top:10px; padding-left:15px}
#content-left .metacontent img.refteaser {margin-top:-28px;}
#content-left .metacontent p.stich { padding:0px 20px 0px 10px; /*margin-top:-4px*/}
#content-left .ab{float:left; margin-right:10px}
#content-left .stichwort{float:left; margin-right:20px; margin-top:-4px;}
#content-left .broschure{float:left; margin-right:15px; margin-top:-4px;}
#content-left .down{ margin-bottom:39px}
#content-left .metacontent .mehr{margin:13px 0 30px -5px}

/*-------- RIGHT ------------*/
#content-right{float:left; width:665px; padding-left:40px; /*padding-bottom:50px*/}

#content-right p, #content-right p.teaser, #content-right h1
{padding-right:30px;margin-top:30px; font-size:16px; line-height:26px}

#content-right h1 { font-size:30px; line-height:40px; margin-top:10px;/**/ color:#566466; font-weight:normal}
#content-right p.teaser { font-weight:bold}
#content-right p.teaser em{ font-weight:normal; font-style:italic}
#content-right p{ margin-top:20px;}

#home #content-right{width:695px; padding-left:0px; padding-bottom:0px}
#home #slideshow {background: url(../img/border-slideshow.gif) no-repeat 0px 20px; padding-left: 30px; margin-left: 0px}
#home #slideshow #imageContainer img {display:none; position: absolute;}

#slideshow {margin-left:-10px; margin-bottom:37px}
#slideshow #imageContainer {background: transparent url(../img/bg-slideshow.gif) no-repeat;width:660px; height:324px; overflow:hidden;position: relative}
#slideshow #imageContainer img{ margin-left:19px; margin-top:20px; position:absolute;top:0px; left:0; height:285px}
#slideshow #imageContainer img.hidden {display: none}

/* 3 columns blocks */
#msw-block, #ref-block { margin-top:50px;}
#home #msw-block { margin-top:60px;}

#msw-block h2, #ref-block h2, #stellen h2, h2{ font-size:20px; margin-bottom:3px; padding-left:18px; font-weight:normal;}
.modernisierung h2 { color:#b0bc00}
.sicherheit h2 { color:#e2001a}
.wohnkomfort h2 { color:#005284}
.famhaus h2,.objekte h2,.offhand h2{ color:#566466}

#msw-block .msw-item, #msw-block .msw-item-first { float:left; padding:0 25px; width:180px; border-left:#c2c0bf 1px solid;}

.ref-title, .ref-text,.msw-title, .msw-text  { padding:6px 0 0 10px; width:211px; font-size:12px; font-weight:bold; line-height:20px;}
#content-right .msw-text p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
}
.ref-text, .msw-text {font-weight:normal; padding-top:17px}

.msw-title, .msw-text,
.ref-title, .ref-text  {width:170px; padding-left:10px;}
.ref-text{ height:120px}

#presse .msw-text{margin-left:10px; padding-top:10px}
#presse #msw-block .mehr {margin-left:18px; margin-top:12px}

#msw-block .mehr, #ref-block .mehr {margin-left:8px; margin-top:7px}

#msw-block .msw-item-first { padding-left:0px; border-left:none; margin-left:-10px}
#home #msw-block .msw-item-first {border-left: 1px solid #C2C0BF; padding:0 25px; margin: 0}
#produkte #msw-block .sicherheit, #produkte #msw-block .wohnkomfort, #produkte #msw-block .home,
/*#themen .sicherheit, #themen .wohnkomfort,*/
#msw-block .famhaus /*#msw-block .objekte, #msw-block .offhand*/{ border-left:none;}

/* paging */
.paging {margin:auto; text-align:center; font-size:11px; text-transform:uppercase; color:white; margin-top:50px}
.paging a { color:#FFFFFF}
.paging a:hover { text-decoration:none}
.newer {width:130px; height:19px; float:left; background:#acb1b2; margin-left:195px}
.older {width:130px; height:19px; float:left; background:#576567; margin-left:13px}

/*news*/
.date { font-style:italic; margin-bottom:-30px}


/*-------- FOOTER ------------*/
#footer-wrapper { width:100%; float:left; /*margin-top:40px;*/ height:451px; clear:both; background: url(../img/bg-footer.gif) repeat-x; padding-top:24px; color:white}

#footer-left{float:left; width:255px}

#stellen { padding-left:5px}
#stellen h2{ margin-left:-18px; }
#stellen img{ margin-left:-12px; }

#stellen h3 { padding:6px 0 0 0px; width:211px; font-size:12px; font-weight:bold; line-height:20px;}

.angebot{font-weight:normal; padding-top:17px; line-height:18px;padding:6px 0 0 0px; width:231px; font-size:12px; }
.angebot .mehr {margin-left:-5px !important; margin-top:7px}

#footer-left .metacontent {
	color:#fff;
	width:250px;
	height:1px;
}
#footer-left .metacontent .text {
	padding: 19px 50px 10px 5px;
}
#footer-left .metacontent p { padding-top: 20px}

#footer-right{float:left;  padding-left:20px; border-left:0px solid #717c7d; height:384px }
#footer-right.form {border-left:1px solid #717c7d;}
.schema {margin-top:1px; float:left; margin-right:15px}

.footer-text {position:absolute; margin-left:320px;width:360px;}
.footer-header { margin-left:-6px; margin-bottom:60px}


#home #footer-right,
#referenzen  #footer-right,
#unternehmen #footer-right{border-left:1px solid #717c7d;}
#home .footer-text {position:absolute; margin-left:450px;width:200px;}
#home .footer-header {  margin-bottom:33px; margin-left:-100px; position:relative}
#partner .footer-text { margin-left:30px; width:600px}


#footer-right .mehr { margin-left:-2px; margin-top:3px;}



#bottom { height:45px; width:100%; background:#202526; float:left; padding-top:20px; margin:auto; text-align:center}
#bottomnavi{text-transform:uppercase; color:#c9cdcd;}

.top{width:960px; clear:both; float:none; text-align:right !important; margin-bottom:0px; padding-top: 50px}
#home .top {padding-top: 0px}
.topfooter {width:960px; clear:both; float:none; text-align:right !important; /*margin-top:-42px; margin-bottom:27px; padding-top:45px*/ padding-top:48px}
#home .topfooter {padding-top:15px}
.topnews {text-align:right; margin:50px 0px 50px 0px; border-bottom: 1px #c2c0bf solid;}
.last .topnews { display:none}

/*-------- REFERENZEN ------------*/
.subcontent {width:970px; float:left; margin:auto; margin-top:-140px; padding-left:0px;  border:red 0px dotted}

.neubau {float:left; width:470px;  border: 0px blue dotted; }
.sanierung {float:left; padding-left:57px; width:435px; border: 0px green dotted; border-left: 1px #c2c0bf solid; }

.subcontent h2, .subcontent h2 a{ font-size:24px; color:#566466; margin-bottom:3px; padding-left:5px; font-weight:normal; margin-bottom:25px; text-decoration:none}

.ref-left,  .ref-right {float:left;width:176px; height:146px; background:/*#CCCCFF*/  url(../img/bg-tumb.gif) no-repeat; padding-right:29px; border-right: 1px #c2c0bf solid; margin-bottom:32px; padding-bottom:4px; }
.ref-right { background: /*#FFCCFF */url(../img/bg-tumb.gif) no-repeat; margin-left:33px;border-right: 0px #c2c0bf solid; padding-right:0px}
.ref-left img,  .ref-right img{margin: 13px 0 0 13px;}
.ref-left h4,  .ref-right h4{font-weight:bold; color:black; font-size:12px; line-height:20px; padding:12px; width:102px; float:left}
.go {float:right; margin-right:17px}
.orange {color: #F28905;font-weight: bold}