body, table, div, p
{
margin:0px;
padding:0px;
font-family:Verdana;
font-size:11px;
}
body
{
background: #4E7E92 url(bg/bg_visivo.gif) repeat-x;
}
div#page
{
width:951px;
margin:auto;
padding:0;
position: relative;
}
div#body
{
margin:5px 0px 0px 205px;
padding:0px;
border:0px solid pink;
}
div#left
{
float:left;
width:198px;
}
div#footer
{
clear:both;
}

a {
	color:#FFFFFF;
}

.dinfo a
{
	color: black;
	
}

.box a
{
	color: black;
}

/* Forms */
form{margin-top:0px;margin-bottom:0px;}
input {color: #000;}

span.btn{background: transparent url(bg/buttons_ce_.gif) right -150px no-repeat;padding: 0 1px 0 0;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;}
span.btn input, span.btn a{border:none;height:18px;line-height:10px;outline:0;position:relative;display:block;padding:2px 7px;margin:0;color:#ffffff;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_ce_.gif) no-repeat left -150px;}
span.btn a{padding:3px 8px 2px; position:relative;}


input.btn.hl {border-color:#f90;color:#f90;}
input.chbox {vertical-align:middle; margin-top: 0px;}
input.chk {margin: 1px 5px 1px 0px !important; padding: 0 !important;}
textarea.fullsize {width: 100%;}
input.openid {background: #fff url(bg/openid-icon-small.gif) no-repeat 0 50%; border:1px solid activeCaption; padding:2px 1px 2px 18px;}

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:270px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-135px;border:1px solid #000000;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#555555;background:#e2e2e2;border:1px solid #555555;font-weight: bold;padding:2px;width:130px;}
div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:130px;}
div.on.popup input.bl{position:absolute;bottom:10px;left:10px;}
div.on.popup input.br{position:absolute;bottom:10px;right:10px;}

#zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#e2e2e2;border-color:#000000;}
#zoom ul.tabs{padding:0;margin:0;background:#ffffff;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;background:#e2e2e2;width:20px;text-align: center;border:1px solid #555555;color:#555555;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}

#write_review {display: none;}
#body td.rating { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.gif) no-repeat 0 0;}
#body td.rating.s1 {background-position:-72px -38px;}
#body td.rating.s2 {background-position:-54px -38px;}
#body td.rating.s3 {background-position:-36px -38px;}
#body td.rating.s4 {background-position:-18px -38px;}
#body td.rating.s5 {background-position:0 -38px;}
#body ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars.gif) no-repeat left top;}
#body ul.rating li {cursor: pointer; float:left;}
#body ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
#body ul.rating li a b {display: none;}
#body ul.rating li.s1 a {left:0;}
#body ul.rating li.s2 a {left:17px;}
#body ul.rating li.s3 a {left:34px;}
#body ul.rating li.s4 a {left:51px;}
#body ul.rating li.s5 a {left:68px;}
#body ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars.png) no-repeat 0 -18px;}
#body ul.rating li.s1 a:hover {background-position: -72px -18px;}
#body ul.rating li.s2 a:hover {background-position: -54px -18px;}
#body ul.rating li.s3 a:hover {background-position: -36px -18px;}
#body ul.rating li.s4 a:hover {background-position: -18px -18px;}
#body ul.rating li.s5 a:hover {background-position: 0 -18px;}
#body .rating_review_input {margin:0; height:16px;}
#body .rating li.current_rate{background: url(bg/stars.gif) left bottom; position: absolute; height: 16px; z-index: 1;}




/*Infoboxen*/
#left .infobox
{
	border:0px solid #ffcc00;
  background-color:#475d6a;
  display:block;
  width:198px;
  margin-bottom:2px;
}
#left .infobox .header{
background-image:url(bg/infoboxhead.jpg);
background-repeat: no-repeat;
background-position:top;
height:9px;
}
#left .infobox .footer
 {
background-image:url(bg/infoboxfoot.jpg);
background-repeat: no-repeat;
background-position:bottom left;
height:9px;
}
#left .infobox .content{
	padding-left:17px;
  color:white;
  background-color:#3A5E6e;

}
#left .infobox .content .headline
{
	color:#35AEDF;
  font-size:11px;
  font-family:verdana;
  font-weight:bold;
  padding-bottom:2px;
}
#left .infobox .content .text
{
	padding-bottom:15px;
	padding-right:20px;
}

/*hinweisboxen*/
#left .hinweisbox
{
	border:0px solid #ffcc00;
  background-color:#273f49;
  display:block;
  width:198px;
  margin-bottom:2px;
}
#left .hinweisbox .header{
background-image:url(bg/hinweisboxhead.png);
background-repeat: no-repeat;
background-position:top;
height:9px;
}
#left .hinweisbox .footer
 {
background-image:url(bg/hinweisboxfooter.png);
background-repeat: no-repeat;
background-position:bottom left;
height:9px;
}
#left .hinweisbox .content{
	padding-left:15px;
  color:white;
  background-color:#273f49;

}
#left .hinweisbox .content .headline
{
	color:#35AEDF;
  font-size:11px;
  font-family:verdana;
  font-weight:bold;
  padding-bottom:2px;
}
#left .hinweisbox .content .text
{
	padding-bottom:0px;
	padding-right:20px;
}

