/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }
q:before, blockquote:before { content: ''; }
q:after, blockquote:after  { content: ''; }


/* site css */
html {
   
    font-family			: 'PT Sans',Arial, Verdana, Helvetica, schreefloos; 
    font-size			: 11pt;}

body {
	font-style			: normal;
	font-variant		: normal;
	font-weight			: normal;
	font-size			: 11pt;
	font-family			: 'PT Sans', Verdana, Arial, Tahoma; 
    color				: #191919;
    line-height			: 150%;
    background-image	: url(../images/headerachter.png);
    background-repeat	: repeat-x;
    background-color	: #55070e; 				
}
p { 
	padding-left		: 0px;	
	padding-bottom		: 11px;
	padding-right		: 25px;	
	font-size			: 11pt;
	font-family			: 'PT Sans', Verdana, Arial, Tahoma;
}
h1 { 
	padding-top			: 10px;
	padding-left		: 0px;
	padding-right		: 0px;
	padding-bottom		: 5px;
	font				: 14pt 'PT Sans Caption',Lucida Sans unicode,Lucida Grande;
	color				: #56070e;
	font-weight			: 400;
}
h2 { 
	padding-top			: 0px;
	padding-left		: 0px;
	padding-right		: 0px;
	padding-bottom		: 10px;
	font				: 12pt 'PT Sans Caption',Lucida Sans unicode,Lucida Grande;
	color				: #000000;
	font-weight			: 800;
}

#header {
	position			: relative;  
	height				: 425px;		
	overflow			: hidden;
	left				: 50%;	
    margin-left			: -490px;
	width				: 980px;
	top					: 0px;	
}
#topheader {
	position			: relative;
	width				: 980px;
	height				: 300px;
	overflow			: hidden;
	margin-top			: 125px;
	background-image	: url(../images/headerbehind.png);
    background-repeat	: no-repeat;
    background-color	: #ffffff;    
}
#photo {
	position			: absolute;  
	height				: 300px;
	width				: 670px;
	left				: 309px;
}
#logo {
	position			: absolute;  
	height				: 134px;
	width				: 238px;
	left				: 36px;
	top					: 20px;
}
#leus {
	position			: absolute;  
	height				: 70px;
	width				: 280px;
	left				: 14px;
	top					: 215px;
	font-size			: 11pt;
	text-align			: center;
	line-height			: 125%;
}
#heading {
	position			: absolute;  
	height				: 30px;
	width				: 600px;
	left				: 36px;
	top					: 65px;
	font-size			: 22pt;
	color				: #9f2914;
	text-shadow: 1px 1px 1px #777777;	
}
.heading {
	background-color: #eeeeee;
	font-size		: 10pt;
	width			: 560px;
	margin-top		: 5px;
}
.fotos {
	position	: relative;
	width	: 641px;
	min-height: 220px;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.foto {
	float : left;		
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #c6c6c6;
	text-align: center;
	margin: 3px;
}
.gast input {
	width: 195px;
} 
.tekstgast {
	padding-bottom	: 10px;
	font-size		: 11pt;
	width			: 560px;
}
#adres1 {
	position			: absolute;  
	height				: 20px;
	width				: 300px;
	left				: 700px;
	top					: 40px;
	font-size			: 10pt;	
}
#adres2 {
	position			: absolute;  
	height				: 30px;
	width				: 300px;
	left				: 700px;
	top					: 60px;
	font-family			: 'PT Sans', Verdana, Arial, Tahoma; 
	font-size			: 10pt;
	margin-top			: 5px;	
}
#adres3 {
	position			: absolute;  
	height				: 20px;
	width				: 300px;
	left				: 700px;
	top					: 90px;
	font-size			: 10pt;
	margin-bottom		: 10px;
}
#tel1 {
	float				: left;  
	height				: 30px;
	width				: 40px;
}
#tel2 {
	float				: left;   
	height				: 20px;
	width				: 180px;	
	font-size			: 14pt;
	font-family			: 'PT Sans Caption', Verdana, Arial, Tahoma;
	font-weight			: 700;	
}
/*#midden {
	position			: relative;
	width				: 100%;	
	min-height			: 300px;
	background-color	: #f3ddd1;
	overlay				: hidden;
}*/
#midden {
	position			: relative;
	width				: 100%;	
	min-height			: 300px;
	background-color	: #f3ddd1;
	overlay				: hidden;
}
#content {
	position			: relative;  
	min-height			: 300px;		
	overflow			: hidden;
	left				: 50%;	
    margin-left			: -490px;
	width				: 980px;
	top					: 0px;	
	background-color	: #ffffff;
}
#ommenu {
	position			: relative;
	width				: 980px;
	height				: 90px;
	background-image	: url(../images/achtermenu.png);
    background-repeat	: no-repeat;	
}
#categorie {
	position			: absolute;	
	top					: 50px;
	font-family			: 'PT Sans Caption', Verdana, Arial, Tahoma;
	font-weight			: 400;
	font-size			: 14pt;
	color				: #ffffff;
	text-align			: center;	
	width				: 309px;
}
#vlag {
	position			: absolute;	
	top					: 44px;
	left				: 910px;
	width				: 70px;
}
#categorierechts {
	position			: absolute;	
	top					: 50px;
	left				: 720px;
	font-family			: 'PT Sans Caption', Verdana, Arial, Tahoma;
	font-weight			: 400;
	font-size			: 14pt;
	color				: #ffffff;
	text-align			: center;	
	width				: 150px;
}

