html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 0;padding: 0;}
a, a:hover {color: #000000;}
a:hover {text-decoration: none;}
body, textarea, input {color: #000000;font: 11px/16px Arial;}
img {border: 0;}	
p {margin: 0;padding: 0;}

/*
---------------------------------------------------------------------------
Float Fix
--------------------------------------------------------------------------- 
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 
*/	

/*
---------------------------------------------------------------------------
Globale layout
--------------------------------------------------------------------------- 
*/
* { margin: 0; }

html{
/*background:url(/img/visuals/visual-standaard.jpg) no-repeat center 151px #fff;*/
}
body{
background:url(/img/achtergronden/body-bg.gif) repeat-x 0 0;
overflow-x:hidden;
}

html, body  {
height: 100%;
}

.Canvas{
min-height: 100%; /* Safari Hack */
height: auto !important; /* IE6 Hack*/
height: 100%;
margin: 0 auto -80px;
width: 993px;
position: relative;
}

.Header{
width:993px;
height:135px;
position:relative;
}

.Logo{
position:absolute;
top:10px;
left:98px;
width:57px;
height:78px;
}
.Logo a{
display:block;
width: 135px;
height: 70px;
background:url(/img/algemeen/logo.gif) no-repeat 0 0;
}
div.TopNavigatie{
position:absolute;
top:9px;
left:691px;
width:240px;
height:11px;
}
div.TopNavigatie ul.TopNavigatie{
width:240px;
height:11px;
}
ul.TopNavigatie, ul.TopNavigatie li{
list-style-type:none;
margin:0;
padding:0;
}
ul.TopNavigatie li{
float:left;
}
ul.TopNavigatie li a{
display:block;
height:15px;
text-indent:-9999px;
}
ul.TopNavigatie li a.Home{
width:47px;
background:url(/img/navigatie/but-top-home.gif) no-repeat 0 0;
}
ul.TopNavigatie li a.Contact{
width:58px;
background:url(/img/navigatie/but-top-contact.gif) no-repeat 0 0;
}
ul.TopNavigatie li a.Sitemap{
width:61px;
background:url(/img/navigatie/but-top-Sitemap.gif) no-repeat 0 0;
}
ul.TopNavigatie li a.Inloggen{
width:48px;
background:url(/img/navigatie/but-top-Inloggen.gif) no-repeat 0 0;
}
ul.TopNavigatie li a.English{
width:48px;
background:url(/img/navigatie/but-top-English.gif) no-repeat 0 0;
}

div.TopZoek{
position:absolute;
top:32px;
left:691px;
width:233px;
height:18px;
}
div.TopZoek div, div.TopZoek input, div.TopZoek a{
float:left;
}
div.TopZoek div.TopZoekKop{
width:50px;
height:18px;
background:url(/img/navigatie/kop-top-zoek.gif) no-repeat 0 0;
}
input.TopZoekInput{
width:144px;
height:14px;
background-color: #383838;
border: 1px solid #3a3a3a;
border-right: 0px;
color: #ffffff;
}
div.TopZoek a.TopZoekButton{
display:block;
width:18px;
height:18px;
background:url(/img/navigatie/but-top-zoekbutton.gif) no-repeat 0 0;
}

div.HoofdNavigatie{
width:993px;
height:41px;
position:relative;
}

div.ContentContainer{
width:993px;
padding:13px 0 80px 0;
float:left;
}

div.ContentVisualLinks{
width:98px;
height:298px;
float:left;
}
div.ContentSubNavigatie{
width:206px;
height:294px;
position:relative;
float:left;
}
*html div.ContentSubNavigatie{
background:none;
}
div.Subnavigatie{
position:absolute;
top:274px;
left:115px;
width:156px;
height:156px;
background:url(/img/achtergronden/subnav-bg.gif) no-repeat 0 0;
z-index:10;
}
div.Subnavigatie div.SubnavigatieContianer{
position: absolute;
Left:4px;
bottom:7px;
}
*html div.Subnavigatie div.SubnavigatieContianer{
bottom:4px;
}
div.Subnavigatie div div{
width:150px;
clear:both;
font-size:13px;
line-height:13px;
height:19px;
padding-left: 5px;
}
*html div.Subnavigatie div div{
margin: -3px 0 0 0;
}
div.ContentSmal{
float:left;
width:566px;
padding: 0 0 0 0px;
z-index:1;
position:relative;
height:100%;
background: #fff;
}
div.ContentBreed{
position:relative;
float:left;
width:752px;
padding: 0 0 0 20px;
margin: 0;
z-index:1;
}
div.Kruimelpad{
z-index:2;
}
div.Kruimelpad, div.Kruimelpad a{
color:#9a9b9c;
margin:0 0 0 2px;
}
div.ContentSmal h1, div.ContentBreed h1{
margin:20px 0 0 0;
}
div.ContentSmal h1{
width:497px;
}
p.KopTekst{
font-weight:bold;
margin: 0 0 20px 0;
}
div.Formulier{
width:566px;
margin:30px 0 0 0;
}
p.FormDetail, p.FormButton{
width:580px;
clear:both;
}
p.FormButton{
margin: 10px 0 0 0;
}
p.FormDetail label, p.FormButton label{
width:102px;
height:22px;
float:left;
}
div.Formulier p.FormDetail input, div.Formulier p.FormDetail textarea{
border:solid 1px #e5e5e5;
background:#e5e5e5;
line-height:14px;
color:#000000;
float:left;
}
p.FormButton a.Button{
float:left;
height:26px;
text-indent:-9999px;
display:block;
}
a.ButInloggen{
width:63px;
background:url(/img/buttons/but-inloggen.gif) no-repeat 0 0;
}
a.ButInloggen:hover{
background-position: 0 -26px;
}
a.ButVerstuur{
width:63px;
background:url(/img/buttons/but-verstuur.gif) no-repeat 0 0;
}
a.ButVerstuur:hover{
background-position: 0 -26px;
}
a.ButAanmelden{
width:79px;
background:url(/img/buttons/but-aanmelden.gif) no-repeat 0 0;
}
a.ButAanmelden:hover{
background-position: 0 -26px;
}
div.SitemapKolom{
float:left;
width:150px;
margin-left:20px;
}
ul.SitemapList, ul.SitemapList li{
margin: 0;
padding: 0;
list-style-type:none;
}
ul.SitemapList li a{
text-decoration:none;
font-weight:bold;
}
ul.SitemapList li a:hover{
text-decoration:underline;
}

div.FotodatabankContainer{
width:771px;
}
div.FotodatabankVisual{
position:relative;
float:left;
margin: 30px 20px 0 0;
overflow:hidden;
width:146px;
height:146px;
}

div.FotodatabankVisual img{
/*
position:absolute;
top:-45%;
left:-45%;
margin-top:70px;
margin-left:70px;
*/
}

div.FotodatabankVisual div{
clear:both;
font-weight:bold;
}
div.FotodatabankVisual div a{
text-decoration:none;
}
div.FotodatabankVisual div a:hover{
text-decoration:underline;
}
div.ContentBlok{
background:url(/img/algemeen/contentblok-hoek.gif) no-repeat 0 0 #ececec;
padding: 15px 0 15px 15px;
}
ul.ContentBlok, ul.ContentBlok li{ 
margin:0;
padding:0;
list-style-type:none;
}
ul.ContentBlok li a{
text-decoration:none;
font-weight:bold;
}
ul.ContentBlok li a:hover{
text-decoration:underline;
}
div.NieuwsOverzichtItem{
margin: 20px 0 0 0;
}
div.NieuwsOverzichtItem a.Leesmeer{
font-weight:bold;
text-decoration:none;
}
div.NieuwsOverzichtItem a.Leesmeer:hover{
text-decoration:underline;
}
a.Teruglink{
margin:22px 0 0 0;
font-weight:bold;
text-decoration:none;
}
a.Teruglink:hover{
text-decoration:underline;
}
.Footer{
width:378px;
height:61px;
color:#939495;
position:relative;
display:block;

}

.Footer a {
color:#939495;
color:#939495;
}
div.Kolom{
width:273px;
float:left;
}
div.ContentSmal div.Titel{
width:566px;
}
div.ContentBreed div.Titel{
width:752px;
}
div.Titel{
float:left;
}
a.Titellink{
float:left;
margin: 28px 0 0 0;
text-decoration:none;
font-weight:bold;
text-align:right;
width:68px;
}
a.Titellink:hover{
text-decoration:underline;
}
div.KolomContainer{
width:585px;
float:left;
margin:0 0 30px 0;
}
.TickerTape{
width:100%;
height:41px;
background:#cbe729;
position:absolute;
bottom:0px;
left:0px;
}
.TickerTapeContentPaginas{
width:100%;
height:64px;
position:relative;
display:block;
}

.TickerTape div{
width:816px;
margin: 0 auto;
height:41px;
padding:0 0 0 19px;
}
.Kolomlinks{
float:left;
width:232px;
}
.KolomRechts{
float:left;
width:173px;
}
.KolomContainer{
padding: 30px 0 0 0;
width:404px;
position:relative;
}
div.WitVlak{

}
.HomepaginaFlash{
position:absolute;
top:151px;
width:100%;

}
.HomepaginaFlash div{
width:100%;
}

div.HoofdNavigatieContainer{
position:absolute;
top:92px;
left:0px;
height:193px;
width:993px;
z-index:999999;
}

table.Form td input{
border:0px;background:#e5e5e5;border:solid 1px #e5e5e5;
}
a.ButtonAanmelden,
a.ButtonAfmelden{
height:26px;
display:block;
text-indent:-9999px;
}
a.ButtonAanmelden{
width:79px;
background:url(/img/buttons/but-aanmelden.gif) no-repeat 0 0;
}
a.ButtonAfmelden{
width:72px;
background:url(/img/buttons/but-afmelden.gif) no-repeat 0 0;
}

a.ButtonAanmelden:hover,
a.ButtonAfmelden:hover{
background-position: 0 -26px;
}
#vacatures p{
margin-bottom:20px;
}

div.HomepageTekstContainer{
position:absolute;
top:459px;
left:0px;
width:100%;
}
div.HomepageTekstHolder{
margin: 0 auto;
text-align:center;
}
div.HomepageTekst{
width:801px;
text-align:left;
margin: 0 auto;
}

div.HomepageTekst a{
	text-decoration:none;
}

div.HomepageTekstContainer div div{
font-family:arial,serif;
font-weight:bolder;
font-size:23px;
line-height:23px;
height:23px;
}

#flashContent {
	z-index: 1;
	position: relative;
}

/* -- NEW - FLASH MENU --- */
.flashplaceholder{
	width: 100%;
	z-index: 14;
	top: 92px;
	height: 41px;
	position: absolute;
	overflow:hidden;
	display:none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000000;
}

.flashplaceholder #menu{
	visibility: hidden;
}

#flashinner{}

.menubar{
	width: 100%;
	height:34px;
	top: 92px;
	z-index: 15;
	position: absolute;
	text-align: center;
	padding-top: 5px;
	background: url(/img/navigatie/menu.gif) center 5px no-repeat #000000;
}
.menubar img{
  display: none;
}




/* -- // NEW - FLASH MENU --- */

.HoofdNavigatieHome{
position:absolute;
top:92px;
left:0px;	
width:100%;
margin:0 0 0 0;
z-index: 2;
}
.push{
height:74px;
}

/* -- // Intro swf on homepage styles --- */
.showintro{
	position: absolute;
	top: 0px; 
	left: 0px;
	z-index: 200;
	width: 100%;
	height: 100%;
	text-align: center;
}
.showintro .background{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000000;
	width: 100%;
	height: 100%;
	opacity: .9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);

}
.introwrapper{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 984px;
	height: 581px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.closebutton{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	cursor: handmode;
	cursor: pointer;
}


