@charset "UTF-8"; /* charset festlegen */

/*
Projektname: 	Danke sagen
Funktion:		Stylesheet Danke sagen
Web:			      statische Entwicklung
Erstellt am:		10.06.2009 von MHof
Bearbeitet am:
QS am:
Freigabe am: 	NICHT freigegeben
/*

/* ################################## */

/* ### Inhaltsverzeichnis ### */
/* Hauptcontainer */
/* Hintergrundfarbe des gesamten Screens */
/* Hintergrundbilder des eigentlichen Contents */
/* Schriften */
/* Navigation */
/* Content */

/* Headlines */
/* Box für Social-Bookmarks etc. */

/* Formular Kommentar */
/* Formular Danksagung */
/* pagenavigation */
/*Footer */
/* Vorschau */

/* Helfer - am Ende der Datei belassen */

/* ################################## */


/* Hauptcontainer */
body {
font-family: Georgia, Helvetica, sans-serif;
font-style: italic;
font-size: 62.5%;
line-height: 1;
color: #000;
text-align: left;
margin: 0;
padding: 0;
}

/* Hintergrundfarbe des gesamten Screens */
/* Default */
body {
background: #e1f7f6 url(../images/bg_default.gif) no-repeat;
}


/* eigentlicher Content zentriert */
#wrapper {
width: 991px;
margin: 0 auto 0 auto;
padding: 0 0 30px 0;
}


/* Schriftschnitt italic */
.italic-style {
font-style: italic;
}


/* Navigation */
#navigation {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0 72px;
font-style: normal;
position: relative;
z-index: 800;
}

.start #navigation {
margin: 0 0 90px 72px;
}

#navigation li {
background: url(../images/trenner_nav.gif) no-repeat;
float: left;
height: 34px;
padding: 16px 10px 0 10px;
position: relative;
}

/* erster Punkt wird ohne Trenner angezeigt */
#navigation li.first {
background-image: none;
padding: 12px 10px 0 0px;
}

#navigation a.home {
background: url(../images/home.gif) 0 3px no-repeat;
width: 14px;
height: 17px;
display: block;
cursor: pointer;
}


#navigation a.thema {
background: url(../images/dropdown_fake.gif) no-repeat;
width: 146px;
height: 22px;
display: block;
position: relative;
top: -4px;
}

#navigation li a.last,
#logo-abbinder a {
width: 124px;
height: 16px;
display: block;
}

#navigation li a.last {
background: url(../images/twt_logo.gif) 88px 4px no-repeat;
}

#logo-abbinder a,
#logo-abbinder a:visited {
color: #6A6762;
font-style: normal;
font-size: 1.3em;
}

#navigation li a.last:hover,
#navigation li a.last:focus,
#logo-abbinder a:hover,
#logo-abbinder a:focus {
color: #2F9F98;
}

#logo-abbinder a {
font-size: 1.3em;
margin: 0 auto;
}

/* Links in der Metanavigation - default */
#navigation li a,
#navigation li a:visited {
color: #6a6762;
position: relative;
}

#navigation li a:hover,
#navigation li a:focus {
color: #2F9F98;
}

#navigation li select {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0 0 0 0;
width: 146px;
}

.meta-dropdown-kategorie,
.meta-dropdown-bookmarks {
display: none;
background-color: #fff;
border: 1px solid #aaa;
width: 142px;
padding: 0 0 5px 0;
z-index: 999;
position: absolute;
left: 5pxpx;
top: 32px;
}

* html .meta-dropdown-kategorie {
width: 136px;
}

.meta-dropdown-bookmarks {
width: 175px;
left: 8px;
top: 37px;
}

#navigation li.dropdown-thema a  {
display: block;
}

#navigation li.dropdown-thema:hover ul,
#navigation li.sfhover ul {
display: block;
position: absolute;
}

#navigation li.seite-merken:hover ul.meta-dropdown-bookmarks,
#navigation li.sfhover ul.meta-dropdown-bookmarks {
display: block;
position: absolute;
}

#navigation li.seite-merken a.bookmark {
background: url(../images/bookmark_pfeil_default.gif) right 7px no-repeat;
padding-right: 10px;
display: block;
}

#navigation li.seite-merken a.bookmark:hover,
#navigation li.seite-merken a.bookmark:focus {
background: url(../images/bookmark_pfeil_default.gif) right 7px no-repeat;
padding-right: 10px;
}

