@charset "iso-8859-1";

/*	=RESETS / BASICS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; color: #00242d }
	body { background: url(images/pagebg.png) center top repeat-x #00192d; height:100%; }
	img { border: 0; }
	a { outline: 0; }
	p {line-height: 20px;}
	.clr { overflow: hidden; height: 100%; }
		
	/* LINKS */
	a {color: #0E6398;}
	a:hover {color: #002A52; text-decoration:none;}
	
	/* HEADINGS */
	h1 {color: #002a52; font-size: 36px; font-family: "Myriad Pro"; font-weight: bold; font-style: italic;}
	h2 {color: #0e6398; font-size: 24px; font-family: "Myriad Pro"; font-weight: bold; line-height: 30px;}
	h3 {color: #0e6398; font-size: 16px; font-family: "Myriad Pro"; font-weight: bold; line-height: 20px;}
	
	#page-box { width: 954px; margin: 0 auto; height:100%;}	
	
/*	=HEADER
	----------------------------------------------------*/
	#header #logo {float: left; width: 600px;  height: 94px; background:url(images/logo.gif) no-repeat top left }
	#header #search {float: right; width: 243px; height: 94px; background: url(images/search_bg.gif) no-repeat bottom right; margin-bottom:2px;}
	#header #search #searchcontent {padding: 40px 0 0 30px; }
	#header #search h1 {font-family: "Myriad Pro"; padding-left: 5px; font-style: italic; font-weight: bold; font-size: 16px; color: #fff; line-height: 20px;}
	#header #search input[type=text] {padding: 2px 6px 0 6px; width: 125px; height: 17px; background: url(images/search_input.png) no-repeat left top; border: 0px; font-size: 11px; line-height: 17px;}
	#header #search input[type=submit] {padding: 0 5px; font-family: "Myriad Pro"; font-weight: bold; font-size: 17px; color: #fff; line-height: 17px; background: none; border: 0px; cursor: pointer}
	#header-image {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 2px solid #fff; }
	#header-image #left {float: left;  width: 707px; height: 130px; }
	#header-image #left img {width: 709px; height: 130px;}
	#header-image #right {float: right; width: 242px; height: 130px; background: url(images/contact_bg.gif) no-repeat; border-left: 2px solid #fff;}
	#header-image #right #contactinfo {width: 90%; border: 0px; border-collapse: collapse; color: #fff; margin-left: 25px; margin-top: 25px;}
	#header-image #right #contactinfo td {color: #fff; font-size: 12px; line-height: 25px;}
	#header-image #right a {color: #fff; text-decoration: none; font-size: 12px; line-height: 25px;}
	#header-image #right a:hover {color:  #498ed7; }
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main {z-index: 10; height: 30px; background: url(images/nav-main_bg.gif) repeat-x; font-size: 0; line-height: 0; clear: both; border-left:2px solid #fff; border-right:1px solid #fff; }
	#nav-main li { position: relative; display: inline-block; float: left; font-size: 0; line-height: 0; list-style: none; border-right:2px solid #fff; }
	#nav-main li a { display: inline-block; padding: 0px 0 0 25px; cursor: pointer; color: #002a52; font-size: 14px; font-family: "Myriad Pro"; font-weight: bold; font-style: italic; line-height: 30px; text-decoration: none; }
	#nav-main li a:hover { background: url(images/nav-main_a-hover_bg.gif) left top no-repeat; }
	#nav-main li a span.end { float: left; width: 25px; }
	#nav-main li a:hover span.end { background: url(images/nav-main_a-hover_end_bg.gif) no-repeat;  }
	#nav-main li a span.normal {padding-top: 5px; display: block; float: left; color: #002a52; font-size: 14px; font-family: "Myriad Pro"; font-weight: bold; font-style: italic; }
	#nav-main li a span.hover { padding-top:5px; display: none; float: left; color: #0e6398; font-size: 14px; font-family: "Myriad Pro"; font-weight: bold; font-style: italic; }
	#nav-main li a:hover span.normal { display: none; }
	#nav-main li a:hover span.hover { display: block; }
	
	#nav-main li ul { display: none; position: absolute; top: 30px; left: -2px; width: 165px; padding: 10px 0; background: url(images/submenu_bg.gif) no-repeat left bottom;  border: 2px solid #fff;  }
	#nav-main li:hover ul { display: block; }
	#nav-main li li a{padding: 0 0 0 0px;}
	#nav-main li li a span.normal  { display: block; width: 152px; background: none; font-size: 13px; line-height: 28px; color: #fff; font-style:normal; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 0 13px; }
	#nav-main li li a span.hover { display: none; width: 152px; background: none; font-size: 13px; line-height: 28px; color: #fff; font-style:normal; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 0 13px; }
	#nav-main li li a:hover span.normal { display: none; background: #577a9f;  } 
	#nav-main li li a:hover span.hover { display: block; background: #577a9f;  } 
	#nav-main li li a span.end { display: none;}

/*	=NAV-SUB
	----------------------------------------------------*/
	#nav-sub {padding-left: 15px; }
	#nav-sub ul {list-style: none; }
	#nav-sub li a {text-decoration: none;  }
	#nav-sub li a:hover {text-decoration: none;  border-bottom: dotted 1px #0075b9;}
	#nav-sub .pijl {text-decoration: none;}


/*	=CONTENT
	----------------------------------------------------*/
	#content-holder {width: 925px; padding: 2px 0px 0px 30px; clear: both; background: url(images/pagebg_spacer.png) repeat-y center; overflow: hidden;}
	#content-holder #main {float: left; width: 660px; margin: 25px 0 30px 0; }
	#content-holder #main p {margin: 10px 0; }
	#content-holder #sidebar {float: right; width: 244px; margin-bottom: 30px; }
	#content-holder #sidebar .login {margin-left: 70px;}
	#content-holder #sidebar h1 {color: #002a52; font-size: 20px; font-family: "Myriad Pro"; font-weight: bold; font-style: italic;}
	#content-holder #sidebar #nieuwstabel {width: 243px; border: 0px; border-collapse: collapse}
	#content-holder #sidebar #nieuwstabel .top {height: 17px; background: url(images/nieuws_top.gif) no-repeat top left;}
	#content-holder #sidebar #nieuwstabel .mid  { padding: 5px 10px 0 17px; background: url(images/nieuws_bg.gif) top left repeat-y; }
	#content-holder #sidebar #nieuwstabel .bottom {height: 49px;background: url(images/nieuws_bottom.gif) no-repeat top left;}
	#content-holder #sidebar #nieuwstabel p {font-size: 12px; line-height: 16px;}
	#content-holder #sidebar #nieuwstabel a {color: #002A52; font-size: 11px; line-height: 22px; font-weight: bold;}
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { width: 955px; padding-top: 15px; clear: both; height: 50px; background: url(images/pagebg_spacer.png) repeat-y center;  }
	.footerline {padding: 10px; margin: 0 10px; background: url(images/line.gif) repeat-x;   }
	#footer #copyright {float: left; width: 660px; margin-left: 30px;  font-size: 13px; font-family: Calibri, Arial, Helvetica, sans-serif}
	#footer #jdpro {float: right; width: 200px; margin-right: 30px; text-align: right;  font-size: 13px; font-family: Calibri, Arial, Helvetica, sans-serif }
	#footer .title {font-size: 13px; font-weight: bold; font-family: Calibri, Arial, Helvetica, sans-serif}
	
	#footer a {color: #002A52; text-decoration:none; font-weight: bold; font-size: 13px; font-family: Calibri, Arial, Helvetica, sans-serif }
	#footer a:hover {color: #002A52; text-decoration: underline;}
	
/*	=NEWS
	----------------------------------------------------*/	
	#main .newstitle { font-size: 15px;  line-height: 18px;  font-weight: bold;  color: #0e6398;}
	#main .newsdate {line-height: 18px; color: #0e6398;}
	#main .NewsSummary {padding: 15px 0;}
	
	
	
/*	=FORM
	----------------------------------------------------*/

	
	#content-holder input[type=text], #content-holder input[type=password], #content-holder textarea, #content-holder select{background:#fff url(images/input_bg_top.gif) repeat-x top;border:1px #ccc solid;width: 200px; padding: 3px;margin-left: 10px; }
	#sidebar input[type=text], #sidebar input[type=password], #sidebar textarea, #sidebar select {width: 100px; }
	#content-holder input[type=text]:focus, #content-holder input[type=password]:focus, #content-holder textarea:focus,select:focus{border:1px #448 solid;background:#eef;color:#333}
	#content-holder textarea {width: 370px;}
	#content-holder input[type=submit] {background:#fff url(images/input_bg_top.gif) repeat-x top;border:1px #ccc solid; padding: 3px 5px;margin-left: 10px; cursor: pointer }
	.error_message ul {margin: 10px 0 20px 0; padding: 5px; border: 1px solid #a25b5b; background: #ffdede; width: 350px; list-style: none;}
	.error_message li {padding: 1px 10px; color: #a25b5b}
	
	/*LOGIN FORM*/
	#m4moduleform_2 input[type=text], #m4moduleform_2 input[type=password] {left: 100px;}
	
		
/*  =SMOELENBOEK
  ----------------------------------------------------*/  
  #smoelenboek {}
  #smoelenboek .item{min-width: 130px; display:block; margin: 15px 15px 0 0;float:left; padding: 10px 5px; border: 1px solid #ddd;text-align: center;}
  #smoelenboek .item .image-holder {height: 140px; }
  #smoelenboek .item .image-holder img {padding:5px;}