/* CSS standaard page  */

* { margin: 0px; padding: 0px;}  /* voor IE  */
html {} 
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #031829;
	background-color: #031829;
	scrollbar-track-color: #031829;
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color:#031829;
	scrollbar-highlight-color: #031829;
	scrollbar-shadow-color: #031829;
	scrollbar-darkshadow-color: #031829;
}
	
h1 { 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #000306;
	margin-bottom: 16px;}

h3 { 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #021220;
	margin-bottom: 16px;}

p { margin-bottom: 16px;}

ul { padding-left: 0px;
	list-style-position: inside;}
	
a:link, a:visited, a:active {
	font: 12px Verdana, Arial, Helvetica, sans-serif; color: #031829;
	text-decoration: none;}
	
a:hover { text-decoration: underline; color: #000306;}

img {border:0;}
/* hier onder de afwijkingen */

.rood {color: #FF0000}

/* CONTAINER  */
	
/* container style voor IE 5 Mac */
#container {
	position: absolute;
	margin-left: -380px;
	top: 20px; left: 50%;
	width: 760px; height: 430px;
	background-color: #84D4F9;}	 
/* container style voor overige browsers \*/	
#container {
	position: absolute;
	margin-left: -380px; margin-top: -215px; 
	top: 50%; left: 50%; 
	width: 760px; height: 430px;
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 760px; height: 430px;
	background-color: #84D4F9;}
/* einde IE 5 hack */

/* HEADER */
#header { 
	position: absolute; 
	left: 0; top: 23px;
	width: 760px; height: 52px;
	background-color: #2B719B;
	text-align: left;
	border-bottom: 2px solid #031829;
	border-top: 2px solid #031829;}	
	
#logo {
	position: absolute; 
	left: 39px; top: 0;
	width: 152px; height:52px;
	background-color: #2B719B;
}

/* CONTENT */
#content {
	position: absolute;
	left: 228px;
	top: 100px;
	width: 504px;
	height: 294px;
	font: 12px Verdana, Arial, sans-serif;
	color: #031829;
	text-align: left;
	overflow:auto;
	/* overflow:scroll;  */
	cursor: text;
	}	
	
#content ul { 
	list-style-type :square;
	list-style-position: inside;} 
	
#content li { 
	padding-left: 16px;} 

	
/* NAVIGATIE */
#nav {
	position: absolute;
	left: 60px;
	top: 100px;
	width: 134px;
	text-align: left;
}
	
a.nav, a.nav:link, a.nav:visited, .chosen {
display:block; 
width:130px; 
height:25px; 
background-color: #2B719B;
border:1px solid #031829; 
margin-top:2px; 
text-align:center; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#E0F4FE; 
line-height:25px; 
overflow:hidden;}
a.nav:hover {
color:#2B719B; 
background-color:#E0F4FE;}
a.nav:active, .chosen {
color:#123041; 
background-color:#E0F4FE;}		

/* FOOTER */
#footer { 
	position: absolute; 
	left: 0; top: 408px;
	width: 760px; height: 22px;
	background-color: transparent;
	text-align: left;
	border-top: 2px solid #031829;}	
	
p.footer {
	margin-left: 60px; /*228px;*/
	margin-top: 2px;}
	
#colofontekst {
	position: absolute;
	top:0; left: 228px;
	width: 400px;
	margin-top: 2px;
	visibility: hidden;}
#navigatieblok #navigatieblok{
display:block; 
width:130px; 
height:119px; /* 144 - 25 */
background-color: #84D4F9;
border:1px solid #031829; 
margin-top:2px; 
text-align:center; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#031829; 
line-height:25px; 
overflow:hidden;
}
#navigatieblok2, #navigatieblok3{
display:block; 
width:130px; 
height:90px; /* 144 - 27 -27*/
background-color: #84D4F9;
border:1px solid #031829; 
margin-top:2px; 
text-align:center; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#031829; 
line-height:25px; 
overflow:hidden;
}
#navigatieblok3{
height:32px; 
}
/* INDEX */	
#containerindex {
	position: absolute;
	margin-left: -380px;
	top: 20px; left: 50%;
	width: 760px; height: 430px;
	background-color: #84D4F9;}	 
/* container style voor overige browsers \*/	
#containerindex {
	position: absolute;
	margin-left: -380px; margin-top: -215px; 
	top: 50%; left: 50%; 
	width: 760px; height: 430px;
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 760px; height: 430px;
	background-color: #84D4F9;}
/* einde IE 5 hack */

#banner {
	position: absolute; 
	left: 0; top: 82px; 
	width: 760px; height: 103px;  /*107 - 4*/
	background-color: #2B719B;
	border-bottom: 2px solid #031829;
	border-top: 2px solid #031829;}
	
#logoindex {
	position: absolute;
	left: 228px;
	top: 0;
	width: 304px;
	height:103px;
	background-color: #2B719B;
}
	
#footerindex { 
	position: absolute; 
	left: 0; top: 408px;
	width: 760px; height: 22px;
	background-color: transparent; 
	text-align: center;
	border-top: 2px solid #000306;}	

#footerindex ul { 
	list-style-type: none;
	margin-left: 6px; margin-top: 2px;}
	
#footerindex li{ display: inline;}

#footerindex li a {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #031829;
	text-decoration: none;
	padding: 0px 25px;}  

#footerindex li a:hover { color: #652E7D;}

#logoindex {
left:228px;   /* 760- 304 = 456 /2  */}

/* CSS voor het FORMULIER */

#form {
	position: absolute; 
	left: 0px; top: 20px;
	width: 450px;height: 270px; 
	border: 1px dashed #000306;
	z-index: 4;}
#betreft{width:403px;}
#email{width: 281px;}  
#eigennaam{width: 350px;}  
#straat{width: 350px;}
#PC{width: 52px;}
#plaats{width: 268px;}
#land{width: 331px}
#telnr{width: 297px}
#form br {
	margin-bottom: 2px;
	}
input {	
color: #000306;	
background-color: #84D4F9;
}
input.txt {
	padding: 2px 0px;
	border: 1px solid #000306;
	margin-bottom: 2px;
}
input.submit {
	width: 100px;
	}
textarea {
	width: 400px;
	height: 64px;
	color: #000306;
	background-color: #84D4F9;
	padding: 2px 0px 0px;
	border: 1px solid #000306;
	margin-bottom: 2px;
}
/* extra dingen */
.style1 {color: #000066}