#navigation li ul li {
background-image: none;
float: none;
height: 17px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#navigation li ul li a {
padding: 6px 2px 6px 4px;
margin: 0;
width: 140px;
display: block;
white-space: nowrap;
}

* html #navigation li ul li a {
padding: 3px 2px 3px 4px;
margin: 0;
width: 136px;
}

#navigation li ul li a:hover,
#navigation li ul li a.active {
color: #000;
font-weight: bold;
}


a.impressum {
font-size: 1.1535em;
position: relative;
top: -3px;
}

/* Content */
#content {
margin: 0 0 45px 117px;
}

.start #content {
margin: 0 0 45px 165px;
}

/* Grafische Links rechts und links neben der Danksagung */
a.back-link,
a.for-link {
float: left;
width: 35px;
height: 35px;
display: block;
margin-top: 160px;
}

#content a.back-link {
background: url(../images/backlink.gif) 0 0 no-repeat;
margin-right: 10px;
}

#content a.for-link {
background: url(../images/forlink.gif) 0 0 no-repeat;
margin-left: 10px;
}

/* Box Allgemein */
.box {
float: left;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
width: 666px;
position: relative;
}

/* bei der ersten Danksagung einer Kategorie wird kein Link zum vorherigen DS angezeigt */
/* aus diesen Grund muss der Abstand nach links angepasst werden */
.abstand-links {
margin-left: 45px;
}

* html .abstand-links {
margin-left: 22px;
}

.statische-seite {
margin-left: 45px;
float: none;
}

.statische-seite h2 {
font-size: 3em !important;
margin-left: 25px !important;
margin-bottom: 8px !important;
}

.statische-seite p {
padding-bottom: 15px !important;
}

.box .top,
.box .bottom {
height: 14px;
}

/* Oberer Abschluss der Box */
.box .top {
background: url(../images/box_bg_top.gif) 0 0 no-repeat;
}

/* Unterer Abschluss der Box */
.box .bottom {
background: url(../images/box_bg_bottom.gif) 0 0 no-repeat;
}

/* Bereich für den eigentlichen Content der Box */
.box .middle {
background-color: #FFF;
color: #333333;
z-index: 500;
padding-bottom: 0px;
}

/* der IE benötigt einen zusaetzlichen Abstand, falls ein Bild höher ist als nebenstehender Text */
* html .box-gross { /* IE6 */
padding-bottom: 20px;
}

* + html .box-gross { /* IE7 */
padding-bottom: 20px;
}

.box .middle h2,
.box .middle p {
margin: 0 34px 0 27px;
color: #333333;
}

.box .middle h2 {
padding: 2px 0 3px 0;
font-weight: normal;
font-size: 1.8em;
line-height: 1.2em;
}

.box .formular h2 {
padding-bottom: 0px;
font-weight: normal;
font-size: 2.3em;
line-height: 1.2em;
margin-left: 27px;
}

.box .middle p {
padding-bottom: 15px;
font-size: 1.4em;
line-height: 1.2em;
}

.box .middle p.subhead {
font-size: 3em;
margin-bottom: 26px;
padding: 0;
}


/* Boxen auf der Kategorie-Seite */
/* links- bzw. rechtsbuendige Box */
.kategorie .box {
margin-left: 45px;
float: none;
}

.kategorie .links-buendig {
margin-left: -50px;
}

.kategorie .rechts-buendig {
margin-left: 90px;
}

.rechts-buendig .middle p.subhead,
.links-buendig .middle p.subhead {
margin-bottom: 10px;
padding-top: 17px;
width: 575px;
}

.rechts-buendig .middle p,
.links-buendig .middle p {
width: 575px;
}

/* weitere Boxen  auf der Kategorie-Seite*/
.small .middle p.subhead {
font-size: 1.8em;
margin-bottom: 4px;
padding-top: 0px;
width: 575px;
}

.small .middle p {
padding-bottom: 3px;
width: 556px;
}

.box .user-image img {
float: left;
margin: 0 20px 20px 27px;
position: relative;
}

/* Contentbereich auf Kategorie-Seite */
.kategorie #content {
margin:0 0 15px 117px;
}

/* Headlines */
/* Danksagung */
.box .middle h1 {
min-height: 1px;
margin-bottom: 13px;
}