/*.actueel {
	float				: right;
	width				: 250px;
	font-size			: 9pt;	
	padding-bottom		: 5px;
	padding-right		: 5px;
	padding-top			: 10px;
	margin-left			: 5px;
	background-color: #f3ddd1;
}*/
.actueel {
	float				: right;
	width				: 250px;
	font-size			: 9pt;	
	padding-bottom		: 5px;
	padding-right		: 5px;
	padding-top			: 10px;
	margin-left			: 5px;
	border-left			: 1px solid #cccccc;
	border-bottom		: 1px solid #cccccc;	
}
.actueel ul {	
	margin			: 0;
	padding			: 0;
	padding-bottom	: 5px;	
	padding-top		: 5px;
}
.actueel ul li {
	padding-left	: 0px;
	padding-right	: 0px;
	line-height		: 125%;	
    list-style-type	: disc;
    margin-left		: 20px;       	
}
p.actueelinleiding {	
	padding-left	: 0px;
	margin			: 0;
	font-size		: 11pt;
	font-weight		: normal;
	padding-bottom	: 5px;
	padding-right	: 10px;
	line-height		: 1.4;
}
.actueelkop {
	padding-bottom	: 3px;
	font-weight		: bold;
}
#omheen {
	position			: relative;
	width				: 980px;
	background-color	: #ffffff;
	overflow			: hidden;
}
#links {
	float				: left;
	width				: 309px;
	min-height			: 200px;
}
.afblinks {
	position			: relative;
	width				: 300px;	
	margin-top			: 9px;
	margin-left			: 9px;
}
#rechts {
	float				: left;
	width				: 641px;
	margin-left			: 30px;
}
#rechtshome {
	float				: left;
	width				: 950px;
	margin-left			: 30px;
}
#footer {
	position			: relative;  
	height				: 288px;		
	overflow			: hidden;	
	width				: 100%;
	background-image	: url(../images/footerachter2.png);
    background-repeat	: repeat-x;	
}
#infooter {
	position			: relative;  
	height				: 125px;		
	overflow			: hidden;
	left				: 50%;	
    margin-left			: -490px;
	width				: 980px;
	top					: 0px;
	background-image	: url(../images/footerachter.png);
}
#footertext {
	position			: absolute;	
	top					: 70px;
	font-size			: 10pt;
	color				: #ffffff;
	text-align			: right;	
	width				: 970px;
}
#footerlogo {
	position			: absolute;  
	height				: 63px;		
	overflow			: hidden;
	left				: 822px;
	width				: 143px;
	top					: 5px;	
}
span.foot {
	color: yellow;
	padding-left		: 3px;
	padding-right		: 3px;
}
div.pics {
	width:  671px; 
    height: 300px; 
    padding: 0; 
    margin:  0;    
}
div.pics img{
	width:  671px; 
    height: 300px; 
    top:  0; 
    left: 0;
    z-index: 1;
}
a:link { color: #191919; text-decoration:underline;}
a:visited { color: #191919;text-decoration:underline;}
a:active{ color:#dd0000;text-decoration:underline;}	
a:hover{ color:#dd0000; text-decoration:none;}

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

#menu {
    width: 960px;
    height: 30px;
    font-size: 16px;
    color: #191919;
    font-family: 'PT Sans',"Lucida Sans unicode","Lucida Grande";    
    text-align: left;
    padding-left: 20px;
    padding-top: 4px;
    text-shadow: 2px 1px 2px #777777;       
}
#menu ul {    
    padding: 0px 0px;
    margin: 0px
}
#menu li { 
display: inline; 
}
#menu a.vmenus {
    text-decoration: none;
    color: #191919;    
    padding: 4px 8px 4px 8px;  
}
#menu a.vmenus:hover {
    color: #FF0000;    
}
#menu a.vmenusin {
    text-decoration: none;
    color: #FF0000;    
    padding: 4px 6px 4px 6px;   
}
#menu a.vmenusin:hover {
    color: #FF0000;    
}
#menu a.vmenusd {
    text-decoration: none;
    color: #191919;    
    padding: 4px 10px 4px 10px;  
}
#menu a.vmenusd:hover {
    color: #FF0000;    
}
#menu a.vmenusdin {
    text-decoration: none;
    color: #FF0000;    
    padding: 4px 6px 4px 6px;   
}
#menu a.vmenusdin:hover {
    color: #FF0000;    
}
ul.text {
	padding-bottom: 10px;
}
.text li {
	padding-left	: 0px;
	padding-right	: 40px;
	line-height		: 150%;	
    list-style-type	: disc;
    margin-left		: 40px;	
}
ul.text a:link{
	text-decoration	:none;
}
ul.text li a:hover{
	text-decoration	:none;
}ul.text li a:visited{
	text-decoration	:none;
}ul.text li a:active{
	text-decoration	:none;
}
.inputcontact {
	width: 240px; font-family: 'PT sans',arial, helvetica, sans-serif; height: 20px; font-size: 13px
}
.input {
	background-color: #ffffff; font-family: 'PT sans',arial, helvetica, sans-serif; height: 20px; font-size: 13px
}
.subnavheader {
	width			: 309px;
	overflow		: hidden;
	background-color: #ecb99c; /*#f3ddd1;*/
	padding-bottom	: 20px;	
	padding-top	: 10px;	
}
/* navigatie */

