/*     Document for De rijbewijzer
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  < 
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\
       Copyright © 2006 : www.detailworx.nl

*/

html, body {
	width:100%;
	height:100%;
	background: #ffffff;
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, br, form, fieldset, a, div, padding, img {
	margin:0;
	padding:0;
	border:0;
}

p {
	margin-top:10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
}

h1 {
	font:14px/20px Verdana, Arial, Helvetica, sans-serif;
}

#center {
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	height: 420px;
	width: 760px;
	margin-top: 0px;
	margin-left: -380px;
}

#background {
	margin: 0;
	padding:0 20px 0 20px;
	position: relative;
	top: 0;
	left: 50%;
	height: 410px;
	width: 720px;
	margin-top: 0px;
	margin-left: -380px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	min-height:410px;
	height:auto !important;
	height:410px;
}
/* begin wit vlak hack for IE */	
html>body #background {
	top:0px;
	width:720px;
	min-height:410px;
	height:auto !important;
	height:410px;

}

a:link {
	color:#F7A104;
	text-decoration:underline;
}

a:visited {
	color:#F7A104;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

a:active {
	color:#000000;
	text-decoration:none;
}

#rijbewijzerlogo {
	height:76px;
	width:296px;
	top:0;
	left:20px;
	position:absolute;
	float:none;
	background-image:url(../images/rijbewijzer_logo.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index:1;
}

#login {
	height:21px;
	width:400px;
	top:66px;
	left:340px;
	position:absolute;
	z-index:1;
	word-spacing:10px;
}

.loginform {
	width:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	height:10px;
}

#headertekst {
	height:30px;
	width:430px;
	top:18px;
	left:310px;
	position:absolute;
	z-index:1;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#1049a0;
}

#headertekst a:link {
	color:#1049a0;
	text-decoration:none;
}

#headertekst a:visited {
	color:#1049a0;
	text-decoration:none;
}

#headertekst a:hover {
	color:#1049a0;
	text-decoration:blink;
}

#headertekst a:active {
	color:#1049a0;
	text-decoration:none;
}

#aboveheader {
	height:87px;
	width:720px;
	position:relative;
	float:none;
	background-image:url(../images/background_circel_above.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
}

#photo {
	height:132px;
	width:720px;
	position:relative;
	float:none;
	background-image:url(../images/traffic.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
}

#hr {
	background:#f7a104; 
	width:100%; 
	height:2px;
	font-size:0;
}

.laatste_nieuws {
	color:#f7a104; 
	font:14px Arial, Helvetica, sans-serif; 
	font-weight:bold;
}

#horizontalnavigationcontainer {
	height:41px;
	width:720px;
	position:relative;
	float:none;
	background-image:url(../images/background_horizontal.gif);
	background-repeat:repeat-x;
}

#horizontalnavigation {
	height:18px;
	width:527px;
	top:230px;
	position:absolute;
	background-color:#1049a0;
	padding-left:183px;
	padding-right:10px;
	margin-left:20px;
	font-size:1px;
}

#verticalnavigation {
	position:relative;
	background-image:url(../images/circel_menu_vertical.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:160px;
	min-height:410px;
	height:auto !important;
	height:410px;
}
/* begin wit vlak hack for IE */	
html>body #verticalnavigation {
	top:0px;
	width:160px;
	min-height:410px;
	height:auto !important;
	height:410px;
}
/* End wit vlak hack for IE */	

#headertitle	{
	height:18px;
	width:152px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-left:8px;
	line-height:18px;
	cursor:default;
}

#headertitle2	{
	height:18px;
	width:152px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-left:8px;
	line-height:18px;
	cursor:default;
}

#contentheader	{
	height:18px;
	width:530px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-left:8px;
	line-height:18px;
	cursor:default;
	z-index:1000;
}

#verticalnavigation ul{
	padding-left:18px;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	cursor:default;
}

#verticalnavigation a:link {
	color:#000000;
	text-decoration:none;
}

#verticalnavigation a:visited {
	color:#000000;
	text-decoration:none;
}

/* Kleuren van navigatie*/
#verticalnavigationa a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#619636;
}

#verticalnavigationb a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#f7a104;
}
/* Eind van kleuren navigatie*/

#verticalnavigation a:active {
	color:#000000;
	text-decoration:none;
}

#verticalbackground {
	float:left;
	width:22px;
	height:1px;
}

#content {
	position:relative;
	background-image:url(../images/circel_content.gif);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	padding:0;
	color:#000000;
	width:535px;
	min-height:410px;
	height:auto !important;
	height:410px;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

#content li {
	list-style:none;
}

#content h3 {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* begin wit vlak hack for IE */	
html>body #content {
	top:0px;
	width:538px;
	min-height:410px;
	height:auto !important;
	height:410px;

}
/* End wit vlak hack for IE */	


#content_moreinfo {
	position:relative;
	float:left;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:760px;
	min-height:410px;
	height:auto !important;
	height:410px;
}
/* begin wit vlak hack for IE */	
html>body #content {
	top:0px;
	width:538px;
	min-height:410px;
	height:auto !important;
	height:410px;

}
/* End wit vlak hack for IE */	


#footertop {
	height:27px;
	width:720px;
	position:relative;
	float:none;
	clear:both;
	background-image:url(../images/footer_top.gif);
	background-repeat:no-repeat;
}

#footer {
	height:18px;
	width:700px;
	position:relative;
	float:none;
	clear:both;
	background-image:url(../images/background_footer.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	line-height:8px;
	cursor:default;
}

#footer a:link {
	color:#ffffff;
	text-decoration:none;
}

#footer a:visited {
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover {
	color:#eeeeed;
	text-decoration:underline;
}

#footer a:active {
	color:#ffffff;
	text-decoration:none;
}

#footerrechts {
	text-align:right;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#footerbottom {
	height:50px;
	width:760px;
	position:relative;
	float:none;
	clear:both;
	background-image:url(../images/background_footer_bottom.gif);
	background-repeat:no-repeat;
}

/*_______________________________________________________________________________________________ navigatie */

#navigatie_horizon {
	float:left;
  	background:#DAE0D2 url("../images/navigatie/bg.gif") repeat-x bottom;
  	font-size:12px;
  	line-height:normal;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
  	font-weight:bold;
}

#navigatie_horizon ul {
	margin:0;
  	padding:1px 2px 0 0;
  	list-style:none;
}

#navigatie_horizon li {
  	float:left;
  	background:url("../images/navigatie/norm_left.gif") no-repeat left top;
  	margin:0;
  	padding:0 0 0 9px;
}

#navigatie_horizon a {
  	float:left;
  	display:block;
  	background:url("../images/navigatie/norm_right.gif") no-repeat right top;
  	padding:1px 15px 0 6px;
  	text-decoration:none;
  	font-weight:bold;
  	color:#ffffff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#navigatie_horizon a {
	float:none;
}

/* End IE5-Mac hack */

#navigatie_horizon a:hover {
  	color:#f3f3f3;
}

#navigatie_horizon #current {
  	background-image:url("../images/navigatie/norm_left_on.gif");
}

#navigatie_horizon #current a {
  	background-image:url("../images/navigatie/norm_right_on.gif");
  	color:#333;
  	padding-bottom:1px;
}