body {
   background-image: url(../img/back.gif);
   background-repeat: repeat-x;
   text-align: center;
   margin: 0px;
	font-family: arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
img{
	border: 0px;
}
form{
	margin: 0px;
}
a {
	text-decoration: none;
	color: #019DD6;
	line-height: 16px;
}
a:hover {
	text-decoration: underline;
	color: #019DD6;
	line-height: 16px;
}
a.navi {
	text-decoration: none;
	color: #fff;
}
a.navi:hover {
	text-decoration: underline;
	color: #009DD6;
}
a.sub {
	text-decoration: none;
	color: #272727;
}
a.sub:hover {
	text-decoration: underline;
	color: #009DD6;
}
a.artikel {
	text-decoration: none;
	color: #272727;
}
a.artikel:hover {
	color: #009DD6;
}
.header-oben {
    width: 960px;
	 height: 40px;
	 background-color:#343434;
    margin: 0px;
	 padding: 0px;
}
#breite{
	width: 960px;
	margin: auto;
	background-color: #fff;
}
#content {
    background-color: #fff;
    text-align: left;
	 padding: 0px 40px 0px 40px;
}
a.footer_link {
    text-decoration: none;
    color: #fff;
}
a.footer_link:hover {
    text-decoration: underline;
    color: #fff;
}

#pic_home {
    width: 405px;
    height: 359px;
    background-image: url(../img/home/bild_gross.jpg);
    float: left;
    margin-top: 18px;
    margin-left: 30px;
}

#welcome {
    float: left;
    width: 416px;
    height: 80px;
    margin-left: 30px;
    margin-top: 12px;
}

h1 {
   font-family: verdana;
   font-size: 15px;
	line-height: 20px;
   color: #000;
	font-weight: normal;
   margin: 0px 0px 3px 0px;
}
h1.teaser{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	padding: -3px 0px 10px 0px;
	}
.vorspann{
	font-style: italic;
	margin-bottom: 15px;
}
p {
	margin-top: 0px;
	margin-left: 0px;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin-bottom: 0px;
}
.hausfarbe{
	color: #a40044;
	}
