/* CSS Document */

html { margin:0; background: #000; }
body { font: 12px Arial, Helvetica, sans-serif; margin: 5px; }
a img { border: 1px solid #000; }
H1 { font-size: 120%; border-bottom: 1px solid #666; color: #666; }
.imageleft, .imageright { width:150px; height:120px; border: 1px solid #666; background: #FFF; overflow:hidden; padding:0; margin:0;}
.imageleft {float:left; margin-right: 20px;}
.imageright {float:right; margin-left: 20px; }
.imageleft img, .imageright img { width:275px; margin-left:-60px; margin-top: -40px; }

#wrapper { width:1050px; height:100%; margin:auto; }

#header { background: #000 url(images/header.jpg) no-repeat; width: 100%; height: 140px; }
#header img { border: none; width:800px; height:140px; }
#content { background: #EEE url(images/main_top.jpg) top center no-repeat; width: 566px; float: right;}
#content .inner { padding: 10px; background: url(images/main_bottom.gif) bottom center no-repeat; overflow: hidden;}
#left { width: 232px; float: left;}
#menu { width: 234px; background: url(images/menu_gradient.jpg); float:left; overflow: hidden;}
#menu .bottom { width: 100%; height: 13px; background: url(images/menu_bottom.gif) bottom no-repeat;}
#right { width:250px; float: right; margin-top:-150px; }

#menu ul
{
list-style-type: none;
text-align: left;
width: 234px;
}
#menu ul li { width: 196px; border-bottom: 1px solid #FFF; margin-left:25px; }
#menu ul li a
{
position: relative;
left: -25px;
background: transparent;
text-align: left;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFF;
width: 100%;
padding: 5px 0px 5px 25px;
display:block;
}

#menu ul li a:hover
{
background: url(/template/images/bullet.jpg) 0px center no-repeat;
cursor: pointer;
color: black;

}

#menu ul li a#current
{
background: transparent url(/template/images/bullet.jpg) left center no-repeat;
color: #444;
}

.contentblock { width: 230px; background: #BBB url(/template/images/content_top.gif) top no-repeat; float:left; margin-top: 10px;}

.contentblock .bottom { width:100%; background: url(/template/images/content_bottom.gif) bottom no-repeat;}

.contentblock .inner { padding: 15px; text-align: center; overflow:hidden;}

.contentblockRight { width: 230px; background: #BBB url(/template/images/content_top.gif) top no-repeat; float:left; margin-left:5px; margin-top: 10px;}

.contentblockRight .bottom { width:100%; background: url(/template/images/content_bottom.gif) bottom no-repeat;}

.contentblockRight .inner { padding: 15px; text-align: center; overflow:hidden;}


.contentblockRightPhotos { width: 230px; background: #BBB url(/template/images/content_top.gif) top no-repeat; float:left; margin-left:5px; margin-top: 10px;}

.contentblockRightPhotos .bottom { width:100%; background: url(/template/images/content_bottom.gif) bottom no-repeat;}

.contentblockRightPhotos .inner { padding: 15px; text-align: center; overflow:hidden;}

/*.keurmerken { width: 230px; text-align:center; margin-left:5px;}
.keurmerken img {margin-top:10px;}*/

.keurmerken { width: 230px; background: #BBB url(/template/images/content_top.gif) top no-repeat; float:left; margin-left:5px; margin-top: 10px;}

.keurmerken .bottom { width:100%; background: url(/template/images/content_bottom.gif) bottom no-repeat;}

.keurmerken .inner { padding: 15px; height:85px; padding-top:40px; text-align: center; overflow:hidden;}


<!-- ############ SHOP ############## /-->

td { vertical-align:top; }

a:link, a:active, a:visited
	{
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
a:hover	{
	text-decoration:underline;
	font-weight:bold;
	color: #333333;
	}
a.shop:link, a.shop:active, a.shop:visited
	{
				font-weight:bold;
	text-decoration:none;
	color:#333333;
	}
a.shop:hover	{
	text-decoration:underline;
				font-weight:bold;
	color: #333333;
	}
.myButton {
	width: 100px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F0F0F0;
	border-top: 1px solid #F0DBB5;;
	border-left: 1px solid #F0DBB5;
	border-bottom: 1px solid #F0DBB5;
	border-right: 1px solid #F0DBB5;
	cursor: pointer;					
	}

#productview IMG{
border: 1px solid #000;
width: 160px;
}
#productview a{
text-decoration:none;
font-weight:bold;
color: #666666;
}
#productview a:hover{
text-decoration:none;
font-weight:bold;
color: #000000;
}
#productview .title{
font-weight:bold;
}
#productview .price{
font-weight:bold;
color:#CC0000;
}
#productdetail IMG{
width: 275px;
border: 1px;
}
#productdetail a{
text-decoration:none;
font-weight:bold;
color: #666666;
}
#productdetail a:hover{
text-decoration:none;
font-weight:bold;
color: #000000;
}
#productdetail .title{
font-weight:bold;
}
#productdetail .price{
font-weight:bold;
color:#CC0000;
}
#order a, td.order a {
text-decoration:none;
font-weight:bold;
color: #666666;
}
#order a:hover{
text-decoration:none;
font-weight:bold;
color: #000000;
}