/* juni2008 rk */
/* green:#7d941d - jasmin: #931546 - white: #949374 - grau:#747474 */

html, body { height:100%; margin:0; padding:0;}
body { background:#fff url(../img/bg.gif) top repeat-x; }

#page {	height:100%; /* ie */ }
#page[id] { height:auto; min-height:100%; } /* nicht ie */
#page { background:url(../img/pagebg.png) repeat-y left bottom;  margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative; }

div, body, textarea, select, input { font-family: arial, helvetica, sans-serif; font-size:14px; color:#3f3f3f; }
img, table { border:none; }
form { margin:0; padding:0; }

/* farben */

h1 { font-size:18px; color:#931546; }
h2 { color:#931546; }
#teaserright .teaser h2 { color:#931546; }
a { color:#931546; text-decoration:none; }
#footer {background:#931546 url(../img/jasmin/footer.gif) top repeat-x; }
ul.textlist li a { color:#931546; }

/* jasmin und white in externen css */


h2 { padding:0; margin:0; }
h3 { font-weight:normal; color:#fff } /* zwischenueberschriften */

a:hover { color:#747474; text-decoration:underline; }
.small { font-size:11px; }

#green { color:#7d941d; }
#jasmin { color:#931546; }
#white { color:#949374 }
#black { color:#3f3f3f }

/* hr */
div.hr { clear:both; height:1px; background:url(../img/hr.gif) repeat-x scroll left; margin:15px 0; }
div.hr hr { display:none; }

/* hauptgeruest */
#content { position:relative; min-width:980px;  padding:0; margin:0; overflow: hidden;  min-height:510px;}
#devider {height: 160px;}

#footer  { position:absolute; margin:0 auto; min-width:980px; width:100%; clear:both; bottom:0; height:160px; color:#3b422d; text-align:center; z-index:5 }
#footer strong { color:#fff; }
#footer a { color:#3b422d; }
#footer a:hover { color:#3b422d; }

#footerleft { float:left; text-align:left; margin:60px 0 0 30px;  }
#footerleft img { float:left }
#footerleft .biosiegel { margin-right:10px; }
#footerleft p { padding:0; margin:6px 0 0 0; height:28px; line-height:12px; width:100px; float:left;color:#fff; font-size:10px;  }
#footerright { float:right; }

#styleswitcher { margin: 75px 12px 0 0;}
#styleswitcher li { display:block; float:left; color:#fff; padding-left:4px; }
#styleswitcher li a { color:#fff; padding:2px 4px 2px 24px; display:block;}
#styleswitcher li #color_green { background:url(../img/sswitch1.png) no-repeat; }
#styleswitcher li #color_jasmin { background:url(../img/sswitch2.png) no-repeat; }
#styleswitcher li #color_white { background:url(../img/sswitch3.png) no-repeat; }

#contentleft { float:left; width:260px; min-height:350px; height:auto !important; height:350px; }
#contentleft #logo { margin:20px 0 10px 45px; }

/* mainmenu */
#mainmenu { margin-left:18px; z-index: 10; overflow:hidden;}
#mainmenu ul { list-style-type:none; margin:0; padding:0; }
#mainmenu li { background:url(../img/bg_mainmenu.gif) bottom no-repeat; margin:0; padding:0 0 5px 0; width:185px; }
#mainmenu li a {background:url(../img/li.gif) no-repeat; padding:0 0 6px 14px; display:block; font-size:18px; text-transform:uppercase; line-height:30px; }
#mainmenu li a:hover { }
#mainmenu li a.current { color:#3f3f3f; text-decoration:none;    }

.text { width:460px; margin:80px 20px 10px 30px; padding:0; float: left}
.text p { padding:0; margin:10px 0; color:#3f3f3f; }
.product { width:460px; margin:60px 20px -20px 220px; padding:20px 40px 0 40px; } /* zusaetzliche formatierung zu .text produktseite wg. flaschen unten */
.nobottles {  margin:60px 20px 120px 240px; }

#teaserright { width:215px !important; position: absolute; left:765px; top: 70px;}

#teaserright .teaser {width:215px; display:block; background:url(../img/bg_teaser.png) no-repeat left top; padding:0; float:none; margin:10px 0 0 0; min-height:120px; height:auto !important; height:120px;}
#teaserright .teaser .teaserimage { float:right!important; padding:15px; margin:0; height: 1%;}
#teaserright .teaser h2.teaserheadline {font-size:18px; text-transform:uppercase; font-weight:normal; margin:0 0 0 15px; padding:22px 0 0 0; width: auto;}
#teaserright .teaser .teasertext { margin:0; padding:0 10px 0 15px; font-size:12px;}


#teaserright .teaser .teaserfinish { height:16px; background:#fff url(../img/bg_teaser_finish.png) no-repeat bottom; display:block; width:215px;  }

#contentleft #teaser { text-align:right; margin-right:40px;}
#contentleft #teaser h2 { color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; }
#contentleft #teaser p { margin-top:0; }

/* startseite */
.bottles {position:absolute; left:290px; margin:0 auto 0 auto; bottom:10px; height:350px; z-index:100; }

/* artikel */
.contentimage { float:right; padding:0 0 10px 10px; }
ul.textlist li a { font-weight:bold; }
.text h4 { font-size:14px; color:#3f3f3f; }
.text h5 { font-size:14px; margin:15px 0 0 0; padding:0; }

div.text .vrt_img {margin: .5em 0 .5em 1em; padding:0;}

/* produktseite mit klappern */

h1.accordeon { font-size:18px; font-weight:normal; cursor:pointer; padding:3px 0 3px 25px; margin:8px 0; background:url(../img/li_greeninfo.png) no-repeat left center; }
h1.accordeon:hover, h1.accordeon:focus { text-decoration: underline }
h1.accordeon#jasmin { background:url(../img/li_jasmininfo.png) no-repeat left center; }
h1.accordeon#white { background:url(../img/li_whiteinfo.png) no-repeat  left center; }
div.accordeon .textblock{ width:400px; background:#efefef!important; padding:8px 16px; margin:16px; overflow: hidden;}
div.absatz.accordeon { background:url(../img/vr.gif) repeat-x; margin:0; padding:1px 0 0 0; display:block;}

.box_main { margin:20px 0 210px 0; background:url(../img/hr.gif) top repeat-x; padding-top:5px;  }

.floatbox{overflow:hidden}

/* bestellung */

.orderstep {padding-top: 1em; overflow: hidden;}

.orderrow { height:70px; margin-top:5px; }
.orderrow h2 { font-size:14px; font-weight:bold; margin:0; padding:0; }
.orderrow p {  margin:0; padding:0; }
.orderrow input { font-size:14px; width:10px; padding:0 6px; }
.orderrow .col1, .orderrow .col2, .orderrow .col3 { float:left; height:35px; }
.orderrow .col1 { background:#efefef; width:90px; padding:10px; margin-top:10px; font-size:12px; }
.orderrow .col2 { background:#efefef; width:260px; padding:10px; margin-top:10px; }
.orderrow .col3 { padding:0 0 0 20px; }

.sum {clear: both; background:url(../img/hr.gif) bottom repeat-x; padding:10px 0; margin:5px 0 15px 0; }
a.back { clear: left; float:left;  background:url(../img/arrow_back.gif) no-repeat; font-weight:bold; padding-left:20px;  }
a.next { float:right; background:url(../img/arrow_next.gif) no-repeat right; font-weight:bold; padding-right:20px; }
a.submit {font-size: 20px; margin-top: -5px;}


.ordersteps { clear:both; margin:0; padding:40px 0; }
.ordersteps li { display:block; float:left; background:url(../img/step.jpg) no-repeat; width:133px; height:12px; padding:10px; text-align:center;  }
.ordersteps li.active { background:url(../img/step_active.jpg) no-repeat left; }
.ordersteps a { color:#222!important }
.ordersteps li.active a { font-weight:bold; }



.adressrow, .adressrow .col3 { clear:both; }
.adressrow .col1 { float:left; width:140px; margin-bottom:6px; }
.adressrow .col2 { margin-bottom:6px; margin-left: 140px;}
.adressrow input, .adressrow select { padding:2px; border:1px solid #ccc; font-size:12px; }
.adressrow input.small{ width:55px; font-size:12px; }
.adressrow input.medium { width:240px; }
.adressrow input.large { width:305px; }
.adressrow select.small{ width:75px;}
.adressrow select.medium { width:140px; }
.adressrow select.large { width:305px; }

.adressrow textarea.large { margin-bottom:30px; width:305px; padding:2px; border:1px solid #ccc;  }

.deliveryaddress { margin:20px 0; }
.deliveryaddress h2 { font-size:14px; margin-bottom:10px; }

a.inactive, a.inactive:hover, a.inactive:focus {cursor:default!important; text-decoration:none!important}

input.readonly, textarea.readonly {border:none!important; background:transparent!important; cursor:default!important; font-size:12px; padding:0; font-weight: bold; height: auto}

input.notvalid, select.notvalid, .orderstep .statusmessage {border: 1px solid red!important; background-color: #ffe5e5}
.orderstep .statusmessage {font-size: 12px; padding:5px; width:440px; margin: 1em 0}

.hide_me {display: none}
.hidden_anchor {position: absolute;visibility: hidden;margin: -200px 0 200px;}