/* CSS Document */
@media screen{
body{
background-color:#EEEEEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin-top:-2px;
padding:0px;
margin:0px;
}
.table{
	position:absolute;
	margin-left:-380px; 
	left:50%;
	padding:0px;
	top:0px;
	text-align:left;
}
h1{
font-size:13px;
font-weight:bold;
}
h2{
font-size:13px;
font-weight:bold;
}


#navlist {
list-style:none;
padding-left: 20px;
padding-bottom:2px;
background-image:url(../images/arrow.gif);
background-position:top;
background-repeat:no-repeat;
background-position: 0.4em;
}
.navlist{
list-style:none;
padding-left: 20px;
padding-bottom:2px;
background-image:url(../images/arrow.gif);
background-position:top;
background-repeat:no-repeat;
background-position: 0.4em;
}
.rood{/*voor rode titels*/
color:#990000;
font-size:11px;
}
.rood a{
color:#990000;
}
#primnav{
background-color:#FFFFFF;
/*background-image:url(../images/primnav.gif);*/
top:0px;
background-position:left;
background-repeat:no-repeat;
/*background-position:top;*/
color:#FFFFFF;
font-weight:bold;
/*font-size:0.7em; met em hebt ge te veel verschil tss IE en FF, dus in px zetten*/
font-size:11px;
padding-left:0px;
padding-top:75px;
margin:0px;
border: 1px solid #666666;
}
#primnav a{
	display: block;
	
	margin: 0px 10px 10px 0px;
	padding: 1px 0px 0px 10px;
	color:#333333;
	text-decoration: none;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	background-color:#CCCCCC;
}
#primnav a:hover {
	background-color:#666666;
	color:#FFFFFF;
}
.primact{
	display: block;
	color:#333333;
	text-decoration: none;
	margin: -1px 0px 0px -10px;
	padding: 1px 0px 0px 10px;
	background-color:#666666;
	color:#FFFFFF;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#primnav a span{
display:none; 
/*anders staat de info altijd op de pagina zichtbaar, het moet alleen als je hovert*/
}
#primnav a:hover span{
/*IE*/
display:none;
position:relative;
left: 180px;
width: 100px;
z-index: 10;/*omdat het anders onder de foto van de secnav komt*/
color:#990000; font-weight:bold;
font: 0.8em Verdana, sans-serif; text-align: center;
/*padding: 0px 5px 0px 5px; */
/*margin: 10px;*/
}

body>table #primnav a:hover span{
/*FF   rode tekst bij hover prim nav*/
display: none;
position:relative; top: 0px; left:140px; width: 100px;
z-index: 100;
color:#990000; font-weight:bold;
font: 0.8em Verdana, sans-serif; text-align: center;
/*padding: 5px; margin: 10px;*/
}
#naam{/*---IE--- trucje om IE problemen te omzeilen*/
}
body>#naam{/*---FF---*/
}
#secnav{
background-color:#FFFFFF;
/*background-image:url(../images/tert_back.jpg);
background-position:top;
background-repeat:repeat-x;*/
color:#000000;
/*font-size:0.7em;*/
font-size:11px;
font-weight:bold;
padding-left:0px;
padding-top:18px;
border: 1px solid #666666;
}
#secnav a{
	display: block;
	margin: 0px 0px 3px 5px;
	padding: 0px 0px 0px 5px;
	color:#000000;
	text-decoration: none;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	background-color:#FFFFFF;
}
#secnav a:hover {
color:#CC0000;
}
.secact{
margin: 0px 0px 0px -5px;
padding: 0px 0px 0px 5px;
background-color:#666666;
color:#FFFFFF;
}
#secfoto{
position:relative;
top:-15px;
}
#data{
background-color:#FFFFFF;
background-image:url(../images/intro2.jpg);
background-repeat:no-repeat;
background-position:center;
font-size:10px;
margin-left:-1px;
border:1px solid #666666;
/*overflow: auto;
height:367px;*/
}
#datascroll{
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	/*border:1px solid #CCCCCC;*/
	/*-- srollbar eig --*/
	overflow:auto;
	height:359px;
	/*-- srollbar kleur --*/
	/*SCROLLBAR-FACE-COLOR:#FFFFFF;
	CURSOR: default; 
	SCROLLBAR-HIGHLIGHT-COLOR:#CCCCCC;
	SCROLLBAR-SHADOW-COLOR: #999999; 
	SCROLLBAR-3DLIGHT-COLOR: #666666; 
	SCROLLBAR-ARROW-COLOR:#333333;
	SCROLLBAR-TRACK-COLOR: #CCCCCC; 
	SCROLLBAR-DARKSHADOW-COLOR: #333333; 
	SCROLLBAR-BASE-COLOR: #999999; */
}
#data .link{ /*alle linken in data worden nu rood underlined*/
color:#990000;
text-decoration:underline;
}
.tab{/*tab is met hover pijltje, voor gewoen tab neem tab1*/
padding-left:40px;
margin-left:20px;
}
.tab1{
/*
Bij .tab hover komt er een pijltje bij als dat een link is,
voor alle veiligheid: daarom is .tab1 apart gemaak voor zinnen die getabed moeten worden zonder pijl
*/
padding-left:40px;
margin-left:20px;

}
.tab2{/*deze tab is voor de tekst op de homepage, is variant, tab1 heeft gewoon te weinig insprong, puur visuele reden. */
padding-left:40px;
margin-left:60px;

}
/*.tab a:hover{
list-style:none;
padding-left:15px;
background-image:url(../images/arrow.gif);
background-position:top;
background-repeat:no-repeat;
background-position:0.4em;/*Bepaald de afstand tss de arrow en de link zelf*/
}*/
.arrow{/*toont enkel het pijltje*/
list-style:none;
padding-left:15px;
background-image:url(../images/arrow.gif);
background-position:top;
background-repeat:no-repeat;
background-position:0.4em;
}
#tertnav{

