/*CSS BASIS Document*/
/* ONDERDELEN

Gebruikte kleuren 
blauw #003875
oranje #F58220


*/
html {overflow-y: scroll;}

html, body { height:100%; background-color: #831216; font-family: verdana; background-repeat:repeat-y; background-position:center;}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { margin:0; color:#003875; font-size:100%; }

/* sitewide weergave van links */
a:link,a:visited  {color:#831216; text-decoration:none;}
a:hover {color:#831216; text-decoration: none;}


.ata { color:#971b1e; font-size:16px; font-family:Arial;}
.fata { color:#ffffff; font-size:12px; font-family:Arial;}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container { position:relative; background-color: #FFFFFF; top:0px; color: #666666;left:0px;margin-left:auto; margin-right:auto; width:750px; height: 720px;}
#container-langer{ position:relative; background-color: #FFFFFF; top:0px; color: #666666;left:0px;margin-left:auto; margin-right:auto; width:750px; height: 830px;}

#container-noglanger{ position:relative; background-color: #FFFFFF; top:0px; color: #666666;left:0px;margin-left:auto; margin-right:auto; width:750px; height: 1000px;}

#container_algemeen{ position:relative; background-color: #FFFFFF; top:0px; color: #666666;left:0px;margin-left:auto; margin-right:auto; width:750px; height:2130px;}


#footer { position:absolute; top:695px; left:0px; height:25px; width:735px; text-align:right; line-height:25px; color:#000000; font-size:10px; font-family:Verdana;}

#footer-langer { position:absolute; top:805px; left:0px; height:25px; width:735px; text-align:right; line-height:25px; color:#000000; font-size:10px; font-family:Verdana;}

#footer-noglanger { position:absolute; top:975px; left:0px; height:25px; width:735px; text-align:right; line-height:25px; color:#000000; font-size:10px; font-family:Verdana;}

#footer-algemeen  { position:absolute; top:2105px; left:0px; height:25px; width:735px; text-align:right; line-height:25px; color:#000000; font-size:10px; font-family:Verdana;}

#footer-algemeen a:link, #footer-algemeen a:visited,#footer a:link, #footer a:visited, #footer-langer a:link, #footer-langer a:visited {line-height:25px; color:#000000; font-size:10px; font-family:Verdana;}

#footer-algemeen a:hover,#footer a:hover, #footer-langer a:hover {line-height:25px; color:#831216; font-size:10px; font-family:Verdana;}

#logo {
	position:absolute;
	top:47px;
	left:574px;
	height:38px;
	width:176px;
	background-color:#0254A6;
	z-index:6;
} 
#vlag {
	position:absolute;
	top:3px;
	left:586px;
	height: 25px;
	text-align:right;
	line-height:22px;
	width: 150px;
	border:0;
	
}

#vlag a.actief:link, #vlag a.actief:visited, #vlag a.actief:hover {border: 0px;
	border-color:#FFFFFF; text-decoration:none;}


#navigatie {
	position:absolute;
	top:0px;
	left:20px;
	height: 25px;
	text-align:right;
	width: 600px;
}
#navtab { position:relative; top:0px; left:0px; float:left; padding:0px 5px 0px 5px; font-size:12px; line-height:25px;}
#navtab a:link, #navtab a:visited{ color:#000000; font-size:12px; font-family:Verdana; line-height:25px; text-decoration:none; height:25px;font-weight:normal;}
#navtab a:hover { color:#831216; text-decoration:none;font-weight: normal;}

#navtab a.actief:link, #navtab a.actief:visited, #navtab a.actief:hover{ color:#831216; text-decoration:none;}

#headerimg {position:absolute; top:25px; left:15px; height: 250px; width:720px;}

#content { position:absolute; top:290px; left:15px; width:340px; min-height:385px;   height:auto !important; height:385px; z-index:4;}
#roodvlak {position:absolute; top:275px; left:375px; height:175px; width:360px; background-color:#831216; z-index:3;font-size:12px;}
#roodvlaktekst {position:absolute; top:280px; left:375px; height:150px; width:320px;color: #ffffff ;padding:20px;font-size:12px;z-index:4;}
#roodvlak2 {position:absolute; top:275px; left:375px; height:190px; width:360px; background-color:#831216; z-index:3;font-size:12px;}


  
#tekst-index {position:absolute;top:280px;left:10px;min-height:365px;height:auto !important;line-height:20px;height:385px;	width:715px;padding:20px;color: #666666 ;font-size:12px;padding-left:15px;padding-right:5px;z-index:5;}

#tekst-index-links{position:absolute;top:280px;left:10px;min-height:365px;height:auto !important;line-height:20px;height:385px;	width:310px;padding:20px;color: #666666 ;font-size:12px;padding-left:15px;padding-right:5px;z-index:5;}

#tekst-index-rechts{position:absolute;top:280px;left:375px;min-height:365px;height:auto !important;line-height:20px;height:385px;	width:310px;padding:20px;color: #666666 ;font-size:12px;padding:20px;z-index:5;}


  
    
h1 { color:#831216; margin:0px; padding:10px 0px 10px 0px;  font-size:18px; width:350px; }
p {margin:0px; padding:0px; color:#003875;  font-size:12px; line-height:14px;  width:475px; }


ul { padding:0px 0px 0px 25px; margin:0px;}
td,tr,table {color:#003875;  font-size:100%; vertical-align:top;}

.dot { font-size:14px;  font-weight:bold; color:#FFFFFF;}

.strong {color:#831216 ; font-size:12px; font-family: verdana;line-height:20px;}
.rood {color:#831216; font-size:12px; font-family:Verdana;line-height:20px; font-weight:bold;}

.roodvlak { color:#FFFFFF; font-size:12px; font-family:Verdana; line-height:20px; background-color:#831216;}

#tekst-roodvlak{
	position:absolute;
	top:275px;
	left:15px;
	background-color:#831216;
	width:325px;
	z-index:2;
}

input.field
{

}
textarea.s1, input.s1
{
	
}
textarea.fieldw, input.fieldw
{

	border:1px solid #FF0000;
}