html, body { height: 100%; margin:0; padding:0; }
#centeredcontent { width: 1000px; height: 600px;  background:#fff url(/lib/images/bg_homepage.png) 0 0 no-repeat; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -500px;  /* Half the width of the DIV tag which is 50 pixels */ margin-top: -300px; /* Half the height of the DIV tag which is also 50 pixels */}
#container { width:960px; height:560px; position:relative; top:20px; left:20px;}

#logo {position:absolute; z-index:10000; bottom:-5px; right:0;}
#logo img {border:none;}
#links { width:960px; height:49px; font-family:verdana, arial, Tahoma;  background:url(../images/bg_footer.png) 0 0 repeat-x; position:absolute; bottom:0; font-size:12px;}
#links a { color:#fff; float:left; margin:15px 0 0 20px; text-decoration:none;}
#links a:hover {text-decoration:underline;}

#introtext {font-family:verdana, arial, Tahoma; width:234px; height:226px; padding:20px; color:#fff; background-image:url(../images/transparent.png); position:absolute; top:185px; right:0; z-index:10000; }
#introtext .tekstueel {height:231px; overflow:hidden;}
#introtext .tekstueel h2 {  font-size:16px; color:#fff; margin:0 0 20px 0; padding:0; width:240px; }
#introtext .tekstueel p {  font-size:11px; color:#fff; margin:0 0 10px 0; padding:0; }
#introtext .tekstueel a { font-size:11px; color:#ff0000;text-decoration:none;}
#introtext .tekstueel a:hover {text-decoration:underline;}
.slide {position:relative; font-family:Arial, Verdana, Tahoma;  }
a.more {  position:absolute; bottom:80px; color:#fff!important; left:30px; z-index:1000;  background: url(../images/btn_readmore.png); background-position:right; padding:3px 25px 5px 10px; font-size:12px!important; text-decoration:none;}
a.more:hover {text-decoration:underline;}

#footer {position:absolute; bottom:0; color:#000; width:960px; margin:25px 0 0 20px; font-size:11px; font-family:Arial, Verdana, Tahoma;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .language {position:absolute; right:0; bottom:-5px; z-index:100000; }
#footer .language img{border:none;}

#flowtabs li.last {	background: none;}
#flowtabs li a.last {width: 138px!important;}


/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	
	width:960px; height:50px !important; margin:0 !important;  padding:0; background: url(../images/bg_menu.png) 0 0 repeat-x;	
	/* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px;}

/* single tab */
#flowtabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; background: url(../images/list_end.png) no-repeat; background-position:bottom right;}

/* a- tag inside single tab */
#flowtabs li a { font-family: verdana, Arial, tahoma; color:#d40026; display:block; height: 30px; width: 120px!important; padding:15px 0 0 0px;	margin:5px 0 0 0; font-size:12px; font-weight:bold;	/* font decoration */ color:#d40026; font-size:12px; line-height:13px; text-align:center; text-decoration:none;}
#flowtabs li a.last { font-family: verdana, Arial, tahoma; color:#d40026; display:block; height: 30px; width: 120px!important; padding:15px 0 0 0px;	margin:5px 0 0 0; font-size:12px; font-weight:bold;	/* font decoration */ color:#d40026; font-size:12px; line-height:13px; text-align:center; text-decoration:none;}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff; background:url(../images/bg_menulist_hover.png) 0 0 repeat-x;	 }
#flowtabs a.last:hover 		{ color:#fff; background:url(../images/bg_menulist_hover.png) 0 0 repeat-x;	 }
#flowtabs a.last 		{ color:#fff; }
#flowtabs a.last.current 		{ color:#fff; }
		

#flowtabs #t1:hover 	{ background-position:      0 0 }
#flowtabs #t2:hover 	{ background-position: 0 0; }
#flowtabs #t3:hover 	{ background-position: 0 0; }
#flowtabs #t4:hover 	{ background-position: 0 0; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff;  background:url(../images/bg_menulist_hover.png) 0 0 repeat-x;}
#flowtabs #t1.current { background-position: 0 0; }
#flowtabs #t2.current { background-position: 0 0; }
#flowtabs #t3.current { background-position: 0 0; }
#flowtabs #t4.current { background-position: 0 0; }

#flowpanes .afbeelding img{margin:20px 0 0 0; height:510px; width:960px; margin:0; padding:0; overflow:hidden;}
#flowpanes .afbeelding span {display:none;}
/* panes */
#flowpanes { background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px; width:960px; height:560px;	}

/* single pane */
#flowpanes div { display:none; color:#fff; margin:0; padding:0; }

#flowpanes div.narrow {	padding-right:0;}

#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div { float:left; display:block; width:960px; cursor:hand;}

/* our additional wrapper element for the items */
#flowpanes .items {	width:20000em; position:absolute; clear:both; margin:0; padding:0;}


/* CONTENTTEMPLATE */
body.content {background-color:#fff; font-family: Verdana, Arial, Tahoma; font-size:12px; line-height:18px;}
#paginacontainer {margin:0 auto; padding:0 20px 37px 20px; width:960px; background-image:url(../images/bg_content.png); background-position: bottom; overflow:hidden;}
#header {background-image:url(../images/bg_header.png); height:98px; }
#header .logo {float:left;}
#header .logo img{float:left; margin:0; padding:0; border:none;}

#header .utilsmenu {float:right; margin:10px 0 0 0; font-family: Verdana, Arial, Tahoma; font-size:11px;}
#header .utilsmenu ul {margin:0; padding:0}
#header .utilsmenu li {list-style:none; float:left; padding:0 20px 0 0; }
#header .utilsmenu li a {color:#fff; text-decoration:none; }
#header .utilsmenu li a:hover { color:#000; }

#flash { width:960px; height:215px; }
#hoofdmenu {background:url(../images/bg_headermenu.png) 0 0 repeat-x; height:50px; width:960px; clear:both;}
#hoofdmenu ul li  {  height:45px; width:150px; }
#hoofdmenu ul li a {  width:150px; padding:8px 5px 8px 5px; display:block; height: 34px;}
#hoofdmenu ul li a:hover {  color: #ffffff; background-color: transparent; background-image: url("../images/bg_menulist_hover.png"); background-repeat: repeat-x;}
#breadcrumbs ul {float:left; margin:5px 0 30px 30px; padding:0; }
#breadcrumbs ul li {float:left; list-style:none; padding:0 5px 0 0; font-size:11px;}
#breadcrumbs ul li a {color:#646464; text-decoration:none;}
#breadcrumbs ul li a.active {color:#000;}
#breadcrumbs ul li a:hover {text-decoration:underline;}
#breadcrumbs ul li.last span.sign {display:none;}
#breadcrumbs ul li.last span.last {font-weight:bold;}
.printen {float:right; font-size:11px; color:#000; margin:3px 0 0 0; }
.printen a.afdrukken { background-image:url(../images/afdrukken.jpg); background-position:right; text-align:right; width:50px; display:block;  background-repeat: no-repeat; color:#3c3c3c; text-decoration:none; padding:0 60px 0 0; }
.printen a.afdrukken:hover {text-decoration:underline;}


#wrapper {clear:both; overflow:hidden; padding:0 0 70px 0;}
#content {padding:0 30px 30px 30px; width:615px; margin:0 30p 0 0; float:left;}
#content h2 {font-size:14px; color:#000;}
#content h1 {font-size:18px; color:#8f989f;}
#addresses h1 {font-size:17px; color:#8f989f;  }
#content .paragraph img {float:right; margin:5px 0 20px 20px; border:1px solid #333; }
#content .paragraph img {float:left; margin:5px 20px 10px 0px; border:1px solid #333;}
#content .paragraph ul {}
#content .paragraph ul li {}
#content .paragraph a {color:#d40026; text-decoration:none;}
#content .paragraph a:hover {color:#d40026; text-decoration:underline;}
#content .paragraph ol {}
#content .paragraph ol li {}
#content .paragraph img.right { border:none; float:right; margin:5px 0px 0 20px; }
#content .paragraph img.left { border:none; float:left; margin:5px 20px 0 0; }

.extramenu { float:left; width:240px; margin:45px 0 0 0;}
.extramenu h1 {margin:0; padding:0;}
.extramenu ul { margin:0; padding:0; }
.extramenu ul li {list-style:none;}
.extramenu ul li a {padding:5px 0 0 30px; display:block; background-image:url(../images/bg_extramenu.png); background-position: bottom left; background-repeat:no-repeat; width:230px; height:25px; text-decoration:none; color:#d40026;}
.extramenu ul li a:hover {color:#fff; background-position:top left;}
.extramenu ul li a.active {color:#fff; background-position:top left;}

.footer {background-color:#d40026; height:10px; clear:both; position:relative;}
.footer .logo {position:absolute; right:10px; bottom:10px;}
.footer .tekst { padding:15px 0 0 0; font-size:11px;}
.footer .tekst a{ color:#000; text-decoration:none;}
.footer .tekst a:hover{text-decoration:underline;}
.footer .language {position:absolute; right:0; bottom:-25px; z-index:100000; }
.footer .language img{border:none;}

#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav li a { font-family: verdana, Arial, tahoma; color:#d40026; display:block; height: 34px; width: 137px!important; padding:11px 0 0 0px;	margin:0;	/* font decoration */ color:#d40026; font-size:12px; line-height:18px; font-weight:bold; text-align:center; text-decoration:none;}
#nav li a:hover {color:#fff;  background:url(../images/bg_menulist_hover.png) 0 0 repeat-x;}
#nav li a.active {color:#fff;  background:url(../images/bg_menulist_hover.png) 0 0 repeat-x;}
#nav li li a { height:20px; padding:8px 0 8px 3px; width:190px; font-weight:normal; font-size:12px; }
#nav li li a:hover { background:url(../images/bg_menulist_hover.png) 0 0 repeat-x; }
#nav li li a.active { background-image:none; color:#cd072a;  height:20px; padding:8px 0 8px 3px; width:190px; font-weight:normal; font-size:12px; }
#nav li li a.active:hover {background:url(../images/bg_menulist_hover.png) 0 0 repeat-x; color:#fff;  height:20px; padding:8px 0 8px 3px; width:190px; font-weight:normal; font-size:12px; }
#nav li li li a { padding:5px 0 5px 3px; display:block;}
#nav li li  {background:none;  margin:0;  padding:0 0 0 2px;}
#nav li ul li.last {  height:20px; }
/*#nav li ul li a {padding:5px 0 0 25px!important; margin:0 0 0 1px; width:178px!important; color:#000; border-bottom:1px solid #d0d0d0;}*/

#nav li { /* all list items */ float: left; width: 137px; /* width needed or else Opera goes nuts */ list-style-type:none; background: url(../images/list_end.png) no-repeat; background-position:bottom right; margin:5px 0 0 0;}
#nav a {outline:none;}
#nav li ul { /* second-level lists */position: absolute; background: url(../images/bg_submenu.png) bottom; width: 210px; padding:0 0 12px 0; margin:-5px 0 0 -3px; z-index: 10; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {  margin:0!important; padding:0 0 0 3px!important; height:29px;}
#nav li ul li a {   width:188px!important; color:#000; padding:4px 0 0 15px!important; height:25px!important;  border-bottom:1px solid #d0d0d0;}
#nav li ul li a.active {  padding-left:15px!important;width:188px!important; background:url(../images/bg_menulist_hover.png) 0 0 repeat-x; color:#fff;  }
#nav li ul li a:hover {  padding-left:15px!important;width:188px!important; background:url(../images/bg_menulist_hover.png) 0 0 repeat-x; color:#fff;  }
#nav li ul li.first {  margin:0!important; padding:4p 0 0 3px!important; height:29px;}
#nav li ul li.last {  margin:0!important; padding:0 0 0 3px!important; height:25px;}

#nav li ul ul { /* third-and-above-level lists */ margin: -26px 0 0 200px; padding: 0 0 6px 0; }
#nav li ul li.last ul { /* third-and-above-level lists */ margin: -26px 0 0 200px; padding: 0 0 6px 0; }
#nav li ul ul ul{ /* third-and-above-level lists */	margin: -26px 0 0 201px; padding: 0 0 6px 0; }
#nav li ul li a { text-align:left; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#nav li:hover, #nav li.hover { position: static; } 

/* CONTACTTEMPLATE */
#formcontact {background-color:#f2f2f2; clear:both; float:left; width:610px; margin:20px 0 20px 0px; padding:10px 0 0 0;}
#formcontact form { color:#000;  padding:20px 20px 0 20px;}
#formcontact form legend {display:none;}
#formcontact form fieldset {border:none;margin:0; padding:0;}
#formcontact form .field{clear:both; position:relative; float:left; margin:0 0 10px 0; width:590px;}
#formcontact form label { width:600px; float:left; font-size:12px; padding:0 0 5px 0;}
#formcontact form label.error { position:Absolute; text-align:right;  top:23px; right:50px; width:260px; float:left; color:#d40026; font-size:10px; margin:0 0 0 10px; font-family:Arial, Verdana, Tahoma; font-weight:bolder;}
#formcontact form fieldset input {width:545px; float:left; border:1px solid #000;}
#formcontact form label.radiocheck {width:40px; color:#9a2020; font-size:12px; margin:0px; color:#000;}
#formcontact form .geslacht {height:20px; width:200px; float:left;}
#formcontact form fieldset input.radiocheck {width:20px; margin: 0 10px 0 0; border:none;}
#formcontact form textarea {width:545px; float:left; border:1px solid #000;}
#formcontact form fieldset input.submit { color:#fff; border:none; width:auto; padding:0 25px 5px 10px; height:25px; cursor:pointer; background-image:url(../images/btn_verzenden.png); background-position: top right; background-repeat:no-repeat; float:right; margin:0 73px 0 0;}
#formcontact form fieldset input.submit:hover {text-decoration:underline;}

.information {margin: 30px 59px 70px 0; float:right;}
.information h3 {margin:0; padding:0; font-size:14px; font-family:Verdana, Arial, tahoma;}
.information a { color:#D40026; }
.information a.plannen { background-image:url(../images/btn_verzenden.png); background-repeat:no-repeat; background-position:top right; float:left; margin:10px 0 0 0; padding:2px 25px 5px 10px; color:#fff; font-size:11px; text-decoration:none;}
.information a.plannen:hover {text-decoration:underline;}
#map {  float:left; height: 470px;  width: 570px; }
#googlemaps {float:left;}
#addresses {float:right; width:255px; margin: 50px 30px 70px 0;}
#directions {  float:left; height: auto; overflow: hidden;  width: 570px; }
.routebeschrijvingform { margin:0 0 20px 0; }
.routebeschrijvingform legend {display:none; }
.routebeschrijvingform fieldset {border:none;margin:0; padding:0;}
.routebeschrijvingform .field {margin:0 0 5px 0; overflow:hidden; clear:both;}
.routebeschrijvingform .field strong {}
.routebeschrijvingform .field label {width:108px; margin:0 10px 0 0;  float:left;}
.routebeschrijvingform .field input {width:132px;  float:left;}
.routebeschrijvingform .field select {width:135px;  float:left;}
.routebeschrijvingform .field input.button {clear:both;background-image:url(../images/btn_verzenden.png); background-color:Red; background-repeat:no-repeat; background-position:top right; margin:10px 0 0 0; float:right; padding:3px 20px 5px 10px; width:auto; color:#fff; font-size:11px; border:none; cursor:pointer; }

a {outline: none;}