/* ######################## Navigation ###################### */
.hauptnavi{
	margin:0; 
	position: relative;
	width: 920px;
	background: url(../img/navi_bg_sw.gif);
	background-repeat: repeat-x;
	text-align: left;
	padding-left:40px;
	display: block;
	z-index: 2;
}
.hauptnavi a,
.hauptnavi a:link,
.hauptnavi a:visited,
.hauptnavi a:focus,
.hauptnavi a:active
{
	text-decoration:none; 
	height:30px; 
}
.hauptnavi a.homestaging:hover,
.hauptnavi a.makler:hover,
.hauptnavi a.bautraeger:hover,
.hauptnavi a.printshop:hover,
.hauptnavi a.service:hover,
.hauptnavi a.dwb:hover,
.hauptnavi a.kontakt:hover{
	text-decoration:none; 
	background-position:0 -30px;
}
.hauptnavi a.homestaging-active{
	background-image: url(../img/navi/homestaging.gif);
	background-position:0 -30px;
	display: block;
	width: 148px;
}
.hauptnavi a.homestaging{
	background-image: url(../img/navi/homestaging.gif);
	width: 148px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.makler{
	background-image: url(../img/navi/makler.gif);
	width: 107px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.makler-active{
	background-image: url(../img/navi/makler.gif);
	background-position:0 -30px;	
	width: 107px;
	display: block;
}
.hauptnavi .bautraeger{
	background-image: url(../img/navi/bautraeger.gif);
	width: 139px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.bautraeger-active{
	background-image: url(../img/navi/bautraeger.gif);
	background-position:0 -30px;	
	width: 139px;
	display: block;
}
.hauptnavi .printshop{
	background-image: url(../img/navi/printshop.gif);
	width: 134px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.printshop-active{
	background-image: url(../img/navi/printshop.gif);
	background-position:0 -30px;	
	width: 134px;
	display: block;
}
.hauptnavi .service{
	background-image: url(../img/navi/service.gif);
	width: 104px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.service-active{
	background-image: url(../img/navi/service.gif);
	background-position:0 -30px;	
	width: 104px;
	display: block;
}
.hauptnavi .dwb{
	background-image: url(../img/navi/dwb.gif);
	width: 162px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.dwb-active{
	background-image: url(../img/navi/dwb.gif);
	background-position:0 -30px;	
	width: 162px;
	display: block;
}
.hauptnavi .kontakt{
	background-image: url(../img/navi/kontakt.gif);
	width: 111px;
	background-repeat: no-repeat;
	display: block;
}
.hauptnavi a.kontakt-active{
	background-image: url(../img/navi/kontakt.gif);
	background-position:0 -30px;	
	width: 111px;
	display: block;
}
.bg-navi{
	background: url(../img/navi_back.gif) 0 0;
	overflow: hidden;
}
/* ################## Ende Hauptnavi ###################### */
/* ################# Layer Anfang ################## */
#homestaging-sub, #makler-sub, #bautraeger-sub, #service-sub, #printshop-sub, #dwb-sub, #kontakt-sub{
	position: absolute;
	top:30px;
	z-index: 10;
	display: none;
	background-image: url(../img/subnavi_back.gif);
	background-repeat: repeat-x;
	background-color: #343434;
	color: #fff;
}
#homestaging-sub{
	left: 40px;
	width: 170px;
}
#makler-sub{
	left: 193px;
	width: 120px;
}
#bautraeger-sub{
	left: 300px;
	width: 130px;
}
#printshop-sub{
	left: 551px;
	width: 124px;
}
#service-sub{
	left: 439px;
	width: 97px;
}
#dwb-sub{
	left: 676px;
	width: 171px;
}
#kontakt-sub{
	left: 839px;
	width: 107px;
}
.sub-innen{
	padding: 10px 15px 4px 15px;
}
.subnavi{
	text-align: left;
	font-family: Georgia;
	border-bottom: 1px solid #000;
	height: 22px;
}
/* ################# Layer Navigation Ende ################## */
.vorspann{
	font-style: italic;
}
.feld-header{
	/*font-family: verdana, sans-serif;*/
	font-size: 12px;
	margin-bottom: 2px;
	text-align: left;
	margin-top: 10px;
}
input.feld_inp{
	border: 1px solid #b4bac6;
	width: 189px;
}
input.feldmix{
	border: 1px solid #b4bac6;
	width: 268px;
}
textarea.feldmixt{
	border: 1px solid #b4bac6;
}
textarea.feldt{
	border: 1px solid #b4bac6;
	width: 395px;
	height: 100px;
}
.lauftext{
	margin-bottom: 15px;
}
.content-left{
	width:580px;
	float: left;
}
.content-right{
	width:280px;
	float: left;
}
.teaser-text{
	font-family: Arial, Helvetica, sans-serif;
	}
