/* General Stuff */
body { font-size: 76.1%; background: #fff; margin: 0; padding: 0; border: 0 }
body * { font-size: 1em; margin: 0; padding: 0; border: 0; font-family: arial, verdana, sans-serif; position: relative }
a { text-decoration: none; font-weight: bold; border: none; color: #747361 }
a:hover { text-decoration: underline; border: none }
a:active, a:focus { outline: none }

h1 { font-size: 1.4em; padding: 0em 0em 0.5em }  
h2 { font-size: 1.2em; padding: 1em 0em 0.5em }
h3 { font-size: 1.1em; padding: 1em 0em 0.5em }
h4 { font-size: 1em; padding:1em 0em 0em }
p { padding: 0em 0em 0.5em }
li { padding: 0.5em 0em }

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block } /* For IE-Mac */
html[xmlns] .clearfix { display: block }

/* Layout */
#accessibility { position: absolute; left: -2000px; top: -2000px; display: none }
#all { background: url('../images/all_bg.gif') top right no-repeat; width: 937px; position: relative }
#content { float: left; width: 565px; margin: 80px 0px 10px 70px; padding-bottom: 40px }
#eyecatcher { position: absolute; width: 357px; height: 187px; top: 62px; left: 639px; background: transparent url(../images/zauberei.gif) no-repeat left top }
#rightcol { float: left; width: 165px; margin: 230px 0px 0px 45px; font-size: 0.9em }
#footer { margin: -40px 0px 0px 45px; padding: 5px 10px 5px 25px; float: left; width: 550px; background: #767561 url(../images/footer_bg.gif) top left no-repeat; color: #fff; font-size: 0.9em }
#footer a { color: #fff }

/* Topmenu */
#topmenu ul, #mainlevel-top { list-style: none; padding: 0; margin: 0; white-space: nowrap; text-align: right; width: 840px; clear: both }
#topmenu ul li, #mainlevel-top li { font-size: 0.9em; white-space: nowrap; margin: 0px; border-left: 1px solid #999;	padding: 0px 10px 0px 10px; display:inline }
#topmenu ul li:first-child, #mainlevel-top li:first-child { margin: 0px; border-left: none }
#topmenu ul li a, #mainlevel-top li a { text-decoration: none; font-weight: normal; color: #767561; white-space: nowrap }

/* Header */
#header { width: 840px; height: 168px; background: url(../images/head_bg.jpg) bottom right no-repeat }
#header a#homelink { display: block; margin: 0px 0px 0px 76px; padding-top: 40px }

/* Hauptmenü */
#mainmenu { background: url(../images/mainmenu_bg.gif) bottom left no-repeat; padding: 0px 0px 0px 120px; height: 2.6em; position: relative }
#mainmenu a { text-decoration: none; line-height: 1em }
#mainmenu ul { list-style: none; padding: 0px 0px 0px 40px; position: relative }
#mainmenu ul li { float: left; position: relative; line-height: 1em; padding:0.8em 0em }
#mainmenu li.active { background-color:#82d82b }
#mainmenu li:hover { background-color:#abab9f } 
#mainmenu li a { border-left: 1px solid #CACACA; padding: 0em 0.8em; line-height: 1em; display: block; color: white }
#mainmenu li:first-child a { border-left: none }
#mainmenu ul ul { list-style: none; position: absolute; left: -2000px; bottom: 4000px; background: transparent url(../images/sublevel_ro.gif) top right no-repeat; padding: 10px 10px 0px 0px; min-width: 130px }
#mainmenu ul ul li { float: none; padding: 0.4em 0.2em 0.4em 0.8em; border-bottom: 1px dashed white }
#mainmenu ul ul a { border-left: none; padding: 0 0.5em 0 0; display: inline }
#mainmenu ul li:hover ul, #mainmenu ul li ul:hover { left: 0em; bottom: 2.6em }
#mainmenu ul li li { background-color: #ABAB9F }
#mainmenu ul li li.active, #mainmenu ul li li:hover { background-color: #C0EC95 }

/* Breadcrumb */
#breadcrumb, #pathway { color: #fff; width: 860px; position: absolute; top: 41px; left: 70px; font-size: 0.85em }
#breadcrumb a, #pathway a { color: #fff; font-size: 1em; text-decoration: none; font-weight: normal }
#breadcrumb a:hover, #pathway a:hover { text-decoration: underline }

/* Content */
#content ul { list-style: none; margin:5px }
#content ul li { list-style: none; background: url(../images/li_gruen.gif) 0px 5px no-repeat; padding: 2px 0px 2px 15px; line-height: 1.1em }
#content ol { list-style: none; margin: 5px }
#content ol li { list-style: none; background: url(../images/li_bullet.gif) 0px 5px no-repeat; padding: 2px 0px 2px 15px; line-height: 1.1em }
#content img.right { float: right; padding: 0 0 1em 1em }

/* Content Module */
#content .angebot_gr { background: url(../images/angebot_gr_bg.png) bottom left no-repeat; padding-bottom: 37px; margin-top: 0px; margin-bottom: 10px; font-size:0.9em }
#content .angebot_gr h1 { background: url(../images/angebot_gr_hd.png) top left no-repeat; padding: 0px 4px 0px 17px; line-height: 28px; font-size: 1.2em; color: #fff }
#content .angebot_gr table.linkaufbau { padding-left: 22px; padding-right: 20px; font-size: 1.1em }
#content .angebot_gr table.linkaufbau td, #content .angebot_gr table.linkaufbau td:first-child { padding: 1px 5px; text-align: left; white-space: normal; font-weight: normal; vertical-align: top }
#content .angebot_gr .linkaufbau h2 { padding-top: 4px; padding-bottom: 0px }

/* Content Gelber Kasten */
#content .gelb { width: 270px; position: relative; float: left; height: 200px; min-height: 200px; margin: 15px 0px 15px 15px; background: url(../images/gelbgruen_hg.gif) bottom left no-repeat; font-size: 0.9em }
#content .gelb:first-child { margin-left: 0px }
#content .gelb h1 { padding: 10px 10px 5px 10px; font-size: 1.2em; color: #333; background: url(../images/gelbgruen_hg.gif) top left no-repeat }
#content .gelb h2, #content .gelb h3, #content .gelb h4, #content .gelb div, #content .gelb p { padding: 2px 10px }
#content .gelb img{ padding: 2px 0px 2px 10px }

/* Content Angebote */
#content .angebote { width: 187px; padding-bottom: 25px; position: relative; float: left; height: 350px; margin: 15px 0px; font-size: 0.9em; overflow: hidden }
#content .angebote h2, #content .angebote h3, #content .angebote h4, #content .angebote p { margin:2px 16px 2px 22px }
#content .angebote ul { list-style: none }
#content .angebote li { list-style: none; background: url(../images/li_klein.gif) 0px 5px no-repeat; padding: 0px 0px 2px 7px; margin: 2px 5px 2px 18px; line-height: 1.1em }
#content .angebote .preis1, #content .angebote .preis2, #content .angebote .preis3 { width: 94px; text-align: center; margin: 2px 0; position: absolute; left: 85px; color: white; padding: 0px; line-height: 1em; background: transparent }
#content .angebote .preis1 { bottom: 58px }
#content .angebote .preis1 a { color: white; font-size: 1em }
#content .angebote .preis2 { bottom: 32px; font-size: 2.1em }
#content .angebote .preis2 a { color: white; font-size: 1em; line-height: 1.2em }
#content .angebote .preis3 { bottom: 13px; font-weight: bold; color: black; margin: 2px 15px; width: 64px }
#content .angebote .preis3 a { color: black; line-height: 1em; font-size: 0.95em }
#content .angebote h1 { padding: 0px 0px 0px 10px; font-size: 1.2em; color: #fff; margin: 0 }
#content .angebote h1 a { display: block; padding: 6px 15px 12px 10px; color: #fff }
#content .angebote h2 { font-size: 1.05em; padding: 0em }
#content .angebot1 { background: url(../images/angebot1_bg2.gif) bottom left no-repeat }
#content .angebot1 h1 { background: url(../images/angebot1_hd.gif) 0px 0px no-repeat }
#content .angebot2 { background: url(../images/angebot2_bg2.gif) bottom left no-repeat }
#content .angebot2 h1 { background: url(../images/angebot2_hd.gif) top left no-repeat }
#content .angebot3 { background: url(../images/angebot3_bg2.gif) bottom left no-repeat }
#content .angebot3 h1 { background: url(../images/angebot3_hd.gif) top left no-repeat }
#content .angebot_sem { background: url(../images/angebot_gr_bg.png) bottom left no-repeat; width: 560px; height: auto }
#content .angebot_sem h1 { background: url(../images/angebot_gr_hd.png) 0px 0px no-repeat; padding: 6px 15px 12px 20px }
#content .angebot_sem table { border: 0px solid white; margin: 0 0 22px 22px; width: 526px; border-collapse: collapse }
#content .angebot_sem .row:hover { background: #84d730 }
#content .angebot_sem td, #content .angebot_sem th { padding: 2px 4px }
#content .angebot_sem .alt { background: #e9f5dc }
#content .angebot_sem .name { text-align: left }
#content .angebot_sem .budget, #content .angebot_sem .setup, #content .angebot_sem .preis, #content .angebot_sem .details { text-align: right }
#content .angebot_lms { font-size: 1em; background: url(../images/angebot_gr_bg.png) bottom left no-repeat; width: 560px; height: auto; float: none }
#content .angebot_lms h1 { font-size: 1.1em; background: url(../images/angebot_gr_hd.png) 0px 0px no-repeat; padding: 6px 15px 12px 20px }
#content .angebot_lms table { border: 0px solid white; margin: 0 0 22px 17px; width: 536px; border-collapse: collapse }
#content .angebot_lms .caption { width: 190px; padding-left: 15px }
#content .angebot_lms .row:hover { background: #84d730 }
#content .angebot_lms td, #content .angebot_sem th { padding: 2px 4px }
#content .angebot_lms .alt { background: #e9f5dc }
#content .angebot_lms .paket { width: 100px; text-align: center }
#content .angebot_lms .name { font-weight: bold }
#content .angebot_lms p { margin: 0 }

/* Content Preisliste */
.preisliste { margin: 1em 0 }
.preisliste .preise { width: 48%; float: left; margin: 0.5em 0 0.5em 1em }
.preisliste .left { margin-left: 0; clear: left } 
.preisliste .preiszeile, .preisliste .preis3   { color: #71BC25 }
.preisliste .preis1, .preisliste .preis2, .preisliste .preis3 { display: inline; font-size: 1em; padding: 0 5px 0 0 }
.preisliste .preis1, .preisliste .preis3 { font-weight: bold }
.preisliste .preis2 { font-size: 2.2em }

/* Content Tipps */
.tipp { margin: 1.5em 0 }
.tipp strong { background: url(../images/gruen_links.gif) top left no-repeat; padding: 8px 0px 12px 10px }
.tipp a { background: url(../images/gruen_rechts.gif) top right no-repeat; color: white; font-weight: bold; white-space: nowrap; padding: 8px 15px 12px 0px }
h1.tipp { font-size: 1.2em; margin: 1.5em 0 0.5em }
h1.tipp strong, h1.tipp a { padding-top: 6px }

/* Aktuell */
.readon { font-size: 1em; text-decoration: none; line-height: 15px; padding-left: 13px; background: url(../images/readon.gif) no-repeat left; margin-top: 10px; font-weight: normal }
.readon:hover { text-decoration: underline }
.more { margin-top: 1em; clear: left }
#aktuelles .projekte { float: right; width: 265px }
#aktuelles .meldungen { margin-right: 12px; width: 265px }
#aktuelles hr { color: #82D82B; background-color: #82D82B; height: 1px; border: none; margin: 15px 0 10px; width: 33%; left: 33% }

/* FAQ */
.faq { display: block; margin-bottom: 0.5em }

/* Kundenmeinung */
.opinion { margin: 0 2.5em 1em 0; float: left }
.opinion blockquote { padding-top: 10px; background: url(../images/quote_bubble.png) no-repeat 0 0; width: 250px}
.opinion blockquote div { padding: 0 10px 60px; background: url(../images/quote_bubble.png) no-repeat 0 bottom; margin: 0; font-style: italic }
.opinion dt { font-weight: bold; position: relative; top: -1em }
.opinion dt a { text-decoration: none; font-weight: bold }
.opinion dt a:hover { text-decoration: underline }

/* Kontaktformular */
#ContactForm fieldset { border: none; background: none; padding: 0 }
#ContactForm label, #ContactForm input, #ContactForm select, #ContactForm textarea, #ContactForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
#ContactForm input, #ContactForm select, #ContactForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
#ContactForm br { clear: left }
#ContactForm select { width: 256px }
#ContactForm label { width: 138px; padding-right: 10px; border-left: none }
#ContactForm input#submit { float: none; width: 120px; margin-top: 0.5em; background-color: #e5ffcc }
#ContactForm input#submit:hover { background-color: #caff99 }
#ContactForm .small { display: block; width: 5em; color: #666; padding-left: 0.25em }
#ContactForm #formid { display: none }
#ContactForm input.required, #ContactForm select.required, #ContactForm textarea.required { background: #ffe5e5; border: 2px solid #ff0000 }
#ContactThanks { border: 2px solid #82D82B; padding: 0.5em 0.5em 0; background-color: #e5ffcc }
#ContactThanks h3 { padding-top: 0 }

/* Bestellformular */
#OrderForm fieldset { border: none; background: none; padding: 0 }
#OrderForm label, #OrderForm input, #OrderForm select, #OrderForm textarea, #OrderForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
#OrderForm input, #OrderForm select, #OrderForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
#OrderForm br { clear: left }
#OrderForm select { width: 256px }
#OrderForm label { width: 138px; padding-right: 10px; border-left: none }
#OrderForm input#plz { width: 50px; margin-right: 6px }
#OrderForm input#ort { width: 188px }
#OrderForm input#auftragsart { border: 2px solid transparent; background-color: #fff; font-weight: bold; border-left: none; padding-left: 0 }
#OrderForm .radio { width: auto; margin-right: 6px; margin-top: 0.75em }
#OrderForm .radiotext { width: 240px; float: left; margin-top: 0.5em }
#OrderForm input#submit { float: none; width: 120px; margin-top: 0.5em; background-color: #e5ffcc }
#OrderForm input#submit:hover { background-color: #caff99 }
#OrderForm .small { display: block; width: 5em; color: #666; padding-left: 0.25em }
#OrderForm #formid, #OrderForm #auftragsid { display: none }
#OrderForm input.required, #OrderForm select.required, #OrderForm textarea.required { background: #ffe5e5; border: 2px solid #ff0000 }
#OrderThanks { border: 2px solid #82D82B; padding: 0.5em 0.5em 0; background-color: #e5ffcc }
#OrderThanks h3 { padding-top: 0 }

/* Linkaufbauformular */
#LinkForm fieldset { border: none; background: none; padding: 0 }
#LinkForm label, #LinkForm input, #LinkForm select, #LinkForm textarea, #LinkForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
#LinkForm input, #LinkForm select, #LinkForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
#LinkForm br { clear: left }
#LinkForm select { width: 256px }
#LinkForm label { width: 138px; padding-right: 10px; border-left: none }
#LinkForm input#plz { width: 50px; margin-right: 6px }
#LinkForm input#ort { width: 188px }
#LinkForm input#auftragsart { border: 2px solid transparent; background-color: #fff; font-weight: bold; border-left: none; padding-left: 0 }
#LinkForm .checkbox { width: auto; margin-right: 6px; margin-top: 0.75em }
#LinkForm .checkboxtext { width: 240px; float: left; margin-top: 0.5em }
#LinkForm input#submit { float: none; width: 120px; margin-top: 0.5em; background-color: #e5ffcc }
#LinkForm input#submit:hover { background-color: #caff99 }
#LinkForm .small { display: block; width: 5em; color: #666; padding-left: 0.25em }
#LinkForm #formid, #LinkForm #auftragsid { display: none }
#LinkForm input.required, #LinkForm select.required, #LinkForm textarea.required { background: #ffe5e5; border: 2px solid #ff0000 }
#LinkThanks { border: 2px solid #82D82B; padding: 0.5em 0.5em 0; background-color: #e5ffcc }
#LinkThanks h3 { padding-top: 0 }

/* Newsletterformular (klein) */
#rightcol #NewsletterForm fieldset { border: none; background: none; padding: 0; margin-top: 0.5em }
#rightcol #NewsletterForm label, #rightcol #NewsletterForm input { margin-top: 0.5em; border: 2px solid transparent; float: none }
#rightcol #NewsletterForm input { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2; margin-top: 0; width: 142px }
#rightcol #NewsletterForm br { clear: left }
#rightcol #NewsletterForm label { border-left: none }
#rightcol #NewsletterForm input#submit { width: 148px; margin-top: 1em; background-color: #e5ffcc }
#rightcol #NewsletterForm input#submit:hover { background-color: #caff99 }
#rightcol #NewsletterForm #formid { display: none }

/* Optinformular */
#OptinForm fieldset { border: none; background: none; padding: 0 }
#OptinForm label, #OptinForm input, #OptinForm select, #OptinForm textarea, #OptinForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
#OptinForm input, #OptinForm select, #OptinForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
#OptinForm br { clear: left }
#OptinForm select { width: 256px }
#OptinForm label { width: 138px; padding-right: 10px; border-left: none }
#OptinForm input#email, #OptinForm input#vorname, #OptinForm input#name, #OptinForm input#website, #OptinForm input#branche { border: 2px solid transparent; background-color: #fff; font-weight: bold; border-left: none; padding-left: 0 }
#OptinForm .checkbox { width: auto; margin-right: 6px; margin-top: 0.75em }
#OptinForm .checkboxtext { width: 240px; float: left; margin-top: 0.5em }
#OptinForm input#submit { float: none; width: 120px; margin-top: 0.5em; background-color: #e5ffcc }
#OptinForm input#submit:hover { background-color: #caff99 }
#OptinForm .small { display: block; width: 5em; color: #666; padding-left: 0.25em }
#OptinForm #formid, #OptinForm #validate { display: none }
#OptinForm input.required, #OptinForm select.required, #OptinForm textarea.required { background: #ffe5e5; border: 2px solid #ff0000 }
#OptinThanks { border: 2px solid #82D82B; padding: 0.5em 0.5em 0; background-color: #e5ffcc }
#OptinThanks h3 { padding-top: 0 }

/* Formular allgmein */

.seoptForm fieldset { border: none; background: none; padding: 0 }
.seoptForm label, .seoptForm input, .seoptForm select, .seoptForm textarea, .seoptForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
.seoptForm input, .seoptForm select, .seoptForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
.seoptForm br { clear: left }
.seoptForm select { width: 256px }
.seoptForm label { width: 138px; padding-right: 10px; border-left: none }
.seoptForm input#submit, .seoptForm input.submit { float: none; width: 120px; margin: 0.5em 0 2em; background-color: #e5ffcc }
.seoptForm input#submit:hover, .seoptForm input.submit:hover { float: none; width: 120px; margin: 0.5em 0 2em; background-color: #caff99 }
.seoptForm .small { width: 5em; color: #666; padding-left: 0.25em }
.seoptForm .radio { width: auto; margin-right: 6px; margin-top: 0.75em }
.seoptForm .radiotext { width: 240px; float: left; margin-top: 0.5em }
.seoptForm input.checkbox { width: 2em; margin-left: 12.5em; margin-top: 0.6em }
.seoptForm label.checkbox { width: 250px }
.seoptForm p.indent { width: 250px; margin-left: 150px; margin-top: 0.6em }
.seoptForm input#formid, .seoptForm input#validate, .seoptForm .hidden { display: none }
.seoptForm input.required, .seoptForm select.required, .seoptForm textarea.required { background: #ffe5e5; border: 2px solid #ff0000 }
.seoptForm input#plz { width: 50px; margin-right: 6px }
.seoptForm input#ort { width: 188px }
.seoptForm input[type=text][readonly] { border: 2px solid #ccc; background: #fff }
.seoptFormGreen { clear: right; margin: 0 0 2em; background: url(../images/angebot_gr_bg.png) bottom left no-repeat; padding: 0 }
.seoptFormGreen fieldset { border: none; padding: 10px 24px 10px 30px }
.seoptFormGreen h3 { padding: 6px 25px 6px 28px; background: url(../images/angebot_gr_hd.png) top left no-repeat; color: #fff }
.seoptFormThanks { border: 2px solid #82D82B; padding: 0.5em 0.5em 0; background-color: #e5ffcc }
.seoptFormThanks h3 { padding-top: 0 }

/* Newsletterformular */

#NewsletterForm label { width: 138px }

/* Leitfadenformular */

#LeitfadenForm label, #LeitfadenDownloadForm label { width: 5em; padding-right: 1em; border-left: none }
#LeitfadenThanks { border: none; background: none; padding: 0 }
#LeitfadenThanks h3 { padding: 6px 25px 6px 28px }
#LeitfadenThanks fieldset { padding-bottom: 3em }

.errors { background: #ffe5e5; font-size: 1em; padding: 0.5em; margin-bottom: 1em; border: 2px solid #ff0000; width: 32.75em }
#rightcol .module div.errors { width: 132px; padding: 0.5em; margin: 0.5em 0 0 }
 
/* Referenzen */ 
#referenzen { padding: 1em }
#referenzen #footer { display: none }

/* Pagination */
.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 0.8em; color: black }
#ditto_pagination { padding-top: 2em }
#ditto_pages { padding-bottom: 2em }
#ditto_pages .ditto_currentpage { border: 2px solid #82D82B; padding: 1px 5px 2px; margin-right: 1px; background-color: #82D82B;color: #fff; font-weight: bold }
#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 2px solid #82D82B; background: #E5FFCC; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: black }
#ditto_pages a:hover { background-color: #CAFF99; color: #000 }

/* Blog */
.post h2 { font-size: 1.5em }
.post .jot-user { background: url(../images/li_bullet.gif) 0px 2px no-repeat; padding-left: 20px; position: relative; z-index: 1 }
.post .jot-mod { float: right; position: relative; z-index: 2 }
.post .jot-extra { text-align: right }
.post .jot-head, .post .jot-message, .post .jot-extra { padding: 5px }
.post .jot-message { padding-left: 25px }
.post .jot-row { background: url(../images/comment_odd.png) no-repeat bottom left }
.post .jot-head { background: url(../images/comment_odd.png) no-repeat top left }
.post .jot-cfm { border: 2px solid #82D82B; padding: 0.5em; margin-bottom: 1em; background-color: #e5ffcc }

/* Blog Kommentar */
#BlogForm fieldset { border: none; background: none; padding: 0 }
#BlogForm label, #BlogForm input, #BlogForm select, #BlogForm textarea, #BlogForm .small { display: block; float: left; width: 250px; margin-top: 0.5em; border: 2px solid transparent }
#BlogForm input, #BlogForm textarea { border: 2px solid #82D82B; padding: 1px; background-color: #f9fff2 }
#BlogForm br { clear: left }
#BlogForm label { width: 138px; padding-right: 10px; border-left: none }
#BlogForm input#submit { float: none; width: 120px; margin-top: 0.5em; background-color: #e5ffcc }
#BlogForm input#submit:hover { background-color: #caff99 }
#BlogForm .small { color: #666; width: 138px; margin-top: 0.7em }
#BlogForm input#JotForm, #BlogForm input#JotNow, #BlogForm input#parent, #BlogForm #title { display: none }

/* Sidebar Module */
#rightcol .module { width: 165px; margin-bottom: 16px; padding-bottom: 6px }
#rightcol .module h3 { font-size: 1.1em; padding: 5px 8px 6px; margin-bottom: 6px }
#rightcol .module p, #rightcol .module div { padding: 0 8px }

#rightcol .seo_gruende { background: transparent url(../images/gruen_sidebar.gif) bottom left no-repeat }
#rightcol .seo_gruende h3 { background: transparent url(../images/gruen_sidebar.gif) top left no-repeat; color: #fff }
#rightcol .seo_gruende .prozent { float: left; clear: left; font-size: 1.5em }
#rightcol .seo_gruende .text { margin-left: 3.8em }
#rightcol .seo_gruende .quelle { margin-top: 1em; font-size: 0.7em }

#rightcol .anfrage { background: transparent url(../images/gelbgruen_sidebar.gif) bottom left no-repeat }
#rightcol .anfrage h3 { background: transparent url(../images/gelbgruen_sidebar.gif) top left no-repeat; color: #fff }
#rightcol .anfrage .nummer { font-size: 1.2em; font-weight: bold; margin: 0.5em 0 }

#rightcol .blog { background: transparent url(../images/gelb_sidebar.gif) bottom left no-repeat }
#rightcol .blog h3 { background: transparent url(../images/gelb_sidebar.gif) top left no-repeat; color: #fff }
#rightcol .blog .date { font-size: 0.9em; font-weight: bold; margin: 0.5em 0 0.25em }
#rightcol .blog p { margin: 0 0 0.5em }

#rightcol .blog-comments { background: transparent url(../images/gelb_sidebar.gif) bottom left no-repeat }
#rightcol .blog-comments h3 { background: transparent url(../images/gelb_sidebar.gif) top left no-repeat; color: #fff }
#rightcol .blog-comments p { margin: 0.5em 0 0.5em }

#rightcol .newsletter { background: transparent url(../images/gruen_sidebar.gif) bottom left no-repeat }
#rightcol .newsletter h3 { background: transparent url(../images/gruen_sidebar.gif) top left no-repeat; color: #fff }

#rightcol .kundenmeinungen { background: transparent url(../images/gelbgruen_sidebar.gif) bottom left no-repeat }
#rightcol .kundenmeinungen h3 { background: transparent url(../images/gelbgruen_sidebar.gif) top left no-repeat; color: #fff }
#rightcol .kundenmeinungen .date { font-size: 0.9em; font-weight: bold; margin: 0 0 0.5em }
#rightcol .kundenmeinungen .entry { margin: 0 0 0.5em }

#rightcol .chattool { padding: 0 }
#rightcol .chattool h3 { display: none }
#rightcol .chattool p { padding: 0 }

/* Leitfaden */

.leitfaden { float: left; width: 270px; margin-right: 12px }
.leitfaden img { height: 48px; width: 48px; float: left; margin: 4px 8px 8px 0 }

.introtext { z-index: 3 }
#download_box { float: right; width: 187px; background: transparent url(../images/kasten_gruen.gif) bottom left no-repeat; top: -34px; margin: 0 0 20px 20px; font-size: 0.9em }
#download_box h3 { padding: 18px 16px 10px 26px; background: transparent url(../images/kasten_gruen.gif) top left no-repeat }
#download_box div { padding: 0 16px 42px 26px; z-index: 4 }
#download_box .pdf_download { background: transparent url(/assets/images/icons/pdf_a_48.png) no-repeat; display: block; height: 48px; float: right; width: 48px; top: -24px; z-index: 5 }
#download_box .pdf_download:hover { background-position: left bottom }
#download_box .kategorie { }
#download_box .veroeffentlicht {}
#download_box .seitenzahl {}
#download_box .download {}

/* Füller */

.fill .left { float: left; width: 272px; padding-right: 20px }
.fill .right { float: right; width: 273px }
.fill h2 { margin-bottom: 0.5em }
.fill h2.tipp strong, .fill h2.tipp a { padding-top: 6px }
.fill hr { border: 1px solid #81d82a; width: 25%; margin: 0.5em auto 0 }
.fill img { position: relative; top: 2px }

.fill .kasten { background: transparent url(../images/fill_hg.gif) no-repeat }
.fill .kasten .left { padding-left: 10px; width: 254px }
.fill .kasten .right { padding-right: 10px; width: 255px }
.fill .kasten .bottom { clear: both; height: 8px; background: transparent url(../images/fill_hg.gif) no-repeat bottom }
.fill .kasten h2 { margin: 0 0 0.5em }
.fill .kasten h2.tipp strong { background: transparent url(../images/fill_gruen_links.gif) no-repeat }
.fill .kasten h2.tipp a { background: transparent url(../images/fill_gruen_rechts.gif) no-repeat right }

/* AGB */
.agb { margin-left: 4em }
li.agb { margin-left: 5em }
h3.agb { font-size: 1em }
.num { float: left; margin-left: -4em; width: 4em; display: block }

/* Sonstiges */ 
.clr { clear: both }
.txtHighlight { background-color: #FFE585; padding: 1px 4px 1px 4px }
.toggle { padding-bottom: 0.5em }
.hidden { height: 0; overflow: hidden }
.small { font-size: 0.9em; line-height: 1.2 }

/* Tooltips */
.tooltip { z-index: 2; background: transparent url(../images/bubble.png) no-repeat; width: 135px; height: 65px; padding: 10px 15px 10px 30px; display:none; color: #000 }
.questionmark { padding: 0px 6px; background: transparent url(../images/icons.png) no-repeat; display: inline; top: 1px }
.ja { background: transparent url("../images/icons.png") no-repeat 50% -24px; display: block; text-indent: -10000px }
.nein { background: transparent url(../images/icons.png) no-repeat 50% -48px; display: block; text-indent: -10000px }