html, body { min-height:101% !important; height:101% !important;  /* für moderne Browser */ height:101%;  /*für den IE */ }
body { font: 14px Arial, Verdana, sans-serif; color: #000000; background: #FFFFFF url(bg_body.jpg) repeat center top; }
#wrapper { display: block; margin: 0px auto; width: 980px; }
#wrapper #site { }
#top_nav { display: block; line-height: 30px; border-bottom: 5px solid #EF9655; margin-bottom: 10px; position: relative; }
#top_nav #lang_switsch { position: absolute; left: 0px; top: 3px; }

#header { height: 200px; position: relative; margin-bottom: 10px; }
.do_rexsurf { display: block; top: 3px; right: 0px; line-height: normal; text-align: right; }
.center { display:block; margin:0 auto; text-align:center;}
#navi { line-height: 40px; display: block; height: 40px; background: #f1f1f1; }
#main_container { display: block; margin-bottom: 10px; margin-top: 10px; }
#linkes { display: block; float: right; width: 270px; margin-left: 10px; }
#rechtes { display: block; float: left; width: 700px; }
#footer { line-height: 40px; text-align: center; display: block; height: 40px; background: url(nav_40_bg_gelb.png) repeat-x left top; font-size: 12px; color: #666666; }
.clear { display: block; clear: both; }
#rechtes .txt-img { margin: 10px; }
#rechtes .txt-img .box_floatLeft { display: block; float: left; padding-right: 50px; }
#rechtes .txt-img .box_floatRight { display: block; float: right; padding-left: 50px; }
#rechtes .txt-img h1 { display: block; margin-bottom: 20px; border-bottom: 1px dotted #333333; padding: 10px 0; font: 24px Georgia, "Times New Roman", Times, serif; color: #EE8941; }
#rechtes .txt-img h2 { display: block; margin-top: 10px; margin-bottom: 10px; letter-spacing: 0.1em; line-height: 40px; background: url(bg_h2.png) center top; text-align: center; }
#rechtes .txt-img p { line-height: 1.5em; margin-bottom: 5px; }
#rechtes .txt-img ul { margin: 10px 10px 10px 300px; padding-left: 30px; display: block; list-style-type: square; }
#accordion .txt-img ul { margin: 10px 10px 10px 10px; padding-left: 30px; display: block; list-style-type: square; }
#rechtes .txt-img li { line-height: 1.5em; }
#rechtes .txt-img .floatLeft { margin: 5px 10px 10px; float: left; }
#rechtes .txt-img .floatRight { float: right; margin: 5px 10px 10px; }
#rechtes .txt-img .box_floatNone { text-align: center; display: block; margin-top: 10px; margin-bottom: 10px; }
#rechtes #articles { display: block; margin: 10px; float: left; }
#rechtes #articles .teaser_einzeln { display: block; margin: 10px 5px; float: left; width: 330px; height: 200px; }
#rechtes #articles .article-teaser { display: block; margin-bottom: 10px; color: #000000; text-decoration: none; height: 190px; margin-right: 5px; margin-left: 5px; position: relative; }
#rechtes #articles .article-teaser .teaser-title { display: block; font-size: 16px; letter-spacing: 0.2em; margin: 10px; background: url(nav_40_bg_gelb.png) repeat-x left top; line-height: 40px; text-align: center; }
#rechtes #articles .article-teaser img { float: left; margin: 0 10px; }
#rechtes #articles .article-teaser .description { }
#rechtes #articles .article-teaser .description .price { text-align: right; display: block; font-weight: bold; color: #990000; position: absolute; right: 0px; bottom: 0px; }
#rechtes #articles .teaser_einzeln .article-teaser .description .price em { font-size: 12px; color: #000000; font-weight: normal; }
#rechtes #pagi-gesamt { display: block; clear: both; background: #f1f1f1; padding: 5px; margin-top: 10px; margin-bottom: 10px; }
#rechtes #pagi-gesamt a { color: #999999; text-decoration: none; margin-right: 5px; margin-left: 5px; }
#rechtes #pagi-gesamt a:hover { color: #000000; text-decoration: underline; }
#rechtes #pagi-gesamt ul { padding-left: 10px; }
#rechtes #pagi-gesamt li { display: inline; }
#rechtes #pagi-gesamt .summary { margin-right: 5px; color: #999999; }
#rechtes #pagi-gesamt .parent { display: none; }
#linkes .boxen_rechts .box_text p { display: block; margin-bottom: 10px; }
#rechtes .produkt_galerie { display: block; margin: 10px; text-align: center; }
#rechtes .produkt_galerie img { margin: 5px; }
#linkes #infozettel { display: block; height: 80px; background: #990000; color: #FFFFFF; text-align: center; padding: 10px; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
#linkes #infozettel p { display: block; padding-top: 10px; }
#linkes #infozettel a { color: #990000; text-decoration: none; display: block; margin-top: 20px; background: #FFFFFF url(basket-go.png) no-repeat 30px center; padding: 5px; }
#linkes #infozettel a:hover { color: #000; background: #ffffff url(basket-go.png) no-repeat 30px center; padding: 5px; }
.info_anfordern_link { display: block; margin: 10px; clear: both; text-align: right; color: #990000; font: 24px Georgia, "Times New Roman", Times, serif; text-decoration: none; padding: 5px; background: url(system-italic.png) no-repeat 380px center; }
#accordion .info_anfordern_link { background: url(system-italic.png) no-repeat 310px center; }
#rechtes .infozettel_ausgabe { display: block; margin: 0px 10px 20px; padding: 0px 10px; background: #F3E0C7; }
#rechtes .headerline { display: block; margin: 10px 10px 10px 10px; background: url(system-tick.png) no-repeat 5px center; padding: 10px 10px 10px 30px; color: #999999; }
#rechtes .produkt_infozettel { display: block; float: left; width: 580px; border-bottom: 1px dotted #F0913A; padding-left: 10px; font: normal 18px/30px Georgia, "Times New Roman", Times, serif; color: #EE8941; }
.info_anfordern_link:hover { color: #000000; text-decoration: underline; background: url(system-error-alt-02.png) no-repeat 380px center; }
#rechtes .info_leer { display: block; margin: 10px 10px 20px; color: #990000; padding: 10px 10px 10px 65px; background: url(system-error-alt-02.png) no-repeat 40px center; font: 24px Georgia, "Times New Roman", Times, serif; }
.link_anforderung_ausgabe { text-align: right; display: block; color: #990000; margin-bottom: 10px; float: left; height: 30px; width: 30px; background: url(system-italic.png) no-repeat center center; margin-right: 5px; }
.link_anforderung_loeschen { text-align: right; display: block; color: #990000; float: left; height: 30px; width: 30px; background: url(system-delete.png) no-repeat center center; }
/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen { font-size: 1em; padding-right: 10px; padding-left: 50px; }
/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 120%; }
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock { margin-bottom: 15px; margin-top: 10px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; }
.forminfo { width: 600px; margin-bottom: 15px; background-color: #FFCC33; font-weight: bold; border: 5px dashed #990000; padding: 3px 2px 3px 5px; margin-left: 50px; text-align: center; }
/*
Verhalten von br-Tags
*/
.formgen br { clear : both; }
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield { width: 300px; height: 150px; margin-left: 4px; border: 1px solid #EF9655; background-color: #FFFCF5; }
/* Textfeld */
.formgen .formtext { width: 300px; margin-left: 4px; padding-bottom: 4px; font-size: 1em; background-color: #FEFFFA; border: 1px solid #EF9655; margin-bottom: 5px; }
.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover { border-bottom-color: #000000; background-color: #FFCC66; }
/* Label */
.formgen label { width: 230px; clear: left; float: left; height: 20px; font-weight: bold; color: #EF914D; }
/* Aussehen der Select-Ausgabe */
.formgen .formselect { width: 200px; background-color: #33FF33; margin-left: 4px; color: #000000; }
/* Sende-Button */
.formgen .formsubmit { width: 100%; text-align: center; background-color: #EF9655; border: 1px solid #FFCC33; float: right; color: #000000; }
/* Fieldsetbeschriftung */
.formgen legend { color: #FFFFFF; background-color: #990000; width: 150px; }
.formgen .fieldset { margin-bottom: 10px; }
/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror { border-bottom-width: 1px; color: #990000; }
.formgen .formcaptcha { border: 2px solid #990000; vertical-align: top; float: left; margin-right: 10px; }
.formgen .formreq { color: #006633; }
.formgen .formheadline { color: #993300; background-color: #FFF7EA; padding-top: 4px; padding-bottom: 4px; margin-top: 5px; margin-bottom: 5px; font-style: italic; }
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
#rechtes .merkzettel { -moz-border-radius:5px; -webkit-border-radius:5px; display: block; margin: 10px; background: #FEFAE1; padding: 10px; }
#rechtes .wk_headline { margin-left: 10px; }
#rechtes .merkzettel h3.bestellen { font-size: 16px; display: block; margin-bottom: 10px; }
#rechtes .merkzettel .zusatz { display: block; margin-bottom: 10px; }
#rechtes .bestellung_aufgeben { cursor:pointer; font-size: 18px; color: #000000; display: block; margin-bottom: 10px; text-align: right; margin-right: 10px; }
#rechtes .versand a { color: #000000; }
#rechtes .gesammtbetrag { text-align: center; display: block; margin: 10px; padding: 10px; }
#rechtes .versandkosten { text-align: center; display: block; margin-bottom: 20px; }
#rechtes .versandkosten #rr_betrag-inkl-versand { font-size: 18px; }
#rechtes .produkt_Box { display: block; margin: 10px; padding: 10px; }

.produkt_Box .produktname { float: left; line-height: 30px; display: block; margin: 10px; }
#rechtes .produkt_Box .lise { line-height: 30px; display: block; float: left; }
#rechtes .produkt_Box .lise .produktpreis { display: Inline-Block; margin: 10px; }
#rechtes .txt-img .bilder_haarstop { display: block; }
#rechtes .txt-img .bilder_haarstop .bild { display: block; width: 200px; float: left; margin-right: 10px; margin-left: 10px; }
#rechtes .txt-img .bilder_haarstop .bild img { border: 3px solid #EF9655; }
#linkes .txt-img h2 { margin-bottom: 10px; }
#linkes .txt-img p { margin: 10px; }