ul.subnav{
	margin-bottom	: 0px;
	margin-left		: 0px;
	list-style-type	: disc;
	list-style-position: outside;
	padding-left: 40px;	
}

/*.subnav li {
	display			: block;	
 for IE5 and IE6 */
}

.subnav {
	width			: 275px;
	margin			: 0 0 0 0;	
	padding-bottom	: 0px;
	padding-top		: 15px;
}
.subnav a {
	width			: 275px;	
	display			: block;
	text-align		: left;	
	line-height		: 150%;	
	padding-left	: 0px;
	color			: #191919;
	text-decoration	: none;
	font-weight		: normal;
	font-family		: 'PT Sans',"Lucida Sans unicode","Lucida Grande";
	font-size		: 16px;		
}
a.subnav_over:link {text-decoration:none; font-weight: bold;}
a.subnav_over:hover {color: #191919; text-decoration:none; font-weight: bold;}
a.subnav_over:visited {text-decoration:none; font-weight: bold;}

ul.subsubnav{
	margin: 0;
	padding: 0;
	list-style-type	: disc;
	list-style-position: outside;
	padding-left: 60px;	
}
.subsubnav {
	width			: 275px;
	margin			: 0 0 0 0;	
	padding-bottom	: 0px;
	padding-top		: 15px;
}
.subsubnav a {
	width			: 275px;	
	display			: block;
	text-align		: left;	
	line-height		: 150%;	
	padding-left	: 0px;
	color			: #191919;
	text-decoration	: none;
	font-weight		: normal;
	font-family		: 'PT Sans',"Lucida Sans unicode","Lucida Grande";
	font-size		: 16px;		
}
a.subsubnav_over:link {text-decoration:none; font-weight: bold;}
a.subsubnav_over:hover {color: #191919; text-decoration:none; font-weight: bold;}
a.subsubnav_over:visited {text-decoration:none; font-weight: bold;}

.subnav a:hover { color: #FF0000; text-decoration:none; font-weight: bold;}

ul.subnav li.active a:hover
{
	color: #FF0000; text-decoration:none; font-weight: bold; 
}
ul.subnav li.active a:link
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}		
ul.subnav li.active a:active
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}			
ul.subnav li.active a:visited
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}

