/* $Id: valentins.css 5842 2008-12-17 08:37:49Z lehnm $ */

/* grundlegende Seiteneinstellungen oben rechts unten links */

body, td, p, input, select, li, textarea, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

body { 
	margin:0px;
}

* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
h1 { font-size: 10pt; margin: 0em; }
h2 { font-size: 9pt; margin: 0em 0em 0.5em 0em; }
h3 { font-size: 8pt; margin: 0em 0em 0.5em 0em; }
hr { height: 1px; margin: 0.2em 0em 0.2em 0; padding: 0px; }
form { margin: 0; } /* mindert den riesenabstand, den der IE immer einbaut */
div { margin:0; } /* brauchen die rundboxen */

/* global classes */
.content { background-color: #ffffff; padding: 2px 0 10px 0;}
.table_std {margin: 0; padding: 0; border: 0}
.tbl_std {margin: 0; padding: 0; border: 0}

.block { display:block; } /* Nützlich um in Spans Dinge zu verstecken */

.spacerh {background: #ffffff;}
.spacerv {background: #ffffff;}

/* background */
.bgcolor11 {background: #f7fbde;}  /* sehr helles grün */
.bgcolor2 {background: #f0fac6;}  /* helles grün */
.bgcolor1 {background: #e5f79d;}  /* mittleres grün */
.bgcolor6 {background: #5b9b1c;}  /* dunkles grün */
.bgcolor3 {background: #ffffff;}  /* weiss */
.bgcolor4 {background: #e1edff;}  /* hellblau */
.bgcolor5 {background: #5886e6;}  /* dunkelblau */
.bgcolor7 {background: #ff9900;}  /* orange */
.bgcolor8 {background: #cc0000;}  /* rot */
.bgcolor9 {background: #eeeeee;}  /* hellgrau */
.bgcolor10 {background: #dddddd;} /* mittelgrau */

/* text */
.tcolor2 {color: #f0fac6;} /* helles grün */
.tcolor1 {color: #e5f79d;} /* mittleres grün */
.tcolor6 {color: #5b9b1c;} /* dunkles grün */
.tcolor13 {color: #30700a;} /* ganz dunkles grün */
.tcolor3 {color: #ffffff;} /* weiss */
.tcolor7 {color: #e1edff;} /* hellblau */
.tcolor8 {color: #5886e6;} /* dunkelblau */
.tcolor4 {color: #ff9900;} /* orange */
.tcolor5 {color: #ee0000;} /* rot */
.tcolor9 {color: #eeeeee;}  /* hellgrau */
.tcolor10 {color: #dddddd;} /* mittelgrau */
.tcolor11 {color: #bbbbbb;} /* dunkelgrau */
.tcolor12 {color: #000000;} /* schwarz */

/* textgrößen */
.tsize1 { font-size: 10pt; }
.tsize2 { font-size: 9pt; }
.tsize3 { font-size: 8pt; }
.tsize4 { font-size: 7.8pt; }
.tsize5 { font-size: 7.6pt; }

.tsizex0 { font-size: 12.5pt; }
.tsizex1 { font-size: 14pt; }
.tsizex2 { font-size: 16pt; }
.tsizex3 { font-size: 18pt; }
.tsizex4 { font-size: 20pt; }

/* weight */
.tbold {font-weight: bold}

/* Line-Height */

.lheight15 { line-height: 1.5em; }
.lheight20 { line-height: 2em; }

/* links */
A.link1:link, A.link1:visited {text-decoration:none; color:#ff9900;} /* Orange */
A.link1:active, A.link1:hover {text-decoration:underline; color:#ff9900;}

A.link2:link, A.link2:visited {text-decoration:none; color:#5886e6;} /* Blau */
A.link2:active, A.link2:hover {text-decoration:underline; color:#5886e6;}

A.link3:link, A.link3:visited {text-decoration:none; color:#ffffff;} /* Weiß */
A.link3:active, A.link3:hover {text-decoration:underline; color:#ffffff;}

A.link4:link, A.link4:visited {text-decoration:none; color:#5b9b1c;} /* Grün */
A.link4:active, A.link4:hover {text-decoration:underline;color:#5b9b1c;}

A.link6:link, A.link6:visited {text-decoration:none; color:#30700a;} /* Ganz dunkelgrün */
A.link6:active, A.link6:hover {text-decoration:underline;color:#30700a;}

A.link5:link, A.link5:visited {text-decoration:none; color:#000000;} /* Schwarz */
A.link5:active, A.link5:hover {text-decoration:underline;color:#000000;}

A.link7:link, A.link7:visited {text-decoration:none;} /* Default-Link der die Standard-Farbe annimmt*/
A.link7:active, A.link7:hover {text-decoration:underline;}

A.link4:link, A.link4:visited, 
A.link4:active, A.link4:hover {text-decoration:underline; color:#30700a;} /* Grün unterstrichen*/

A.link8:link, A.link8:visited {text-decoration:none;color:#FFFFFF;} /* weiss */
A.link8:active, A.link8:hover {text-decoration:underline;color:#FFFFFF;}

A.link9:link, A.link9:visited {text-decoration:none;color:#880000;} /* Rot */
A.link9:active, A.link9:hover {text-decoration:underline;color:#880000;}

/* borders */

.border1 {border: 1px solid #5b9b1c} /* dunkles grün */
.border2 {border: 1px solid #5886e6;} /* dunkelblau */
.border3 {border: 1px solid #ff9900;} /* orange */
.border4 {border: 1px solid #cc0000;} /* rot */

.bbot {border-bottom: 1px solid #5b9b1c; padding: 0.2em 0 0.2em 0}
.bbotd {border-bottom: 1px dashed #5b9b1c; width:98%} /* Für Hero-Darstellung */
.btop {border-top: 1px solid #5b9b1c; padding: 0.2em 0 0.2em 0}

.boxpadding { padding: 0.2em; margin: 2px 4px 2px 0 }

/* Kleiner Hilftext rechts */

.help-box {float:right; padding-top: 0.2em; padding-right: 0.2em;}

/* Kalender */

.sunday { color: red; font-weight: bold; cursor: help }

.kalBg {
	background-color: #f0fac6;;
}

.kalDayHigh {color:#fff9b5; background-color:#e10019;}
.kalDayNo {color: #bbbbbb;}
.kalDayYes {}
.kalDayHoliday {color: #bbbbbb;}
.kalDaySunday {color: red;}

.kalMonth {
	background-color: #e5f79d;
	color: #5b9b1c;
	font-weight: bold;
}

.kalDayHd {
	font-weight: bold;
	color: #5b9b1c;
}

A.kalender:link, A.kalender:visited {text-decoration:none; color:#669933;}
A.kalender:active, A.kalender:hover {text-decoration:underline; font-weight:bold; color:#669933; background:#ffffff;}

/* Fehlerausgaben */

.error {display: block; font-weight:bold; color: #ff0000; }
.error li {color: #ff0000;}
.errorbox { border: 1px solid #ff0000; padding: 1em; margin: 1em 0.5em 1em 0; font-weight:bold; color: #ff0000; }
.box_error {
	font-weight:bold; 
	color: #ff0000; 
	background-color:#ffffff;
	border: 2px solid #ff0000;
	padding: 5px;
	margin: 7px 0 7px 0;
}


.ccheaderbox {border:1px solid black; padding: 10px; font-weight:bold; color: #ff0000; }

/* Rechnung */

.rg_body { background-color: #ffffff; }
.rg_body * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

.rg_head {
	background-color: #000000;
	color: #ffffff;
}
.rg_adresszeile { font-size: 7pt; }

/* Header */
.hdrback {
	/* background: url("/templates/shops/v1/images/head_back.jpg") top left no-repeat; */
	background: #e5f79d;
}

/* Hero */

.pictureframe {
	margin: 0.2em 0.8em 0 0; 
	padding: 0.5em;
	background-color: #ffffff;
}

.pleft { width: 45%; padding-top: 4px; }
.pright { width: 55%; padding-top: 4px; }

.pright p { color: #30700a;}

.ppadding {
	margin: 0 0.2em 0 0;
	padding: 0.2em;
}

.vorteile { background: url("/templates/shops/v1/images/vorteile.gif") top left no-repeat; }

/* HP , Teaser */

.tdmain { background-color: #ffffff;} /* farbe wie hptsrmn in der index.html setzen! */

.hp { 
	margin:0 2px 0 3px;
}

.hptsr { 
	margin: 0px 2px 0px 3px;
	background-color: #ffffff;
}

.hptsrhd {
	background-color: #e8f3b9;
	color: #669933;

	font-weight: bold;
	padding:4px 8px 6px 5px;
	height: 16px;
	border-bottom: 1px solid white;
}

.hptsrmn { 
	background-color: #fbfdee;
	color: #000000;
	padding:4px 2px 2px 0px;
}

.hptsrmn img {margin: 0 4px 0 0;}

.hptsrmn a:link, .hptsrmn a:visited {font-weight: bold; text-decoration:none; color:#669933;}
.hptsrmn a:hover, .hptsrmn a:active {text-decoration:underline;color:#cc0000;}

.hptsrspacer { background: #ffffff; }

/* Spalte rechts */

.srbk {
	background: #f0f6ff;
	width: 160px;
}

.srhd {
	background: #e0ecff;
	color: #4578e3;
	font-weight: bold;
	padding: 5px 6px 5px 8px;
	border-bottom: 1px solid white;
}

.srrw {
	padding: 4px 6px 5px 8px;
	color: #4578e3;
	font-size: 7.8pt;
}

.srrw * {font-size: 7.8pt;}
.srrw a:link, .srrw a:visited {font-weight: bold; text-decoration:none; color:#4578e3;}
.srrw a:hover, .srrw a:active {text-decoration:underline;color:#cc0000;}

/* warenkorb */
.sr2rw {
	font-size: 7.8pt;
	color: #4578e3;
}

.sr2rw * {font-size: 7.8pt;}
.sr2rw a:link, .srrw a:visited {font-weight: bold; text-decoration:none; color:#4578e3;}
.sr2rw a:hover, .srrw a:active {text-decoration:underline;color:#cc0000;}
.sr2rw td {color: #4578e3; padding: 0 4px 0 4px;}

.srspc {
	background: #ffffff;
}

.srspc div {border-bottom: dashed #7aafff 1px; margin: 2px 0 5px 0;}

.sbspacer {
	height: 3px;
	background: #ffffff;
	border-bottom: dashed #7aafff 1px; 
	margin: 2px 0 5px 0;
}

/* Buttons */

input.submit {border-style:none}

/* Standard-Button */
.button1 {
	background:  url("/images/button_back_5.gif") top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7.8pt;
	text-align: center;
	border: none;
	padding: 2px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}

/* Transparenter Button rechts */
.button1a {
	background: url("/images/spacer.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7.9pt;
	text-align: right;
	border: none;
	color: #ffffff;
	cursor: pointer;
	margin-top: -1px;
	padding-right: 2px;
	width: 100%;
}

/* Transparenter Button center */
.button1b {
	background: url("/images/spacer.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7.9pt;
	border: none;
	color: #ffffff;
	cursor: pointer;
	margin-top: -1px;
	width: 100%;
}



/* Standard Blau */
.button2 {
	background:  url("/images/button_back_2.gif") top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7.8pt;
	margin-top: 5px;
	padding-top: 1px;
	color: #ffffff;
	cursor: pointer;
}

/* Bestell-Button Dunkel*/
.bu3box {
	background:  url("/images/button_back_5.gif") top left no-repeat;
	font-weight: bold;
	font-size: 7.8pt;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 5px 10px 0px 10px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}
.bu3_r { background:  url("/images/button_back_5b.gif") top right no-repeat; padding-right: 5px}


/* Bestell-Button Rot Sliding Doors Kurzform*/
a.bu3 {
    background: url("/images/bu_back_red_r.gif") no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 7.8pt arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.bu3:hover {
    color: #FFF;
    text-decoration: underline;
}

a.bu3 span {
    background: transparent url("/images/bu_back_red.gif") no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 18px;
}



/* Bestell-Button Hell*/
/* Transparenter Button center */
.button4b {
	background: url("/images/spacer.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7.9pt;
	border: none;
	color: #5b9b1c;
	cursor: pointer;
	margin-top: -1px;
	width: 100%;
}

.bu4box {
	background:  url("/images/button_back_4.gif") top left no-repeat;
	font-weight: bold;
	font-size: 7.8pt;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 5px 10px 0px 6px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}
.bu4_r { background:  url("/images/button_back_4b.gif") top right no-repeat; padding-right: 5px}

/* Bestell-Button Blau*/
.bu5box {
	background:  url("/images/button_back_6.gif") top left no-repeat;
	font-weight: bold;
	font-size: 7.8pt;
	padding: 5px 0px 0px 0px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}
.bu5_r { background:  url("/images/button_back_6b.gif") top right no-repeat; padding-right: 5px}


/* Bestell-Button Rot*/
.bu6box {
	background:  url("/images/bu_back_red.gif") top left no-repeat;
	font-weight: bold;
	font-size: 7.8pt;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 5px 10px 0px 10px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}
.bu6_r { background:  url("/images/bu_back_red_r.gif") top right no-repeat; padding-right: 5px}

/* Weiterempfehlen Hell-Rot*/
.bu7box {
	background:  url("/images/bu_7_links.gif") top left no-repeat;
	font-weight: bold;
	font-size: 7.8pt;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 5px 10px 0px 6px;
	color: #ffffff;
	cursor: pointer;
	height: 25px;
}
.bu7_r { background:  url("/images/bu_7_rechts.gif") top right no-repeat; padding-right: 5px}


.buttonbox {
	background:  url("/images/nav_backs3_red.gif") top left no-repeat;
	/*background:  url("/images/button_back_1.gif") top left no-repeat;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 3px;
	margin-left: auto;
	padding: 2px 10px 1px 6px;
	color: #ffffff;
	cursor: pointer;
	height: 19px;
}
.buttonbox2 {
	background:  url("/images/nav_backs3_red.gif") top left no-repeat;
	/*background:  url("/images/button_back_1.gif") top left no-repeat;*/
	margin-bottom: 3px;
	margin-left: auto;
	padding: 2px 0 1px 10px;
	cursor: pointer;
	height: 18px;
}


A.buttonbox:link, A.buttonbox:visited {color:#ffffff;}
A.buttonbox:active, A.buttonbox:hover {text-decoration:underline;}

.bfloater {width: 33%; min-width: 100px; margin-left: auto; margin-right: 2px; margin-bottom:3px;}

.bu_l { background:  url("/images/button_back_1a.gif") top left no-repeat; }
.bu_r { background:  url("/images/nav_backs3_red_r.gif") top right no-repeat; padding-right: 10px}
.bu_rtop { background:  url("/images/nav_backs3_red_r_u.gif") top right no-repeat; padding-right: 10px}



/* hier beginnt das fr die Box relevante CSS  */

/* Weiß */
.hd1ro { background:  url("/images/border_a1hell_02.gif") top right no-repeat; }
.hd1lo { background:  url("/images/border_a1hell_01.gif") top left no-repeat; }
.hd1ru { background:  url("/images/border_a1hell_06.gif") bottom right no-repeat; }
.hd1lu { background:  url("/images/border_a1hell_05.gif") bottom left no-repeat; }

.hd1bl { background:  url("/images/border_a1hell_03.gif") left repeat-y; }
.hd1br { background:  url("/images/border_a1hell_04.gif") right repeat-y;}

/* Grün */
.hd2ro { background:  url("/images/border_a2hell_02.gif") top right no-repeat; }
.hd2lo { background:  url("/images/border_a2hell_01.gif") top left no-repeat; }
.hd2ru { background:  url("/images/border_a2hell_06.gif") bottom right no-repeat; }
.hd2lu { background:  url("/images/border_a2hell_05.gif") bottom left no-repeat; }

.hd2bl { background:  url("/images/border_a2hell_03.gif") left repeat-y; }
.hd2br { background:  url("/images/border_a2hell_04.gif") right repeat-y;}

/* Weiß auf grünem Background, kein Verlauf */
.hd3ro { background:  url("/images/border_a3hell_02.gif") top right no-repeat; }
.hd3lo { background:  url("/images/border_a3hell_01.gif") top left no-repeat; }
.hd3ru { background:  url("/images/border_a3hell_06.gif") bottom right no-repeat; }
.hd3lu { background:  url("/images/border_a3hell_05.gif") bottom left no-repeat; }

.hd3bl { background:  url("/images/border_a3hell_03.gif") left repeat-y; }
.hd3br { background:  url("/images/border_a3hell_04.gif") right repeat-y;}

/* Grün auf weißem Background, kein Verlauf */
.hd4ro { background:  url("/images/border_a4_ro.gif") top right no-repeat; }
.hd4lo { background:  url("/images/border_a4_lo.gif") top left no-repeat; }
.hd4ru { background:  url("/images/border_a4_ru.gif") bottom right no-repeat; }
.hd4lu { background:  url("/images/border_a4_lu.gif") bottom left no-repeat; }

/* Weiß auf weißem Background, kein Verlauf */
.hd5ro { background:  url("/images/border_a5_ro.gif") top right no-repeat; }
.hd5lo { background:  url("/images/border_a5_lo.gif") top left no-repeat; }
.hd5ru { background:  url("/images/border_a5_ru.gif") bottom right no-repeat; }
.hd5lu { background:  url("/images/border_a5_lu.gif") bottom left no-repeat; }

/* Hero-Hintergrund */
.hd6ro { background:  url("/images/border_a1hell_02.gif") top right no-repeat; }
.hd6lo { background:  url("/images/border_a1hell_01.gif") top left no-repeat; }
.hd6ru { background:  url("/images/border_a1hell_06.gif") bottom right no-repeat; }
.hd6lu { background:  url("/images/border_a1hell_05.gif") bottom left no-repeat; }

.hd6bl { background:  url("/images/border_a1hell_03.gif") left repeat-y; }
.hd6br { background:  url("/images/border_a1hell_04.gif") right repeat-y;}

/* Static */

.st_hd1 { background: url("/images/static_blue.jpg") top left no-repeat; }
.st_l { padding: 0 0 0 0; }
.st_r { padding: 4px 5px 10px 10px; }

.stbg1 { background: url("/images/static_blue.jpg") top left no-repeat; }

/* Static / Weiß */
.hd7ro { background:  none; }
.hd7lo { background:  none; }
.hd7ru { background:  none; }
.hd7lu { background:  none; }

.hd7bl { background:  none; }
.hd7br { background:  none; }


/* Static / Grün */
.hd8ro { background:  none; }
.hd8lo { background:  none; }
.hd8ru { background:  none; }
.hd8lu { background:  none; }

.hd8bl { background:  none; }
.hd8br { background:  none; }

/* Static / Weiß auf grünem Background */
.hd9ro { background:  url("/images/border_a9hell_02.gif") top right no-repeat; }
.hd9lo { background:  url("/images/border_a9hell_01.gif") top left no-repeat; }
.hd9ru { background:  url("/images/border_a9hell_06.gif") bottom right no-repeat; }
.hd9lu { background:  url("/images/border_a9hell_05.gif") bottom left no-repeat; }

.hd9bl { background:  url("/images/border_a9hell_03.gif") left repeat-y; }
.hd9br { background:  url("/images/border_a9hell_04.gif") right repeat-y;}

.hdc { margin:0; padding:0.8em 1em 1.2em 1em; }
.hdc p { margin:0; padding:0; }

.hdc2 { margin:0; padding:0.8em 1em 1.2em 0.7em; } /* Für Boxen mit innenliegenden Boxen */
.hdc2 p { margin:0; padding:0; }

.box { padding: 0.5em 0.8em 0.1% 1em;}
.box2 { padding: 0 0.3em 0 0; width:33%; float: left;} /* Für innenliegende Boxen - 1/3 links */
.box3 { padding: 0; width:100%;} /* Für innenliegende Boxen - volle Größe */

/* Für Tabellen, in denen die Boxen dargestellt werden sollen */
.tobx { width: 97%; margin: 0.5em 0.5em 0.5em 0.5em; } /* ÄUSSERSTE Table */
.tobx2 { width: 100%; margin: 0; } /* INNERE Table */
.tibx { margin: 2px; padding: 0;} /* Tabellen ZELLEN */

.tobx3 { width: 97%; margin: 0.5em 0.5em 0.5em 0.9em; } /* ÄUSSERSTE Table, mehr Rand */
.tobx4 { width: 99%; margin: 0.5em 0.5em 0.5em 0.9em; } /* Table Hero-Liste */

/* Mit Rand obenunten */
.tab1 { margin: 0.5em 0 0.5em 2em;}
.tab2 { margin: 0.5em 0 0.5em 3em;}

/* Nur nach rechts*/
.tab3 { margin: 0 0 0 1.5em;}

#ul { color: #000000; margin: 0px; padding: 0px; }

.smallInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	background-color: #77AA44;
	cursor:pointer;
	margin-top:2px;
	border-left: 2px outset #D9FFA1;
	border-top: 2px outset #D9FFA1;
	border-right: 2px outset #1D5200;
	border-bottom: 2px outset #1D5200;
}

/* Scroller */
.scrollClass {font-family: verdana,arial,helvetica; font-size: 8pt;}
.scrollerDIV {display:none;}

/* Messages */
.layerbox1 {
	background-color: #CC0000; 
	border-top: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	top: 90px; 
	left: 0px;
	width:131px; 
	z-index:1;
}
.layertext1 {
	font-family: verdana;
	font-size: 7.8pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

/* Lieferbar ab: */
.layerbox2 {
	border: 1px solid #ffffff; 
	background-color: #5b9b1c;
	position: relative;
	top: 109px; 
	left: 71px;
	width:60px; 
	z-index:1;
}

.layertext2 {
	font-family: verdana;
	font-size: 7.5pt;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}
.hinweisboxlink{
	cursor: pointer;
}

.navcol { 
	width: 150px;
	background:  url("/images/nav_back_main.gif") repeat-y;}
.navbox { margin: 0px; width: 150px;}
.navtoptxt {
	font-weight: bold;
	font-size: 7.8pt;
	color: #ffffff;
	padding-top: 2px;
}
.navtop1 {
	background:  url("/images/nav_l_back_top1.gif") top left no-repeat;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	height: 17px;
}
.navbottom1 { background:  url("/images/nav_l_back_bot1.gif") top left no-repeat; }

.navitem1 {
	padding: 2px 0 3px 2px;
	background:  url("/images/nav_l_back_item1a.jpg") top right no-repeat; 
	border-left: 1px solid #5b9b1c;
	border-right: 1px solid #5b9b1c;
	border-bottom:  1px solid #5b9b1c;
	color: #5b9b1c;
}
.navitem1 a:link, .navitem1 a:visited {font-size: 8pt; font-weight: bold; text-decoration:none; color:#5b9b1c;}
.navitem1 a:hover, .navitem1 a:active {font-size: 8pt; text-decoration:underline;color:#334d19;}

.navitem11 {
	background: url("/images/nav_l_back_item1b.jpg") top right no-repeat; 
	padding: 0.3em 0.7em 0.3em 0.5em;
	border-left: 1px solid #5b9b1c;
	border-right: 1px solid #5b9b1c;
	border-bottom:  1px solid #5b9b1c;
}
.navitem11 a:link, .navitem11 a:visited {font-size: 8pt; text-decoration:none; color:#669933;}
.navitem11 a:hover, .navitem11 a:active {font-size: 8pt; text-decoration:underline;color:#334d19;}

.navtop2 {
	background:  url("/images/nav_l_back_top2.gif") top left no-repeat;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	height: 17px;
}
.navbottom2 { background:  url("/images/nav_l_back_bot2.gif") top left no-repeat; }
.navitem2 {
	padding: 2px 0 3px 2px;
	background:  url("/images/nav_l_back_item2.jpg") top right no-repeat; 
	border-left: 1px solid #5886e6;
	border-right: 1px solid #5886e6;
	border-bottom: 1px solid #5886e6;
	color: #5886e6;
}
.navitem2 a:link, .navitem2 a:visited {font-size: 8pt; font-weight: bold; text-decoration:none; color:#5886e6;}
.navitem2 a:hover, .navitem2 a:active {font-size: 8pt; text-decoration:underline;color:#304980;}

.navitem21 {
	background: url("/images/nav_l_back_item2b.jpg") top right no-repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.2em 0.7em 0.3em 0.5em;
	border-left: 1px solid #5886e6;
	border-right: 1px solid #5886e6;
	border-bottom: 1px solid #5886e6;
}
.navitem21 a:link, .navitem21 a:visited {font-size: 8pt; text-decoration:none; color:#5886e6;}
.navitem21 a:hover, .navitem21 a:active {font-size: 8pt; text-decoration:underline;color:#304980;}

.high {
	background:  url("/images/nav_l_back_item1b.jpg") top right no-repeat; 
}
.highnav {text-decoration:underline; color:#ff9900;}

.footer {background:  url("/images/nav_back_main.gif") top left repeat-y;}

.vam {
	vertical-align: middle;
}

.popbody { background-color: #ffffff; }

h1.pop { 
	font-size: 14px; 
	font-weight: bold; 
	color:#5b9b1c; 
	background-color: #ffffff;
}

h2.pop { 
	font-size: 12px; 
	font-weight: bold; 
	color:#5b9b1c; 
}

.hdpopro { background:  url("/images/border_a1hell_02.gif") top right no-repeat; }
.hdpoplo { background:  url("/images/border_a1hell_01.gif") top left no-repeat; }
.hdpopru { background:  url("/images/border_a1hell_06.gif") bottom right no-repeat; }
.hdpoplu { background:  url("/images/border_a1hell_05.gif") bottom left no-repeat; }

.hdpopbl { background:  url("/images/border_a1hell_03.gif") left repeat-y; }
.hdpopbr { background:  url("/images/border_a1hell_04.gif") right repeat-y;}

.hdpop2ro { background:  url("/images/border_a2hell_02.gif") top right no-repeat; }
.hdpop2lo { background:  url("/images/border_a2hell_01.gif") top left no-repeat; }
.hdpop2ru { background:  url("/images/border_a2hell_06.gif") bottom right no-repeat; }
.hdpop2lu { background:  url("/images/border_a2hell_05.gif") bottom left no-repeat; }

.hdpop2bl { background:  url("/images/border_a2hell_03.gif") left repeat-y; }
.hdpop2br { background:  url("/images/border_a2hell_04.gif") right repeat-y;}

div.error-container {position:relative;}
div.error-message {background: transparent url(/templates/global/images/input_required.png) left top no-repeat; z-index: 99; overflow: hidden; position: absolute; top: -25px; right: -338px; width: 265px; white-space: nowrap; padding: 7px 16px 12px 60px;} /* has IE fix */

ul.ProductOptions {
	margin:0 0 0 0px;
	padding:0;
	list-style-type:none;
	display:block;
}
ul.ProductOptions li {
	margin:0;
	padding:8px 17px 16px 0;
	float:left;
	display:block;
}
ul.ProductOptions li label {
	display:inline;
	width:auto;
	padding:0;
	margin:0;
}
ul.ProductOptions li input {
	display:block;
	float:left;
}
ul.ProductOptions li img {
	display:block;
	float:left;
	/*border: 1px solid #000000;}*/
}
ul.ProductOptions li span {
	display:block;
	padding:0 0 0 20px;
}


/*************************************************************************************************/
/* Bezahlen Styles */
/*************************************************************************************************/

#loadingMessage {
	display:none;
	position:fixed;
	width:310px;
	height:160px;
	left:50%;
	top:50%;
	margin:-80px 0 0 -150px;
	background:url('/templates/global/images/loading.png') no-repeat;  
	z-index: 999;
}




*+html #loadingMessage{
	position:fixed;
	margin-left: 250px;
	z-index: 999;
}

#loadingContent {
	padding:25px;
	margin:10px;
	text-align:center;
}




.Clearer {
	margin: 0;
	padding: 0;
	clear: both;
}

.spacer {
	padding: 10px 0;
}

.input_spacer {
	padding: 12px 0;
}

.seperator{
	width: 100%;
	border-bottom: 1px solid #77AA44;
	margin: 15px 0 15px 0;
}

.seperator2{
	border:0.5pt solid #77AA44;
}

.paymentContent fieldset {
	border:0;
	margin:0;
	padding:0;
	font:normal 11px Verdana;
	width:100%;
}


.paymentContent fieldset legend {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
	color:#000000;
}

.paymentContent fieldset input {
	margin:0 0 5px 0;
}


.paymentContent fieldset input.input_error {
	border:1px solid #b41e0a;
	background-color:#f8c8c8;
	margin:0 0 5px 0;
}

.paymentContent fieldset select{
	margin:0 0 5px 0;
}

.paymentContent fieldset div label {
	margin:0;
	padding:0 0 0 8px;
	width:110px;
	display: block;
	float: left;
}




.paymentContent fieldset label span small{
	margin:0;
	padding:0 0 5px 0;
	display: block;
}

.paymentContent fieldset.half {
	width:320px;
	float:left;
}

.paymentContent fieldset.half legend{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
}

.paymentContent fieldset.half input{
	margin:0 0 5px 0;
}

.paymentContent fieldset.half input.input_error {
	border:1px solid #b41e0a;
	background-color:#f8c8c8;
	margin:0 0 5px 0;
}

.paymentContent fieldset.half checkbox{
	margin:0 0 5px 0;
}

.paymentContent fieldset.half div label {
	margin:0;
	padding:0 0 0 8px;
	width:100px;
	display: block;
	float: left;
}

.paymentContent fieldset.half div label a{
	text-decoration:none;
}

.paymentContent fieldset.half div label a:hover{
	text-decoration:underline;
}



.PaymentTable {
	border-collapse: collapse;
	table-layout:fixed;
}


.PaymentTable thead tr th {
	vertical-align: top;
	text-align: left;
	padding: 8px;
	color: #FFFFFF;
	white-space: nowrap;
	background-color: #77AA44;
	border-right: 1px solid #FFFFFF;
}

.PaymentTable tfoot tr td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	border:none;
	
}

.PaymentTable tbody tr td {
	vertical-align: top;
	text-align: left;
	padding: 8px;
}


th.PaymentTableCell1 {
	background-color: #FBFDEE;
	border: 1px solid #77AA44;
}

td.PaymentTableCell1 {
	background-color: #FBFDEE;
	border: 1px solid #77AA44;
}


.PaymentTable thead tr th.PaymentTableCellLast {
	border-right: none;
	text-align: right
}

.PaymentTable tfoot tr td.PaymentTableCellLast {
	text-align: right;
}

td.PaymentTableCell1 a {
	font-weight: bold;
	color: #77AA44;
}

td.PaymentTableCell1 span.button_delete {
	float:left;
	margin:0 4px 4px 0;
}


.oekoimg {
	padding:0px 3px 0px 0px;
}


/*************************************************************************************************/
/* Produkt Thumbs */
/*************************************************************************************************/

ul.product_thumbs {
	margin:5px;
	padding:0;
	list-style-type:none;
	display:block;
}


ul.product_thumbs li {
	margin:0 10px 0 15px;
	padding-bottom:25px;
	float:left;
	display:block;
	height:230px;
	width:170px;
	text-align:left;
	overflow:hidden;
}

ul.product_thumbs li a{
	margin:0px;
	padding:0px;
}

.product_thumb_item_name{
	/*margin-left:5px;*/
	font-weight:bold;
	width:170px;
	overflow:hidden;
	text-align:left;
}

.product_thumb_item_name a{
	vertical-align:middle;
	text-decoration:none; 
	color:#5b9b1c;
}

.product_thumb_item_name a:hover{
	text-decoration:underline; 
	color:#5b9b1c;
}

.product_thumb_item_price{
	margin-top:3px;
	/*margin-left:5px;*/
	width:70px;
	overflow:hidden;
	float:left;
	text-align:left;
}

.product_thumb_item_link{
	margin-right:0px;
	margin-top:3px;
	overflow:hidden;
	width:91px;
	text-align:right;
}


/* Produkt Layer */
/* normales Layer */
.product_layerbox1 {
	position: relative;
	top: 135px; 
	width:165px; 
	z-index:99;
	
	padding:3px;
	background-color: #CC0000; 
	border-top: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff;

	color:#ffffff;
	font-family: verdana;
	font-size: 7.5pt;
	font-weight: bold;
	text-align:center;
}

/* Lieferbar Layer */
.product_layerbox2 {
	position: relative;
	top: 165px;
	left:100px;
	width:60px; 
	z-index:99;

	padding:1px;
	margin:2px;
	background-color: #5b9b1c;
	border: 1px solid #ffffff; 
	
	color:#ffffff;
	font-family: verdana;
	font-size: 7.5pt;
	text-align:right;
}

/* Leeres Layer */
.product_layerbox3 {
	padding:3px;
	visibility:hidden;
}


/* Weiterempfehlen-Button Hell Sliding Doors Kurzform*/
a.bu7 {
    background: url("/images/bu_7_rechts.gif") no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 7.4pt arial, sans-serif;
    height: 25px;
    margin-right: 4px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

a.bu7:hover {
    color: #FFF;
    text-decoration: underline;
}

a.bu7 span {
    background: transparent url("/images/bu_7_links.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 8px;
}

* html ul.product_thumbs {
	margin:0px;
}

* html ul.product_thumbs li {
	margin:20px 5px 10px 13px;
	min-height:232px;
  	height:auto !important;
  	height:232px; 	
}

* html .product_thumb_item_link{
	width:91px;
}

* html .product_layerbox3 {
	padding-top:4px;
	visibility:hidden;
}

* html .product_thumb_item_price{
	width:65px;
}

.floater{ 
	float:left;text-align:left;
}
.pcol {color: #2D0C80;
}


/*************************************************************************************************/
/* Bier Styles */
/*************************************************************************************************/

.previewImg{
    text-align:center;
	background:#FFFFFF;
	border:1px solid #999999;
	background-image: url(/templates/global/images/genPreview.gif);
}   

.beertbltr{
	height:296px;
}

*+html .beertbltr{
	height:292px;
}

.beertbltr2{
	height:376px;
}

*+html .beertbltr2{
	height:372px;
}

.beercolorp input{
	padding:5px 0;
	margin:5px 0;
}

.blanklink{
	text-decoration:none;
}

.colorpicker{
	position:absolute;
	z-index:1000;
	width:300px;
	height:230px;
}

.cp_top{
	text-align:right;
	height:22px;
	background-image: url(/templates/global/images/cp_top2.gif);
	width:302px;
}

.cp_content{
	padding:5px;
	/*background:#4b4b4b;*/
	background-image: url(/templates/global/images/cp_content.png);
	background-repeat:repeat-y;
	width:302px;
	
}

.cp_bottom{
	height:22px;
	background-image: url(/templates/global/images/cp_bottom2.gif);
	width:302px;
}

/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 565px;
  height: 200px;
  margin-bottom: 10px;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 494px;
  height: 142px;
  overflow:hidden;   
  background: #F3F9DD;
  border:1px solid #999999;
}            

#horizontal_carousel .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url(/templates/global/images/carousel_left-disabled.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background: url(/templates/global/images/carousel_right-disabled.gif);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#666666;
  margin:0pt;
  padding:18px 8px 9px;
  width:100px;
  list-style:none;   
  float:left;
}



/*************************************************************************************************/
/* Bierkrug Styles */
/*************************************************************************************************/
/* Horizontal Carousel */
#horizontal_carousel2 {
  float:left;
  width: 565px;
  height: 200px;
  margin-bottom: 10px;
  position: relative; 

}         

#horizontal_carousel2 .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 494px;
  height: 142px;
  overflow:hidden;   
  background: #F3F9DD;
  border:1px solid #999999;
}            

#horizontal_carousel2 .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel2 .previous_button_disabled {
  background: url(/templates/global/images/carousel_left-disabled.gif);
  cursor:default;
}

#horizontal_carousel2 .next_button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel2 .next_button_disabled {
  background: url(/templates/global/images/carousel_right-disabled.gif);
  cursor:default;
}

#horizontal_carousel2 ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel2 ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel2 ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel2 ul li {
  border:0px solid green;
  color:#666666;
  margin:0pt;
  padding:7px 11px;
  width:320px;
  list-style:none;   
  float:left;
}


.bktable{
    text-align:center;
}

.previewBkImg{
    text-align:center;
	background:#FFFFFF;
	width:500px;
	height:215px;
	border:1px solid #999999;
	background:#FFFFFF url(/templates/global/images/genPreview.gif) center center no-repeat;
	vertical-align: middle;
	text-align:center;
	margin:0;
	padding:0;
} 

.BKinputs{
	vertical-align:top; /*top;*/
	text-align:left;
	height:80px;
	width:250px;
}

#humpentext{
	width:150px;
}



/*************************************************************************************************/
/* Adventskalender Styles */
/*************************************************************************************************/
/* Horizontal Carousel */
#horizontal_carousel3 {
  float:left;
  width: 565px;
  height: 200px;
  margin-bottom: 10px;
  position: relative; 

}         

#horizontal_carousel3 .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 494px;
  height: 142px;
  overflow:hidden;   
  background: #F3F9DD;
  border:1px solid #999999;
}            

#horizontal_carousel3 .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel3 .previous_button_disabled {
  background: url(/templates/global/images/carousel_left-disabled.gif);
  cursor:default;
}

#horizontal_carousel3 .next_button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 27px;
  height: 144px;
  background: url(/templates/global/images/carousel_right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel3 .next_button_disabled {
  background: url(/templates/global/images/carousel_right-disabled.gif);
  cursor:default;
}

#horizontal_carousel3 ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel3 ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel3 ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel3 ul li {
  border:0px solid green;
  color:#666666;
  margin:0pt;
  padding:7px 11px;
  width:220px;
  list-style:none;   
  float:left;
}


.bktable{
    text-align:center;
}

.previewAKImg{
    text-align:center;
	background:#FFFFFF;
	width:500px;
	height:333px;
	border:1px solid #999999;
	background:#FFFFFF url(/templates/global/images/genPreview.gif) center center no-repeat;
	vertical-align: middle;
	text-align:center;
	margin:0;
	padding:0;
} 

.AKinputs{
	vertical-align:top; /*top;*/
	text-align:left;
	height:80px;
	width:250px;
}

#adventstext{
	width:150px;
}


.kalChange{
    text-align:center;
	background:#FFFFFF;
	width:500px;
	height:215px;
	border:1px solid #999999;
	background:#FFFFFF url(/templates/global/images/wait2.gif) center center no-repeat;
	vertical-align: middle;
	text-align:center;
	margin:0;
	padding:0;
} 


/*************************************************************************************************/
/* Testimonials Styles */
/*************************************************************************************************/

.testimoninals_content{
	margin:10px 0 0 0;
}

.testimoninals_name{
	font: italic normal normal 9px verdana, sans-serif;
	margin:0 0 10px 0;
}

.testimoninals_head{
	margin:5px 0;
	padding:5px 0;
}

/*************************************************************************************************/
/* Header Tabs Styles */
/*************************************************************************************************/

.tab01 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_tb_01.gif);
}
.tab02 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_tb_02.gif);
}

.tab11 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_tb_11.gif);
}
.tab12 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_tb_12.gif);
}
.tab21 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_tb_21.gif);
}

.tab_love11 {
	padding: 0 0 0 7px; 
	margin: 0;
	color: #a01b0d;
	background-image:url(/images/nav_love2_11.gif);
}
.tab_love12 {
	padding: 0 0 0 7px; 
	margin: 0;
	color: #a01b0d;
	background-image:url(/images/nav_love2_12.gif);
}
.tab_love21 {
	padding: 0 0 0 7px; 
	margin: 0;
	color: #a01b0d;
	background-image:url(/images/nav_love2_21.gif);
}

.tab_xmas11 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_xmas_11.gif);
}
.tab_xmas12 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_xmas_12.gif);
}
.tab_xmas21 {
	padding: 0 0 0 7px; 
	margin: 0; 
	background-image:url(/images/nav_xmas_21.gif);
}

@import url('valentins_ie.css');