#teaserweiss
{
width:746px;
margin-top:-40px;
position: relative;

}
#teaserweiss .header
{
width:746px;height:44px;
border:0px solid brown;
position:relative;
background:url(bg/background-teaser-weiss1.png) no-repeat;
background-position:0px 0px;
}
#teaserweiss .header .titel
{
padding-left:10px;
padding-top:20px;
color:#002857;
position:relative;
font-weight:bold;
}
#teaserweiss .content
{
position:relative;
border:0px solid red;
background-color:#FFFFFF;
font-size:11px;
color:#002857;
padding:10px;
height: auto;

}
#teaserweiss .content a:link
{
font-size:11px;
color:#002857;
text-decoration:underline;
}

#teaserweiss .content a:hover
{
font-size:11px;
color:#002857;
text-decoration:underline;
}

#teaserweiss .content a:active
{
font-size:11px;
color:#002857;
text-decoration:underline;
}

#teaserweiss .content a:visited
{
font-size:11px;
color:#002857;
text-decoration:underline;
}

#teaserweiss .footer
{
	background:url(bg/background-teaser-weiss3.png) no-repeat;
  background-position:bottom left;
  border:0px solid lime;
  height:7px;
}

#teaserblau
{
width:746px;
margin-top:-40px;
border:0px solid red;
}
#teaserblau .header
{
width:746px;height:44px;
border:0px solid brown;
position:relative;
background:url(bg/background-teaser-blau1.png) no-repeat;
background-position:0px 0px;
}
#teaserblau .header .titel
{
padding-left:10px;
padding-top:20px;
color:#ffffff;
position:relative;
font-weight:bold;
}
#teaserblau .content
{
position:relative;
border:0px solid gray;
background-color:#849aa5;
font-size:11px;
color:#FFFFFF;
padding:10px;
padding-bottom:50px;
}



#teaserturkis
{
width:746px;
margin-top:-40px;
}
#teaserturkis .header
{
width:746px;height:44px;
border:0px solid brown;
position:relative;
background:url(bg/background-teaser-turkis.png) no-repeat;
background-position:0px 0px;
}
#teaserturkis .header .titel
{
padding-left:10px;
padding-top:10px;
color:gray;
position:relative;
color:white;
font-weight:bold;
}
#teaserturkis .content
{
position:relative;
border:0px solid gray;
background-color:#009ee0;
font-size:11px;
color:#ffffff;
padding:10px;
padding-bottom:60px;
}




#body .visivopartnertabreiter
{
font-family:verdana;
font-size:11px;
background:url(bg/tabpartner.jpg) 0 0 no-repeat;
color: #009EE0;
font-weight: bold;
line-height: 26px;
text-decoration:none;
width:183px;
height:26px;
display:block;
text-indent:10px;
position:relative;

}
#body .visivopartner
{
position:relative;
border:0px solid red;
margin-top:-30px;
}
#body .visivopartnercontent
{
position:relative;
color:#000000;
position:relative;
text-indent:20px;
padding-top:20px;
background:url(bg/partnercontent_bg.gif) no-repeat;
background-position:right top;;
}

#body .visivopartnerfooter
{
position:relative;
height:6px;

}




.errorbox
{
margin-top:20px;
margin-bottom:20px;
border:1px solid red;
background-color:white;
color:red;
font-weight:bold;
float:none;
height:40px;
line-height:40px;
padding:10px;
}




#body .boxnavisubcats
{
border:0px solid pink;
height:36px;
}
#body .boxnavisubcats .boxnavisubcats_item
{
line-height:36px;
color:#000000;
}
#body .boxnavisubcats .boxnavisubcats_item a:link
{
font-size:11px;
color:#000000;
margin-left:10px;
font-weight:bold;
border:0px solid green;
}
#body .boxnavisubcats .boxnavisubcats_item a:hover
{
font-size:11px;
color:#000000;
margin-left:10px;
font-weight:bold;
border:0px solid blue;
}
#body .boxnavisubcats .boxnavisubcats_item a:visited
{
font-size:11px;
color:#000000;
margin-left:10px;
font-weight:bold;
border:0px solid yellow;
}
#body .boxnavisubcats .boxnavisubcats_item a:active
{
font-size:11px;
color:#000000;
margin-left:10px;
font-weight:bold;
border:0px solid pink;
}

.socialbookmarks .sbookmarks
{
	text-decoration:none;
}



.boxdeliverystatus
{
border:0px solid red;
margin-top:3px;
margin-left:3px;
}
.boxdeliverystatus div.flag
{
display:block;
border:0px solid blue;
width:8px;
height:8px;
background-repeat:no-repeat;
}
.boxdeliverystatus div.flag.red
{
background-image:url('egate/status/status_rot_klein.png');
}
.boxdeliverystatus div.flag.orange
{
background-image:url('egate/status/status_orange_klein.png');
}
.boxdeliverystatus div.flag.green
{
background-image:url('egate/status/status_gruen_klein.png');
}


.detailscontent .boxdelivery .tooltip 
{
  position: absolute;
  display: none;
  background-color: #0BC4F5;
  color:lime;
}

#category_description
{
	width:701px; position:relative;
  border:0px solid red;
  height:325px;
}

#category_description a
{
	color:#000;
  text-decoration:underline;
}
#category_description .longesc
{
	position:relative; margin-left:355px; border:0px solid red; height:auto;padding-bottom:10px; 
}
.detailscontent .boxdelivery a.deliveryinfo{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;

    }

.detailscontent .boxdelivery a.deliveryinfo:hover{z-index:25; background-color:#ff0}

.detailscontent .boxdelivery a.deliveryinfo span{display: none}

.detailscontent .boxdelivery a.deliveryinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
   top:-160px;
   left:30px;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#e2e2e2; color:#000;
    text-align: center}