html, body {height:100%; }
* {font-family:verdana, arial; font-size:11px; line-height:2em; color:#024A70;}
img {border:none;}
form {margin:0;}
h1 {font-family:"Myriad Pro", trebuchet, verdana; font-size:23px; color:#024a70; font-weight:normal;}
h3 {margin-bottom: 4px;}
input {line-height:1.2em;}
input.button {color:#024a70;}
input.veld {border:solid 1px #024a70; width:180px; height:15px;}
ul{list-style:square; margin-left: 15px; }


/* page poperties */

html {padding:0; margin:0; overflow-x:hidden;}
body {background-color:#f0f4f6; margin:0;}

#sitecontainer {position:relative; background:white  url(../img/bg.gif) repeat-y; width:1001px; margin:0 auto; min-height:100%; height:auto !important; height:100%;}
#site {position:relative; background: url(../img/bgsite.gif) repeat-y; width:100%;}
/*#header {height:246px; width:100%;}*/
#header {height:191px; width:100%;}
#logo {position:absolute; top:30px; left:43px;}
#tabsboven {position:absolute; top:0; left:690px; height:40px; background-color:#efefef;}
#tabsboven ul {list-style:none; margin:5px 8px; padding:0;}
#tabsboven ul li {float:left; margin:0; padding:3px; color:#a9bfca;}
#tabsboven a {color:#a9bfca; text-decoration:none;}
#tabsboven a:hover {text-decoration:none; color:#6d91a3;}

#content {position:relative; min-height:334px; height:auto !important; height:334px; width:550px; z-index:100; margin:40px 0 10px 95px;}
.home #content {width:405px;}
#submenuHome {position:absolute; top:-40px; right:-498px; }
#submenu {position:absolute; top:0px; left:653px; width:230px; height:305px; background: url(../img/bgsubmenu.gif) no-repeat;}
#kadertekst {position:absolute; top:100px; left:45px; width:280px; line-height:1.5em; color:#a3bac6; padding-top:10px;}
#kadertekst h1 {color:white; font-size:18px; font-weight:normal; margin-bottom:8px;}
/*#menu {position:absolute; top:104px; left:-13px; height:154px; width:1035px; background:#fafbfc url(../img/bgmenu.gif) no-repeat; }*/
#menu {position:absolute; top:104px; left:-13px; height:99px; width:1029px; background:#fafbfc url(../img/bgmenu.gif) no-repeat;}
#menu ul {list-style:none; margin:14px 0 0 87px; padding:0;}
#menu ul li {float:left; margin:0; padding:3px; color:#6d91a3; font-weight:bold; padding:19px;}
#menu a {color:#6d91a3; text-decoration:none;}
#menu a:hover {color:#024a70;}
#menu .menu_actief a{color: #024A70;}

#submenu li {color:#FFFFFF;}
#submenu li a {color:#FFFFFF; text-decoration: none;}
#submenu li a:hover {text-decoration: underline;}
#submenu ul{list-style:none; margin-left: 35px; margin-top: 30px;}
#submenu .menu_actief a{font-weight: bold;}

#stipp {position:absolute; left:300px;}

#footer {position:absolute; bottom:-15px; height:15px; width:100%; background: url(../img/bgfooter.gif) repeat-y;}
.home #footer {bottom:-110px; height:110px; }
#footercontent {position:relative; margin:20px 0 20px 88px; top:0; font-size:11px; color:#6d91a3; line-height:1.4em;}
#footercontent img {margin-bottom:10px;}
#footercontent input.button {margin-bottom:-4px;}
#footeronder {position:absolute; bottom:-14px; left:0;}
#footerboven {position:absolute; top:-14px; left:0;}

a:hover {text-decoration:underline;}

/* classes */
a {color:#6d91a3; text-decoration:underline;}
a:hover {color:#024a70;}

.vraag{font-style: italic;}