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

/**************************************************************
** Algemene Styles
***************************************************************/
html{ overflow-y:scroll;}
html, body{ background:url(../Images/body_bg.jpg) 50% 0 repeat-y #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; margin:0px; padding:0px;}

a{ color:#ffffff; text-decoration:underline;}
a:hover{ color:#7bd3f8; text-decoration:none;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:24px;}
h2{ font-size:16px;}
h3{ font-size:15px;}
h4{ font-size:26px;}
h5{ font-size:20px;}
h6{ font-size:14px;}

h1, h2, h3, h4, h5, h6{ margin-top:0px;; padding-top:0px;}

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

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:800px; min-height:600px; height:auto !important; height:600px; margin:0 auto 0 auto; padding:0px;}
#links{ width:326px; min-height:600px; height:auto !important; height:600px; margin:0px; padding:0px; float:left;}
#rechts{ width:424px; min-height:600px; height:auto !important; height:600px; margin:0px; padding:25px; float:left;}

/**************************************************************
** Links Styles
***************************************************************/
#logo{ width:326px; height:230px; margin:0px; padding:0px;}
#vid_links{ width:326px; height:252px; margin:0px; padding:0px;}
#submenu{ width:306px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 10px;}
#submenu ul{ width:306px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; list-style-type:none;}
#submenu ul li{ height:16px; margin:0px; padding:8px 0 0 0;}
#submenu ul li a{ background:#6c91a2; width:286px; height:16px; line-height:16px; margin:0px; padding:0 10px; display:block; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration:none;}
#submenu ul li a:hover, #submenu ul li a.aan{ background:#ffffff; color:#7bd3f8;}

/**************************************************************
** Rechts Styles
***************************************************************/
#menu{ background:url(../Images/menu_bg.jpg) 0 100% repeat-x; width:424px; min-height:44px; height:auto !important; height:44px; margin:0 0 44px 0; padding:0 0 10px 0; float:left;}
#menu ul{ width:424px; min-height:16px; height:auto !important; height:16px; margin:0px; padding:0px; list-style-type:none; float:left;}
#menu ul li{ height:16px; margin:0px; padding:0 0 10px 0; float:left; font-weight:bold;}
#menu ul li a{ height:16px; line-height:16px; margin:0px; padding:0px; float:left; font-size:15px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration:none;}
#menu ul li a:hover, #menu ul li a.aan{ color:#7bd3f8;}

#tekstvak{ width:424px; min-height:20px; height:auto !important; height:20px; margin:0px; padding:0px; float:left;}

input.form_text{ background:#ffffff; width:230px; margin:0 0 2px 0; padding:4px 2px; border:1px solid #7bd3f8; font-size:12px; color:#6c91a2;}
textarea.form_text{ background:#ffffff; width:230px; height:120px; margin:0 0 2px 0; padding:4px 2px; border:1px solid #7bd3f8; font-size:12px; color:#6c91a2;}
input.form_text_submit{ background:#6c91a2; border:1px solid #7bd3f8; padding:4px; cursor:pointer; color:#ffffff; font-weight:bold;}

/**************************************************************
** Fotoboek overzichtspagina Styles
***************************************************************/
#foto_album{ width:424px; min-height:200px; height:auto !important; height:200px; margin:0px; padding:0px;}
.foto_vak{ background:#7bd3f8; width:100px; height:164px; margin:3px 6px 3px 0; padding:0px; float:left; display:inline;}
.foto_houder{ width:92px; margin:4px 0 0 4px; padding:0px;}
.foto_houder img{ width:92px; max-height:123px; margin:0px; padding:0px;}
.foto_titel{ background:#6c91a2; width:88px; height:29px; margin:4px 0 0 4px; padding:0 2px 0 2px; overflow:hidden; font-size:10px; text-align:center;}

/**************************************************************
** Fotoboek navigatie Styles
***************************************************************/
.NavigatieVeld{ width:424px; margin:0px; padding:0px; float:left; border-top:1px solid #ffffff;}
.NavigatieVeld a{ font-weight:bold; color:#ffffff; text-decoration:none;}
.NavigatieVeld a:hover{ color:#7bd3f8;}
.NavLinks{ width:20%; float:left;}
.NavMidden{ width:60%; text-align:center; float:left;}
.NavRechts{ width:20%; text-align:right; float:left;}
.aantal_keuze{margin:0px; padding:2px 0 2px 0; text-align:center; border-bottom:1px solid #ffffff;}