body {
background-color: #12679A;
background-image:url(/images/topleftbg.gif);
background-repeat:repeat-x;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0px;
margin:0px;
text-decoration:none;
}
a:link {color: #FFFFFF; font-weight: bold; text-decoration:none;}
a:visited {color:#FFFFFF; font-weight: bold; text-decoration:none;}
a:hover {color: #FFFFFF; font-weight: bold; 
text-decoration:underline;}
a:active { color:#FFFFFF; font-weight: bold; text-decoration:none;}

h1 {
font-size: 9px;
font-weight:lighter;
background-color: #12679A;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding:5px 0px 5px 18px;
letter-spacing:1px;
margin:0px }


h3 {
font-size: 11px;
font-weight:normal;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding:0px 18px 10px 18px;
line-height:16px;
margin:0px }


h2 {
font-size:15px;
font-weight: bold;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding: 40px 0px 0px 18px;
margin:0px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 880px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 



/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 147px #003366;  /* color of the left column  */ 
background-color: #12679A; /* color of the content column */
background-image:url(/images/contentbg.jpg);
background-repeat:no-repeat;
height:100%;
margin-top:-3px;
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:147px; 
 position:relative; 
 float: left;
 background-image:url(/images/menubg.gif);
 background-repeat:no-repeat;
 margin-left:-147px; 
 margin-right:0px;
 z-index:3;
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px;
z-index:1; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
border-left: solid 147px #003366;
clear:left;
padding:0px;
margin:0px;
text-align: center;
 } 

#popup {
background:none;
width:100%;
height:100%;
color:#FFFFFF; 
font:Verdana, Arial, Helvetica, sans-serif; 
background-color:#12679A;
padding-left:40px;
padding-top: 0px;

}

#winkelwagen {
position: relative;
width:127px; 
left: 8px;
top: 20px;
font-size: 10px;
}



.producten {

background-repeat:no-repeat; 
color:#FFFFFF; 
font:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
background-color:#003366;
vertical-align:top;
text-align:left;
}

.productgroepen {

background-repeat:no-repeat; 
color:#FFFFFF; 
font:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 

}

.tekst {
font-size: 11px;
font-weight:normal;
line-height:16px;
margin:0px;
}

.tekst a:link {
text-decoration:none;
color:#FFFFFF;
}
.tekst a:visited {
color:#FFFFFF;
}
.tekst a:hover {
color:#FFFFFF;
text-decoration:underline;
}
.tekst a:active {
color:#FFFFFF;
}

.terug {

background-image:url(/images/terug.jpg); 
background-repeat:no-repeat; 
padding-left:46px; 
color:#FF0000; 
font:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
font-style:italic;

}

.terug a:link {
color:#FF0000;
text-decoration:none;
}
.terug a:visited {
color:#FF0000;
}
.terug a:hover {
color:#FF0000;
}
.terug a:active {
color:#FF0000;
}

.input2-error {
	font-size: 9px;
	font-weight: normal;
	border: 1px solid #000000;
	background-color: #225588;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input2 {
	font-size: 9px;
	font-weight: normal;
	border: 1px solid #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.button {
	color:#000000;
	cursor:pointer;
	font-family: sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#F2F2F1;
	border:1px solid;
	border-top-color:#999999;
	border-left-color:#999999;
	border-right-color:#999999;
	border-bottom-color:#999999;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#F1F3FA');
}

.verplicht {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style:italic;
	color: #FFFF99;
	text-decoration : none;
}

.productgroepnaam {
font-size:12px;
font-weight: bold;
padding: 10px 0px 10px 0px;
letter-spacing:3px;
line-height:30px;
}

.productgroepnaam a:link {color: #FFFFFF; font-weight: bold; text-decoration:none;}
.productgroepnaam a:visited {color:#FFFFFF; font-weight: bold; text-decoration:none;}
.productgroepnaam a:hover {color: #FFFFFF; font-weight: bold; text-decoration:underline;}
.productgroepnaam a:active { color:#FFFFFF; font-weight: bold; text-decoration:none;}

.prijs {
font-size:10px;
font-weight:normal;
vertical-align:bottom;
}

.tekstzwart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.tekstzwart a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.tekstzwart a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.tekstzwart a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.tekstzwart a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}

.zwartelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
}
.zwartelink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.zwartelink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.zwartelink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}
.zwartelink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}