/* ############################################################ */
/* ################### rechte Teaserspalte #################### */
/* ############################################################ */
.waren{
	background-color: #272727;
	width: 300px;
}
.korb{
	float:left;
	background-color: #272727;
	width: 245px;
	line-height: 27px;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.header-partner-box{
	background-color: #272727;
	line-height: 33px;
	font-family: verdana;
	font-size: 15px;
	text-transform: uppercase;
	padding-left: 13px;
	color: #fff;
}
.partner-box{
	border-bottom: 1px solid #272727;
	border-right: 1px solid #272727;
	border-left: 1px solid #272727;
}
.partner-bild{
	float: left;
	margin-right: 15px;
}
.partner-text{
	float: left;
	width: 175px;
	margin-top: 12px;
	color: #272727;
}
.linie{
	border-bottom: 1px solid #272727;
	margin: 10px;
}
.teaser-preis{
	font-weight: bold;
	margin-top: 20px;
}
/* ############################################################ */
/* ################### Ende rechte Teaserspalte #################### */
/* ############################################################ */

/* ############################################################ */
/* ################### Footer #################### */
/* ############################################################ */
.schlagwoerter{
	border-top: 1px solid #000;
	line-height: 30px;
	color: #009ee0;
	margin-top: 99px;
	font-size: 11px;
}
.footer{
	background-color: #272727;
	color: #fff;
	font-size: 12px;
	margin-top: 60px;
	line-height: 26px;
}
.partner{
	text-align: left;
	margin-top: 20px;
	font-size: 12px;
}
.partner-logos{
	text-align: center;
}
/* ############################################################ */
/* ################### Ende Footer #################### */



/* ################### Anfang Produkte #################### */
/* ############################################################ */
/* ################### Anfang Produkte Navigation #################### */
/* ############################################################ */

.produktnavi{
	height: 26px;
	background-color: #272727;
	margin-top: 2px;
	margin-bottom:22px;
	position: relative;
	color: #fff;
}
.kurzinfo a{
	background-color: #272727;
	line-height: 26px;
	width: 116px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 0px;
}
.kurzinfo a:hover, .kurzinfo-aktiv a:hover, .kurzinfo-aktiv a{
	line-height: 28px;
	width: 116px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 0px;
}
.produktinfo a{
	background-color: #272727;
	line-height: 26px;
	width: 128px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 116px;
}
.produktinfo a:hover, .produktinfo-aktiv a:hover, .produktinfo-aktiv a{
	line-height: 28px;
	width: 128px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 116px;
}
.video a{
	background-color: #272727;
	line-height: 26px;
	width: 82px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 244px;
}
.video a:hover, .video-aktiv a:hover, .video-aktiv a{
	line-height: 28px;
	width: 82px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 244px;
}
.muster a{
	background-color: #272727;
	line-height: 26px;
	width: 90px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 326px;
}
.muster a:hover, .muster-aktiv a:hover, .muster-aktiv a{
	line-height: 28px;
	width: 90px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 326px;
}
.lizenzen a{
	background-color: #272727;
	line-height: 26px;
	width: 100px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 416px;
}
.lizenzen a:hover, .lizenzen-aktiv a:hover, .lizenzen-aktiv a{
	line-height: 28px;
	width: 100px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 416px;
}
.referenzen a{
	background-color: #272727;
	line-height: 26px;
	width: 120px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	color: #fff;
	top: 0px;
	left: 516px;
}
.referenzen a:hover, .referenzen-aktiv a:hover, .referenzen-aktiv a{
	line-height: 28px;
	width: 120px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	background-color: #019dd6;
	position: absolute;
	color: #fff;
	top: -2px;
	left: 516px;
}
.teaser-left{
	float: left;
	margin-right: 20px;
	}
.teaser-bild{
	width: 160px;
	}
.teaser-text{
	width: 260px;
	}
.line{
	border-top: 1px solid #009dd6;
	margin: 20px 0px 20px 0px;
}
/* ################### Ende Produkte Navigation #################### */
/* ############################################################ */
/* ################### Anfang Produkte Content #################### */
/* ############################################################ */
.content-left-produkt{
	width:430px;
	float: left;
}
.content-right-produkt{
	width:450px;
	float: left;
}
.content-left-bestellung{
	width:430px;
	float: left;
	margin-top: 20px;
}
.content-right-bestellung{
	width:430px;
	float: left;
	margin-top: 20px;
}
h1.produkt{
	margin: 0px 0px 7px 0px;
	text-transform: uppercase;
	font-size: 15px;
}
#bildergalerie{
	position: relative;
	border: 1px solid #272727; 
	margin-left: 20px;
	text-align: center;
}
.blaetterer{
	position: absolute;
	top: 297px;
	opacity: .80;
	filter: alpha( opacity = 80 );
	opacity: 0.80;
	left: 10px;
	background-color: #fff;
	font-family: verdana;
	font-size: 13px;
	line-height: 13px;
}
#info2, #info3, #info4, #info5, #info6{
	display: none;
}
.preis{
	float: left;
	font-size: 14px;
	font-family: verdana, sans-serif;
	line-height: 18px;
	color: #272727;
	width: 224px;
}
.kaufen a{
	background-color: #272727;
	line-height: 27px;
	color: #fff;
	float: right;
	padding-left: 10px;
	font-family: verdana, sans-serif;
}
.back a{
	line-height: 35px;
}
.warenkorb{
	line-height: 27px;
	color: #fff;
	background-color: #272727;
	width: 880px;
}
.bestellung{
	line-height: 27px;
	color: #fff;
	background-color: #272727;
}
.summe{
	border-top: 1px solid #272727;
	margin-top: 10px;
	padding-top: 5px;
}
.bestellen{
	margin-top: 20px;
	background-color: #272727;
	float: right;
	text-align: right;
	width: 93px;
}
.verdana{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.c-rot{color: #c00;}
/* ############################################################ */
/* ################### Homepage und Teaserseiten #################### */
/* ############################################################ */
.vollebreite-layer{
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.vollebreite{
	margin-bottom: 20px;
}
.halbebreite{
	margin-bottom: 20px;
	float: left;
}
#layer-text{
	background-color: #575757;
	opacity: .80;
	filter: alpha( opacity = 80 );
	opacity: 0.80;
	font-size: 14px;
	line-height: 18px;
	width:250px;
	border: 1px solid #272727;
	color: #fff;
	display: none;
	padding: 20px;
	position: absolute;
	top: 47px;
	left:20px;
	z-index: 10;
}

input.senden{
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
/* ##### /Expose ###### */


.cl{ clear: both; height: 0px; display: block;}
.fl{ float: left; }
.fr{ float: right; }

.w270{
	width: 270px;
}

.mg-t3{ margin-top: 3px; }
.mg-t4{ margin-top: 4px; }
.mg-t5{ margin-top: 5px; }
.mg-t6{ margin-top: 6px; }
.mg-t7{ margin-top: 7px; }
.mg-t10{ margin-top: 10px; }
.mg-t12{ margin-top: 12px; }
.mg-t15{ margin-top: 15px; }
.mg-t20{ margin-top: 20px; }
.mg-t25{ margin-top: 25px; }
.mg-t27{ margin-top: 27px; }
.mg-t30{ margin-top: 30px; }
.mg-t40{ margin-top: 40px; }

.mg-l3{ margin-left: 3px; }
.mg-l4{ margin-left: 4px; }
.mg-l5{ margin-left: 5px; }
.mg-l10{ margin-left: 10px; }
.mg-l12{ margin-left: 12px; }
.mg-l15{ margin-left: 15px; }
.mg-l18{ margin-left: 18px; }
.mg-l19{ margin-left: 19px; }
.mg-l20{ margin-left: 20px; }
.mg-l25{ margin-left: 25px; }
.mg-l30{ margin-left: 30px; }
.mg-l40{ margin-left: 40px; }

.pd5{ padding: 5px; }
.mg15{ margin: 15px; }

.pd-l5{ padding-left: 5px; }
.pd-l14{ padding-left: 14px; }
.pd-l15{ padding-left: 15px; }
.pd-l16{ padding-left: 16px; }
.pd-l40{ padding-left: 40px; }
.pd-r15{ padding-right: 15px; }
.pd-r20{ padding-right: 20px; }
.pd-l20{ padding-left: 20px; }
.pd-b15{ padding-bottom: 15px; }
.pd-b10{ padding-bottom: 10px; }
.pd-b20{ padding-bottom: 20px; }
.pd-t3{ padding-top: 3px; }
.pd-t10{ padding-top: 10px; }
.pd-t12{ padding-top: 12px; }
.pd-t15{	padding-top: 15px; }
.pd-t20{	padding-top: 20px; }
.pd-b7{ padding-top: 7px; }

.mg-b2{ margin-bottom: 2px; }
.mg-b3{ margin-bottom: 3px; }
.mg-b7{ margin-bottom: 7px; }
.mg-b10{ margin-bottom: 10px; }
.mg-b13{ margin-bottom: 13px; }
.mg-b14{ margin-bottom: 14px; }
.mg-b15{ margin-bottom: 15px; }
.mg-b16{ margin-bottom: 16px; }
.mg-b17{ margin-bottom: 17px; }
.mg-b20{ margin-bottom: 20px; }
.mg-b25{ margin-bottom: 25px; }
.mg-b30{ margin-bottom: 30px; }
.mg-b42{ margin-bottom: 42px; }
.mg-b40{ margin-bottom: 40px; }
.mg-b23{ margin-bottom: 23px; }

.mg-r3{ margin-right: 3px; }
.mg-r4{ margin-right: 4px; }
.mg-r8{ margin-right: 8px; }
.mg-r10{ margin-right: 10px; }
.mg-r14{ margin-right: 14px; }
.mg-r15{ margin-right: 15px; }
.mg-r20{ margin-right: 20px; }
.mg-r24{ margin-right: 24px; }
.mg-r30{ margin-right: 30px; }
.mg-r40{ margin-right: 40px; }

