/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/body-bg.gif) repeat-x #670101 ;
}

img {
	behavior: url("pngbehavior.htc");
	}

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:973px;
	min-height:700px;
	height:auto !important;
	height:700px;
	border: solid 2px #660000;
	background:url(images/bg.gif) repeat;
	padding-bottom:50px;
	
}

#header {
	position: relative;
	width: 973px;
	height: 216px;
	background-color:#FFFFFF;
	overflow: hidden;
}

#pagina {
	position:absolute;
	width: 150px;
	height: 20px;
	margin-left: 803px;
	margin-top: 110px;
	text-align: right;
	color:#666666;
	font-family:"Century Gothic";
}

*html #pagina {
	margin-left: 808px;
}



#catagorie {
	position:absolute;
	width: 150px;
	height: 20px;
	margin-left: 803px;
	margin-top: 150px;
	text-align: right;
	font-family:"Century Gothic";
	font-size:15px;
	font-weight: bold;
}

*html #catagorie {
	margin-left: 810px;
}

#navigatie {
	position:relative;
	width: 157px;
	min-height:400px;
	height:auto !important;
	height:400px;
	color:#000099;
	margin-left: 0px;
	font-family:"Century Gothic";
	z-index: 100;
	float:left;
	font-size: 12px;
	font-weight: bolder;
	}

/*navigatie menu*/
	
#navigatie, #navigatie ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:120%;
}

#navigatie ul li a:link, #navigatie ul li a:visited {
	display: block;
	color:#FFFFFF;
	height: 25px;
	width: 157px;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration:none;
}

#navigatie ul li a:hover, #navigatie ul li a:active {
	display: block;
	color:#000000;
	background:url(images/navigatie-bg.gif) no-repeat;
	height: 25px;
	width: 157px;
}

#navigatie li { /* all list items */
}
#submenu {
position:relative;
	width:157px;
	margin-top:-23px;
	min-height:5px;
	height:auto !important;
	height:auto;
	padding-bottom:32px;
	background:url(images/navigatie-bg-bottom.gif) no-repeat  bottom left #fff;
}
#navigatie ul li ul {
background:#fff;
line-height:1;
position:relative;
}
#navigatie ul li ul li {
color:#000000;
width:152px;
}
#navigatie ul li ul li a:link, #navigatie ul li ul li a:visited {
color:#666666;
display:block;
width:152px;
padding-left:10px;
margin-top:0;
margin-bottom:-20px;
padding-bottom:1px;

}
#navigatie ul li ul li a:hover {
background:none;
color:#660000;
display:block;
width:152px;
}
#navigatie ul li ul li a:active {
background:none;
}

/*Einde navigatie menu*/

#nav2 { 
	position:relative;
	float:left;
	padding-top:12px;
	border-top:1px solid #ff0000;
	border-bottom:1px solid #ff0000;
	min-height:50px;
	width:157px;
	height:auto !important;
	height:50px;
	
}

*html #nav2 {
	overflow: hidden;
	height: 80px;

}

#nav2 ul { 
	
	list-style: none;
	line-height: 1;
}

#nav2 ul li a {
	display: block;
	color:#FFFFFF;
	height: 5px;
	width: 157px;
	padding-left:5px;
	background: none;
}

#nav2 ul li a:hover, #nav2 ul li a:active  {
	color:#ff0000;
	background: none;
}

#nav2d ul li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}


#logo-vvpn {
	position: relative;
	height: 115px;
	width: 157px;
	float:left;
	margin-top: 50px;
	min-height:115px;
	height:auto !important;
}


#content-container {
	position:relative;
	width: 800px;
	min-height:700px;
	height:auto !important;
	height:680px;
	margin-top: 8px;
}



#content {
	position:relative;
	width: 535px;
	min-height:680px;
	height:auto !important;
	height:680px;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 70px;
}
#content a {
	color:#800000;
}
#content a:hover {
	color:#000;
}


#linkjes-pijltje {
	position: relative;
	color:#6a0000;
	text-transform: uppercase;
	font-weight:bolder;
	margin-top: 10px;
		
}