* html .box .middle h1 {
height: 140px;
}

.box .middle h1 span.headline {
background: url(../images/headlines/headline_default.gif) 0 0 no-repeat;
width: 413px;
height: 116px;
display: block;
margin-left: 11px;
margin-bottom: 4px;
color: #000;
}

.danksagung-form .middle h1 span.headline {
margin-left: 0px;
margin-top: 4px;
}


.box .middle h1 span.zusatz {
color: #333;
display: block;
margin: 0 0 0 0;
padding: 21px 20px 0 30px;
font-size: 3em;
line-height: 1.25em;
font-weight: normal;
}

.box .middle h1 a,
.box .middle h1 a:visited,
.box .middle h1 a:hover,
.box .middle h1 a:focus {
text-decoration: none;
}

/* Headlines Formular Danksagung */
.danksagung .middle h1 {
min-height: 150px;
margin-bottom: 23px;
}

.danksagung .box .middle h1 span.zusatz {
display: block;
}

.danksagung .box .middle h1 span.headline {
background: url(../images/headlines/headline_default_formular.gif) 0 0 no-repeat;
width: 599px;
height: 137px;
display: block;
position: absolute;
top: 11px;
left: 11px;
}

/* Links im Fliesstext */

/* Default */
.box .middle a {
color: #2f9f98;
text-decoration: underline;
}

.box .middle a:hover,
.box .middle a:focus {
color: #6A6762;
text-decoration: underline;
}

.box .middle p.subhead a,
.box .middle p.subhead a:visited,
.box .middle p.subhead a:hover,
.box .middle p.subhead a:focus {
text-decoration: none;
color: #333;
}

/* Box für Social-Bookmarks etc. */
.tool-box {
background: url(../images/blase_bottom.gif) 66px 0 no-repeat;
height: 51px;
padding-top: 9px;
}

.small .tool-box,
.rechts-buendig .tool-box,
.links-buendig .tool-box {
padding-left: 55px;
background: url(../images/blase_bottom.gif) 40px 0 no-repeat;
}

* html .small .tool-box,
* html .rechts-buendig .tool-box,
* html .links-buendig .tool-box {
padding-left: 6px;
}

/* Box fuer Anzahl der Kommentare */
/* grosse Box */
span.text,
span.count {
display: block;
margin-left: 16px;
}

span.text {
font-size: 1.1em;
font-weight: bold;
}

span.count {
margin: 6px 0 2px 16px;
font-size: 2.9em;
}

/* kleine Box */
.small span.text,
.small span.count {
margin-left: 12px;
}

.small span.text {
font-size: 1.0em;
}

.small span.count {
margin: 6px 0 2px 12px;
font-size: 2.4em;
}


.comment-info a,
.comment-info a:visited,
.comment-info a:hover,
.comment-info a:focus {
color: #fff !important;
text-decoration: none !important;
}

.comment-info {
position: absolute;
top: 30px;
left: 623px;
width: 105px;
height: 73px;
}

.small .comment-info {
position: absolute;
top: -10px;
left: 610px;
width: 88px;
height: 61px;
}


.comment-info {
background: url(../images/comment_info_bg_default.gif) 0 0 no-repeat;
color: #FFF;
}

.small .comment-info {
background: url(../images/comment_info_small_bg_default.gif) 0 0 no-repeat;
color: #FFF;
}

/* Service-Links */
ul.service {
float: left;
margin: 0 0 0 16px;
}

* html ul.service {
margin: 0 0 0 8px;
}

ul.service li {
float: left;
padding-right: 6px;
}

ul.service li a {
width: 16px;
height: 16px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
}

a.drucken {
background-image: url(../images/icon_drucken_grey.gif);
}

a.drucken:hover {
background-image: url(../images/icon_drucken.gif);
}

a.seite-versenden {
background-image: url(../images/icon-mail_grey.gif);
background-position: 0 2px !important;
}

a.seite-versenden:hover {
background-image: url(../images/icon-mail.gif);
}

a.beitrag-melden {
background: url(../images/icon_anstoessig-melden.png) 0 0 no-repeat;
}

a.beitrag-melden:hover {
background: url(../images/icon_anstoessig-melden_hover.png) 0 0 no-repeat;
}


ul.bookmarks {
float: left;
}

