/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #fff url("../images/bg.gif") repeat scroll 0 0;
	color: #000;/*#335965;*/
	font: normal 0.70em/155% Tahoma;
	text-align: center;
}

div.container {
	width: 919px;
	margin: 46px auto 0 auto;
	border: 0;
	background-color: #fff;
	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#335965;}
a:visited {color:#335965;}
a:hover {color:#1a8aad;}
a:active {color:#335965;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#000;}/*#1a8aad*/
h1 {font-size: 1.5em;}
h2 {color: #000;}
h3 {font-size: 1em; padding: 10px 0 2px 0;}
h4, h5, h6 {font-size: 1em;}

p.align-right {text-align:right;margin-top:10px;}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea 
{
	font: normal 1em/155% Tahoma;
	color: #000;
}
input.textfield, textarea.textfield {
	border: solid 1px #999;
	width: 250px;
	padding: 2px;
	background: #fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
}
select.select {
	border: solid 1px #999;
	padding: 2px;
}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.main {
	/*margin: 					20px 0;*/
	margin:                     20px 0 0 0;
}
div.col1-left {
	width:					299px;
	float:					left;
}
div.col1-right {
	width:					609px; 
	float:					right;
}
div.main2 {
	margin: 					10px 0;
}
div.col2-left {
	width:					299px;
	float:					left; 
}
div.col2-right {
	width:					296px; 
	float:					right;
}

/* -- specific elements ------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* -- Header ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.header {
	height:					57px;
	overflow: 				hidden;
	width:					100%;
}

div.logo {
	padding:					0 0 0 25px;
	width:					115px;
	height:					50px;
	float:					left;
}

div.submenu {
	width:					598px;
	text-align: 			right;
	float:					left;
	padding:					40px 0 0 0;
}

ul.submenu {
	float:					right;
}
ul.submenu li {
	float:					left;
	padding: 				0 11px 0 0;
	list-style:				none;
	font-size: 				0.9em;
}
ul.submenu li a, ul.submenu li a:visited {
	background: 			transparent url(../images/bg_submenu_bullet.gif) no-repeat scroll 0 3px;
	padding: 				0 0 0 8px;
	margin: 					0 0 0 1px;
	text-decoration: 		none;
	color:					#335965;
}
ul.submenu li a:hover, ul.submenu li a:active {color:#1a8aad;}

ul.submenu li.last {padding-right: 0;}

div.search {
	width:					163px;
	float:					right;
	padding:				36px 0 0 0;
}

.newsbox-middle input.textfield, .newsbox-middle textarea.textfield {
	color:					#999;
	border: solid 1px #999;
	width:                  250px;
	padding:                2px 2px 1px 3px;
	margin-bottom: 5px;
	/*height: 					15px;*/
	/*float: 					left;*/
}



div.btn-search {
	width:					24px;
	height:					21px;
	float:					right;
	padding:					0 2px 0 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Navigatie --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

ul.nav {
	margin: 					14px 0 0 0;
	padding:					0;
	list-style: 			none;
	overflow: 				hidden;
	width: 					100%;
	background: 			#277a95 url(../images/bg_nav_false.gif) repeat-x 0 0;
	font: 					bold 1.20em Tahoma;
}

ul.nav li {
	float: 					left;
	padding: 				0 2px 0 0;
	background: 			transparent url(../images/bg_nav_divider.gif) no-repeat top right;
}

ul.nav li.first, ul.nav li.last {
	width: 					4px;
	height: 					45px;
	line-height: 			45px;
}

ul.nav li.first {
	background: 			transparent url(../images/bg_nav_first.gif) no-repeat 0 0;
	padding: 				0 20px 0 0;
}

ul.nav li.last {
	background: 			transparent url(../images/bg_nav_last.gif) no-repeat top right;
	float: 					right;
}

ul.nav a, ul.nav a:visited {
	float: 					left;
	margin: 					0;
	padding: 				0 20px;
	background: 			transparent url(../images/bg_nav_false.gif) repeat-x 0 0;
	color: 					#fff;
	text-decoration: 		none;
	height: 					45px;
	line-height: 			45px;
}

ul.nav a:hover, ul.nav a:active {
	background: 			#cadfea url(../images/bg_nav_true.gif) repeat-x 0 0;
	color: 					#fff;
}

ul.nav li.true {
	background: 			#cadfea url(../images/bg_nav_true.gif) repeat-x 0 0;
}

ul.nav li.true a, ul.nav li.true a:visited, ul.nav li.true a:hover, ul.nav li.true a:active  {
	background: 			transparent url(../images/bg_nav_active.gif) no-repeat 12px 14px;
	padding-left: 			30px;
	color:					#fff;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Flash ------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.flash {
	margin:					14px 0 0 3px;
	width:					916px;
	height:					284px;
}

div.weather-app 
{
    margin-top:             2px;
	width:					299px;
	height:					191px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Nieuws box ------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.newsbox-top {
	background:				transparent url(../images/bg_box_top.gif) no-repeat scroll 0 0;
	height:					2px; 
	line-height:			2px;
	margin:					0;
	padding: 				0;
	font-size: 				1px;
}

div.newsbox-middle {
	background:				transparent url(../images/bg_box_middle.gif) repeat-y scroll 0 0;
	margin:					0;
	min-height:				184px;/*zie lt_ie7.css*/
	padding: 				0 25px 0 12px;
}

div.newsbox-bottom {
	background:				transparent url(../images/bg_box_bottom.gif) no-repeat scroll 0 bottom;
	width:					299px;
	height:					5px;
	line-height: 			5px;
	font-size: 				1px;
	margin-bottom:          16px;
}

div.newsitem-left {
	float:					left;
	padding:				0 22px 0 0;
}

div.newsitem-right {
	color:					#335965;
	font-size:				0.95em;
	line-height:			13px;
}

div.newsbox-middle h2 {
	background:				transparent url(../images/bg_newsbox_title.gif) repeat-x scroll 0 0;
	line-height: 			40px;
	height:					40px;
	margin:					2px -19px 12px -8px;
	padding:				0 0 0 15px;
}

div.newsbox-middle h2 span {
	background:				transparent url(../images/bg_title.gif) no-repeat scroll 0 3px;
	padding:				0 0 0 15px;
	color:                  #fff;
	font-size:				1.20em;
	font-family: 			Tahoma;
}
	
div.newsbox-middle h2 span a {
	color:                  #fff;
	font-size:				1.25em;
	font-family: 			Tahoma;
	text-decoration:        none;
}	
	
a.lees-meer, a.lees-meer:visited {
	background:				transparent url(../images/bg_leesmeer_bullet.gif) no-repeat scroll right 2px;
	color:					#335965;
	text-align:				right;
	padding:					0 18px 0 0;
	margin: 					7px 0;
	line-height: 			18px;
	text-decoration: 		none;
	font-weight:			bold;
	display:  				block;
}	
a.lees-meer:hover, a.lees-meer:active {
	color:					#1a8aad;
}	

div.newsbox-right {
	background:				transparent url(../images/bg_box_middle.gif) repeat-y scroll 0 0;
	margin:					0;
	min-height:				182px;/*zie lt_ie7.css*/
	padding: 				0 25px 0 12px;
}

div.newsbox-right h2 {
	background:				white;
	/*line-height: 			40px;*/
	/*height:					40px;*/
	margin: 5px 0 15px 0;
	/*margin:					2px -17px 12px -6px;*/
	/*padding:				0 0 0 15px;*/
	color:					#335965;
}

div.newsbox-right h2 span {
	background:				transparent url(../images/bg_title_white.gif) no-repeat scroll 0 3px;
	padding:				0 0 0 15px;
    color:                  #335965;	
	font-size:				1.35em;
	font-family: 			Tahoma;	
}

div.newsbox-right h2 span a 
{
	background:				transparent url(../images/bg_title_white.gif) no-repeat scroll 0 3px;  
	padding:				0 0 0 15px;  
	color:                  #335965;
	font-size:				1.35em;
	font-family: 			Tahoma;
	text-decoration:        none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Footer ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

ul.bullet-footer {margin:0;}

ul.bullet-footer li {
	list-style:				none;
	background: 			transparent url(../images/bg_submenu_bullet.gif) no-repeat scroll 0 4px;
	padding-left: 		   10px;
	color:					#808080;
}

ul.bullet-footer li a 
{
    	color:					#808080;
    	text-decoration: none;
}

div.footer-left{
	float:					left;
}

div.footer-right{
	float:					right;
}

/* footer */
div.footer {
	color:					#808080;
	width:					919px;
	padding:					8px 0 0 0;	
	margin: 					0 auto;
	border-bottom: 			#ccc 1px solid;
	text-align: 			left;
}
div.printfooter {
	color:					#808080;
	width:					919px;
	padding:					8px 0 0 0;	
	margin: 					0 auto;
	border-top: 			#ccc 1px solid;
	text-align: 			left;
}

div.footer-bottom {
	color:					#808080;
	width:					919px;
	margin: 					0 auto;
}
/* ---------------------------------------------------------------------------------------------------- */
/* -- Content ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */


/*div.leftbox {
	
	width:					204px;
	border: 					#000 solid 0px;
	padding:					0 0 30px 0;
	float: 					left;
}*/
div.subcol1-left {
	float:					left;
	width:					204px;
}
div.subcol2-right {
	float:					right;
	width:					690px;
	margin:                 0 0 20px 0;
}
div.subcol3-left {
	float:					left;
	width:					363px;
}
div.subcol4-right {
	float:					right;
	width:					299px;
}
div.subnav {
	background: 			transparent url(../images/bg_boxleft_top.gif) no-repeat scroll 0 0;
	padding: 				10px 0 0 0;
}

ul.subnav {
	background: 			transparent url(../images/bg_boxleft_content.gif) no-repeat scroll 0 bottom;
	list-style: 			none;
	font: 					bold 1.2em Tahoma;
	margin:					0;
	padding: 				0 0 20px 0;
	min-height:			    177px;	
}

ul.subnav li {
  background: 			transparent url(../images/icon_sub.gif) no-repeat scroll 0 -2px;
  padding-left: 			25px;
  padding-bottom: 8px;
}

ul.subnav a, ul.subnav a:visited 
{
	margin: 					0;
	/*padding-left: 			25px; was 45px*/
	color: 					#fff;
	text-decoration: 		none;
	/*height: 					30px;
	line-height: 			30px;*/
}

ul.subnav li.true a {
	color: #9dbfcb;
}

ul.subnav a:hover, ul.subnav a:active {
	color: 					#9dbfcb;
}

ul.subnav li.subsubnav {
    background: none;
}

ul.subsubnav {
	list-style: none;
	margin: 0;
	padding:0 0 10px 5px;
	font-size:0.9em;
	font-weight: normal;
	background: none;
}

ul.subsubnav li {
	padding:3px 0;
	/*line-height: 20px;*/
	/*height: 20px;*/
    color: 	#fff;	
    background: none;
}
ul.subsubnav li.true {
	font-weight: bold;
	color: #9dbfcb;
}
ul.subsubnav a,ul.subsubnav a:visited {
	background: none;
	display: block;
	/*line-height: 20px;*/
	/*height: 20px;*/
    color: 	#fff;	
}
ul.subnav ul.subsubnav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /*fix voor list-whitespace-bug, deze oplossing werkt tevens in safari werkt*/
	/*display: inline-block !important;*/ /*fix voor list-whitespace-bug (in li.subsubnav) in IE, werkt niet helemaal in safari*/
	/*zoom: 1;*/ /*fix alternatief*/
}

div.breadcrums {
	font: 					normal 0.9em Tahoma;
	padding-bottom:		10px;
}
div.breadcrums a, div.breadcrums a:visited {
	text-decoration:		none;
	color:					#335965;			
}

div.breadcrums a.last{
	color:		            #00759b;
}

div.contentbox h2 {
	font: 					bold 1.2em Tahoma;/*lettergrote was 2.0*/
	color:					#335965;
	padding-bottom:		10px;
}
div.contentbox h3 {
}






div.rightbox {
	float: 					right;
	padding-right:			5px;
}