html {overflow-y: scroll !important;}
body {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#content {position:relative; margin:0 auto; text-align:left; width:780px; margin-top:30px;}
.clearer {height:0px; width:100%; clear:both;}

#contentindex {position:relative; margin:0 auto; text-align:center; width:630px;}
#verticalcenter {position:absolute; top:50%; height:360px; width:100%; text-align:center; margin-top:-225px; left:0;}

#headercol1{width:210px; float:left; margin:0; padding:0;}
#headercol2{width:auto; margin:0 0 0 30px; padding: 0; float:left; clear:right; height:100px;}

#contentcontainer {vertical-align:top; margin:0; padding:0;}
#navbox {width:210px; float:left; margin:15px 0 0 0; padding:0; display:block;}
#logobox {width:210px; margin:0 0 0 0; padding:235px 0 0 0; display:block; float:left;}
#navboxdeelnemers {width:220px; float:left; margin:15px 0 0 0; padding:0; display:block;}
#htmlcontent {width:530px; margin:18px 10px 20px 30px; float:left; clear:right; display:block;}
#htmlcontentdeelnemers {width:530px; margin:14px 10px 20px 20px; float:left; clear:right; display:block;}

#navbox ul, #navboxdeelnemers ul {list-style:none; margin:0; padding:0;}
#navbox li{float:left; margin:0; padding:0; list-style-type:none; width:210px; display:block;}
#navboxdeelnemers li {float:left; margin:0; padding:0; list-style-type:none; width:220px; display:block;}
#navbox li a{float:left; padding:0; margin:0; background-repeat:no-repeat; text-decoration:none; width:210px; font-size:xx-small; z-index:2; text-indent:-780px; color:#ffffff; top:0; left:0; overflow:hidden;}
#navboxdeelnemers li a {float:left; padding:0; margin:0; background-repeat:no-repeat; text-decoration:none; width:220px; font-size:xx-small; z-index:2; text-indent:-780px; color:#ffffff; top:0; left:0; overflow:hidden;}
#cmd1 a {background-image:url(/images/menu/waarom_versnellen.gif); height:24px;}
#cmd1 a:hover {background-image:url(/images/menu/waarom_versnellen_over.gif);}
#cmd2 a {background-image:url(/images/menu/doorbraakmethode.gif); height:23px;}
#cmd2 a:hover {background-image:url(/images/menu/doorbraakmethode_over.gif);}
#cmd3 a {background-image:url(/images/menu/verbeterpakket.gif); height:22px;}
#cmd3 a:hover {background-image:url(/images/menu/verbeterpakket_over.gif);}
#cmd4 a {background-image:url(/images/menu/resultaten.gif); height:22px;}
#cmd4 a:hover {background-image:url(/images/menu/resultaten_over.gif);}
#cmd5 a {background-image:url(/images/menu/deelnemers.gif); height:22px;}
#cmd5 a:hover {background-image:url(/images/menu/deelnemers_over.gif);}
#cmd6 a {background-image:url(/images/menu/contact.gif); height:22px;}
#cmd6 a:hover {background-image:url(/images/menu/contact_over.gif);}
#btnlogout a {display:block; float:left; font-size:13px; text-align:left; margin:5px 0 0 9px; padding:0;}

#cmddeelnemers1 a {background-image:url(/images/menu/landelijkebijeenkomsten.gif); height:22px;}
#cmddeelnemers1 a:hover, #cmddeelnemers1 a.select {background-image:url(/images/menu/landelijkebijeenkomsten_ove.gif); height:22px;}
#cmddeelnemers2 a {background-image:url(/images/menu/deelnemendeteams.gif); height:22px;}
#cmddeelnemers2 a:hover, #cmddeelnemers2 a.select{background-image:url(/images/menu/deelnemendeteams_over.gif); height:22px;}
#cmddeelnemers3 a {background-image:url(/images/menu/voortgangsbewaking.gif); height:22px;}
#cmddeelnemers3 a:hover,  #cmddeelnemers3 a.select {background-image:url(/images/menu/voortgangsbewaking_over.gif); height:22px;}
#cmddeelnemers4 a {background-image:url(/images/menu/extramaterialen.gif); height:22px;}
#cmddeelnemers4 a:hover, #cmddeelnemers4 a.select{background-image:url(/images/menu/extramaterialen_over.gif); height:22px;}

#htmlcontent h1 {font-weight:bold; font-size:13px; margin:0 0 10px 0px; padding:0; line-height:1.5em;}
#htmlcontentdeelnemers h1 {font-weight:bold; font-size:13px; margin:2px 0 10px 0px; padding:0; line-height:1.5em;}
#htmlcontent p, #htmlcontentdeelnemers p, td{font-weight:normal; font-size:13px; line-height:1.5em; margin:0 0 10px 0; padding:0;}
#htmlcontent ol, ul, #htmlcontentdeelnemers ol {font-weight:normal; font-size:13px; line-height:1.5em;}

#htmlcontent a, a:hover, #htmlcontentdeelnemers a {color:#9800af;}

.haasgeel, #htmlcontentdeelnemers .haasgeel a{color:#dcb01c;}
.zwaluwblauw, #htmlcontentdeelnemers .zwaluwblauw a {color:#047ac0;}
.uilrood, #htmlcontentdeelnemers .uilrood a {color:#ef5a2c;}
.miergroen, #htmlcontentdeelnemers .miergroen a {color:#56b348;}
#htmlcontentdeelnemers .haasgeel a:hover, #htmlcontentdeelnemers .zwaluwblauw a:hover, #htmlcontentdeelnemers .uilrood a:hover, #htmlcontentdeelnemers .miergroen a:hover{color:#9800af;}
#htmlcontentdeelnemers a.select {font-weight:bold;}

.formrow {display:block; margin:2px 0; padding:2px 0px; height:20px; vertical-align:top; width:530px;}
.formbuttonrow {display:block; width:130px; vertical-align:bottom; text-align:left; padding:5px 0 0 100px; height:30px;  text-align:right;}
label {width:100px; display:block; height:18px; float:left; padding:4px 0 0 0; margin:0; font-size:13px; font-weight:bold;}
.formtext{display:block; margin:0; height:20px; float:left; width:125px; padding:2px 0 0 0; height:19px; clear:right; font-size:13px;}
.formbutton{display:block; height:23px; vertical-align:middle; font-size:13px; font-weight:normal; float:right;}

#voortgangtabel {margin-top:10px;}
#voortgangtabel td, #voortgangtabel{border-style:solid; border-color:#000000; min-height:2em; border-width:1px; height:30px; vertical-align:middle;}
#voortgangtabel td {padding-left:2px;}
td {height:1.5em;}