ul.bookmarks li {
float: left;
padding-right: 5px;
}

ul.bookmarks li a {
width: 16px;
height: 16px;
display: block;
}

.meta-dropdown-bookmarks li {
margin-bottom: 3px !important;
}

* html .meta-dropdown-bookmarks li {
margin-bottom: 0 !important;
}

/* Social Bookmarks  - metanavigation und bookmarks unterhalb der ersten Danksagung */
/* Positionierung der icon */
ul.bookmarks a {
background-position: 0 0;
background-repeat: no-repeat;
}

.meta-dropdown-bookmarks a {
padding-left: 24px !important;
background-position: 4px 5px;
background-repeat: no-repeat;
}

/* Lesezeichen im  Browser  - Dropdown Metanavigation*/
.meta-dropdown-bookmarks a.lesezeichen {
background-image: url(../images/icon_lesezeichen_grey.gif);
}

.meta-dropdown-bookmarks a.lesezeichen:hover {
background-image: url(../images/icon_lesezeichen.gif);
}

/* twitter */
a.twitter,
.meta-dropdown-bookmarks a.twitter {
background-image: url(../images/icon-twitter_grey.gif);
}

a.twitter:hover,
.meta-dropdown-bookmarks a.twitter:hover {
background-image: url(../images/icon-twitter.gif);
}

/* Favoriten.de */
a.favoriten,
.meta-dropdown-bookmarks a.favoriten {
background-image: url(../images/icon-star_grey.gif);
}

a.favoriten:hover,
.meta-dropdown-bookmarks a.favoriten:hover {
background-image: url(../images/icon-star.gif);
}

/* mr wong */
a.mr-wong,
.meta-dropdown-bookmarks a.mr-wong {
background-image: url(../images/icon-mrwong_grey.gif);
}

a.mr-wong:hover,
.meta-dropdown-bookmarks a.mr-wong:hover {
background-image: url(../images/icon-mrwong.gif);
}

/* delicious */
a.delicious,
.meta-dropdown-bookmarks a.delicious {
background-image: url(../images/icon-delicious_grey.gif);
}

a.delicious:hover,
.meta-dropdown-bookmarks a.delicious:hover {
background-image: url(../images/icon-delicious.gif);
}

/* digg */
a.digg,
.meta-dropdown-bookmarks a.digg {
background-image: url(../images/icon-digg_grey.gif);
}

a.digg:hover,
.meta-dropdown-bookmarks a.digg:hover {
background-image: url(../images/icon-digg.gif);
}

/* google */
a.google,
.meta-dropdown-bookmarks a.google {
background-image: url(../images/icon-google_grey.gif);
}

a.google:hover,
.meta-dropdown-bookmarks a.google:hover {
background-image: url(../images/icon-google.gif);
}

/* facebook */
a.facebook,
.meta-dropdown-bookmarks a.facebook {
background-image: url(../images/icon-facebook_grey.gif);
}

a.facebook:hover,
.meta-dropdown-bookmarks a.facebook:hover {
background-image: url(../images/icon-facebook.gif);
}

/* Text innerhalb der Tool-Box */
.tool-box span {
font-size: 1.4em;
line-height: 1.3em;
font-style: italic;
display: block;
float: left;
width: 369px;
margin: 5px 10px 0 49px;
}

.tool-box span a {
text-decoration: underline !important;
}

/* Default */
.tool-box span,
.tool-box span a {
color: #2f9f98;
}

.tool-box span a:hover,
.tool-box span a:focus {
text-decoration: underline;
color: #6A6762;
}


/* Themenspezifische Hintergunde fuer die Kommentar-Boxen sowie das Formular zum setzen eines Kommentars */
/* Allgemeine Positionierung */
.theme {
float: none;
margin-left: 45px;
}

.theme p {
padding-bottom: 4px !important;
}

/* Default */
/* Oberer Abschluss der Box */
.theme .top {
background: url(../images/box_comment_bg_top_default.gif) 0 0 no-repeat;
}

/* Unterer Abschluss der Box */
.theme .bottom {
background: url(../images/box_comment_bg_bottom_default.gif) 0 0 no-repeat;
}

.theme .middle {
background-color: #64beb6;
color: #FFF;
}

/* Oberer Abschluss der Formular-Box */
.comment-form .top {
background: url(../images/box_form_bg_top_default.gif) 0 0 no-repeat;
}