#linkjes-pijltje li {
	
	line-height: 24px;
	background:url(images/pijltje.gif) left center no-repeat;
	list-style: none;
	
}

#linkjes-pijltje a {
	color:#6a0000;
}

#linkjes-pijltje a:hover {
	color:#000000;
}

.pijltje2 {
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
}


/*rechter content begint hier*/

#content-rechts-1{
	position:absolute;
	width: 240px;
	height: 131px;
	color:#000066;
	margin-left: 565px;
	margin-top: -40px;
	background: url(images/bg-rechts-schaduw.png) repeat-x;
	font-family:"Century Gothic";
	font-size: 15px;
}

#content-rechts-head {
	position: absolute;
	width: 235px;
	height: 35px;
	background:url(images/bg-rechts-boven.gif) repeat-x;
}

#content-rechts-head-tekst {
	position: absolute;
	width: 220px;
	height: 15px;
	text-align: right;
	margin-left: 5px;
	font-family:"Century Gothic";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
}

#content-rechts-midden {
	position:absolute;
	width: 235px;
	height: 89px;
	margin-top: 35px;
	background:url(images/bg-rechts-midden.gif) repeat-x;
}

#content-rechts-plaatje-links1 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 12px;
	margin-top: 7px;
	border: solid 2px #6a0000;
}

#content-rechts-plaatje-rechts1 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 124px;
	border: solid 2px #6a0000;
	margin-top: 7px;
}

/*rechter content 2 */
/*
#content-rechts-2{
	position:absolute;
	width: 240px;
	height: 131px;
	color:#000066;
	margin-left: 565px;
	margin-top: 107px;
	background: url(images/bg-rechts-schaduw.png) repeat-x;
	font-family:"Century Gothic";
	font-size: 15px;
}
*/

#content-rechts-2{
	position:absolute;
	margin-top:-50px;
	width:240px;
	margin-left:565px;
}

#content-rechts-head-2 {
	position: absolute;
	width: 235px;
	height: 35px;
	background:url(images/bg-rechts-boven.gif) repeat-x;
}

#content-rechts-head-tekst-2 {
	position: absolute;
	width: 220px;
	height: 15px;
	text-align: right;
	margin-left: 5px;
	font-family:"Century Gothic";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
}

#content-rechts-midden-2 {
	position:absolute;
	width: 235px;
	height: 89px;
	margin-top: 35px;
	background:url(images/bg-rechts-midden.gif) repeat-x;
}

#content-rechts-plaatje-links2 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 12px;
	margin-top: 7px;
	border: solid 2px #6a0000;
}

#content-rechts-plaatje-rechts2 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 124px;
	border: solid 2px #6a0000;
	margin-top: 7px;
}


/*rechter content 3 */

#content-rechts-3{
	position:absolute;
	width: 240px;
	height: 131px;
	color:#000066;
	margin-left: 565px;
	margin-top: 254px;
	background: url(images/bg-rechts-schaduw.png) repeat-x;
	font-family:"Century Gothic";
	font-size: 15px;
}

#content-rechts-head-3 {
	position: absolute;
	width: 235px;
	height: 35px;
	background:url(images/bg-rechts-boven.gif) repeat-x;
}

#content-rechts-head-tekst-3 {
	position: absolute;
	width: 220px;
	height: 15px;
	text-align: right;
	margin-left: 5px;
	font-family:"Century Gothic";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
}

#content-rechts-midden-3 {
	position:absolute;
	width: 235px;
	height: 89px;
	margin-top: 35px;
	background:url(images/bg-rechts-midden.gif) repeat-x;
}

#content-rechts-plaatje-links3 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 12px;
	margin-top: 7px;
	border: solid 2px #6a0000;
}

#content-rechts-plaatje-rechts3 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 124px;
	border: solid 2px #6a0000;
	margin-top: 7px;
}

/*rechter content 4 */