.subsubnav a:hover { color: #FF0000; text-decoration:none; font-weight: bold;
}
ul.subsubnav li.active2 a:hover
{
	color: #FF0000; text-decoration:none; font-weight: bold; 
}
ul.subsubnav li.active2 a:link
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}		
ul.subsubnav li.active2 a:active
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}			
ul.subsubnav li.active2 a:visited
{
	color: #FF0000; text-decoration:none; font-weight: bold;
}
.omcat {
	position			: relative;	
	overflow			: hidden;
	margin-top			: 10px;
	width				: 680px;
	margin-left			: 0px;
}
.omcategorie{
	width			: 330px;
	height			: 410px;
	margin-right	: 7px;
	margin-top		: 0px;	
	margin-bottom	: 10px;	
	float			: left;
}
.categorie {	
	width			: 330px;
	height			: 410px;
	margin-right	: 5px;
	margin-top		: 0px;	
	margin-bottom	: 10px;	
	position: relative;		
}
.productgroepheader {
	position		: absolute;	
	width			: 330px;
	height			: 41px;
	background-image: url(../images/achtergroep.png); background-repeat: repeat-x;
	text-align		: center;
	font-size		: 15pt;
	color			: #FFFFFF;
	padding-top		: 7px;
}
.eromheen {	
    background-color: #ffffff;
    border-bottom	: 1px solid #bfbfbf;
    border-left		: 1px solid #bfbfbf;
    border-right	: 1px solid #bfbfbf;
    height			: 135px;
    top				: 253px;
    width			: 308px;
    padding			: 10px;    
    position		: absolute;
}
.eromheen p {
	font-size		: 11pt;
	line-height		: 1.25;
	padding-right	: 10px;
}
.productgroepafbeelding {
	position         : absolute;
	top				: 35px;
	width			: 328px;
	height			: 220px;
	text-align		: left;
	border-left		: 1px solid #bfbfbf;
    border-right	: 1px solid #bfbfbf;	
}
.pijl {
	position        : absolute;
	top				: 0px;
	left			: 278px;	
}
.boxfooter {
	position        : absolute;
	top				: 404px;
	background-color: #cccccc;
	height			: 6px;
	width			: 330px;
	left			: 1px;
}
.radiobutton {
	margin			: 0;
	padding			: 0;
}
.checkbox {
	margin			: 0;
	padding			: 0;
	margin-top		: 5px;
}
.submit {
	width			: 90px;
	font-size		: 9pt;	
}
select {	
	font-size		: 9pt;
	width			: 90px;
}
.tekst { height: 10px; text-align: center; color: #000000; font-family:  Arial,Lucida Sans, Tahoma, Helvetica, sans-serif;  font-size: 8pt;
}
td.tekst { height: 10px; text-align: center; color: #000000; font-family:  'PT sans',Arial, Lucida Sans, Tahoma, Helvetica, sans-serif;  font-size: 9pt; background-color: #ffffff;
}
table.maand {
	border-spacing: 0px; border-collapse: separate; border-left: 1px solid #afafaf;; border-bottom: 1px solid #afafaf; margin-top: 0px;
}
table.maand td {
	padding: 2px;	
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	text-align: center;	
}table.monitor{
	border-collapse: separate;	border-spacing: 8px;
}
.omheen {
	border-collapse: separate;	border-spacing: 5px;
}
td.grachter {
width: 20px; height: 20px;  background-color: #6f8f21; 
}
td.rachter {
width: 20px; height: 20px;  background-color: #c10808; 
}
.groen { width: 10px; height: 10px; text-align: center; background-color: #6f8f21;  color: #FFFFFF; font-family:  'PT sans',Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;  font-size: 9pt;
}
.rood { width: 10px; height: 10px; text-align: center; background-color: #c10808;  color: #FFFFFF; font-family:  'PT sans',Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;  font-size: 9pt; 
}
.wit { width: 10px; height: 10px; text-align: center; background-color: #f2f2f2;  color: #191919; font-family:  'PT sans',Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;  font-size: 9pt; 
}
table.prijzen {
	border-spacing: 0px; border-collapse: separate; border-right: 1px solid #afafaf;; border-bottom: 1px solid #afafaf; margin-top: 15px; width: 90%;
}
table.prijzen td {
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 10pt;
	
}
table.omgeving td {
	padding: 5px;	
	vertical-align: top;	
}
table.omgeving td p{		
	font-size: 10pt;
	padding-bottom: 5px;		
}
strong.kop{
	color: #56070e;
}
div.fiets {
	position: relative;
	width: 600px;
	height: 90px;
}