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

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:url(../Images/body_bg.jpg) 0 0 repeat-x #1d2124; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#2e2e2f; margin:0px; padding:0px;}

a{ color:#4f81bd; text-decoration:none;}
a:hover{ color:#2e2e2f; text-decoration:none;}
p{ margin:0px; padding:0 0 14px 0;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:16px;}
h2{ font-size:15px;}
h3{ font-size:14px;}
h4{ font-size:13px;}
h5{ font-size:12px;}
h6{ font-size:11px;}

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0 0 5px 0; color:#4f81bd; font-weight:normal;}
span.titel{ font-size:16px; margin:0px; padding:0 0 5px 0; color:#4f81bd; font-weight:normal;}
h2.cursus-aanbod{ padding:20px 0 5px 0; float:left;}

.clear{ clear:both; height:0px;}

a.item_blauw{ background:url(../Images/stip_blauw.jpg) 0 4px no-repeat; padding:0 0 0 10px;}
a.item_wit{ background:url(../Images/stip_wit.jpg) 0 4px no-repeat; padding:0 0 0 10px; color:#ffffff;}
a.item_blok{ background:#4f81bd; margin:0px; padding:6px; color:#ffffff;}
a.item_blok:hover{ color:#000000;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:904px; min-height:600px; height:auto !important; height:600px; margin:0 auto 0 auto; padding:0px;}
#header{ width:904px; height:130px; margin:0px; padding:0px;}
#splash{ background:url(../Images/splash_bg.jpg) 0 0 no-repeat; width:904px; height:256px; margin:0px; padding:0px;}
#intro_film{ background:#000000; width:432px; height:230px; margin:10px 0 0 0; padding:0px; float:right; border:4px solid #f0f1f1;}
#intro_film p{ color:#ffffff; padding:10px;}
#intro_film a:hover{ color:#ffffff;}
#breadcrumbs{ width:884px; height:22px; line-height:22px; margin:0px; padding:0 10px;}
#breadcrumbs a, #breadcrumbs span{ background:url(../Images/pijltje_zwart.gif) 0 6px no-repeat; margin:0 12px 0 0; padding:0 0 0 6px; color:#2e2e2f;}
#breadcrumbs a:hover{ text-decoration:underline;}
#content{ background:url(../Images/content_bg.jpg) 0 0 repeat-y; width:896px; min-height:200px; height:auto !important; height:200px; margin:0px; padding:0px; border:4px solid #eeeeee;}
#footer{ width:904px; height:74px; margin:0px; padding:10px 0;}

/**************************************************************
** Header Styles
***************************************************************/
#logo{ width:296px; height:94px; margin:0px; padding:0 168px 0 0; float:left;}
#inloggen{ width:440px; height:80px; margin:0px; padding:14px 0 0 0; float:left;}
#inloggen a{ background:url(../Images/pijltje_zwart.gif) 0 6px no-repeat; margin:0px; padding:0 0 0 10px; color:#707070;}
#inloggen a:hover{ color:#000000;}
#inloggen img{ float:left;}

#menu{ width:904px; height:36px; margin:0px; padding:0px; float:left;}
#menu ul{ width:904px; height:36px; margin:0px; padding:0px; float:left; list-style-type:none;}
#menu ul li{ height:36px; margin:0px; padding:0px; float:left;}
#menu ul li a{ background:url(../Images/stip_zwart.jpg) 0 16px no-repeat; height:36px; line-height:36px; margin:0 0 0 4px; padding:0 10px; float:left; color:#ffffff;}
#menu ul li a:hover, #menu ul li a.aan{ background:url(../Images/menu_over.jpg) 0 0 repeat-x;}

/**************************************************************
** Content Styles
***************************************************************/
#links{ width:518px; min-height:100px; height:auto !important; height:100px; margin:0px; padding:16px 22px 16px 12px; float:left;}
#links h1{ background:url(../Images/stip_blauw.jpg) 0 8px no-repeat; padding:0 0 5px 10px;}
#links span.titel{ background:url(../Images/stip_blauw.jpg) 0 8px no-repeat; font-size:16px; margin:0px; padding:0 0 5px 10px; color:#4f81bd; font-weight:normal;}
#links p{ padding:0 0 14px 10px;}

.overzicht_cursussen{ background:#ededee; width:508px; min-height:10px; height:auto !important; height:10px; margin:0 0 0 10px; padding:14px 0; float:left; display:inline;}
.overzicht_cursussen.GeenMargin{ margin:0px;}
.cursus_item{ width:150px; min-height:10px; height:auto !important; height:10px; margin:0 0 0 14px; padding:0px; float:left; display:inline;}
.cursus_afb{ /*background:#dbdbdd;*/ position:relative; width:150px; height:118px; margin:0 0 8px 0; padding:0px; overflow:hidden; text-align:center;}
.cursus_afb table{ width:150px; height:118px;}
.cursus_afb img{ /*height:118px;*/ width:150px;}
.video_overlay{ background:url(../Images/video_overlay.png) 0 0 no-repeat; position:absolute; left:0; top:0; width:150px; height:118px; margin:0px; padding:0px;}
.video_overlay a{ width:150px; height:118px; margin:0px; padding:0px; display:block;}
.cursus_tekst{ width:150px; height:56px; margin:0px; padding:0px;}
#links .cursus_tekst p{ padding:0 0 6px 0;}

.slider_bar{ width:518px; min-height:22px; height:auto !important; height:22px; margin:0 0 4px 0; padding:0px; float:left;}
.slider_title{ width:518px; height:30px; line-height:30px; margin:0px; padding:0px; cursor:pointer;}
.slider_title a{ background:url(../Images/slider_bg.jpg) 0 0 no-repeat; width:478px; height:30px; line-height:30px; margin:0px; padding:0 20px; display:block; color:#ffffff;}
.slider_title a:hover, .slider_title a.aan{ background:url(../Images/slider_bg_aan.jpg) 0 0 no-repeat; text-decoration:none;}
.slider_content{ width:518px; margin:0px; padding:10px 0; display:none;}
.slider_content.breder{ width:508px; padding:10px 5px 10px 5px; float:left;}

table.slider_content_info{ padding:0 0 14px 10px;}

#foto_album{ width:518px; min-height:200px; height:auto !important; height:200px; margin:0px; padding:0px;}
.foto_vak{ background:#4f81bc; width:169px; height:291px; margin:3px 3px 3px 0; padding:0px; float:left; display:inline;}
.foto_houder{ width:165px; margin:4px 0 0 4px; padding:0px;}
.foto_houder img{ width:161px; max-height:250px; margin:0px; padding:0px;}
.foto_houder_boeken{ margin:4px 0 10px 0; padding:0px;}
.foto_houder_boeken img{ width:161px; /*max-height:123px;*/ margin:0px; padding:0px;}
.foto_titel{ background:#345f93; width:157px; height:30px; margin:4px 0 0 4px; padding:0 2px 0 2px; overflow:hidden; text-align:center; color:#ffffff;}
.NavigatieVeld{ width:512px; margin:0px; padding:2px 0; float:left; border-top:1px solid #345f93;}
.NavigatieVeld a{ font-family:Arial, Helvetica, sans-serif;}
.NavLinks{ width:20%; float:left;}
.NavMidden{ width:60%; text-align:center; float:left;}
.NavRechts{ width:20%; text-align:right; float:left;}
.aantal_keuze{ width:512px; margin:0px; padding:2px 0 2px 0; text-align:center; border-bottom:1px solid #345f93;}

ul.opsomming{ width:168px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:10px 0; list-style-type:none;}
ul.opsomming li{ background:url(../Images/stip_blauw.jpg) 0 4px no-repeat; padding:0 0 0 10px;}

#rechts{ width:308px; min-height:100px; height:auto !important; height:100px; margin:0px; padding:16px 16px 16px 20px; float:left; color:#ffffff;}
#rechts h1{ background:url(../Images/stip_wit.jpg) 0 8px no-repeat; padding:0 0 5px 10px; color:#ffffff;}
#rechts span.titel{ float:left; background:url(../Images/stip_wit.jpg) 0 8px no-repeat; padding:0 0 5px 10px; color:#ffffff;}
#rechts p{ padding:14px 0; float:left;}

.grote_button{ background:url(../Images/button_bg.jpg) 0 50% no-repeat #345f93; width:308px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0px;}
.grote_button a{ width:224px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 42px; display:block; text-align:center; color:#ffffff; font-size:28px; text-transform:uppercase; font-weight:bold;}

.nieuwsbericht{ background:#345f93; width:300px; min-height:10px; height:auto !important; height:10px; margin:0 0 1px 0; padding:4px; float:left;}
.nieuws_afb{ width:92px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 10px 0 0; float:left;}
.nieuws_afb img{ width:92px;}
.nieuws_tekst{ width:198px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left; color:#ffffff;}
.nieuws_tekst p{ margin:0px; padding:0px;}
.nieuws_tekst a{ color:#ffffff;}
.nieuws_tekst a:hover{ color:#000000;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer ul{ margin:0px; padding:0 50px 0 0; float:left; list-style-type:none;}
#footer ul li{ margin:0px; padding:0px; color:#ffffff;}
#footer ul li a{ background:url(../Images/pijltje_wit.gif) 0 6px no-repeat; margin:0px; padding:0 0 0 10px; color:#ffffff;}
#footer ul li a:hover, #footer ul li a.aan{ background:none; color:#4f81bd;}
#landingspagina{ font-size:11px; text-align:center; padding:10px 10px 10px 22px; color: #606060; }
#landingspagina a{ color:#606060;  }
#landingspagina a:hover{ color:#4f81bd; }

/**************************************************************
** Formulier Styles
***************************************************************/
input.form_text_login{ background:#ffffff; width:156px; height:18px; border-left:none; border-top:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707070; float:left;}
input.form_submit_login{ background:#4f81bd; height:22px; border:1px solid #4f81bd; cursor:pointer; color:#ffffff;}

input.form_text{ background:#ffffff; width:156px; height:18px; border-left:1px solid #dbdfe6; border-top:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707070; float:left;}
input.form_submit{ background:#4f81bd; height:22px; border:1px solid #4f81bd; cursor:pointer; color:#ffffff;}
input.form_submit.donker{ background:#345f93; height:22px; border:1px solid #345f93; cursor:pointer; color:#ffffff;}
textarea.form_text{ background:#ffffff; width:269px; height:118px; margin:0 0 2px 0; padding:0px; border-left:1px solid #dbdfe6; border-top:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef;}

input.form_text_nb{ background:#ffffff; width:216px; height:18px; border:1px solid #345f93; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707070;}
input.form_submit_nb{ background:#ffffff; height:22px; border:1px solid #345f93; cursor:pointer; color:#345f93;}