@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	NAAM, Netvlies
			
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Verdana; font-size: 12px; }
	img { border: 0; }
	a { outline: 0; }
	ul, li { list-style: none; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
	body { background: url(../img/body_bg.gif) no-repeat left top; }
	
	#page-box { position: relative; margin: 0 0 0 18px; }
	
	#header { position: relative; background:url(../img/xheader_bg.gif) no-repeat left bottom; width: 823px; height: 74px; }
	#header .titel { position: absolute; top: 46px; left: 197px;  }
	#logo { margin-left: 40px; }
	
	
	#col-c .contact { position: absolute; bottom: 10px; left: 0; width: 210px; padding: 10px;  }
	#col-c .contact p { display: block; margin: 1px 0 0 0; padding: 8px 0; border-top: 1px solid #6e92b7; color: #fff; font-size: 12px; }
	#col-c .contact a { float: left; display: inline; padding: 1px 20px 2px 3px; background: #6d93b7 url(../img/contact_ico_arrow.gif) no-repeat 115px center; color: #fff; font-size: 10px; text-decoration: none; }
	#col-c .contact img { display: block; }

/*	= COLUMNS
	----------------------------------------------------*/
	#col-a { float: left; width: 189px; height: auto !important; padding: 0 0 40px 0; background: #336699 url(../img/col-a_bg.gif) no-repeat left bottom; }	
	#col-b { float: left; width: 544px; padding: 0 0 20px 0; border-top: 6px solid #336699; background: #fff url(../img/col-b_bg_top-right.gif) no-repeat right top; }
	#col-c { position: relative; float: left; width: 230px; padding: 0 0 125px 0; background: #336699 url(../img/col-c_bg.gif) no-repeat left bottom; }
	
	#col-a .inner { padding: 6px 0 0 0; background: url(../img/col-a_bg_inner.gif) no-repeat top left; }
	#col-b .inner { background: url(../img/col-b_bg_top-left.gif) no-repeat top left; }
	#col-c .inner { padding: 6px 0 0 0; background: url(../img/col-c_bg_inner.gif) no-repeat top left; }
	
/*	= FORM SEARCH
	----------------------------------------------------*/
	#frm-search { position: absolute; right: 11px; top: 40px }
	#frm-search .inputbg { width: 141px; height: 19px; margin-right: 4px; float: left; background: url(../img/frm-zoeken_input_bg.gif) no-repeat left top; }
	#frm-search .inputbg input { width: 131px; height: 13px; margin: 3px 5px; color: #336699; font-size: 11px; border: 0; }
	
/*	= NAV MAIN
	----------------------------------------------------*/
	#nav-main  { margin: 18px 0 0 0; padding: 4px 10px 0 10px;  list-style: none; padding: 0; }
	#nav-main li { z-index: 100;  position: relative; vertical-align: bottom; border-bottom: 1px solid #99b3cc; }
	#nav-main li a { display: block; padding: 4px 5px; clear: both; color: #fff; text-decoration: none; font-weight: bold; }
	#nav-main li ul { position: absolute; display: none; width: 169px; top: 0px; left: 169px; background: #4574a2; }
	#nav-main li.hassub { background: url(../img/nav-main_li-hassub_bg.gif) no-repeat 158px center; }
	#nav-main li.hassub:hover { background: #4574a2 url(../img/nav-main_li-hassub_bg.gif) no-repeat 158px center; }
	#nav-main li:hover { background: #4574a2; }
	#nav-main li:hover ul { display: block; z-index: 1; }
	#nav-main li:hover ul ul { display: none; z-index: 2; }
	#nav-main li ul li:hover { background: #638ab1; }
	#nav-main li ul li:hover ul { display: block; }

/*	= NAV LOGGEDIN
	----------------------------------------------------*/
	
	#nav-loggedin  { margin: 30px 0 0 0; padding: 4px 10px 0 10px; list-style: none; padding: 0; }
	#nav-loggedin li { z-index: 100; position: relative; vertical-align: bottom; border-bottom: 1px solid #99b3cc; }
	#nav-loggedin li.user { padding: 2px 5px; color: #fff;background: #6e92b7; }
	#nav-loggedin li a { display: block; padding: 4px 5px; color: #fff; text-decoration: none; font-weight: bold; }
	#nav-loggedin li ul { position: absolute; display: none; width: 169px; top: 0px; left: 169px; background: #4574a2; }
	#nav-loggedin li.hassub { background: url(../img/nav-main_li-hassub_bg.gif) no-repeat 158px center; }
	#nav-loggedin li:hover.hassub { background:  #4574a2 url(../img/nav-main_li-hassub_bg.gif) no-repeat 158px center; }
	#nav-loggedin li:hover { background: #4574a2; }
	#nav-loggedin li:hover ul { display: block; z-index: 1; }
	#nav-loggedin li:hover ul ul { display: none; z-index: 2; }
	#nav-loggedin li ul li:hover { background: #638ab1; }
	#nav-loggedin li ul li:hover ul { display: block; }
	
	#nav-loggedin li.logout, #nav-loggedin li.user { border-bottom: none; }
	#nav-loggedin li.logout a { text-align: right; font-weight: normal; font-size: 11px; text-decoration: underline; }
	#nav-loggedin li.logout a:hover { background: none; text-decoration: underline; }
	#nav-loggedin li.logout:hover { background: none; }
	#nav-loggedin li.user:hover, #nav-loggedin li.user a:hover { background: #6e92b7; }
	
	.iehov { background: #4574a2; }
/*	= FORM LOGIN
	----------------------------------------------------*/	
	#frm-login { margin: 40px 10px 0 10px; }
	#frm-login label { color: #fff; margin: 10px 0 5px 0; display: block; }
	#frm-login div.inputbg { position: relative; width: 169px; height: 19px; background: url(../img/frm-inloggen_input_bg.gif) no-repeat left top; }
	#frm-login div.inputbg input { position: absolute; margin: 3px 5px; padding: 0; width: 159px; height: 13px; color: #336699; font-size: 11px; border: 0; }
	#frm-login div.clear { margin: 10px 0; clear: both; height: 100%; overflow: hidden; } 
	#frm-login div.left { float: left; }
	#frm-login div.right { float: right; text-align: right; }
	#frm-login div.clear #check { float: left; display: inline; margin: 2px 0 0 0;}
	#frm-login #check input { margin-right: 5px;  }
	#frm-login #btn_login { font-size: 12px; height: 15px; padding: 0; width: 55px; cursor: pointer; background: none; border: none; color: #fff; text-decoration: underline; }
	#frm-login #btn_forgot { color: #fff; margin-top: 10px; font-size: 11px; }

/*	= COL-C NEWS
	----------------------------------------------------*/
	#news-hdr { margin: 4px 11px 0 11px; }
	#news-btn-more { margin: 0 11px; }
	.news-item { margin: 0 11px 15px 11px; border-top: 1px solid #6e92b7; }
	.news-item h2 { font-size: 12px; margin: 7px 0 3px 0; }
	.news-item * { color: #fff; font-size: 11px; line-height: 16px; }
	
/*	= COL-B Content
	----------------------------------------------------*/
	#col-b h1 { margin: 10px 15px 4px 15px; font-size: 20px; color: #336699; }
	#crumpath { margin: 0 15px; padding: 13px 0; border-bottom: 1px solid #c8d6e3; font-size: 11px; color: #4d7aa6; }
	#crumpath a { font-size: 11px; color: #4d7aa6; }
	
	#content { width: 514px; overflow: hidden; }

	.user-content, .user-content * { color: #336699; }
	.user-content { margin: 0 15px; }
	.user-content p.center { text-align: center; }
	.user-content li {
		margin: 0px 0px 0px 17px;
		list-style: square;
	}

/*	= SITEMAP
	----------------------------------------------------*/
	#sitemap li {
		margin: 0px 0px 0px 17px;
		list-style: square;
	}

/*	= FOOTER
	----------------------------------------------------*/
	#footer { clear: both; }
	#footer div { width: 374px; margin-left: 199px; padding-top: 5px; font-size: 11px; color: #4d7aa6; text-align: right; border-top: 1px solid #c8d6e3; }
	#footer div a { font-size: 11px; color: #4d7aa6; text-decoration: none; line-height: 16px; }
	#footer div a:hover { text-decoration: underline; }
	

/*  = EDITOR
	----------------------------------------------------*/
	.editDoc, .editDoc * { color: #336699; }
	.editDoc p.center { text-align: center; }
	.editDoc li {
		margin: 0px 0px 0px 17px;
		list-style: square;
	}