body{background: #eef3de url(../img/bgBody.jpg) repeat-x; font: 13px "Trebuchet MS", Tahoma, arial, sans-serif; padding-bottom: 50px; }
br.clear { clear: both; }
a { color:#87af03; text-decoration: none; }
a:hover { text-decoration: underline; }
a.tsr{ display:block; padding:0 0 0 13px; background:url(../img/bgContent2Links.gif) no-repeat 0 6px; color:#87af03; text-transform:uppercase; text-decoration:none; margin-top: 5px;}
a.anfordern { display: block; width: 292px; height: 47px; background: url(../img/btnKostenlos.png) 0 0 no-repeat; text-indent: -999em; margin-top: 10px; position: absolute; bottom: 20px;  }
a.anfordern:hover { background-position: -292px 0; }
a.entwurf { display: block; width: 249px; height: 45px; background: url(../img/btnZumEntwurf.png) 0 0 no-repeat; text-indent: -999em; margin-top: 10px; position: absolute; bottom: 20px;  }
a.entwurf:hover { background-position: 0 -45px; }


h1,h2,h3,h4,h5 { font-weight: normal; }
em { font-style: normal; color: #999; }


.website { width: 950px; margin: auto; }
.logo { width: 289px; height: 96px; background: url(../img/kalenderriese.gif) 0 0 no-repeat; display: block; text-indent: -999em; margin-left: 30px;}

.topNav { width: 950px; height: 31px; position: relative; overflow: hidden; }
.topNav ul { position: absolute; right: 30px; }
.topNav li { float: left; display: block;  }
.topNav ul li a {float:left; display:block; width:100%; height:100%; text-indent:-999em; height: 31px; background: url(../img/bgNav.gif) 0 0 no-repeat; }
.topNav #index a { width: 132px; background-position: 0 0; }
.topNav #index a:hover { background-position: 0 -62px; }
.topNav #index.active a { background-position: 0 -31px; }
.topNav #gestaltung_inklusive a { width: 167px; background-position: -132px 0; }
.topNav #gestaltung_inklusive a:hover { background-position: -132px -62px; }
.topNav #gestaltung_inklusive.active a { background-position: -132px -31px; }
.topNav #beispiele a { width: 82px; background-position: -299px 0; }
.topNav #beispiele a:hover { width: 82px; background-position: -299px -62px; }
.topNav #beispiele.active a { background-position: -299px -31px; }
.topNav #preise a { width: 62px; background-position: -381px 0; }
.topNav #preise a:hover { width: 62px; background-position: -381px -62px; }
.topNav #preise.active a { background-position: -381px -31px; }
.topNav #versand_und_zubehoer a { width: 158px; background-position: -443px 0; }
.topNav #versand_und_zubehoer a:hover { width: 158px; background-position: -443px -62px; }
.topNav #versand_und_zubehoer.active a { background-position: -443px -31px; }
.topNav #hilfe a { width: 53px; background-position: -601px 0; }
.topNav #hilfe a:hover { width: 53px; background-position: -601px -62px; }
.topNav #hilfe.active a { background-position: -601px -31px; }
.topNav #kontakt a { width: 77px; background-position: -654px 0; }
.topNav #kontakt a:hover { width: 77px; background-position: -654px -62px; }
.topNav #kontakt.active a { background-position: -654px -31px; }

.content1 { width: 890px; padding: 30px; height: 301px; position: relative; overflow: hidden; color:#e8ff9b; font-size: 14px; }
.content1 ul{ list-style: none; padding-left: 0;}
.content1 li{ padding:0 0 11px 15px; line-height:18px; background: url(../img/bgLiContent1.gif) 0 0 no-repeat;}
.content1 li b{font-weight:bold; color:#fff;}
.content1 h1, .content1 h2 {font-size: 22px; color: #fff; width: 400px; padding-bottom: 10px; line-height: 26px;}
.content1 a{color: #fff;}
.content1 p { margin-bottom: 10px; line-height: 18px; }	
.content1 strong { font-weight: bold; }

.content2 { width: 890px; padding: 30px; background:url(../img/bgContent2B.gif) bottom left no-repeat #fff; overflow: hidden; position: relative; color: #666; }
.content2 .separator { position: absolute; top: 0; left: 0; background: url(../img/bgContent2.gif) 0 0 repeat-x; display: block; width: 950px; height: 30px; }
.content2 h2 { font-size: 22px; color: #87AF03; margin: 30px 0 10px 0; line-height: 26px;}
.content2 h2.first, .content2 .teaser h2 { margin-top: 0; }
.content2 p{line-height:16px; margin:0 1em 1.4em 0;}
.content2 .col2 { width: 256px; float: right; padding-bottom: 50px;  }
.content2 .col1 { width: 580px; float: left; border-right: 1px solid #ccc; padding-right: 23px;}
.content2 strong { color: #333; font-weight: bold;}
.content2 dt,
.content2 h3 {font-size:16px; line-height:1.2; color:#333;  margin-bottom:12px;font-weight: normal; }
.content2 dd{margin-bottom: 20px; }
#teaser1, #teaser2, #teaser3 { width: 256px; float: left; }
#teaser2 { padding: 0 30px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 30px; }
.content2 .col2 #teaser2 { margin: 0; border: 0; padding: 0; }
.content2 .col2 .teaser { margin-bottom: 30px; }

.footer { width: 890px; padding: 30px; font-size: 13px;}
.footer h4{color: #8D9677; margin:0 0 1em 0; font-size: 16px;}
.footer p{color:#8D9677; line-height:1.4; margin:0 0 1em 0;}
.footer a{text-decoration:none; color:#87af03; line-height:1.4;}
.footer a:hover{text-decoration:underline;}
.footer1, .footer2, .footer3, .footer4{width:200px; float:left;}
.footer2 { margin: 0 20px; }
.footer3 { margin-right: 20px; }
.footer4 { width: 220px; }
.footer4 p,
.footer3 p { border-top: 1px solid #d5dcc4; border-bottom: 1px solid #d5dcc4; padding: 5px 0;}
.footer .seperator{ color: #999; padding: 0 5px 0 5px; }
.footer .copyright{ clear: both; margin:0; padding-top: 30px; }
.footer li { border-bottom: 1px solid #d5dcc4; padding: 5px 0;}
.footer li.first { border-top: 1px solid #d5dcc4; }
.footer strong {font-weight: bold;}

.index .content1 { background: url(../img/bgPlakatkalender.jpg) 0 0 no-repeat; }
.index .content1 p { color: #fff; margin-top: 10px; }


.infoText h2 { font-size: 22px; color: #87AF03; padding-bottom: 10px; line-height: 26px; }
.infoText p { color: #666; line-height: 16px; margin: 10px 0;}
.infoText { padding: 20px 30px 20px 30px; width: 890px; background: url(../img/bgInfo.gif) 0 0 repeat-y; margin: 30px 0 0 0; position: relative; }
.infoText .top { position: absolute; top:0; left:0; background: url(../img/bgInfoTop.gif) 0 0 no-repeat; width: 950px; height: 15px; }
.infoText .bottom { position: absolute; bottom:0; left:0; background: url(../img/bgInfoBottom.gif) 0 0 no-repeat; width: 950px; height: 15px; }
.infoText .infoIcon { position: absolute; top: 10px; right: 30px; width: auto; background: url(../img/icoInfobox.gif) 0 3px no-repeat; padding-left: 15px; text-transform: uppercase; }


.gestaltung_inklusive .content1 { background: url(../img/bgGestaltung.jpg) 0 0 no-repeat; }
.gestaltung_inklusive .riese { background: url(../img/icoRiese.gif) 0 0 no-repeat; height: 50px; padding-left: 75px; margin: 10px 0;}
.gestaltung_inklusive .klassik { background: url(../img/icoKlassik.gif) 0 0 no-repeat; height: 50px; padding-left: 75px; margin: 10px 0;}
.gestaltung_inklusive .kompakt { background: url(../img/icoKompakt.gif) 0 0 no-repeat; height: 50px; padding-left: 75px; margin: 10px 0;}

.beispiele .content1 { background: url(../img/bgBeispiele.jpg) 0 0 no-repeat; }

.preise .content1 { background: url(../img/bgPreise.jpg) 0 0 no-repeat; }
.preise table { width: 324px; table-layout:  fixed; }
.preise td { width: 98px; text-align: right; padding-right: 10px; border-bottom: 1px solid #dde3bf; background-color: #f8f9f3; line-height: 23px; }
.preise th { width: 98px; text-align: right; padding-right: 10px; font-weight: bold; color: #333; height: 23px; }
.preise .last td { border-color: #f8f9f3; }
.preise .sel1 { background: url(../img/bgPreiseSelected.gif) 0 0 no-repeat; border-color: #fff; color: #fff;}
.preise .sel2 { background: url(../img/bgPreiseSelected.gif) -108px 0 no-repeat; border-color: #fff; color:#fff; }
.preise .sel3 { background: url(../img/bgPreiseSelected.gif) -216px 0 no-repeat; border-color: #fff; color: #fff;}
.preise .parent td { border-color: #fff; height: 23px; }
.preise .tipp { width: 456px; height: 166px; background: url(../img/bgPreiseTipp.gif) right 23px no-repeat; position: relative;}
.preise .tipp p { position: absolute; right: 5px; bottom: 19px; width: 105px; height: 90px; color: #fff; font-size: 13px; line-height: 1.3;}
.preise .tipp p strong { color: #fff; font-size: 15px;}
.preise td.listenpreis span { background: url(../img/bgPreiseStrich.png) 38px 1px no-repeat; display: block;}
.preise .info { margin-top: 20px; }
.preise .preisliste { position: relative; left: -8px; background: url(../img/icoPdf.gif) 0 0 no-repeat; height: 50px; }
.preise .preisliste a { padding-left: 45px; display: block; }
.preise .preisliste a strong { color: #87af03; }

.versand_und_zubehoer .content1 { background: url(../img/bgVersand.jpg) 0 0 no-repeat; }
.versand_und_zubehoer .konfektion1 { background: url(../img/bgKonfektion1.jpg) 0 0 no-repeat; width: 189px; padding-top: 135px; float: left; margin: 0;}
.versand_und_zubehoer .konfektion2 { background: url(../img/bgKonfektion2.jpg) 0 0 no-repeat; width: 189px; padding-top: 135px; float: left; margin: 0 5px; }
.versand_und_zubehoer .konfektion3 { background: url(../img/bgKonfektion3.jpg) 0 0 no-repeat; width: 189px; padding-top: 135px; float: left; margin: 0;}
.versand_und_zubehoer .dpd { position: relative;}
.versand_und_zubehoer .dpd img { position: absolute; left: 200px; top: -3px;}

.hilfe .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}

.kontakt .content1 { background: url(../img/bgKontakt.jpg) 0 0 no-repeat; }

.kontakt #map { width: 450px; height: 300px; position: absolute; right: 30px; top: 30px; background-color: #000;}
.kontakt .kahmann { width: 305px; position: absolute; right: 0px; top: 30px; color: #fff;}
.kontakt .benjak { width: 305px; position: absolute; right: 0px; top: 140px; color: #fff; }


.agb .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}

.entwurf fieldset { width: 580px; }
.entwurf .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}
.entwurf .line, .entwurf .lineGroup { clear: both; margin: 5px 0; }
.entwurf .lineGroup { margin-top: 20px; }
.entwurf label { float: left; width: 120px; }
.entwurf textarea, .entwurf input { width: 290px; margin-right: 5px; display: inline; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.entwurf .i80 { width: 217px; }
.entwurf .i20 { width: 58px; }
.entwurf select.i20 { width: 63px; margin-right: 5px; }
.entwurf .radio, .entwurf .radioCol2 { width: auto; }
.entwurf .radioCol2 { margin-left: 125px; }
.entwurf #daten { margin-left: 125px; width: 460px; }
.entwurf textarea { height: 100px; color: #999; }
.entwurf .hidden { display: none; }
.entwurf .submit { width: 100px; margin-left: 120px; }
.entwurf .content2 .col1 { border: none; }
.entwurf .error { color: #c00; }
.entwurf .entwurfPost { margin-left: 142px; }


.danke .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}
.danke .content2 .col1 { border: none; }


.impressum .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}

.datenschutz .content1 { background: url(../img/bgContent1.gif) 0 0 no-repeat; height: 20px;}