<!--
/* GEBRUIKTE KLEURCODES: 

#efefae		Groenig van achtergrond
#ffffcc		lichte geel
#00365f		donkere blauw
#000000		zwart
#ffff00		geel

*/
body{
color: #000;
background-color: #efefae;
background: url(images/bg_img02.jpg) top left repeat;
margin: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
}
#centreer_alles{
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#layout_opleuker_basis{
/* background-color: #ffffcc; */
margin-left: -445px;
position: absolute;
top: -350px;
left: 50%;
width: 889px;
height:621px;
}
#layout_opleuker_basis_oud{
/* background-color: #ffffcc; */
margin-left: -380px;
position: absolute;
top: -315px;
left: 50%;
width: 760px;
height: 630px;
}
#layout_opleuker{
margin:5px 0 0 10px;
width: 760px;
height: 630px;
}


/* WELKOM link: */
#layout_opleuker h1{margin:50px 0 40px 0;}

#layout_opleuker h1 a.welkom:link, #layout_opleuker h1 a.welkom:visited{color:#ffffcc;padding:5px;font-weight:normal;font-size:1.4em;text-decoration:none;}
#layout_opleuker h1 a.welkom:hover{color:#00365f;padding:5px;font-weight:normal;font-size:1.4em;text-decoration:none;}
#layout_opleuker h1 a.welkom:active{background:#ffffcc;color:#00365f;padding:5px;font-weight:normal;font-size:1.4em;text-decoration:none;}

#layout_opleuker a.welkom_small, #layout_opleuker a.welkom_small:visited{color:#ffffcc;padding:5px;font-weight:normal;font-size:3.2em;text-decoration:none;}
#layout_opleuker a.welkom_small:hover{background:#ffffcc;color:#00365f;text-decoration:none;}



#layout_opleuker h1 a.tooltip, #layout_opleuker h1 a.tooltip:visited{ color:#ffffcc;padding:5px;font-weight:normal;font-size:1.4em;text-decoration:none;}

#layout_opleuker h1 a.tooltip span {  
display:none;  
padding:2px 3px;  
margin:-20px 0 0 -440px;  
width:300px;  
}
#layout_opleuker h1 a.tooltip:hover span{  
display:inline;  
position:absolute;  
background:#fff;  
border:1px solid #00365f;  
color:#00365f;  
} 


/* LOGO Link */
/* a.intrologo:link, a.intrologo:visited {
display: block;
width: 764px;
height:358px;
text-decoration: none;
background: url(images/logo_los_a.png) no-repeat left top;
}
a.intrologo:hover {
background: url(images/logo_los_b2.png) no-repeat left top;
}
*/


/* LOGO TOTAL Link */
a.intrologo:link, a.intrologo:visited {
display: block;
width: 764px;
height:500px;
text-decoration: none;
background: url(images/logo_total01.png) no-repeat left top;
}
a.intrologo:hover {
background: url(images/logo_total02.png) no-repeat left top;
}



#logo_positie{
margin:0 auto 0 auto;
width: 889px;
height:621px;
}

a.logo_button:link, a.logo_button:visited {
display: block;
width: 889px;
height:621px;
text-decoration: none;
background: url(images/van_niftrik_logo_a.png) no-repeat left top;
}
a.logo_button:hover {
background: url(images/van_niftrik_logo_b.png) no-repeat left top;
}
a.logo_button span{display: none}

a.logo_button:hover span{ /*the span will display just on :hover state*/
display:block;
width:320px;
padding:20px;
font-size:24px;
border:1px solid #333;
background-color:#ccc; 
color:#000;
text-align: center
}











/* FOOTER: */
#footer{
font-size: 13px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 24px;
padding-top:8px;
background:#ffffcc;
color:#00365f;
border-top:1px dotted #00365f;
visibility: visible;
display: block;
z-index:1;	/* Zodat bij kleine schermen de footer niet 'over de rest heen gaat liggen'! */
}

a.footer:link, a.footer:visited{color:#00365f;background:#efefae;}
a.footer:hover, a.footer:active{color:#000000;background:#efefae;text-decoration:none;}

a.text:link, a.text:visited{color:#00365f;background:#ffffcc;}
a.text:hover, a.text:active{color:#ffffcc;background:#00365f;text-decoration:none;}


/* AFBEELDINGEN: */
img {border:0;}

IMG.vlaggetje{border:0px;}


/* Preloading IMAGES! */
p.preload, .hiddenPic {display:none;}

-->