@import url("utils/css-reset.css"); 

/* @group Global */

html, body { height: 100%; }
* { margin: 0; }
body { color: #888383; font: 11px/28px Arial, Helvetica, Geneva, sans-serif; }

img { border: 0; }
a { outline: none; }
a:link,
a:visited { color: #8a8484; }
a:hover { }

:focus { -moz-outline-style: none; }
:focus { outline: 0; }

/* @end */
/* @group Opmaak */

div#intro_wrap_holder { width: 100%; background: url("assets/intro/bg.jpg") repeat-x; height: 428px; position: absolute; top: 50%; margin: -214px 0px 0px 0px; }
div#intro_wrap { width: 771px; height:	428px; margin: 0px auto; background: url(assets/intro/foto.jpg) no-repeat 0 0; position: relative; }
#gegevens { text-align: center; position: absolute; bottom: -80px; width: 730px; margin: 0 0 0 25px; }

#taalkeuze { height: 45px; border-top: 1px solid #d6d3d1; border-bottom: 1px solid #d6d3d1; }
#taalkeuze ul { list-style-type:none; margin: 0 0 0 225px; padding:0; }
#taalkeuze li { height:40px; width: 45px; float: left; text-indent: 25px; line-height: 45px; margin: 0 0 0 15px; }
#taalkeuze li a:link,
#taalkeuze li a:visited { text-decoration:none; display:block; height:40px; width: 20px; }

#taalkeuze #nl a:link, #taalkeuze #nl a:visited { background:url(assets/intro/taalkeuze.jpg) no-repeat 0 0; }
#taalkeuze #nl a:hover, #taalkeuze #nl a.active_lang { background:url(assets/intro/taalkeuze.jpg) no-repeat 0 -40px; }



/*#taalkeuze #fr { background:url(assets/intro/taalkeuze.jpg) no-repeat -60px 0; }*/

#taalkeuze #fr a:link,  #taalkeuze #fr a:visited { background:url(assets/intro/taalkeuze.jpg) no-repeat -60px 0; }
#taalkeuze #fr a:hover, #taalkeuze #fr a.active_lang { background:url(assets/intro/taalkeuze.jpg) no-repeat -60px -40px; }

#taalkeuze #de a:link,  #taalkeuze #de a:visited { background:url(assets/intro/taalkeuze.jpg) no-repeat -120px 0; }
#taalkeuze #de a:hover, #taalkeuze #de a.active_lang { background:url(assets/intro/taalkeuze.jpg) no-repeat -120px -40px; }

#taalkeuze #en a:link,  #taalkeuze #en a:visited { background:url(assets/intro/taalkeuze.jpg) no-repeat -180px 0; }
#taalkeuze #en a:hover, #taalkeuze #en a.active_lang { background:url(assets/intro/taalkeuze.jpg) no-repeat -180px -40px; }

/* @end */