<br />
<b>Warning</b>:  ob_start() [<a href='ref.outcontrol'>ref.outcontrol</a>]: output handler 'ob_gzhandler' conflicts with 'zlib output compression' in <b>/www/htdocs/udohaber/css/gzip-css.php</b> on line <b>4</b><br />
/*
	flexx - medien | agentur fuer moderne kommunikation 
	CSS for screen
	Description: Multi-Colum-Layout
	Handcrafted by flexxmedien. (www.flexxmedien.com)
*/

/*	Description:    Bodystyle                 #E8E6D5 */
* {padding:0; margin:0}
html,body {padding:0; margin:0; font-size:101.01%}
html,body, #container,#wrapper {height:auto}
body {padding:0; margin:0; color:#000; background:#E8E4E1 url("../images/bg_body.png") repeat-x fixed 0 bottom; overflow-x:hidden}

/*	Description:    Headlines & Fontstyles
/*************************************************************************/
h1 {font-family:"Helvetica"; font-weight:bold; color:#573f32; display:block; white-space:normal}
h2 {font-family:"Helvetica"; font-size:14px; font-weight:normal; padding:0; margin:0; color: #9C512A}
h3 {font-family:"Helvetica"; font-size:15px; font-weight:bold; padding:0; margin:9px 0 0 0; color:#9C512A}
h4 {font-family:"Helvetica"; font-size:13px; font-weight:bold; padding:0; margin:0; }
h5 {}

div {font:normal 11px/110% "Verdana", Tahoma, Arial, sans-serif; color:#000; text-transform: none; line-height:14px}
table {border-collapse:collapse}
ul {padding:0 0 0 15px}
li {list-style-position:outside}
.mauspointer {cursor:pointer}

/*	Description:    Header - Container - Footer
/*************************************************************************/
#container {width:990px; margin:0 auto; padding:0 0 0 6px; background:url("/images/bg_container.jpg") repeat-y 0 0}
#leftwrap {width:795px; float:left; padding:0; margin:0; position:relative; left:10px; z-index:10000}
#rightnav {width:165px; float:left; left:23px; padding:0; margin:0; position:relative; z-index:0}
#header {width:795px; height:120px; padding:5px 0 0 0; background:url("../images/bg_header2.gif") no-repeat 0 0; display:block; position:relative}

#welcome {width:530px; color:#FFF; background:#1C8C2D; padding:5px 0 5px 25px; margin:-12px 4px 0 0; float:right}
#welcome h2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; line-height:13px; padding:0; margin:0}

#navcontainer {width:789px; height:72px; border:1px solid #1C8C2D; background:url("../images/bg_search.gif") repeat-x 0 0; z-index:99999}
#search {width:788px; height:35px; padding:0}
#menu {width:789px; border-top:1px solid #1C8C2D}

#footerstick {width:996px; padding:50px 0 25px 0; margin:0; clear:both}
#footer {width:970px; padding:0; margin:0 0 0 10px; border-top:1px dotted #999}

/*	Description:    Nur fuer die Startseite bestimmt
/*************************************************************************/
#banner {width:788px; min-height:150px; margin:10px 0 2px 0}
#banner_small {width:595px; height:150px; float:left; clear:both; border-top:5px solid #FFF}
.promocontainer {width:790px; float:left; clear:both; margin:0; position:relative}
.promocontainer_small {width:574px; float:left; clear:both; margin:0; position:relative}
#freitext {width:795px; border-top:5px solid #FFF; border-bottom:5px solid #FFF}
#freitext_small {width:565px; float:left; clear:both; border-top:5px solid #FFF; border-bottom:5px solid #FFF}

/*..h3.promo {width:260px; height:20px; background:#B50603; padding:5px 0 5px 10px; margin:0 0 10px 0; font-size:13px; text-decoration:none} */
div.promo {width:180px; height:40px; background-color:#fff; color:#9C512A; padding:4px; font-size:13px; text-decoration:none; line-height:16px; overflow:hidden; vertical-align:top}
h4.promo {width:128px; background-color:#fff; color:#9C512A; padding:2px; margin:0; border-bottom:1px solid #FFF; font-size:13px; vertical-align:bottom; font-weight:normal; text-align:center}

h3.promo_small {width:240px; background-color:#82903B; color:#9C512A; padding:10px 0 10px 10px; margin:0; font-size:16px; text-decoration:none}
h4.promo_small {width:118px; background-color:#7B98AA; color:#9C512A; padding:5px; margin:0; border-bottom:1px solid #FFF; font-size:12px}
h3.shoplister {width:500px; color:#B50603; padding:10px 0 8px 10px; margin:0; font-size:16px; text-decoration:none}
.promo-big {width:185px; height:286px; float:left; position:relative; overflow:hidden; margin:0 10px 10px 0;
border:1px solid #DBE6DD; background:url("../images/bg_promobox.jpg") repeat-x 0 bottom; text-align:center}
.link-big {padding:3px; margin:0; width:180px; float:left; text-align:center}

/* Warengruppe */
.promo-big-wg {width:270px; height:250px; float:left; position:relative; overflow:hidden; margin:0 11px 10px 0;
background:url("../images/bg_promobox.jpg") repeat-x 0 bottom; border-right:1px solid #DBE6DD; border-left:1px solid #DBE6DD}
.promo-small {width:138px; height:260px; float:left; margin:0 20px 20px 0; background:url("../images/bg_promobox.gif") repeat-x 0 bottom; border:0}
.pic-small {padding:5px 8px 0 0; margin:0 auto; width:130px; height:130px; overflow:hidden; border:none}
.pic-medium {padding:5px 8px 0 0; margin:0 auto; width:167px; height:130px; overflow:hidden; border:none}
.link-small {padding:5px 0 5px 12px; margin:0; font-size:12px; font-weight:bold; width:125px; text-align:center}
.promo-medium {width:170px; height:240px; float:left; margin:0 12px 20px 0; background:url("../images/bg_promobox.gif") repeat-x 0 bottom;
border-top:1px solid #AFA59D; border-right:1px solid #9BA887; border-left:1px solid #9BA887; border-bottom:5px solid #9BA887}
.promo-foot {font-weight:bold; padding:0 0 3px 0; font-size:8pt}

/*	Description:    Seitenauftelung - Shop-Lister
/*************************************************************************/
#wrapper {width:795px; margin:0 auto}
#contentwrap {width:560px; margin:0; padding:15px 0 0 0; float:right}
#leftnav {width:210px; margin:15px 0 0 0; float:left; clear:left}
h2.contentwrap {color:#000; width:545px; margin:0 0 0 0; padding:7px 0 7px 9px; text-align:left; font-size:16px; line-height:normal;
border-bottom:5px solid #1C8C2D; border-top:1px solid #1C8C2D; border-left:1px solid #1C8C2D; border-right:1px solid #1C8C2D; 
background:url("../images/bg_leftbox.gif") center top repeat-x}  

/*	Description:    Preview-Boxen - Shop-Lister
/*************************************************************************/
.prevbox {width:554px; min-height:170px; position:relative; margin:10px 0; padding:0; background:url("../images/bg_search.gif") center top repeat-x;
border-left:1px solid #DBE6DD; border-right:1px solid #DBE6DD; border-top:1px solid #DBE6DD; border-bottom:3px solid #ccc}
.prevpic {width:111px; height:100px; overflow:hidden; text-align:center; margin:0; padding:10px 0 0 0; float:left; border-right:1px solid #DBE6DD}
.prevzoom {width:111px; height:50px; margin:0; padding:8px 0 10px 0; float:left; font-weight:bold; vertical-align:middle; text-align:center;
border-top:1px solid #DBE6DD; border-right:1px solid #DBE6DD; background:url("../images/bg_search.gif") center top repeat-x}
.prevstatus {height:50px; margin:0; padding:11px 4px 0 10px; float:left; text-align:left; vertical-align:middle; font-weight:normal}
.prevtext {width:400px; height:100px; margin:0 0 0 125px; padding:5px; text-align:left; vertical-align:text-top; color: #14371a}
.prevorder {width:437px; height:38px; margin:0; padding:0 0 0 5px; float:right; text-align:left; vertical-align:middle;
 background:url("../images/bg_search.gif") center top repeat-x; border-top:1px solid #DBE6DD}

.txtlink {color:#7c2e34}
.txtlink:hover {color:#F60}

.orderbtn {float:right; width:150px; height:38px; color:#000; border-left:1px solid #DBE6DD; padding:10px 0; margin:0;
font-weight:normal; text-align:center; cursor:pointer; background:url("../images/bg_search.gif") center top repeat-x}
.orderbtn:hover {background:#F6F8F0; color:#F60}

.ListenTitel {color:#147122; text-decoration:none; font:bold 14px Arial}
.ListenTitel:hover {color:#9BA887; text-decoration:none}

a {color:#000; text-decoration:none}


/*	Description:    Detail-Box - Shop-Detailansicht
/*************************************************************************/
.detswitch {width:265px; height:110px; position:absolute; margin:0; padding:10px 0 0 10px; text-align:right; overflow:auto;
border-top:5px solid #DBE6DD; border-right:1px solid #DBE6DD; background:#FFF}
.detbox {width:554px; float:left; clear:both; position:relative; margin:10px 0; padding:0 0 15px 0; border:1px solid #DBE6DD}
.detleft {width:275px; margin:0; padding:0; float:left; clear:left; border-right:1px solid #DBE6DD}
.detright {margin:0; padding:0; float:right; position:relative; right:0}
.detpic {width:250px; height:275px; background:#FFF; margin:0; padding:0; overflow:hidden; border:5px solid #FFF}
.detgal {width:260px; margin:0; padding:10px 0 0 0; font-weight:bold; color:#FFF}
.dettext {width:268px; height:150px; margin:0; padding:5px}
.detstatus {width:268px; height:200px; margin:0; padding:5px; border-top:1px solid #DBE6DD}

#spacer {width:780px; margin:10px 0; padding:0 0 9px 9px; text-align:center; color:#C60314; float:left; clear:both; background:url("../images/bg_leftbox.gif") center top repeat-x;
border-bottom:1px solid #DBE6DD; border-top:1px solid #DBE6DD; border-left:1px solid #DBE6DD; border-right:1px solid #DBE6DD}
#spacer_small {width:554px; height:30px; margin:-1px 1px 10px 0; padding:0; background:url("../images/bg_leftbox.gif") center top repeat-x; color:#C60314; float:left; clear:both;
border-bottom:1px solid #1C8C2D; border-top:1px solid #1C8C2D; border-left:1px solid #1C8C2D; border-right:1px solid #1C8C2D}

/*	Description:    Right-Left-NAV - Login - Warenkorb - etc.
/*************************************************************************/
.rightbox {width:160px; padding:0; margin:0 0 20px 0; background:#FFF; 
border-top:1px solid #AFA59D; border-left:1px solid #AFA59D; border-right:1px solid #AFA59D; border-bottom:5px solid #AFA59D}
h2.rightbox {color:#FFF; background:#AFA59D; width:153px; margin:0; padding:4px 0 4px 8px; border:none; border-bottom:1px solid #AFA59D}
.leftbox {width:210px; padding:0 0 1px 0; margin:0 0 25px 0; background:#DFE3D0;
border-bottom:5px solid #1C8C2D;  border-left:1px solid #1C8C2D; border-right:1px solid #1C8C2D; 
background:url("../images/bg_leftbox.gif") left top repeat-x}
h2.leftbox {color:#000; width:206px; margin:0; padding:2px; font-size:14px; background:url("../images/bg_leftbox.gif") left top repeat-x;
border-bottom:5px solid #1C8C2D; border-top:1px solid #1C8C2D; border-left:1px solid #1C8C2D; border-right:1px solid #1C8C2D}

.directorder {width:190px; padding:10px; margin:0; margin-bottom:25px; background:#F3F1F0;
border-bottom:5px solid #9BA887; border-left:1px solid #9BA887; border-right:1px solid #9BA887;
background:url("../images/bg_leftbox.gif") left top repeat-x}
h2.directorder {color:#000; width:206px; margin:0; padding:2px; font-size:14px; background:#FFF;
border-bottom:5px solid #9BA887; border-top:1px solid #9BA887; border-left:1px solid #9BA887; border-right:1px solid #9BA887}

#warenkorb {width:195px; margin:0; padding:0; text-align:left}
#user {width:180px; height:100px; margin:0; padding:5px; text-align:left; background:#E7E4E3; border-bottom:5px solid #AFA59D}

/*	Description:    BUTTONS
/*************************************************************************/
/* Suche und Login Button */
.Form_Button {font-weight:bold; color:#26542C; border:1px #B1C183 solid; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; padding:2px 5px}
.Form_Button:hover {color:#C1010C; background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0; text-decoration:none}

/* WK + Bestellschein + Faxformular */
.Link_Button {font-weight:bold; color:#26542C; border:1px #B1C183 solid; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; width:165px; float:left; clear:both; padding:2px 5px; margin:0 0 3px 0}
.Link_Button:hover {color:#C1010C; background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0; text-decoration:none}

/* Box Topseller + Neu eingetroffen */
.Info_Button {font-weight:bold; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; width:174px; float:left; clear:both; padding:5px 0 5px 5px; margin:0; position:relative;
border-top:1px #B1C183 solid; border-left:1px #B1C183 solid; border-bottom:1px #B1C183 solid}
.Info_Button:hover {background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0}

/* Produkseite  C1010C*/
.Produkt_Button {font-weight:bold; border:1px #B1C183 solid; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; width:177px; float:left; clear:both; padding:5px 6px; margin:0 0 0 5px; position:relative}
.Produkt_Button:hover {background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0}

/* Suche Ergebnis-Seite */
.Suche_Button {font-weight:bold; border:1px #B1C183 solid; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; position:relative; float:left; padding:2px 5px; margin:7px 0 0 0}
.Suche_Button:hover {background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0}

/* WK-Button auf Produktseite */
.Det_Form_Button {font-weight:bold; border:1px #B1C183 solid; background:url("../images/bg_formbutton.jpg") repeat-x 0 0; padding:5px 6px}
.Det_Form_Button:hover {background:url("../images/bg_formbutton-hvr.jpg") repeat-x 0 0; text-decoration:none}

/*	Description:    Absaetze
/*************************************************************************/
p {padding:12px; margin:0}
.footer {padding:15px 0 0 0; margin:0}
p.user {padding:0; margin:10px 0 10px; font-weight:bold}
p.content {padding:0; margin:10px 0 10px 0}

/*	Description:    Grafiken
/*************************************************************************/
img.lang {padding:1px 0; margin:0 5px; vertical-align:middle; text-align:left}
img.user {padding:0; margin:0 5px -3px -5px}
img.warenkorb {padding:3px 4px; margin:0; text-align:left; vertical-align:middle}
img.extended {padding-left:25px; margin:0}
img.leftnav {padding:0 5px; margin:0; vertical-align:middle; text-align:left} /* pointer */
img.prev {padding:0 5px 0 0; margin:0; vertical-align:middle}
img.home {margin:0; padding:0; left:25px; top:-1px; position:relative}

/*	Description:    Navi und Links
/*************************************************************************/
#highlight a {width:138px; background-color:#1C8C2D; color:#FFF; border-right:1px solid #FFF; border-left:1px solid #FFF}

/*	Description:    Suchebox im Header
/*************************************************************************/
#form {display:inline; position:relative; margin:0; padding:0; clear:left}
#form .normsearch {margin:0; padding:5px 0 0 0}
#form .input {margin:0; padding:1px; position:absolute; top:-12px; left:110px; width:260px; border:1px solid #777}
#form .select {margin:00; padding:0; position:absolute; top:-12px; left:380px; width:150px; border:1px solid #777}
#form .submit {margin:0 0 0 425px; padding:0}

.Preis {font:bold 16px Arial; color:#3F5D29; padding:10px 10px 10px 0; text-align:center; position:relative}
.Preis_durchgestrichen {font:bold 16px Arial; color:#C62002; padding:0 10px 0 0; margin:10px 0 0 0; text-decoration:line-through}

.AkPreis_big {font:bold 26px Arial; color:#3F5D29; margin:20px 0 0 0; left:50px; position:absolute}
.OldPreis_big {font:bold 18px Arial; color:#C62002; margin:-20px 0 0 0; padding:20px 70px 10px 0; left:0; position:absolute;
font-style:italic; text-align:center; text-decoration:line-through; width:150px;
background:url("../images/reduziert.gif") no-repeat right 0} 

.AkPreis_small {font:bold 16px Arial; white-space:nowrap; color:#3F5D29; padding:50px 20px 50px 25px; background:url("../images/reduziert_small.gif") no-repeat right 0}
.OldPreis_small {font:bold 14px Arial; color:#C62002; margin:-25px 0 0 0; padding:20px 60px 20px 0; white-space:nowrap; position:relative;
font-style:italic; text-decoration:line-through; background:url("../images/reduziert_small.gif") no-repeat 90px 0} 

.AkPreis_lister {font:bold 16px Arial; white-space:nowrap; color:#3F5D29; padding:10px 40px 20px 0; background-image:none; background:url("../images/reduziert_small.gif") no-repeat right 0}
.OldPreis_lister {font:bold 14px Arial; color:#C62002; margin:-25px 0 0 0; padding:10px 40px 10px 0; white-space:nowrap; position:relative;
font-style:italic; text-decoration:line-through; background:url("../images/reduziert_small.gif") no-repeat 90px 0} 

.Aktionspreis {font:bold 24px Arial; color:#C62002; margin:0; padding:20px 75px 0 0; position:relative; width:150px;
font-style:italic; text-decoration:line-through; background:url("../images/reduziert.gif") no-repeat right 0} 

.Preis_gross {font:bold 24px Arial; color:#3F5D29} 

/* Service-Center Buttons */
.besteller {background:url("../images/btn-bestellschein.jpg") no-repeat 0 -32px; width:160px; height:32px; display:block}
.besteller:hover {background:url("../images/btn-bestellschein.jpg") no-repeat 0 0}
.faxer {background:url("../images/btn-faxform.jpg") no-repeat 0 0; width:160px; height:45px; display:block}
.faxer:hover {background:url("../images/btn-faxform.jpg") no-repeat 0 -45px}
.warenkorb {background:url("../images/btn-warenkorb.jpg") no-repeat 0 -32px; width:160px; height:32px; display:block}
.warenkorb:hover {background:url("../images/btn-warenkorb.jpg") no-repeat 0 0}
.kasse {background:url("../images/btn-kasse.jpg") no-repeat 0 -32px; width:160px; height:32px; display:block}
.kasse:hover {background:url("../images/btn-kasse.jpg") no-repeat 0 0}
.kunde {background:url("../images/btn-kunde.jpg") no-repeat 0 0; width:160px; height:32px; display:block}
.kunde:hover {background:url("../images/btn-kunde.jpg") no-repeat 0 -32px}
.neukd {background:url("../images/btn-neukd.jpg") no-repeat 0 0; width:160px; height:32px; display:block}
.neukd:hover {background:url("../images/btn-neukd.jpg") no-repeat 0 -32px}
.katalog {background:url("../images/btn-katalog.jpg") no-repeat 0 0; width:160px; height:32px; display:block}
.katalog:hover {background:url("../images/btn-katalog.jpg") no-repeat 0 -32px}
.newsletter {background:url("../images/btn-newsletter.jpg") no-repeat 0 0; width:160px; height:32px; display:block}
.newsletter:hover {background:url("../images/btn-newsletter.jpg") no-repeat 0 -32px}

/*	Description:    Men� Sub - Definition
/*************************************************************************/
.menuline {border-bottom:1px #FFF solid}

A.menue:link, A.menue:visited, A.menue:active {
	width:148px;
	display:block; 
	font-weight:normal; 
	text-decoration:none; 
	text-align:left;
	padding:5px 5px 5px 7px; 
	border-bottom:1px #9BA887 solid;
	color:#000;
}

A.menue:hover {
	display:block;
	border-bottom:1px #9BA887 solid;
	background:#DBE6DD;
	color:#B50603;
}

A.menue-Aktiv:link, A.menue-Aktiv:active, A.menue-Aktiv:visited, a.menue-Aktiv:hover {
	display:block;
	padding:3px 0; 
	color:#000;	
	text-decoration:none; 
	text-align:center;
}

A.Submenue:link, A.Submenue:active, A.Submenue:visited  {
	display:block;
	border-top:1px #9BA887 solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	color:#222;		
	margin:0;
	background:#FFF;
}

A.Submenue:hover {
	color:#FFF;
	padding:5px 5px 5px 20px;
	text-decoration:none;
	background:#F60 url("../images/pointer-sub-hvr.gif") no-repeat 0 -1px;
}

.Submenue-Aktiv {
	display:block;
	color:#FFF;
	border-top:1px #9BA887 solid;
	text-decoration:none;
	font:bold 13px Arial;
	text-align:center;
	padding:10px 0;
	background:#3F5D29 url("../images/pointer-sub-hvr.gif") no-repeat 0 5px;
}

#thumbliste {width:45px; height:45px; float:left; margin:3px; padding:1px; overflow:hidden; border:1px solid #ccc}

/* OPERA BROWSER */
html>/**/body #form .input {margin:0; padding:1px 3px; top:-3px; left:10px; width:250px; border:1px solid #777; position:relative}
html>/**/body #form .select {margin:4px 0 0 0; left:10px; top:-2px; width:150px; border:1px solid #777; position:relative}
html>/**/body #form .normsearch {margin:0; padding:5px 0 0 0; float:left; clear:left; position:relative}
html>/**/body #form .submit {margin:0; padding:0; left:10px; top:5px; position:relative}
html>/**/body img.home {margin:0; padding:0; left:35px; top:3px; position:relative}
html>/**/body #bighref {width:255px; height:240px; border:10px solid #FFF; padding:0; float:left; overflow:hidden; background:url(img/indicator.gif) no-repeat 40% 60%}
html>/**/body #bighref img {overflow:hidden}

/* Butons */
a.button {background:transparent url("../images/bg_button_a.gif") no-repeat top right;
font:bold 13px Arial, sans-serif; color:#26542C!important; text-decoration:none; display:block;
float:left; height:24px; padding-right: 18px; /* sliding doors padding */
margin:5px 6px 5px 0; text-align:center; cursor:pointer}
a.button:hover {color: #AA0000!important; text-decoration: none}
a.button span {background:transparent url("../images/bg_button_div.gif") no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px}

/* Tabellen Layout f�r Warenkorb und Checkout */
.tabcheckout {width:99%; padding:0; border-bottom:1px solid #666}
.tabcheckout td {padding:4px; font:normal 13px Arial, Helvetica, sans-serif}
td.tabcheckout_head {background:#9BA887; color:#FFF; font:bold 14px Verdana, Helvetica, sans-serif; padding:4px}
.CheckoutTrOption {font-size:18px; line-height:30px; color:#636; font-weight:bold}
.tabcms td {width:770px; padding:10px; background:#F2F5E9; text-align:left; margin:0}
td.tabcms_head {background:#9BA887; color:#FFF; text-align:left; font:bold 14px Verdana, Helvetica, sans-serif; padding:5px}
.Fehler {font:bold 14px Arial; color:#C1010C; text-decoration:none}
#zeilentrenner {border-bottom:1px solid #ccc; margin-bottom:3px; padding-bottom:2px}
	
/* Navigation / Warengrruppen Links */
#subnav { display:block}
#subnav ul {margin:0; padding:0; list-style-type:none}
#subnav li {margin:0}
#subnav a {background:#DBE6DD url("../images/pointer_subnav.gif") no-repeat 6px 8px; display:block; padding:5px 15px 5px 15px; border-top:1px solid #FAFAFA; border-bottom:1px solid #333;
text-decoration:none; color:#000; text-align:left}

/* >= Zweite Ebene */
#subnav li ul {border-top: none}
#subnav li ul a {padding:5px 15px 5px 25px; background:#E8E4E1 url("../images/pointer_subnav.gif") no-repeat 16px 8px; display:block; font-weight:normal; color:#4F3F31}

/* Dritte Ebene */
#subnav li ul li ul a {padding:5px 15px 5px 35px; background:#FFF url("../images/pointer_subnav.gif") no-repeat 26px 8px; display:block;font-weight:normal; color:#000}

#subnav a.current {background:#1C8C2D; font-weight:bold; color:#FFF; text-align:left}
#subnav a.current2 {background:#B50603; font-weight:bold; color:#FFF; text-align:left}
#subnav a.current3 {background:#FFF; font-weight:bold; color:#000; text-align:left}
#subnav a.current4 {background:#E38216; font-weight:bold; color:#FFF; text-align:left}
#subnav a:hover {background:#FFF url("../images/pointer_subnav.gif") no-repeat 5px 8px; color:#000}
#subnav li ul a:hover {color:#333; background:#FFF url("../images/pointer_subnav.gif") no-repeat 16px 8px; display:block; font-weight:normal}
#subnav li ul li ul a:hover {color:#B50603; background:#F1F3EB url("../images/pointer_subnav.gif") no-repeat 26px 8px; display:block; font-weight:normal}

/* Fix IE 6 */
* html #subnav ul li {height:1%; width:100%}
* html #subnav ul li a {height: 1%;  }
* html #subnav li {margin-top:0}
* html #subnav ul {padding-top:-1px}

/* WICHIG: Tag wird nur f�r print angezeigt, z.B. beim warenkorb Drucken */
.printonly {visibility:hidden; display:none}

/* FANCYBOX CSS */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 10000030;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100000100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/dreambox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 10000030;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/images/dreambox/fancy_loading.gif') no-repeat;
	z-index: 10000035;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10000090;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100000100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100000100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100000100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/dreambox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 100000181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	min-height:549px;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 100000111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 100000112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/dreambox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/dreambox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000070;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 10000070;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/dreambox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/dreambox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/dreambox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/dreambox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/dreambox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/dreambox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/dreambox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100000100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/dreambox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/images/dreambox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/dreambox/fancy_title_right.png) repeat-x;
}



/* TAB VIEW */
	#dhtmlgoodies_tabView1
	{border-bottom:1px solid #1C8C2D; margin:30px 0 0 0; float:left; clear:both; position:relative}
	
	.dhtmlgoodies_tabPane{
		height:30px;	/* Height of tabs */
		border-bottom:5px solid #1C8C2D;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #1C8C2D;
		border-right:1px solid #1C8C2D;
		font:normal 110% Arial, sans-serif;
		padding:5px;
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		vertical-align:middle;
		cursor:pointer;
		position:relative;
		margin:0 0 1px 0;
		padding:0 10px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background:#1C8C2D;
		color:#FFF;
		margin-right:11px;
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background:#DBE6DD;
		margin-right:11px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background:#1C8C2D; color:#FFF;
		margin-right:11px;
	}
	.dhtmlgoodies_tabPane span{
		font:bold 13px Verdana;
		vertical-align:top;
		float:left;
		padding:7px 2px 0 2px;
	}
	.dhtmlgoodies_tabPane .tabActive span{
	left:0;
	}
	
	.dhtmlgoodies_tabPane img{float:left;}
	
	
/* SUPERFISH */
.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2.5em; 
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}

/*SUPERFISH SKIN */
.menu {margin:0; padding:0; width:790px}
.menu li a {display:block; text-decoration:none; color:#000; background:url("../images/bg_navi.gif") no-repeat center -2px; border-right:1px solid #1C8C2D;
font:bold 97.1% Arial; text-transform:uppercase; text-align:center; cursor:pointer; margin:0 0 0 0; padding:11px 7px 10px 7px}

.menu li a:hover {color:#B50603; background:url("../images/bg_hover.gif") no-repeat center -2px}
.menu li {position:relative; list-style:none}
.menu li li a {width:150px; color:#222; background:#A4C0A4; font:normal 11px arial; text-align:left; padding:3px 10px;
border-bottom:1px dotted #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF}
.menu li li a:hover {position:relative; color:#FFF; background:#005600}
.menu ul { /* all lists */
	padding:4px 0 0 0; margin:-5px 0 0 0; list-style:none}

.menu li { /* all list items */
	float:left; z-index:999; background:#FFF}

.menu li ul { /* second-level lists */
	text-align:left;
	position:absolute; width:150px;
	margin:6px 0 0 -1px; border-bottom:2px solid #005600;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.menu li:hover ul, .menu li.sfhover ul { /* lists nested under hovered list items */
	left:auto}



/* ToolTipps */
#dynatip {
	display:none;
	background:transparent url(/images/tooltipp/black_arrow.png);
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	font-family: Arial, sans-serif;
	font-size:11.5px; 
	line-height:12px;		
	z-index:9999999
}

/* style the trigger elements */
.dyna { border:0;cursor:pointer;z-index:9999998}

/* override the arrow image of the tooltip */
#dynatip.bottom { 
	background:url(/images/tooltipp/black_arrow_bottom.png);     
	padding-top:36px; 
	height:55px; 
	font-family: Arial, sans-serif;
	font-size:11.5px; 
	line-height:12px;
	z-index:9999999		
} 
 
#dynatip.bottom { 
    background:url(/images/tooltipp/black_arrow_bottom.png); 
	font-family: Arial, sans-serif;
	font-size:11.5px; 
	line-height:12px;	
	z-index:9999999		
}
	
.tooltip-title {font-family: Arial, sans-serif; font-size:14px; line-height:14px; font-weight:bold; color:#FF0; margin-top:0; margin-bottom:6px}


/* Produkt Tooltipp - f�r Beshreibungstexte, Artikel etc */ 
#tooltip_big { 
	display:none; 
	background:url(/images/tooltipp/black_arrow_big.png); 
	height:163px; 
	padding:30px 30px 10px 30px; 
	width:310px; 
	font-family: Arial, sans-serif;
	font-size:13px; 
	line-height:15px;
	color:#fff; 
	z-index:999999999;
} 
 
/* a .label element inside tooltip */ 
#tooltip_big .label { color:yellow; width:35px;} 
#tooltip_big a {color:#ad4; font-size:13px; font-weight:bold;}
.tooltip-title_big {font-family:Arial, sans-serif; font-size:15px; line-height:15px; font-weight:bold; color:#FF0; margin-top:1px; margin-bottom:7px}

/* Easy Tooltipp */
#easyTooltip {
	position:absolute; 
	color:#fff;
	background-color:#360;
	font-weight:bold; 
	border:3px solid #fff; 
	padding:8px; 
	display:none;
	font-family:Arial, Helvetica, sans-seriff;
	z-index:100000;
	max-width:280px;
	-moz-border-radius:8px;
	filter:alpha(opacity=96);
	opacity:0.96;
}

/* mobilyslider */
/* #content {width:800px;margin:100px auto 0}*/
.slider {float:left;width:790px;height:210px;position:relative;padding-bottom:20px;background:url(/images/mobilyslider/bottom_shadow.png) no-repeat bottom center}
.sliderContent {float:left;width:790px;height:210px;clear:both;position:relative;overflow:hidden}
.sliderArrows a {display:block;text-indent:-9999px;outline:none;z-index:50;background-image:url(/images/mobilyslider/prev_next.png);width:42px;height:42px;position:absolute;
top:50%;margin-top:-34px}
.prev {background-position:0 0;left:15px}
.prev:hover {background-position:0 -44px}
.next {right:15px;background-position:-44px 0}
.next:hover {background-position:-44px -44px}
.sliderContent .item {position:absolute;width:800px;height:350px;background:#fff}
.sliderBullets {position:absolute;bottom:0;left:50%;z-index:50;margin-left:-45px}
.sliderBullets a {display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:10px;height:11px;background:url(/images/mobilyslider/bullets.png) no-repeat}
.sliderBullets .active {background-position:0 -11px}
.sliderContent a {outline:none}