@charset "utf-8";
/* CSS Document */

body
{
margin:0;
padding:0;
background: url(../images/bg.jpg) repeat-x;
text-align: center; /*zorgt  voor center container */
}

.clear {
clear:both;
}

/* VOOR CENTREREN */

#container {
  margin: 0 auto;
  width: 794px;
  text-align: left;
  } 


.logo{
margin-top:14px;
height: 200px;
width:793px;
background:url(../images/logo.jpg) no-repeat;
overflow:hidden;
padding-bottom:20px;
}

.logo img { float:right;  margin-right:8px; margin-top:15px; }

.slogan { float:left; height:170px; }

.slogan h3 {  margin-left:3px; margin-top:90px; font-family:Arial, Helvetica, sans-serif; color:#fefefe; line-height:14px; font-size:10px; font-style:normal; width:393px; }

.slogan img { float:left; margin-top:15px; height:60px; }

.logo h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
float:right; margin-right:64px; margin-top:98px; width:110px;
text-align:left;
color:#f6f6f6;
font-style:normal;
font-weight:100;
}

.logo a:link {
font-family:Arial, Helvetica, sans-serif;
color:#f6f6f6;
text-decoration:none;
}

.logo a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#f6f6f6;
text-decoration:none;
}



.logo h2 b {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.header {
height:130px;
width:206px;
}

.menu {
margin-top: -68px;
margin-left:351px;
height: 25px;
width: 385px;

overflow:hidden;

}

.menu_sub {
margin-top: -68px;
margin-left:351px;
height: 25px;
width: 391px;

overflow:hidden;

}

.submenu {
margin-left:351px;
height: 24px;
width: 375px;
background:url(../images/subnav.png) no-repeat;
overflow:hidden;

}


.footer_content {
height:58px;
display:block;
background:#fff;
}

.footer_menu{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#98005d;
margin-left:50px;
margin-top:-15px;

}

.footer_menu a:link{

color:#98005d;
text-decoration:none;

}

.footer_menu a:visited{
color:#98005d;
text-decoration:none;
}

.footer_menu a:hover{
color:#e67e2e;
text-decoration:none;
}

/* CSS SUBMENU */

#subnavcontainer{
position:relative;
top:0px;
height:24px;
overflow:hidden;

}

ul#subnavlist
{
white-space: nowrap;
padding:0 0 0 0;
margin: 0 0 0 0;
margin-left:5px;

}

#subnavlist li
{
display: inline;
list-style-type: none;
height:24px;
display:block;
float:left;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

/*\*/
* #subnavlist a { padding: 6px 0px; display:block; height:10px; margin-left:11px; margin-right:10px;  text-align:center;
[ width:auto;
width:auto; margin-right:13px;
] margin-right:10px;
}
/*end*/

#subnavlist a:link, #subnavlist a:visited
{
color: #98005d;
text-decoration: none;
}

#subnavlist a:hover
{
color: #fff;
text-decoration: none;
}


a:link, a:visited#subnavlist
{
color: #fff;
text-decoration: none;
}

/* CSS MENU */

#navcontainer{
position:relative;
top:0px;
height:25px;
overflow:hidden;

}

.menusplitter { background:url(../images/menubarmiddle.png) repeat-x; width:377px; margin-left:351px; height:5px; padding-bottom:24px;}
.menusplitter_sub { background:url(../images/menubarmiddle.png) repeat-x; width:375px; margin-left:351px; height:5px;}

ul#navlist
{


padding:0 0 0 0;
margin: 0 0 0 0;

}

#navlist li
{
display: inline;
list-style-type: none;
height:25px;
display:block;
float:left;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
}


#navlist a { padding:0; margin:0; padding: 6px 9px 6px 9px; display:block; line-height:15px; text-align:left;
margin-right:0px; } 


#navlist a:link, #navlist a:visited
{
color: #a92b79;
text-decoration: none;
}

a:link, a:visited#navli
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{

background:url(../images/menu_hover.png) no-repeat;
text-decoration: none;
}

li#homeActive
{
color: #fff;
background:url(../images/home_hover.jpg) no-repeat;
text-decoration: none;
overflow:hidden;
}

li#organisatieActive
{
color: #fff;
background:url(../images/organisaties_hover.jpg) no-repeat;
text-decoration: none;
}

li#downloadsActive
{
color: #fff;
background:url(../images/downloads_hover.jpg) no-repeat;
text-decoration: none;
}

li#scholenActive
{
color: #fff;
background:url(../images/scholen_hover.jpg) no-repeat;
text-decoration: none;
}

li#contactActive
{
color: #fff;
background:url(../images/contact_hover.jpg) no-repeat;
text-decoration: none;


}

.function_text { display:block; padding-left:40px; width:170px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#515151; }

/* CSS CONTENT */

.contentblok h1 {
line-height:20px;
margin-bottom:20px;
color:#f8981d;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
font-size:20px;
font-weight:100;
}

.contentblok a:link, .content a:visited
{
color:#98005d;
text-decoration: none;
}

.contentblok a:hover
{
color: #f8981d;
text-decoration: none;
}

.content {
margin-top:46px;
width:736px;

}

/*\*/
* .contentblok {
float:left; 
width:630px; margin-left:50px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#838282;
line-height:15px;
display:block;
margin-top:-12px;
[ margin-top:-12px;
margin-top:-12px;
] margin-top:0px; }
/*end*/

/*\*/
* .contentblok_vacature {
float:left;
width:380px; margin-left:30px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#838282;
line-height:15px;
display:block;
margin-top:-12px;
[ margin-top:-12px;
margin-top:-12px;
] margin-top:0px; }
/*end*/

.vacature a:link, .vacature a:visited
{
font-family:Verdana;
font-size:10px;
color:#98005d;
text-decoration: none;
}

.vacature a:hover
{
font-family:Verdana;
font-size:10px;
color: #f8981d;
text-decoration: none;
}

.greylineleft {
display:block;
float:left;
background:url(../images/greyline.gif) no-repeat;
height:412px;
width:4px;
}

.greyline {
margin-left:48px; 
float:left;
display:block;
background:url(../images/greyline.gif) no-repeat;
height:412px;
width:4px;
}

/* Extra Elements */

.contactformulier { margin-top:10px; float:left; width:400px; display:block; color:#A7A7A7; }

.adres { margin-top:10px; margin-left:70px; float:left; width:110px; display:block; font-size:10px; line-height:15px; }

.scholen { width:300px; float:left; display:block; }
.scholenr { margin-left:80px; width:230px; float:left; display:block; }
.scholen a:hover { filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.5; zoom:1; }
.scholenr a:hover { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; zoom:1; }

.vacature { margin-top:10px; margin-left:30px; float:left; width:245px; display:block; }
.vacaturetable { border-right:thin #fff solid; padding-left:5px; }