@import url('StartMenu.css');
@import url('SiteMenu.css');
body {
margin: 0px;
padding: 0px;
background:url(/images/bg.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#nav {
display: inline;
z-index: 99;
margin: 0px;
padding: 0px;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 99;
float: left;
}
  
#nav li {
display: inline;
float: left;
min-width: 116px;
position: relative;
text-align: left;
z-index: 99;
}
  
#nav li ul {
display: none;
position: absolute; 
top: 19px;
left: 0;
z-index: 999;
}

#nav li > ul {
top: auto;
left: auto;
z-index: 99;
}

#nav li:hover ul, li.over ul{ 
display: block;
z-index: 99;
}

a {
text-decoration: underline;
color: #003399;
}

a.hover {
text-decoration: underline;
color: #cedeff;
}

hr {
width: 100%;
border: 0px; 
height:0px; 
border-top:1px solid #000066;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 18px;
color: #000066;
padding: 0px;
margin: 0px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000066;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
color: #000066;
}

form {
margin: 0px;
padding: 0px;
}

p.ondertitel {
font-size: 12px;
color: #000066;
padding: 0px;
margin: 15px 0px 0px 15px;
}

a.sitemenuitems {
margin: 0px 25px 0px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
text-decoration: none;
display: inline;
vertical-align: middle;
}

a.submenu {
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
text-decoration: none;
}

a:hover.submenu {
text-decoration: underline;
}

a.submenurechts {
padding: 0px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #003399;
text-decoration: none;
display: block;
}

a:hover.submenurechts {
text-decoration: underline;
}

a.downloaditems {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003399;
text-decoration: none;
}

a.bannertekst {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
}

.rechtskop {
width: 200px;
height: 20px;
background: #003399;
}

.kop {
margin: 0px 25px 0px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
text-decoration: none;
display: inline;
vertical-align: middle;
}

.banneritems {
width: 198px;
height: 97px;
margin-bottom: 10px;
display: block;
text-align: center;
vertical-align: middle;
}

.zoeken {
width: 200px;
display: block;
margin: 5px 0px 10px 0px;
padding: 1px 0px 3px 0px;
background: #003399;
text-align: center;
vertical-align: middle;
}

	.results {
	padding: 5px;
	margin: 0px;
	}
	
	.results:hover {
	background: #cedeff;
	}
	
	h3.results {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	}

.acties {
width: 100%;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #003399;
border-left: 1px solid #003399;
border-top: 1px solid #003399;
background: #cedeff;
}

.acties td {
border-right: 1px solid #003399;
border-bottom: 1px solid #003399;
}

a.acties {
color: #00008B;
text-decoration: none;
background: none;
border: none;
}

a:hover.acties {
color: blue;
text-decoration: none;
background: none;
border: none;
}

.contactitems {
padding: 5px 3px 5px 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 18px;
color: #003399;
display: inline;
}

.gallery {
position: relative;
width: 666px;
display: block;
}

a.gallerybuttons {
text-decoration: none;
font-weight: bold;
color: #003399;
display: inline;
}

a.gallerybuttons:hover {
text-decoration: none;
font-weight: bold;
color: #cedeff;
display: inline;
}

.gallerybuttons {
margin-top: 10px;
position: relative;
width: 666px;
display: block;
text-align: center;
}

.foto {
margin: 2px;
padding: 5px;
width: 150px;
height: 120px;
display: inline;
float: left;
border: 1px solid #003399;
text-align: center;
vertical-align: middle;
}

#frame {
width: 900px;
background: white;
border: 1px solid #003399;
display: table;
vertical-align: top;
text-align: left;
}

#talen {
height: 30px;
width: 900px;
text-align: right;
}

#wksong
	{
	float: left;
	}

#links {
position: relative;
top: 0px;
width: 696px;
float: left;
}

#sitemenu {
position: relative;
width: 696px;
height: 20px;
background: #003399;
margin: 0px;
padding: 0px;
z-index: 666;
}

#header {
width: 696px;
height: 132px;
}

#hoofdmenu {
position: relative;
width: 100%;
z-index: 99;
}

#pagimages {
position: relative;
float: right;
width: 190px; 
margin-left: 5px; 
}

#inhoud {
position: relative;
width: 666px;
margin: 14px;
padding-bottom: 15px;
font-family: Verdana, San-Serif;
font-size: 12px;
color: #003399;
overflow-x: hidden;
}

