html, body { padding: 0; margin: 0; font: normal 11px verdana; line-height: 15px; color: #40659B; height: 100%; background: url(../images/background.gif) repeat-y; background-position: center; }

#container {
	width: 775px;
	height: auto;
	margin: auto;
	}

.header {
	height: 108px;
	width: 775px;
	background: url(../images/header.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	}


#links {
	width: 210px;
	height: 100%;
	float: left;
	margin-right: 4px;
	}
		
			#nav {
					font-size: 10px;	
					font-family: arial;
					float: left;
					position: relative;
					z-index: 2;
					}
				
				ul#nav, ul {
					margin: 0;
					padding: 0;
					list-style: none;
					width:200px;
				}
				ul#nav li {
					position: relative;
					width:200px;
					float:left;
					clear:left;
				}
				
				#nav li ul {
					position: absolute;
					top: 0;
					margin-left:-999em;
					min-height:0;
				}
				/* Styles for Menu Items */
				ul#nav li a {
					display:block;
					text-decoration: none;
					color: #fff;
					background: #40659B; /* IE6 Bug */
					line-height:2em;
					height: 18px;	
					padding:2px 10px 2px 10px;
					width:190px;
					border: 1px solid #fff;
					border-top:none;
					border-left: none;
				}
				* html ul#nav a {
					width:200px;	
					w\idth:190px;
				}
				
				/* this sets all hovered lists to red */
				#nav li:hover a,#nav li.over a,
				#nav li:hover li a:hover,#nav li.over li a:hover {
				   color: #93C4AD;
				   background-color: #5C84A6;
				}
				
				/* set dropdown to default */
				#nav li:hover li a,#nav li.over li a {
				    color: #fff;
				   background-color: #5C84A6;
				}
				#nav li ul li a {  } /* Sub Menu Styles */
				#nav li:hover ul,#nav li.over ul { margin-left:210px; border-left: 1px solid #fff;} 

.column {
	width: 195px;
	background: #93C4AD;
	padding: 5px;
	margin-left: 4px;
	margin-top: 10px;
	}

.column img {
	margin-left: 10px;
	border: 2px solid #C7003E;
	}
	
.column a {
	color: #C7003E;
	}

#content {	
	width: 553px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	float: left;
	}
	
#content ul {	
	list-style: disc;
	margin: 0px;
	padding: 0px;
	}
	
#content ol {	
	color: #c7003e;
	}

#clearer ul.nummers {
	list-style: decimal;
	}
	
.clearer {
	clear: both;
	}

#titel {
	background: url(../images/titel.jpg);
	width: 553px;
	height: 50px;
	margin-bottom: 15px;
	padding: 0px;
	}
	
#titel-hoog {
	background: url(../images/titel.jpg);
	width: 553px;
	height: 70px;
	margin-bottom: 15px;
	padding: 0px;
	}

h1 {
	font: bold 23px arial;
	color: #fff;
	padding: 10px 15px;
	margin: 0px;
	}
	
h1 b {
	font: bold 23px arial;
	font-style: italic;
	color: #c7003e;
	}
	
#content img {
	border: 2px solid #40659B;
	margin-right: 10px;
	}
	
p {

	line-height: 15px;
	}
	
.plattetekst {

	line-height: 15px;
	}
	
.plattetekstkop {
	font-weight: bold;}

.plattetekst-zwart-vet {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	}
	
.plattetekst-zwart-klein {
	color: #000000;
	font-style: italic;
	font-size: 9px;
	}

.plattetekst-zwart {
	color: #000000;
	font-style: italic;
	}

.koplijst {
	color: #c7003e;
	font-weight: bold;
	}
	
.lijst {
	color: #c7003e;
	}

.roodtabel {
	border: 1px solid #c7003e;
	margin: 5px;
	padding: 5px;
	}

.celtekst {
	padding: 15px;
	}

.tabeltekst {
	color: #fff;
	}

#content a {
	color: #c7003e;
	}
	
#content ul {
	list-style: inherit;
	color: #c7003e;
	padding-left: 40px;
	width: 500px;
	line-height: 15px;
	}
	
h2 {
	font: bold 11px verdana;
	margin-left: 5px;
	color: #c7003e;
	margin-bottom: 5px;
	}

.platrood {
	color: #c7003e;
	}	
	
.img {
	float: right;
	margin: 5px;
	}
	
#content ul.margin li {
	width: 350px;
	}
	
