/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
	margin:0; padding:0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Removes list-style from lists */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
hr{display:none;}

/* Hides skip link */
#skip-to-content{display:none;}

/*	=Typography
------------------------------------------------------------------*/
body{	
  font: 12px/1.5em Helvetica, Arial, Verdana, sans-serif;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1em 0;
}
h1, h2, h3{
	font-family: Helvetica, Arial, verdana, sans-serif;
	font-weight:bold;
}
h1{
  color:#FFF;
	font-size:24px;	
	margin-bottom:18px;
}
h2{
  border-bottom:1px solid #241460;
  clear:left;
  color:#FF9800;
  font-size:24px;
  line-height:36px;
  margin:0 0 18px 0;
}
h3{
  color:#FFF;
  margin:18px 0
}
#content-sec h3{
  border-bottom:1px solid #241460;
  color:#FF9800;
  font-size:14px;
  line-height:36px;
  margin:0;
}
#footer h3{
	font-size:100%;
	margin-bottom:.15em;
}
p, ul{
  color:#FFF;
  margin:0 0 18px 0;
}


/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#a0abe8;
	font-weight:bold;
	text-decoration:underline;
}
a:hover, a:focus, a:active{
  color:#FFF;
	text-decoration:underline;
}
a:focus, a:active, a.busy{

}
a.imglink:link, a.imglink:visited {
	border:none;
}
a.imglink:hover{
	background:transparent;
}

/*	=generic
------------------------------------------------------------------*/
.float-left{
  float:left;
  margin:0 9px 9px 0;
}
.float-right{
  float:right;
  margin:0 0 9px 9px;
}
img{
  border:10px solid #33336e;
}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background:#000044 url(/images/body-bg.jpg) repeat-x center 0;
  text-align:center;
	}
#wrap{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:61.5em;
}
#header-wrap{
  background:#00004A;
  border-bottom:1px solid #33336E;
  height:89px;
  margin-bottom:36px;
}
#header{
  margin:0 auto;
  position:relative;
  text-align:left;
  width:740px;
}
#content{
  background:#000044 url(/images/content-bg.gif) repeat-y 500px 0;
  float:left;
  clear:left;
	position:relative;
	width:740px;
	}
#content-main{
  background:url(/images/contentmain-bg.gif) repeat-x 0 0;
  float:left;
  padding:18px 20px;
  width:460px;
}
.over-ons #content-main{
  background:url(/images/contentmain-bg-gevel.jpg) no-repeat 0 0;
}
#content-sec{
  float:right;
  padding:18px 20px;
	width:200px;
}
#footer{
  border-top:1px solid #241460;
  clear:left;
  margin:18px 20px 0 20px;
  padding:18px 0;
  text-align:center;
}

/* =header
------------------------------------------------------------------*/
#header h1{
  margin:0;
}
#header h1 a{
  background:url(/images/logo.jpg) no-repeat 0 0;
  display:block;
  height:89px;
  left:-10px;
  position:relative;
  text-indent:-3000px;
  width:229px;  
}

/* =navigation
------------------------------------------------------------------*/
#navigation{

}
#navigation a{
  text-decoration:none;
}
#navigation a:hover{
  text-decoration:underline;
}

/* =nav-main */
#nav-main{
  float:left;
	margin:0;
  position:absolute;
  right:0;
  top:0;
}
#nav-main li{
  float:left;
}
#nav-main li a{
  border:none;
  border-left:1px solid #241460;
  color:#FFF;
  display:block;
  float:left;
  font-size:12px;
  font-weight:normal;
  line-height:64px;
  padding:8px 20px 0 20px;
  text-transform:uppercase;
}
#nav-main li a:hover, #nav-main li.current a, #nav-main li.parent_of_current a{
  background:url(/images/nav-main-a-bg.jpg) no-repeat center 0;
  color:#ff9800;
  text-decoration:none;
}

/* nav-lang */
#nav-lang{

}

/* nav-extra */
#nav-extra{
  clear:left;
}

