@charset "utf-8";
/* CSS Document */
body {
	background-color:#0172FC;
	background-image:url(../images/body.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:939px;
	height:auto;
	margin:0px auto;
	background-image:url(../images/container.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
}
#topnav {
	width:555px;
	height:40px;
	float:left;
	padding:98px 0px 0px 188px;
	*padding:108px 0px 0px 188px;
}
#menu{
	width:555px;
	height:15px;
	float:left;
	padding:8px 0px 0px 0px;
	color:#FFFFFF;
	text-align:center;
}
#contact{
	width:140px;
	height:40px;
	float:right;
	margin:90px 0px 0px 0px;
	line-height:28px;
}
#header {
	width:939px;
	height:147px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
}
#left {
	width:747px;
	height:auto;
	float:left;
}
#right {
	width:170px;
	height:auto;
	float:right;
	padding: 0px 18px 0px 0px;
}
#navigatie {
	width:166px;
	height:auto;
	float:left;
}
#vak {
	width:166px;
	height:auto;
	background-color:#F4F4F4;
	background-image:url(../images/vak_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	margin:3px 0px 3px 12px;
}
#vakcontent {
	width:152px;
	height:auto;
	padding: 10px 4px 10px 10px;
}
#vakhead {
	width: 166px;
	height:26px;
	float:left;
	background-image:url(../images/vak_top.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:12px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
}
#vaktussenkop {
	width:146px;
	height:20px;
	float:left;
	background-image:url(../images/vak_head.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px 0px 0px 6px;
}
	
#content {
	width:558px;
	height:auto;
	float:right;
	margin:3px 0px 0px 3px;
}
#footer {
	width:939px;
	height:13px;
	float:left;
	font-size:10px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	padding: 40px 0px 0px 0px;
	text-align:center;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h1 {
	font-size:15px;
	font-weight:bold;
}
h2 {
	font-size:13px;
	font-weight:bold;
}
a.zwart {
	text-decoration:none;
	color:#000000;
}
img {
	border:0px;
}
a:link {
	color: #3399FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3399FF;
}
a:hover {
	text-decoration: none;
	color: #3399FF;
}
a:active {
	text-decoration: none;
	color: #3399FF;
}
a:link.grijs {
	color: #666666;
	text-decoration: none;
}
a:visited.grijs {
	text-decoration: none;
	color: #666666;
}
a:hover.grijs {
	text-decoration: none;
	color: #666666;
}
a:active.grijs {
	text-decoration: none;
	color: #666666;
}
a:link.wit {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.wit {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover.wit {
	text-decoration: none;
	color: #FFFFFF;
}
a:active.wit {
	text-decoration: none;
	color: #FFFFFF;
}
a:link.zwart {
	color: #000000;
	text-decoration: none;
}
a:visited.zwart {
	text-decoration: none;
	color: #000000;
}
a:hover.zwart {
	text-decoration: none;
	color: #000000;
}
a:active.zwart {
	text-decoration: none;
	color: #000000;
}
/*shop css */
.detaillistprice {
text-align:center;
}
.prodimage {
vertical-align : top;
} 
.cartimage {
	width:100px;
}
.detailimage {
vertical-align : top;
} 
.detailprice {
	text-align:center;
}
div.prodid{
font-size:11px;
}

span.prodoption{
font-weight: bold;
} 
td.catname {
	text-align:center;
}
.prodname, .detailname{
font-weight: bold;
font-size:13px;
}
.buybutton{
vertical-align:bottom;
}

/*TABLE.cobtbl{
background-color: #FF0000;
} 

TD.cobhl{
background-color: #FFC42B;
}

TD.cobll{
background-color: #FFF7B8;
color : #666666;
}*/
P.pagenums {
font-size: 11px;
font-family : Verdana;
color:#333333;
}

SPAN.currpage {
color: #FF0000;
font-weight: bold;
}
div.prodinstock {
font-size: 11px;
font-family : Verdana;
color:#009900;}

.review {
color: #000;
font-weight: bold;
font-size:11px
}
.review, .reviewform{
font-weight:normal;
}
.reviewhr {
color: #CCC;

}
.showallreview, .reviewcomments {
color: #000;
font-weight: normal;
font-size:11px
}

.reviewname {
color: #999;
font-weight: normal;
font-size:12px
}

hr.review {
width: 100%;
text-align:left;
height: 0px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #CCCCCC;
}
div.prodrating{
}
img.prodrating{
}
.pop360l {width:500px;height:530px;border:5px #ccc solid;position:absolute;zindex:1200;margin-left:120px;margin-top:50px;background:#fff;}
.360sml {text-align:center;margin-top:340px;margin left:120px;width:130px;position:absolute;z-index:1;}
.popwb {margin-top:-2px;width:750px;height:515px;background- color:#fff;position:absolute;z-index:40;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

TD.mincart {
background-color:none;
}

P.mincart {
font-size: 10px;
background-color:none;
}

/* 
----------------------------------------------
Accordion Menu 
----------------------------------------------
*/

.sf-menutop {
	padding:5px 0px 0px 5px;
	font-weight:bold;
	margin:0px;
	list-style:none;
	color:#FFFFFF;
}
.sf-menutop ul{
	padding:0px 0px 0px 0px;
	font-weight:bold;
	margin:0px;
	list-style:none;
	color:#FFFFFF;
}

.blog-menu a {
	padding:0px 0px 0px 5px;
	font-weight:bold;
	color:#FFFFFF;
	margin:5px;
	list-style:none;
}

.prijsfilter {
	padding-left:10px;
}
.hoofdnav ul { 
	display:inline;
}
.hoofdnav ul li { 
	display:inline;
}

.folder {
	color:#3399FF;
	font-weight:bold;
	margin:-2px;
	padding:-2px;
	list-style:none;
}
a.treemenu {
	font-weight:bold;
	margin:-2px;
	padding:-2px;
	list-style:none;
}
#tree_menu ul{
	margin:0px 0px 0px 25px;
	padding:5px;
	
}
#tree_menu li{
	margin:0px 0px -5px -25px;
	padding:5px;
	
}
/* 
----------------------------------------------
End Accordion Menu 
----------------------------------------------
*/

.receiptoption{background-color:#E6E6E6;}
.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color:#333333;}
.receipthl{background-color:#DFE0EC;}
.receiptheading{background-color:#3399FF;color: #FFFFFF;font-weight:bold; }
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000000;
    text-decoration:none;

}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000000; background:#ffffff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
	top:-500px; left:50;
	padding: 15px;
	width:500px;
	color: #000000;
    text-align: left;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	font-weight:normal;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding:10px;
    background: url(bubble.gif) no-repeat top;
	background-color:#FFFFFF;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 10px; 
	background: url(bubble_filler.gif) repeat bottom; 
	background-color:#FFFFFF;
}
a.tt:hover span.bottom{
	display: block;
	padding: 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
	background-color:#FFFFFF;
}
.header {
	font-size:13px;
}