#content ul.margin {
	width: 350px;
	}
	
	
											#content #topfoto {
												width: 264px;
												height: 300px;
												background: url(../images/topfoto-links.jpg);
												background-position: center;
												float: left;
												margin-top: -15px;
												}
																							
											#content #intro {
												float: left;
												width: 264px;
												margin-left: 10px;
												padding: 0px;
												}
												
											#webtitel {
												height: 25px;
												margin: 0px;
												width: 552px;
												background: url(../images/titel.jpg);
												position: relative;
												}
												
											#webtitel h1 {
												font: bold 16px verdana;
												text-align: center;
												margin: 0px;
												color: #fff;
												padding-top: 2px;
												}
												
											#content ul#webnav {
												width: 553px;
												background: #a0cdbb;
												list-style: none;
												padding: 0px;
												margin: 0px;
												margin-bottom: 10px;
												position: relative;
												overflow: auto;
												z-index: 1;
												}
												
											#content ul#webnav li a {
												color: #40659B;
												}
												
											#content ul#webnav li a {
												width: 264px;
												height: 22px;
												display: block;
												text-decoration: none;
												color: #40659B;
												padding-top: 5px;
												padding-left: 10px;
												border: 1px solid #40659B;
												vertical-align: middle;
												}
											
											#shoplinks {
												width: 191px;
												height: 100%;
												float: left;
												margin-top: -10px;
												padding: 0px;
												background: #a0cdbb;
												}
												
											#shoplinks ul#webnav2 {
												width: 191px;
												font-size: 9px;
												background: #a0cdbb;
												color: #40659B;
												list-style: none;
												padding: 0px;
												margin: 0px;
												}
												
											#shoplinks ul#webnav2 li a {
												height: 22px;
												display: block;
												text-decoration: none;
												color: #40659B;
												padding-top: 5px;
												padding-left: 10px;
												border: 1px outset #a0cdbb;
												vertical-align: middle;
												}
												
											#webnav2 li a {
												width: 180px;
												}
											
											#winkelwagen-klein {
												background: #fff;
												border: 1px solid #40659B;
												margin-top: 20px;
												margin-left: 3px;
												}
											
											#content table a.winkelwagen {
												padding: 3px;
												color: #fff;
												text-align: center;
												background: #40659B;
												}
											
											li.float { /* in firefox, onmousedown a selection is drawn around the float making them all line up in the first column only  */
												float: left;
												overflow: hidden;
												}
											li.float, { /* IE is oke, and needs float: visible or else hides several floats */
												overflow: visible;
												}
												
																							
											li.float a:hover, li.float a.over  {
												border: 1px inset #a0cdbb;
												}
												
											.klik {
												background: url(../images/klikhier.gif) no-repeat;
												height: 130px;
												width: 136px;
												color: #fff;
												font-weight: bold;
												padding-top: 35px;
												padding-left: 5px;
												margin-left: 10px;
												}												
																					
											.verloop {
												width: 191px;
												height: 150px;
												background: url(../images/verloop.jpg);
												}
																			
											#artikelen {
												float: left;
												margin-left: 5px;
												margin-top: -10px;
												margin-bottom: 16px;
												height: 100%;
												width: 355px;
												}
												
											fieldset {
												margin: 0px;
												padding: 0px;
												border: 0px;
												}

											#artikelen .submit {
												margin: 0px 10px;
												}
												
											#artikelen h4 {
												font: bold 16px verdana;
												text-align: center;
												background: url(../images/titel.jpg);
												height: 25px;
												width: 355px;
												margin: 0px;
												color: #fff;
												padding-top: 2px;
												}
												
											table#artikel {
												clear: both;
												position: relative;
												margin-top: 20px;
												padding-top: 10px;
												border-top: 1px solid #a0cdbb;
												}
												
											table#artikel p {
												margin-top: 0px;
												margin-left: 0px;
												}
												
											table#artikel td.artitel {
												font: bold 12px verdana;
												}
												
											table#artikel a img {
												border: 1px solid #fff;
												margin-left: 10px;
												}
									
											table#bestelverloop td {
												border-bottom: 1px solid #40659B;
												}
												
											table#bestelverloop td.current {
												border-bottom: 5px solid #a0cdbb;
												}
									
											table#winkelwagen img {
												border: none;
												margin-left: 5px;
												}
								
											table#winkelwagen tr.titelbalk td {
												font-weight: bold;
												font-size: 12px;
												margin-bottom: 10px;
												border-bottom: 1px solid #a0cdbb;
												}
												
											table#winkelwagen tr.totaal td {
												font-weight: bold;
												font-size: 12px;
												margin-bottom: 10px;
												}
																							
											table#gegevens {
												border: 1px solid #a0cdbb;
												width: 400px;
												margin-left:20px;
												margin-top: 0px;
												padding-top: 0px;
												margin-bottom: 20px;
												}
												
											table#gegevens tr {
												padding-left: 10px;
												}
											
											table#gegevens-nieuw th {
												margin-top: 0px;
												}
																						
											table#controle {
												width: 550px;
												border: 1px solid #a0cdbb;
												}
												
											table#factuur img {
												border: none;
												}
												
											td.lijn-top {
												border-top: 1px solid #a0cdbb;
												height: 20px;
												}
												
											td.lijn-dubbel {
												border-top: 1px solid #a0cdbb; 
												}
												
											td.lijn-enkelvet {
												border-top: 1px solid #a0cdbb; 
												border-bottom: 3px solid #a0cdbb;
												}
												
											td.lijn-dubbelvet {
												border-top: 3px solid #a0cdbb; 
												border-bottom: 3px solid #a0cdbb;
												}
												
											input {
												background: #40659B;
												color: #fff;
												}
												
											input.invullen {
												background: #fff;
												color: #000;
												}
												
											input.update {
												background: #a0cdbb;
												color: #40659B;
												height: 20px;
												margin-right: 10px;
												font-style: normal;
												font-weight: normal;
												font-size: 11px;											
												padding-left: 2px;
												padding-right: 2px;
												}
												
											input.invoer {
												background: #fff;
												color: #000;
												width: auto;
												border: 1px solid #7f9db9;
												}
											input.fieldError {
												border: 1px solid #b7013a;
												}