#content-rechts-4{
	position:absolute;
	width: 240px;
	height: 131px;
	color:#000066;
	margin-left: 565px;
	margin-top: 401px;
	background: url(images/bg-rechts-schaduw.png) repeat-x;
	font-family:"Century Gothic";
	font-size: 15px;
}

#content-rechts-head-4 {
	position: absolute;
	width: 235px;
	height: 35px;
	background:url(images/bg-rechts-boven.gif) repeat-x;
}

#content-rechts-head-tekst-4 {
	position: absolute;
	width: 220px;
	height: 15px;
	text-align: right;
	margin-left: 5px;
	font-family:"Century Gothic";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
}

#content-rechts-midden-4 {
	position:absolute;
	width: 235px;
	height: 89px;
	margin-top: 35px;
	background:url(images/bg-rechts-midden.gif) repeat-x;
}

#content-rechts-plaatje-links4 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 12px;
	margin-top: 7px;
	border: solid 2px #6a0000;
}

#content-rechts-plaatje-rechts4 {
	position:absolute;
	width: 98px;
	height: 70px;
	margin-left: 124px;
	border: solid 2px #6a0000;
	margin-top: 7px;
}

/*rechter content eindigt hier*/

#footer {
background:url(images/bg-footer.gif) repeat-x;
position:relative;
width: 973px;
height: 27px;
margin:0 auto 0 auto;
margin-top:-60px;
z-index:100;
}

#footer-navigatie {
width:970px;
height:  10px;
font-size: 10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 24px;
margin-left: 50px;
color:#FFFFFF;
}

#footer-navigatie ul li {
	display:inline;
}
#footer-navigatie li {

	padding-left: 0px;
}

#footer-navigatie a {
	color:#ffffff;
}

#footer-navigatie a:hover {
	color:#000000;
}

.gb {
margin-left: 20px;
font-weight:normal;

}

.gb2 {
margin-left: 15px;
}


h1 {
	font-size: 16px;
	color: #6a0000;
}

#copyright {
	text-align: right;
	color:#999999;
	word-spacing: 0px;
	font-size: 10px;
	line-height: 24px;
	margin-left: 0px;
	width:120px;
	height: 10px;
}

#nav2-winkelwagentje {

	position:absolute;
	margin-left:120px;
	margin-top:18px;
	height:30px;
	width:29px;
}

#footer-2 {
	width: 973px;
	height: 18px;
	font-size: 11px;
	margin:0 auto 0 auto;
	position:relative;
	z-index:100;
	text-align:center;
	padding-top:3px;
}

#footer-2 a {
	color: #000000;
	text-decoration:none;
}

#footer-2 a:hover {
	color: #6a0000;
 
}

.rode-border {
	border: solid 1px;
}

img {
	border: none;
}
.product-titel {
	font-family:"Century Gothic";
	font-weight:bold;
}

.overzicht-prijs
{
text-align:right;
}

.overzicht-titel
{
	width:100%;
	font-family:"Century Gothic",serif;
	font-weight:bold;
}

.overzicht-afbeelding
{
	width:140px;
}

	
#product-titel{
	background:#000000;
	color:#ffffff; 
	}
img.product-foto{
	margin:15px;
	}



/* --- NIEUWE STIJL -- */

.aanbieding {
	float:left;
	margin-left:15px;
	margin-top:10px;
	background:url(images/bg-aanbiedingen.png) left top no-repeat;
	width:229px;
	height:166px;
}
.aanbieding-titel a {
	float:left;
	width:209px;
	text-align:right;
	padding-right:15px;
	height:34px;
	line-height:34px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.aanbieding-inner {
	float:left;
	margin-left:1px;
	width:223px;
	height:124px;
	font-size:11px;
	color:#000000;
	overflow:hidden;
}

.aanbieding-inner a {
	float:left;
	margin-left:1px;
	width:223px;
	height:124px;
	font-size:11px;
	color:#000000;
	overflow:hidden;
	text-decoration:underline;
}

.aanbieding-inner a:hover {
	text-decoration:none;
	color:#6a0000;
}

.aanbieding-inner img a {
	border:1px solid #7f0000;
}