/* nav-sec */
#nav_sec a{
  border-bottom:1px solid #241460;
  color:#9999b7;
  display:block;
  line-height:36px;
  font-weight:normal;
  text-decoration:none;
}
#nav_sec li.current a, #nav_sec a:hover{
  background:#000040;
  color:#FFF;
}
#nav_sec li.current ul li a{
  background:url(/images/navsec-item-a-bg.gif) no-repeat 0 13px;
   color:#9999b7;
   padding-left:10px; 
}
#nav_sec li.current ul li.current a, #nav_sec li.current ul li a:hover{
    color:#FFF;
}

/* =content-main
------------------------------------------------------------------*/

/* homepage */
.home #content{
  background:#000044;  
}
.home #content-main{
  padding:359px 0 0 0;
  width:500px;
}
.home #beeld_klein{
  position:absolute;
  right:0;
  top:-18px;
  padding:0;
  z-index:99;
}
.home #beeld_groot{
  margin:0 0 18px 0;
  position:absolute;
  top:0;
  z-index:98;
}
#beeld_klein img, #beeld_groot img{
  border:0;
  padding:0;
}

.notice{
  background:#1a1a62;
  border:2px solid #433d69;
  padding:9px;
}


/* nieuw */
.logos{
  float:left;
  background:#33336E;
  margin-right:9px;
  padding:10px;
}
.logos img{
  border:none;
}
.logos br{
  height:10px;
}
.item{
  border-bottom:1px solid #241460;
}


/* contact */
#map{
  border:10px solid #33336e;
  height:400px;
  width:420px;
  padding:10px;
}
#map h3{
  color:#FF9800;
  margin:9px 0;
}

/* tweedehands */
.tweedehands #content-main{
  position:relative;
}
#meer_info{
  line-height:36px;
  margin-bottom:18px;
  position:absolute;
  right:20px;
  top:18px;
}
.thumb a{
  display:block;
}
.attr{
  border-bottom:1px solid #241460;
  clear:left;
  padding:9px 0;
}
.attr h3{
  float:left;
  margin:0 10px 0 0;
  width:100px;
}
.attr p{
  margin-bottom:0;
}


/* =content-sec
------------------------------------------------------------------*/
.vcard{
  background:#33336e;
  color:#ccccdb;
  padding:10px;
}
.vcard a{
  color:#9999b7;
}
.vcard a:hover{
  color:#FFF;
}
.vcard p{
  border-top:1px solid #595989;
  padding-top:9px;
  margin-bottom:9px;
}
.vcard p:first-child{
  border-top:none;
  padding-top:0;  
}

/* =footer
------------------------------------------------------------------*/

/* =forms
------------------------------------------------------------------*/
form{
  background:#000038;
  border:1px solid #433d68;
  padding:20px;
}
fieldset{
  border-bottom:1px solid #433d68;
  padding:0 0 18px 0;
  margin:0 0 18px 0;
}
fieldset.submit{
  border-bottom:none;
  margin-bottom:0;
  padding:0;
}

form h3{
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  margin:0 0 18px 0;
}
form div{
  margin-bottom:10px;
}
form br{
  display:none;
}
form label{
  display:block;
}
label, form div{
  color:#FFF;
}

input[type="text"], textarea{
  border:1px solid #433d68;
  font-size:12px;
  padding:3px;
}
textarea{
  width:410px;
}
input[type="submit"]{
  background:#000;
  border:1px solid #CCC;
  color:#FFF;
  font-size:.9em;
  font-weight:bold;
  padding:0.25em;
  text-transform:uppercase;
}

/* notes & error handling */
.validation-advice{
  font-family:arial;
  background: url(/images/bullet_error.png) no-repeat 0 0;
  color:#9999b7;
  font-size:0.8333em;
  font-style:italic;
  font-weight:normal;
  margin:6px 0 0 0;
  padding:0 3px 0 16px;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}
.contact_form_notice{
  clear:left;
  font-size:11px;
}
.mailer-error{/* when somebody enters a non-existent e-mail adress */
  background:#f7f7b5;
  border:1px solid red;
  padding:9px;
  margin-bottom:18px
}

/* tables */
table{
  margin:0 0 18px 0;
  width:460px;
}
table td, table th{
  color:#FFF;
  border-bottom:1px solid #241460;
  padding:4px;
  vertical-align:top;
}
table th{
  background:#241460;
  font-weight:bold;
  vertical-align:top;
}