html{height:100%; padding-bottom:1px;}
body{background: #eef3de url(../img/bgBody.jpg) repeat-x; font-family:"Trebuchet MS", Tahoma, arial, sans-serif; font-size:13px; padding-bottom:50px;}
h1{width:210px; height:99px; position:absolute; left:37px; top:12px; text-indent:-999em; background:url(../img/bgH1.gif) no-repeat 0 0; line-height: 23px;}
h1 a{display:block; width:100%; height:100%;}
br.clr { clear: both; }
.website{width:962px; margin:0 auto;}

.topnav{width:962px; height:121px; position:relative; z-index: 2;}
.topnav ul{width:638px; height:37px; position:absolute; left:288px; top:90px; z-index:1; overflow:hidden;}
.topnav li{float:left; display:block;}
.topnav li a{float:left; display:block; width:100%; height:100%; text-indent:-999em;}
.topnav #index { width: 56px; height: 37px; background:url(../img/bgNav.gif) no-repeat 0 0; }
.topnav #index a:hover { background:url(../img/bgNav.gif) no-repeat 0 -74px; }
.topnav #index.active a { background:url(../img/bgNav.gif) no-repeat 0 -37px; }
.topnav #gestaltung_inklusive{width:168px; height:37px; background:url(../img/bgNav.gif) no-repeat -56px 0;}
.topnav #gestaltung_inklusive a:hover{background:url(../img/bgNav.gif) no-repeat -56px -74px; }
.topnav #gestaltung_inklusive.active a{background:url(../img/bgNav.gif) no-repeat -56px -37px;}
.topnav #muster_und_preise{width:133px; height:37px; background:url(../img/bgNav.gif) no-repeat -224px 0;}
.topnav #muster_und_preise a:hover{background:url(../img/bgNav.gif) no-repeat -224px -74px;}
.topnav #muster_und_preise.active a{background:url(../img/bgNav.gif) no-repeat -224px -37px;}
.topnav #einsatz{width:72px; height:37px; background:url(../img/bgNav.gif) no-repeat -357px 0;}
.topnav #einsatz a:hover{width:72px; height:37px; background:url(../img/bgNav.gif) no-repeat -357px -74px;}
.topnav #einsatz.active a{width:72px; height:37px; background:url(../img/bgNav.gif) no-repeat -357px -37px;}
.topnav #formate{width:78px; height:37px; background:url(../img/bgNav.gif) no-repeat -429px 0;}
.topnav #formate a:hover{background:url(../img/bgNav.gif) no-repeat -429px -74px;}
.topnav #formate.active a{background:url(../img/bgNav.gif) no-repeat -429px -37px;}
.topnav #hilfe_und_service{width:55px; height:37px; background:url(../img/bgNav.gif) no-repeat -507px 0;}
.topnav #hilfe_und_service a:hover{background:url(../img/bgNav.gif) no-repeat -507px -74px;}
.topnav #hilfe_und_service.active a{background:url(../img/bgNav.gif) no-repeat -507px -37px;}
.topnav #kontakt{width:76px; height:37px; background:url(../img/bgNav.gif) no-repeat -562px 0;}
.topnav #kontakt a:hover{background:url(../img/bgNav.gif) no-repeat -562px -74px;}
.topnav #kontakt.active a{background:url(../img/bgNav.gif) no-repeat -562px -37px;}
.topnav a.login { position: absolute; top: 20px; right: 37px; text-decoration:none; color:#87af03; display: none;}

.content1{width:926px; height:338px; padding:35px 0 0 36px; position:relative; font-size:15px; color:#e8ff9b; }
.content1 ul{ list-style:url(../img/bgLiContent1.gif); padding-left: 15px;}
.content1 li{ padding:0 0 11px 0; line-height:18px;}
.content1 li b{font-weight:bold; color:#fff;}
.content1 h2{font-size: 22px; color: #fff; width: 400px; padding-bottom: 10px; line-height: 26px;}
.content1 h3{font-size: 16px; color: #fff;}
.content1 a.musterUndPreise{position:relative; left:-3px; top:13px; width: 272px; height: 46px; display: block; text-indent: -9999px; background: url('../img/btContent1MusterUndPreise.png') top left no-repeat; }
.content1 a.musterUndPreise:hover{ background-position: 0 -46px; }
.content1 a{text-decoration: none; color: #fff;}
.content1 a:hover{text-decoration: underline;}

.content2{width:925px; padding:10px 0 0 35px; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; overflow:hidden;}
.content2 h2 { font-size: 22px; color: #87AF03; padding-bottom: 10px; line-height: 26px;}
.content2 p{color:#666; line-height:16px; margin:0 1em 1.4em 0;}
.content2 img{display:block; margin:0 0 1.5em 0;}
.content2 .teaser{width:286px; float:left; border-right:1px solid #ccc; margin-left:30px; padding:9px 0 12px 0; display:inline;}
.content2 a{display:block; padding:0 0 0 15px; background:url(../img/bgContent2Links.gif) no-repeat 0 3px; color:#87af03; text-transform:uppercase; text-decoration:none;}
.content2 a:hover{text-decoration: underline;}
.content2 #teaser1{margin-left:0;}
.content2 #teaser3{border:0;}
.content2 a.musterUndPreise{ width: 263px; height: 46px; display: block; text-indent: -9999px; background: url('../img/btContent2MusterUndPreise.gif') top left no-repeat; }
.content2 a.musterUndPreise:hover{ background-position: 0 -46px; }
/*.content2 div.hr { height: 1px; width: 590px; background-color: #ccc; }*/


.index .content1{background:url(../img/bgContent1Index.jpg) no-repeat 0 0;}
.index .content1 a{position:relative; left:-2px; top:13px;}
.index .content2 p{margin-bottom:12px;}
.index .content2 img{margin-bottom:12px;}
.index .content2 #teaser3{border-right:0;}
.index .content2 #teaser3 img{margin-top:-8px;}

.gestaltung_inklusive .content1{background:url(../img/bgContent1GestaltungInklusive.jpg) no-repeat 0 0;}
.gestaltung_inklusive .content2 #teaser1{width:603px;}
.gestaltung_inklusive .content2 #teaser2{border:0;}
.gestaltung_inklusive .content2 #teaser2 img{margin:-8px 0 12px 0;}
.gestaltung_inklusive .content2 #teaser2 p{margin-bottom:12px;}
.gestaltung_inklusive .content2 #teaser2 a.musterUndPreise{padding:0; position:relative; left:-3px; top:6px;}

.muster_und_preise .content1{background:url(../img/bgContent1MusterUndPreise.jpg) no-repeat 0 0; height: 451px;}
.muster_und_preise .content1 p.error,
.muster_und_preise .content1 p.legend{font-size: 13px; width: 330px; padding: 0 0 10px 140px; font-weight: bold; color: #fff; }
.muster_und_preise .content1 .formular { position: absolute; top: 65px; right: 40px; width: 470px; background: url('../img/bgContent1FormularLabel.gif') top left no-repeat;}
.muster_und_preise .content1 .line { clear: both; height: 40px;}
.muster_und_preise .content1 .line input { width: 322px; height: 22px; background: url('../img/bgInput.png') top left no-repeat; border: none; padding: 4px; font: 18px Georgia, "Times New Roman", Times, serif; color: #333; float: right; }
.muster_und_preise .content1 .line input.error { background-image: url('../img/bgInputError.png'); }
.muster_und_preise .content1 .line label { float: left; width: 121px; text-indent: -9999px; }
.muster_und_preise .content1 .line .plzort { float: right; }
.muster_und_preise .content1 .line input#vorname,
.muster_und_preise .content1 .line input#name { width: 152px; display: inline; float: left; background-image: url('../img/bgInput50.png')}
.muster_und_preise .content1 .line input#vorname {margin-right: 10px;}
.muster_und_preise .content1 .line input#vorname.error,
.muster_und_preise .content1 .line input#name.error { width: 152px; display: inline; float: left; background-image: url('../img/bgInput50Error.png')}
.muster_und_preise .content1 .line input#vorwahl,
.muster_und_preise .content1 .line input#plz { width: 93px; background-image: url('../img/bgInputPLZ.png'); float: left; display: inline; margin-right: 10px; }
.muster_und_preise .content1 .line input#vorwahl.error,
.muster_und_preise .content1 .line input#plz.error { background-image: url('../img/bgInputPLZError.png'); }
.muster_und_preise .content1 .line input#telefon,
.muster_und_preise .content1 .line input#ort { width: 211px; background-image: url('../img/bgInputOrt.png'); float: left; }
.muster_und_preise .content1 .line input#telefon.error,
.muster_und_preise .content1 .line input#ort.error { background-image: url('../img/bgInputOrtError.png'); }
.muster_und_preise .content1 .line input#herr,
.muster_und_preise .content1 .line input#frau { width: auto; float: none; height: 10px; background: none;}
.muster_und_preise .content1 .line span.error { color: #8A0909; }
.muster_und_preise .content1 #anrede { width: 200px; color: #fff; padding-left: 135px; padding-top: 5px; height: 35px;}
.muster_und_preise .content1 input#post {position:absolute; left:136px; width: 272px; height: 46px; display: block; text-indent: -9999px; background: url('../img/btContent1MusterUndPreise.png') top left no-repeat; }
.muster_und_preise .content1 input#post:hover{background-position: 0 -46px; }
.muster_und_preise .bottomContent2,
.muster_und_preise .content2 { display: none; }

.einsatz .content1{background:url(../img/bgContent1Einsatz.jpg) no-repeat 0 0;}
.einsatz .content2 #teaser1{width:603px;}
.einsatz .content2 #teaser2 img{margin:0 0 12px 0;}
.einsatz .content2 #teaser2 p{margin-bottom:12px;}
.einsatz .content2 #teaser2 { border: none; }
.einsatz .content2 #teaser1 img.bild4 { margin-left: -8px; }

.formate .content1{background:url(../img/bgContent1Formate.jpg) no-repeat 0 0;}
.formate .content1 a{font-weight: normal;}
.formate .content2 #teaser1{width:603px;}
.formate .content2 .bild4,
.formate .content2 .bild3,
.formate .content2 .bild1,
.formate .content2 .bild2 { margin: -10px 0 40px -5px; }
.formate .content2 #teaser2{border:0;}
.formate .content2 #teaser2 img{margin:-8px 0 12px 0;}
.formate .content2 #teaser2 p{margin-bottom:12px;}
.formate .content2 #teaser2 a.musterUndPreise{padding:0; position:relative; left:-3px; top:6px;}
.formate .content2 ul{list-style: url('../img/bgContent2Links.gif'); color: #666; padding-bottom: 10px; line-height:16px; margin-top: 0; padding-top: 0; padding-left: 17px;}
.formate .content2 li{padding-bottom: 8px;}
.formate .content2 img.bild4 { margin-left: -10px;}

.hilfe_und_service .content1{background:url(../img/bgContent1HilfeUndService.jpg) no-repeat 0 0;}
.hilfe_und_service .content2 #teaser1{width:603px;}
.hilfe_und_service .content2 #teaser1 h3{font-size:16px; line-height:1.2; color:#333;  padding:0 0 0 15px; margin-bottom:12px; background:url(../img/bgContent2Links.gif) no-repeat 0 5px; font-weight: normal; }
.hilfe_und_service .content2 #teaser1 p{padding-right: 20px; }
.hilfe_und_service .content2 #teaser2{border:0;}
.hilfe_und_service .content2 #teaser2 img{margin:-8px 0 12px 0;}
.hilfe_und_service .content2 #teaser2 p{margin-bottom:12px;}
.hilfe_und_service .content2 #teaser2 a.musterUndPreise{padding:0; position:relative; left:-3px; top:6px;}


.kontakt .content1{background:url(../img/bgContent1Blanko.jpg) no-repeat 0 0;}
.kontakt .content2 p{margin-bottom:12px;}
.kontakt .content2 img{margin-bottom:12px;}
.kontakt .content1 #map { width: 422px; height: 301px; position: absolute; right: 36px; top: 36px; border: 1px solid #fff; color: #333;}
.kontakt .content1 #map strong { font-weight: bold; }
.kontakt .content2 #teaser3{border-right:0;}
.kontakt .content2 #teaser3 img{margin-top:-8px;}

.kartenspender .content1{background:url(../img/bgContent1Kartenspender.jpg) no-repeat 0 0; height: 406px;}
.kartenspender .content1 #hotline{font-size: 18px; color: #fff;}
.kartenspender .content2{height:200px; background:url(../img/bgContent2Kartenspender.jpg) no-repeat 398px 0 #fff;}
.kartenspender .content2 #teaser1{width:603px; border:0;}
.kartenspender .content2 a.musterUndPreise{position:relative; left:-3px; top:0px; padding:0;}

.rabatte .content1{background:url(../img/bgContent1Blanko.jpg) no-repeat 0 0;}
.rabatte .content1 p.error,
.rabatte .content1 p.legend{font-size: 13px; width: 330px; padding: 0 0 5px 140px; font-weight: bold; color: #fff; }
.rabatte .content1 .formular { position: absolute; top: 35px; right: 36px; width: 470px; background: url('../img/bgContent1FormularLabel.jpg') top left no-repeat;}
.rabatte .content1 .line { clear: both; height: 40px;}
.rabatte .content1 .line input { width: 322px; height: 22px; background: url('../img/bgInput.png') top left no-repeat; border: none; padding: 4px; font: 18px Georgia, "Times New Roman", Times, serif; color: #333; float: right; }
.rabatte .content1 .line input.error { background-image: url('../img/bgInputError.png'); }
.rabatte .content1 .line label { float: left; width: 121px; text-indent: -9999px; }
.rabatte .content1 .line .plzort { float: right; }
.rabatte .content1 .line input#plz { width: 93px; background-image: url('../img/bgInputPLZ.png'); float: left; display: inline; margin-right: 10px; }
.rabatte .content1 .line input#plz.error { background-image: url('../img/bgInputPLZError.png'); }
.rabatte .content1 .line input#ort { width: 211px; background-image: url('../img/bgInputOrt.png'); float: left; }
.rabatte .content1 .line input#ort.error { background-image: url('../img/bgInputOrtError.png'); }
.rabatte .content1 input#post {position:absolute; left:136px; width: 272px; height: 46px; display: block; text-indent: -9999px; background: url('../img/btContent1MusterUndPreise.png') top left no-repeat; }
.rabatte .content1 input#post:hover{background-position: 0 -46px; }
.rabatte .content2 p{margin-bottom:12px;}
.rabatte .content2 #teaser3 img{margin:-8px 0 12px 0;}
.rabatte .content2 img.fruehBesteller{padding-bottom: 6px;}

.impressum .content1{background:url(../img/bgContent1BlankoSmall.jpg) no-repeat 0 0; height: 58px;}
.impressum .content2 h3{font-size:16px; line-height:1.2; color:#333;  padding:0 0 0 15px; margin-bottom:12px; background:url(../img/bgContent2Links.gif) no-repeat 0 5px; font-weight: normal; }
.impressum .content2 #teaser1 a{ text-transform:none; background: none; display: inline; padding:0; }
.impressum .content2 #teaser1 p{ padding-right: 20px; }
.impressum .content2 strong { font-weight: bold; }
.impressum .content2 #teaser1{width:603px;}
.impressum .content2 #teaser2{border:0;}
.impressum .content2 #teaser2 img{margin:-8px 0 12px 0;}
.impressum .content2 #teaser2 p{margin-bottom:12px;}
.impressum .content2 a.musterUndPreise{position:relative; left:-3px; top:0px; padding:0;}

.agb h2 { width: auto; }
.agb h2 span { font-size: 13px; }
.agb .content1{background: url(../img/bgContent1BlankoSmall.jpg) no-repeat 0 0; height: 58px; }
.agb .content2 h3{font-size:16px; line-height:1.2; color:#333;  padding:0 0 0 15px; margin-bottom:12px; background:url(../img/bgContent2Links.gif) no-repeat 0 5px; font-weight: normal; }
.agb .content2 #teaser1{width:603px;float: left;}
.agb .content2 #teaser1 p { padding-right: 20px; }
.agb .content2 #teaser2{border:0; margin-bottom: 20px;}
.agb .content2 #teaser2 img{margin:-8px 0 12px 0;}
.agb .content2 #teaser2 p{margin-bottom:12px;}
.agb .content2 a.musterUndPreise{position:relative; left:-3px; top:0px; padding:0;}
.agb .content2 #teaser3{border-top: 1px solid #ccc; border-right: none; margin-bottom: 20px; width: 260px; padding-top: 30px;}
.agb .content2 #teaser3 img{margin:-8px 0 12px 0;}
.agb .content2 #teaser3 p{padding-bottom:2px;}
.agb .content2 #teaser4{border-top: 1px solid #ccc; border-right: none; margin-bottom: 20px; width: 260px; padding-top: 30px;}
.agb .content2 #teaser4 img{margin:-8px 0 12px 0;}
.agb .content2 #teaser4 p{padding-bottom:2px;}

.kundenmeinungen .content1{background: url(../img/bgContent1BlankoSmall.jpg) no-repeat 0 0; height: 58px; }
.kundenmeinungen .content2 h3{font-size:16px; line-height:1.2; color:#333;  padding:0 0 0 15px; margin-bottom:12px; background:url(../img/bgContent2Links.gif) no-repeat 0 5px; font-weight: normal; }
.kundenmeinungen .content2 #teaser1{width:603px;float: left;}
.kundenmeinungen .content2 #teaser1 p { padding-right: 20px; }
.kundenmeinungen .content2 #teaser2{border:0; margin-bottom: 20px;}
.kundenmeinungen .content2 #teaser2 img{margin:-8px 0 12px 0;}
.kundenmeinungen .content2 #teaser2 p{margin-bottom:12px;}
.kundenmeinungen .content2 a.musterUndPreise{position:relative; left:-3px; top:0px; padding:0;}
.kundenmeinungen .content2 #teaser3{border-top: 1px solid #ccc; border-right: none; margin-bottom: 20px; width: 260px; padding-top: 30px;}
.kundenmeinungen .content2 #teaser3 img{margin:-8px 0 12px 0;}
.kundenmeinungen .content2 #teaser3 p{padding-bottom:2px;}
.kundenmeinungen .content2 #teaser4{border-top: 1px solid #ccc; border-right: none; margin-bottom: 20px; width: 260px; padding-top: 30px;}
.kundenmeinungen .content2 #teaser4 img{margin:-8px 0 12px 0;}
.kundenmeinungen .content2 #teaser4 p{padding-bottom:2px;}
.kundenmeinungen .testimonial { font: 14px Georgia, "Times New Roman", Times, serif; color: #666; font-style:italic; padding-top: 7px; line-height: 20px;}
.kundenmeinungen .author { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-style: normal; display: block; margin-top: 3px;}
.kundenmeinungen .feedback { color: #333; }
.kundenmeinungen #feedbackMail { text-transform:none; background: none; display: inline; padding:0; }

.datenschutz .content1{background:url(../img/bgContent1BlankoSmall.jpg) no-repeat 0 0; height: 58px;}
.datenschutz .content2 h3{font-size:16px; line-height:1.2; color:#000;  padding:0 0 0 15px; margin-bottom:12px; background:url(../img/bgContent2Links.gif) no-repeat 0 5px; font-weight: normal; }
.datenschutz .content2 #teaser1{width:573px;float: left; padding-right: 30px;}
.datenschutz .content2 #teaser2{border:0;}
.datenschutz .content2 #teaser2 img{margin:-8px 0 12px 0;}
.datenschutz .content2 #teaser2 p{margin-bottom:12px;}
.datenschutz .content2 a.musterUndPreise{position:relative; left:-3px; top:0px; padding:0;}

.infoText h2 { font-size: 22px; color: #87AF03; padding-bottom: 10px; line-height: 26px; }
.infoText a { color: #87af03; }
.infoText p { color: #666; line-height: 16px; margin: 10px 0;}
.infoText { padding: 20px 30px 20px 30px; width: 902px; 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: 962px; height: 15px; }
.infoText .bottom { position: absolute; bottom:0; left:0; background: url(../img/bgInfoBottom.gif) 0 0 no-repeat; width: 962px; 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; }


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

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

.papersafe .content1{background:url(../img/bgContent1PaperSafe.jpg) no-repeat 0 0;}
.papersafe .content1 a{position:relative; left:-2px; top:13px;}
.papersafe .content1 ul{width: 400px;}
.papersafe .content2 p{margin-bottom:12px;}
.papersafe .content2 img{margin-bottom:12px;}
.papersafe .content2 #teaser3{border-right:0;}
.papersafe .content2 #teaser3 img{margin-top:-8px;}

.bestaetigung .content1{background:url(../img/bgContent1Bestaetigung.jpg) no-repeat 0 0; height: 451px;}
.bestaetigung .content1 p.error,
.bestaetigung .content1 p.legend{font-size: 13px; width: 330px; padding: 0 0 10px 140px; font-weight: bold; color: #fff; }
.bestaetigung .bottomContent2,
.bestaetigung .content2 { display: none; }
.bestaetigung .content1 #fragen{margin:8px 0; padding-left:0; background:url(../img/bgFragenContent1Bestaetigung.png) no-repeat 0 0; text-indent:-999em; height: 50px;}

.login .content1{background:url(../img/bgContent1BlankoLarge.jpg) no-repeat 0 0; height: 451px;}
.login .content1 p.error,
.login .content1 p.legend{font-size: 13px; width: 330px; padding: 0 0 10px 140px; font-weight: bold; color: #fff; }
.login .bottomContent2,
.login .content2 { display: none; }
.login .content1 #content1Benutzer,
.login .content1 #content1Passwort { width: 322px; height: 22px; background: url('../img/bgInput.png') top left no-repeat; border: none; padding: 4px; font: 18px Georgia, "Times New Roman", Times, serif; color: #333; float: right; margin-bottom: 8px;}
.login .content1 #fragen{margin:8px 0; padding-left:0; background:url('../img/bgFragenContent1Bestaetigung.png') no-repeat 0 0; text-indent:-999em; height: 50px;}
.login .content1 #content1Login{width:95px; height: 26px; background:url('../img/btContent1Login.png') no-repeat 0 0; float: right;}
.login .content1 #content1Login:hover{background-position: 0 -26px;}
.login .content1 form{width: 400px; position: absolute; left: 526px; top: 106px; background: url('../img/bgContent1LoginLabel.gif') no-repeat 0 0;}


.bottomContent2{width:962px; height:11px; background:url(../img/bgBottomContent2.gif) no-repeat 0 0;}

.footer{width:925px; padding:35px 0 0 37px; position:relative;}
.footer h4{color: #999; margin:0 0 1em 0; font-size: 16px;}
.footer p{color:#999; 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;}
.footer #benutzer,
.footer #passwort{display:block; width:214px; height:18px; background:url(../img/bgInputFooter.gif) no-repeat 0 0; padding:4px; border:0; margin:0 0 7px 0; border: 1px solid #ccc; color: #666; }
.footer #submit{}
.footer #germania { color: #999; }
.footer .footer1{width:197px; float:left;}
.footer .footer2{width:262px; float:left;}
.footer .footer3{width:213px; float:left;}
.footer .footer4{width:240px; float:left;}
.footer .seperator{ color: #999; padding: 0 5px 0 5px; }
.footer .copyright{ clear: both; margin:0; padding-top: 30px; }


.presse img { float: left; padding: 5px; margin: 5px 8px 5px 0; border: 1px solid #ccc; display: inline; }
.presse p { color: #666; }
.presse h2 { font-size: 22px; color: #87AF03; padding-bottom: 10px; line-height: 26px;}

a.teaserLink { background: none; padding:0; margin:0; }