background-color:#DFDBDB;
/*background-image:url(../images/tert_back.jpg);
background-position:left;
background-repeat:repeat-x;*/
height:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid;
border-bottom-color:#666666;
}
#tertnav a{
background-color:#FFFFFF;

font-size:0.9em;
border:1px solid #666666;
padding:0px 3px 0px 3px;
margin:0px -2px 0px 10px;
}
#tertnav a:hover{
background-color:#666666;
color:#FFFFFF;
}
#data .tertact{
background-color:#666666;
color:#FFFFFF;
}
#naam{/*---IE--- trucje om IE problemen te omzeilen*/
}
body>#naam{/*---FF---*/
}
#logo{

background-color:#FFFFFF;
color:#333333;
padding-left:0px;
border: 1px solid #666666;
}
#foto{
background-color:#FFFFFF;
border: 1px solid #666666;
left:-3px;
bottom:-3px;
}
.pamflet{
	border:none;}
#scrollbar{
	
	/*SCROLLBAR-FACE-COLOR: #336699; 
	CURSOR: default; 
	SCROLLBAR-HIGHLIGHT-COLOR: #4d8ec4; 
	SCROLLBAR-SHADOW-COLOR: #323232; 
	SCROLLBAR-3DLIGHT-COLOR: #111111; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #336699; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
	SCROLLBAR-BASE-COLOR: #789789; 
	*/
	
}
#europa{
border:1px solid #000000;
height:341px;
width:365px;
margin-left:30px;
margin-top:5px;

}
#design{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
vertical-align:top;
margin-right:0px;
}
#design a{
color:#999999;
}
.form{
font-size:13px;
}
.titel{
color:#990000;
font-size:16px;
}



}
/*--------------------------------------------------------------------------------------*/
@media print{
body{
background-color:#FFFF00;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin-top:-2px;
padding:0px;
margin:0px;
}
.table{
	position:absolute;
	margin-left:-380px; 
	left:50%;
	padding:0px;
	top:0px;
	text-align:left;
	border:0px;
}

#navlist{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li{
padding-left: 10px;
/*background-image: url(images/arrow.gif);*/
list-style-type:square;
background-repeat: no-repeat;
background-position: 0 .5em;
}
#primnav{
color:#FFFFFF
}
#primnav a{
color:#FFFFFF
}
#primnav a:hover {
color:#FFFFFF
}
#primnav a span{
display:none;
}
#primnav a:hover span{
display:none;
}
#secnav{
display:none;
}
#secnav a{
	display:none;
}
#secnav a:hover {
	display:none;
}

#data{
position:relative;
background-color:#FFFFFF;
font-size:0.7em;
margin-left:0px;

/*overflow: auto;
height:367px;*/
}
#tertnav{
display:none;
}
#tertnav a{
display:none;
}
#tertnav a:hover{
display:none;
}
#logo{
display:none;
}
#foto{
display:none;
}
#europa{
display:none;
}
#design{
display:none;
}
#design a{
display:none;
}
}