/* Unterer Abschluss der Formular-Box */
.comment-form .bottom {
background: url(../images/box_form_bg_bottom_default.gif) 0 0 no-repeat;
}

.comment-form .middle {
background-color: #afe0f1;
color: #FFF;
}


/* Hintergrund der Formularbox Danksagung default, alle anderen Faelle sind ueber die normalen Themes abgedeckt  */
.danksagung-form .top {
background: url(../images/box_bg_top.gif) 0 0 no-repeat;
}

/* Unterer Abschluss der Box */
.danksagung-form .bottom {
background: url(../images/box_bg_bottom.gif) 0 0 no-repeat;
}

.danksagung-form .middle {
background-color: #FFF;
color: #000;
}



/* Box unterhalb des Kommentars */
.comment-data {
padding: 10px 0 32px 92px;
font-size: 1.4em;
line-height: 1.3em;
}

.comment-data a,
.comment-data a:visited,
.comment-data a:hover,
.comment-data a:focus {
text-decoration: underline;
}

/* Default */
.comment-data,
.comment-data a {
color: #2F9F98;
}

.comment-data a:hover,
.comment-data a:focus {
color: #6A6762;
}

.comment-data {
background: url(../images/blase_bottom_comment_default.gif) 46px 0 no-repeat;
}


/* Formular Kommentar */
.form {
margin: 0 0 0 27px;
color: #333333;
}

.comment-form .form {
margin-top: 10px;
}

.form .input-text {
width: 598px;
font-size: 1.8em;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
padding: 9px 0 8px 10px;
margin-bottom: 4px;
}

.form textarea {
font-size: 1.4em;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
width: 598px;
height: 71px;
padding: 9px 0 8px 10px;
overflow: auto;
}

/* Themenspezifische Button */
.send-comment {
margin: 13px 0 8px 294px;
width: 318px;
height: 49px;
border: none;
cursor: pointer;
background: url(../images/but_comment_default.gif) 0 0 no-repeat;
}

.beitrag-erstellen {
margin: 0 0 45px 0;
width: 666px;
height: 67px;
border: none;
cursor: pointer;
background: url(../images/but_danke_default.gif) 0 0 no-repeat;
}


/* Formular Danksagung */
.danksagung {
margin-left: 0px;
}

/* unterer Bereich der Formulars */
.bereich-2 {
margin-top: 58px;
}

.danksagung fieldset.bereich-2 {
margin-top: 27px;
}

.danksagung h2 {
font-size: 3em !important;
padding-top: 15px !important;
margin-left: 25px !important;
margin-bottom: 8px !important;
}

.danksagung p {
width: 568px;
}

.form label {
color: #333333;
font-size: 1.4em;
line-height: 1.15em;
display: inline;
float: left;
margin: 0 0 17px 24px;
width: 176px;
position: relative;
top: 2px;
}

.form label.label-checkbox-2 {
font-size: 1.2em;
line-height: 1.45em;
width: 550px;
margin-left: 7px;
}

.danksagung select {
width: 396px;
font-size: 1.3em;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: normal;
color: #6a6762;
}

.danksagung .input-text {
width: 325px;
font-size: 1.3em;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: normal;
color: #6a6762;
padding: 0 0 0 4px;
margin-bottom: 4px;
}

.danksagung input.lang {
width: 388px;
}

.danksagung textarea {
font-size: 1.3em;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: normal;
color: #6a6762;
width: 387px;
height: 86px;
padding: 1px 0 0 5px;
margin-bottom: 12px;
}

.danksagung .upload-field {
width: 400px;
}

* html .danksagung .upload-field {
width: 396px;
}

* + html .danksagung .upload-field {
width: 396px;
}

.danksagung span.form-text {
font-size: 1.3em;
font-style: normal;
color: #333;
margin: 0 5px 0 6px;
}

* html .danksagung span.form-text {
position: relative;
top: -5px;
}

* + html .danksagung  span.form-text {
position: relative;
top: -6px;
}

.danksagung span.info {
font-size: 1.3em;
line-height: 1.3em;
color: #333333;
margin: 4px 5px 21px 200px;
display: block;
width: 402px;
}

.danksagung  span.pflichtfelder {
font-size: 1em;
margin-top: -2px;
margin-bottom: 10px;
}