#rechts {
position: relative
width: 200px;
float: right;
}

#nieuws {
position: relative;
height: auto;
width: 190px;
padding: 5px;
margin-bottom: 5px;
background: #cedeff;
}

#downloads {
position: relative;
height: auto;
padding: 5px;
margin-bottom: 5px;
background: #cedeff;
}

#submenurechts {
position: relative;
height: auto;
padding: 5px;
margin-bottom: 5px;
background: #cedeff;
display: block;
}

#banners {
width: 198px;
height: auto;
margin: 1px;
display: block;
}

#contact {
display: block;
}


a.navig {
color: white;
text-decoration: none;
z-index: 999;
}

a:hover.navig {
text-decoration: underline;
z-index: 999;
}

.sitemenuitems {
float: left;
display: inline;
padding: 2px 25px 0px 5px;
color: white;
z-index: 999;
}

.menu {
float: left;
display: inline;
width: 116px;
padding: 2px 0px 2px 0px;
}

.site_menu {
float: left;
display: inline;
color: white;
padding: 2px 0px 2px 0px;
}

.submenu {
position: absolute;
width: 116px;
top: 17px;
right: inherit;
display: none;
padding: 3px 0px 3px 0px;
}

.sitesubmenu {
position: absolute;
width: 200px;
top: 17px;
right: inherit;
display: none;
padding: 3px 0px 3px 0px;
z-index: 999;
}

.subsublink {
width: 106px;
float: left;
}

.subsitelink {
width: 140px;
float: left;
}

.subsubmenu {
position: absolute;
left: 116px;
top: inherit;
width: 190px;
min-width: 190px;
display: none;
}

.menuitem {
width: 100%;
padding: 2px 5px 2px 5px;
float: left;
display: table;
}

.sitemenuitem {
width: 100%;
padding: 2px 5px 2px 5px;
float: left;
display: table;
}

.breadcrumbs {
width: 100%;
padding-bottom: 5px;
}


.aanvraag {
position: relative;
display: table;
width: 470px;
margin: 10px auto 10px auto;
padding: 10px;
border: 1px solid #cedeff;
}

.aanvraag_regel {
	position: relative;
	display: table;
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	background: #003399;
	}

.aanvraag_label {
float: left;
display: inline;
width: 200px;
padding: 2px;
cursor: default;
font-weight: bold;
background: #003399;
color: #cedeff;
}

.aanvraag_label:hover {
background: #cedeff;
color: #003399;
cursor: default;
}

.regel {
display: inline;
float: left;
width: 100%;
padding: 2px;
font-family: Verdana;
}

.label {
width: 200px;
float: left;
display: inline;
font-family: Verdana;
}

input {
padding: 1px;
font-size: 11px;
color: #003399;
border: 1px solid #003399;
}

select {
width: 250px;
padding: 1px;
font-size: 11px;
color: #003399;
border: 1px solid #003399;
}

.normal {
	width: 250px;
	background: #cedeff;
	}

.normal:hover {
	border: 1px solid #cedeff;
	background: #003399;
	color: #cedeff;
	}
	
	.normalbad {
		width: 250px;
		border: 1px solid red;
		background: #FFFF99;
		}


.textnormal {
width: 250px;
height: 50px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003399;
border: 1px solid #003399;
background: #cedeff;
}

.small {
width: auto;
height: auto;
border: none;
background: #cedeff;
}

.small:hover {
	border: 1px solid #cedeff;
	background: #003399;
	color: #cedeff;
	}

.kwart {
width: 75px;
background: #cedeff;
}

.kwart:hover {
	border: 1px solid #cedeff;
	background: #003399;
	color: #cedeff;
	}
	
	.kwartbad {
		width: 75px;
		border: 1px solid red;
		background: #FFFF99;
		}

.driekwart {
width: 168px;
background: #cedeff;
}

.driekwart:hover {
	border: 1px solid #cedeff;
	background: #003399;
	color: #cedeff;
	}

	.driekwartbad {
		width: 168px;
		border: 1px solid red;
		background: #FFFF99;
		}

.submit {
width: auto;
height: auto;
background: #cedeff;
border: 1px solid #003399;
color: #003399;
}

.submit:hover {
	background: #003399;
	border: 1px solid #cedeff;
	color: #cedeff;
	}