/* CSS Document */

html , body { 
	margin:5px auto;
	padding:0;
	height: 100%;
	min-height:500px;
	height:auto !important;
	height:500px;
	font-size:small;
	color:#666;
	font-family:Verdana, Verdena, Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
	text-align:center;
	
}

/* Rounded Corners */

 /* set background images for corners */
.rbtop      { background:url(images/top.gif) repeat-x top }
.rbtop div  { background: url(images/top_left.gif) no-repeat top left; }
.rbtop div div { background: url(images/top_right.gif) no-repeat top right; }

.rbbot      { background:url(images/bottom.gif) repeat-x bottom }
.rbbot div  { background: url(images/bottom_left.gif) no-repeat bottom left; }
.rbbot div div { background: url(images/bottom_right.gif) no-repeat bottom right; }


 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 16px;
	font-size: 1px;
}
.rbcontent  { margin: 0px; background:url(images/background.gif) repeat-y left;}
.rbroundbox { width: 768px; margin: 10px auto;text-align:center; padding:0px;}

/* 2-column fluid */
#container, #hcontainer {
	width: 690px;
	background:url(images/sideback.gif) repeat-y right;
	float: left;
	margin-top:-14px; 
	margin-right: -120px;
	margin-bottom:-9px;

}

#content, #hcontent {
	margin-right: 140px;
	margin-left:20px;
	text-align:left;
}
.sidebar {
	width: 120px;
	float: left;
	margin-top:-14px;
	margin-bottom:-9px;
	background:#0000FF;
	text-align:center;
}


.sideimg {
margin:20px 10px;
}


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

#logo {
	margin:0px;
	padding: 0px;
	height:75px;
 }

/* menu */
#menu {	
	margin:0px;
	padding: 0px;
	height:25px;
	border-top: #CCC solid 1px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 500px; /*For KHTML*/
	list-style: none;
	height: 24px;
}

ul#navmenu li {
	margin: 0 6px;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
}



ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 145px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}

ul#navmenu ul li {
	float: none; /*For Gecko*/
	display: block !important;
	display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	padding: 0px; 
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #FFFFFF;
	height: auto !important;
	height: 1%; /*For IE*/
}

ul#navmenu ul li a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-left-color:#CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #FFFFFF;
	height: auto !important;
	height: 1%; /*For IE*/
}

ul#navmenu a,
ul#navmenu li {
	color: #666;
	font:  bold 12px/22px Verdena, Arial, Helvetica, sans-serif;
	text-decoration: none;
}	

ul#navmenu ul li a {
	color: #666;
	font:  12px/22px Verdena, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover, 
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #FFFFFF;
	color: #924357;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #FFFFFF;
	color: #000000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #FFFFFF;
	color: #924357;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;

}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	margin: 0px -12px;
}


/* Other markup */
h1 {font-size:15px; color:#000;margin:20px 0px;}
h2 {font-size:12px; color:#924357;margin:0px;margin-top:30px;}
h3 {font-size:12px; margin:0px;margin-top:30px;text-align:center;}
a {color:#0000FF;}

img {border:0px}

.mainimage {
	float:right;
	margin:0px;
	margin-bottom: 10px;
	margin-left:20px;
}

#credits {margin:0;margin-top:-10px;font-size:11px;}
#credits a {color:#999999;text-decoration:none;}

#waarom li{color:#666;}


/* Tables */
table {width:100%;margin-bottom:20px;}

caption {display:table-caption;font-weight:bold; font-size:12px;text-align:left;margin-left:4px;color:#924357;}

.pakket { width:65px;}

.prijs {width:60px;text-align:left;padding-left:7px;}

.tt {font-size:10px;}
.inschrijven {text-align:right;font-size:11px;}

/* IMG */
#hnr {float:left;margin:0px 15px 15px 0px;}
#overhees01 {float:left;margin:13px 15px 15px 0px;}
#overhees02 {float:right;margin:13px 15px 0px 15px;}
#srb {float:left;margin:13px 15px 3px 0px;}
#interieur {float:right;margin:0px 15px 0px 15px;}
#lesauto2 {float:left;margin:13px 15px 3px 0px;}
/* Adres */

.adres { width:250px;list-style-type: none; }

.adres span {float:right; text-align:left;}

.last {text-align:center;font-size:10px;}

/* Inschrijven */

label,input {
	display: block;
	width: 200px;
	float: left;
	margin: 1px;
}

label {
	text-align: right;
	width: 150px;
	padding-right: 15px;
	
}

br {
	clear: left;
}
#opleiding {width:300px; margin-right:0px;padding-right:0px;}
.geslacht {display:inline;}
input.geslacht {display:inline;width:15px;height:15px;float:left;margin:4px 10px 6px 2px;vertical-align:top; }
.radio {text-align:left;width:auto;}
label.radio {margin:1px;padding:0px;}
#achternaam {width:155px;margin-left:10px;}
#tussenvoegsel {width:30px;}
#postcode1 {width:32px;}
#postcode2 {width:20px;}
#straat {width:150px;}
#nummer  {margin-left:10px; width:35px;}
#plaats {width:127px;margin-left:10px;}
#opmerkingen {width:200px;height:100px;}
#verzenden {margin-left:166px; width:85px;}
.formhead {font-weight:bold;color:#924357;margin:8px 0px; }