span.kommentar {
font-size: 1.4em;
color: #333333;
width: 174px;
float: left;
display: block;
margin: 0 0 0 24px;
}

* html span.kommentar {
margin: 0 0 0 12px;
}

.label-kommentare {
margin-left: 7px !important;
top: -1px !important;
width: auto !important;
}

* html .label-kommentare { /* IE6 */
top: -1px !important;
}

* + html .label-kommentare { /* IE7 */
top: -1px !important;
}

.kommentar-checkbox {
float: left;
position: relative;
top: 2px;
}

* html .kommentar-checkbox { /* IE6 */
position: relative;
top: -2px;
}

* + html .kommentar-checkbox { /* IE7 */
position: relative;
top: -2px;
}

.checkbox-bereich-2 {
margin-left: 24px;
float: left;
position: relative;
top: 3px;
}

* html .checkbox-bereich-2 { /* IE6 */
position: relative;
top: 0px;
}

* + html .checkbox-bereich-2 { /* IE7 */
position: relative;
top: 0px;
}


.checkbox-kommentar {
top: 13px; 
margin-left: 0px;
}

* html .checkbox-kommentar { /* IE6 */
top: 8px; 
margin-left: 0px;
}

*+ html .checkbox-kommentar { /* IE7 */
top: 8px; 
margin-left: 0px;
}

.form label.label-checkbox-kommentar {
position: relative;
top: 11px;
}

/* Fehlermeldung Formular */
.form .fehlermeldung {
margin: 0 0 30px 24px;
font-size: 1.4em;
line-height: 1.3em;
color: #333333;
}

.comment-form .form .fehlermeldung {
margin: 0 0 30px 0;
}

.weiterempfehlen .fehlermeldung {
margin-top: 20px;
}

.form .fehlermeldung dt {
font-weight: bold;
}

.form .fehlermeldung ul {
list-style-type: disc;
padding: 10px 0 0 30px;
}




.form input.error,
.form select.error,
.form textarea.error {
background-color: #dcacac;
color: #fff;
}


/* Statische Seite  */
.statische-seite {
margin-left: 45px;
float: none;
}

.statische-seite h2 {
font-size: 3em !important;
padding-top: 15px !important;
margin-left: 25px !important;
margin-bottom: 8px !important;
}

.statische-seite p {
padding-bottom: 15px !important;
}


/* Themenspezifische Formularbutton */
.send-danksagung {
width: 396px;
margin: 0px 0 24px 205px;
height: 59px;
border: none;
cursor: pointer;
}

.send-danksagung {
background: url(../images/but_danke_form_default.gif) no-repeat;
}

.send-weiterempfehlen {
width: 374px;
margin: 0px 0 24px 219px;
height: 59px;
border: none;
cursor: pointer;
background: url(../images/but_jetzt_weiterempfehlen.gif) no-repeat;
}

.send-anstoessig {
width: 355px;
margin: 0px 0 24px 239px;
height: 59px;
border: none;
cursor: pointer;
background: url(../images/but_danksagung_melden.gif) no-repeat;
}

/* Captcha */

.captcha {
font-size: 1.4em;
line-height: 1.2em;
color: #333333;
margin: 9px 0 8px 0;
display: block;
height: 27px;
}

.danksagung .captcha {
margin-left: 24px;
margin-bottom: 25px;
width: 572px;

}

.captcha  span {
position: relative;
top: -7px;
}

.danksagung .captcha  span {
width: 365px;
display: block;
float: left;
position: relative;
top: 5px;
}

.captcha img {
margin-left: 53px;
}

input.input-captcha {
width: 72px;
margin-left: 15px;
padding: 3px 0 3px 0;
position: relative;
top: -8px;
font-size: 1em;
}

* html input.input-captcha { /* IE6 */
position: static;
top: -4px;
}

* + html input.input-captcha { /* IE7 */
position: static;
top: -4px;
}



/* pagenavigation */
.pagenav {
margin: 20px 0 0 0;
font-size: 1.4em;
line-height: 1.2em;
}

.pagenav a {
color: #595959;
font-weight: bold;
}

span.box-backlink {
display: block;
width: 385px;
float: left;
text-align: right;
}

span.box-forlink {

}

.pagenav a.backlink {
background: url(../images/pfeil_links.gif) 0 5px no-repeat;
padding: 0 0 0 12px;
margin: 0 7px 0 0;
}

.pagenav a.forlink {
background: url(../images/pfeil_rechts.gif) right 5px no-repeat;
padding: 0 12px 0 0;
margin: 0 0 0 5px;
}


/* pagenavigation Kategorienuebersicht */
.wp-pagenavi {
margin: 0 0 25px 0;
text-align: center;
font-size: 1.4em;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 0 4px 0 8px;
margin: 2px;
text-decoration: none;
border: none;
color: #2f9f98;
background: transparent url(../images/trenner_pagenav_kat.gif) 0 4px no-repeat;
}

.wp-pagenavi a:visited {
text-decoration: none;
border: none;
color: #2f9f98 !important;
background-color: transparent;
}

.wp-pagenavi a:hover {
border: none;
color: #2f9f98;
background-color: transparent !important;
}

.wp-pagenavi a:active {
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: transparent;
}

.wp-pagenavi span.current {
padding: 0 4px 0 8px;
margin: 2px;
font-weight: bold;
border: none;
color: #2f9f98;
background: url(../images/trenner_pagenav_kat.gif) 0 4px no-repeat;
}

.wp-pagenavi .first {
background-image: none !important;
}

.wp-pagenavi span.pages {
display: none;
}

.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}

/* Lightwindow */
/* z-index  muss angepasst werden, damit die Top-Navogation nicht im Vordergrund liegt */
#lightwindow_overlay {
z-index: 900;
}

/* Formulare innerhalb des iframes */
.iframe-form {
background-image: none;
background-color: transparent;

}

.iframe-form #wrapper {
margin: 0 auto;
padding: 0;
width: 667px !important;

}

.iframe-form #wrapper #content,
.iframe-form #wrapper #content .theme {
margin: 0px;
}


/*Footer */
#footer {
margin: 0 0 0 163px;
}


/* Vorschau */
/* wird in iFrame ausgegeben */

body#vorschau {
background-image: none;
background-color: transparent;
}


#vorschau #wrapper {
width: 853px;
margin: 0 auto 0 auto;
padding: 0;
background-color: transparent;
position: relative;
}



/* Content */
#vorschau #wrapper #content {
margin: 0;
}

/* Box Allgemein */
#vorschau #wrapper .box {
float: none;
margin: 0 auto 0 auto;
position: static;
}

.vorschau-box .vorschau-top,
.vorschau-box .vorschau-bottom {
height: 10px;
width: 853px;
}

/* der IE6 produziert einen Abstand von 3 px zum naechsten Element, daher ist diese Anweisung wichtig */
* html .vorschau-box .vorschau-top {
margin-bottom: -3px;
}

/* Oberer Abschluss der Box */
.vorschau-box .vorschau-top {
background: url(../images/vorschau_box_bg_top.gif) 0 0 no-repeat;
}

/* Unterer Abschluss der Box */
.vorschau-box .vorschau-bottom {
background: url(../images/vorschau_box_bg_bottom.gif) 0 0 no-repeat;
}

.vorschau-box .vorschau-middle {
padding: 5px 0 20px 0;
background-color: #fff;
}


.scroll {
background: #e1f7f6 url(../images/bg_default.gif) no-repeat;
padding: 20px 0 20px 0;
margin: 0 auto 0 auto;
width: 780px;
height: 400px;
overflow: auto;
z-index: 950;
border: 10px solid #e0f2f0;
}

.form-scroll {
height: 320px;
overflow: auto;
margin-right: 20px;
}

.empfehlen {
height: 400px;
}

/* position static ist zwingend notwendig, da ansonsten die betreffenden Elemente nicht mitscrollen */
.scroll img {
position: static !important;
}

.form-scroll label,
.form-scroll .captcha span,
.form-scroll .captcha .span-input,
.form-scroll .span-input input.input-captcha {
position: static;
}


.form-scroll .captcha .span-input {
width: 72px;
float: right;
display: inline;
margin-right: 20px;
}


* html .form-scroll .captcha .span-input {
margin-top: -30px;
margin-right: 0px;
}

*+ html .form-scroll .captcha .span-input {
margin-top: -30px;
}


#vorschau #wrapper h2 {
font-size: 3em;
margin: 0 0 25px 60px;
}


.vorschau-middle .left,
.vorschau-middle .right {
float: left;
width: 400px;
margin-top: 16px;
}

.vorschau-middle .left {
text-align: left;
margin-left: 26px;
}

* html .vorschau-middle .left {
margin-left: 13px;
}

.vorschau-middle .right {
text-align: right;
}

.danksagung-aendern {
background: url(../images/but_vorschau_aendern.gif) 0 0 no-repeat;
width: 115px;
height: 49px;
border: none;
cursor: pointer;
}

.danksagung-abschicken {
background: url(../images/but_vorschau_abschicken.gif) 0 0 no-repeat;
width: 339px;
height: 49px;
border: none;
cursor: pointer;
}

/* Statistik */
.statistik .middle h1 {
padding-top: 19px;
margin-bottom: 0px;
}

* html .statistik .middle h1 {
height: 1px;
}

.statistik .middle h1 span.headline {
background: url(../images/headlines/headline_statistik_02.gif) 0 0 no-repeat;
width: 577px;
height: 55px;
display: block;
margin-left: 38px;
margin-bottom: 4px;
padding-top: 19px;
}

.statistik .middle p {
margin: 0 34px 0 38px;
}

.statistik ol {
margin-left: 33px;
}

.statistik ol li {
font-size: 1.4em;
line-height: 1.2em;
padding-bottom: 4px;
}

* html .statistik ol li {
padding-bottom: 0px;
}

* + html .statistik ol li {
padding-bottom: 0px;
}

.statistik ol li strong {
display: block;
float: left;
margin-right: 19px;
width: 122px;
text-align: right;
font-weight: normal;
}

.statistik-each,
.statistik-each-small {
background: url(../images/statistik_each_bg.gif) 0 0 no-repeat;
display: block;
float: left;
width: 465px;
height: 18px;
}

span.statistik-each span {
background-color: #64beb6;
display:block;
height: 18px;
}

span.statistik-each span span {
background:transparent url(../images/bg_statistik_start.gif) no-repeat scroll left top;
display:block;
height: 18px;
}

span.statistik-each span span span {
background:transparent url(../images/bg_statistik_end.gif) no-repeat scroll right top !important;
display:block;
height: 18px;
color: #fff;
text-align: right;
padding-right: 5px;
padding-top: 0px;
}

span.statistik-each span span span .anzahl {
background-image: none !important;
position: relative;
top: -2px;
}

span.statistik-each span.klein {
float: left;
background-color: transparent;
padding-left: 5px;
}

.stat-img {
float: left;
}

/* Was ist das - Seite */
.wasistdas .middle h1 span.headline {
background: url(../images/headlines/headline_was_ist_das_hier.gif) no-repeat;
width: 488px;
height: 49px;
display: block;
margin-left: 26px;
}

.wasistdas .middle h1 {
margin-bottom: 29px;
padding-top: 17px;
}

* html .wasistdas .middle h1 {
height: auto;
}

/* Impressum */
.impressum .middle h1 span.headline {
background: url(../images/headlines/headline_impressum.gif) no-repeat;
width: 326px;
height: 70px;
display: block;
margin-left: 28px;
}

.impressum .middle h1 {
margin-bottom: 6px;
padding-top: 17px;
}

* html .impressum .middle h1 {
height: auto;
}


/* Lightwindow */
#lightwindow_title_bar {
display: none;
}

a.close {
color: #000;
background: url(../images/close.gif) no-repeat right top;
font-size: 1.2em;
padding: 2px 23px 0 0;
display: block;
height: 25px;
width: 50px;
float: right;
margin: 0 28px 0 0;
}

* html a.close { /* IE6 */
margin: 0 14px 0 0;
padding: 3px 20px 0 0;
}

*+ html a.close { /* IE7 */
margin: 0 27px 0 0;
padding: 3px 23px 0 0;
}

a.close-iframe {
background: url(../images/close.gif) no-repeat right top;
font-size: 1.2em;
color: #fff;
padding: 3px 27px 2px 0;
margin: 0 28px 10px 578px;
display: block;
width: 50px;
}

/* Helfer - am Ende der Datei belassen */
/* Helfer */
.clear {
clear: both;
margin: -1px 0 0 0;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

/* clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0;
width: 0;
left: -1000px;
top: -1000px;
}

.invisible,
legend {
display: none;
}