/* ----------------------------------------------------------------------- BASICS */


@font-face {
    font-family: 'ArialRoundedMTBoldRegular';
    src: url('fonts/arlrdbd-webfont.eot');
    src: url('fonts/arlrdbd-webfont.eot?#iefix') format('eot'),
         url('fonts/arlrdbd-webfont.woff') format('woff'),
         url('fonts/arlrdbd-webfont.ttf') format('truetype'),
         url('fonts/arlrdbd-webfont.svg#webfontGjYaIXa6') format('svg');
    font-weight: normal;
    font-style: normal;
}



html{
	height:100%;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:"ArialRoundedMTBoldRegular",Verdana, Geneva, sans-serif;
	font-size:11px;
	background:url(images/bg.png) repeat-x top;
}

p{
	color:#444;
}
	

	

	
div, p, form, img{
	padding:0px; margin:0px;
}

h1 {
	font-size:18px;
	margin:0px;
	padding:0px;
}
	
h2 {
	font-size:16px;
	margin:0px;
	padding:0px;
}
	
h3 {
	font-family: "ArialRoundedMTBoldRegular";
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
	
h4 {
	font-size:12px;
	margin:0px;
	padding:0px;
}
	
h5 {
	font-size:10px;
	margin:0px;
	padding:0px;
}

td {

	vertical-align: top;
}

td p {
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------------------------------- LAYOUT */

#container{
	width:990px;
	margin:0px auto;
}

#header{
	width:990px;
	height:484px;
	margin:9px 0 0 0;
	padding:0;
}

#logo{
	background:url(images/logo.png) no-repeat;
	width:260px;
	height:92px;
	float:left;
	margin:0 0 0 15px;
}

#contact_container{
	width:715px;
	height:92px;
	float:left;
}

#contact_container #tel_icon{
	background:url(images/tel-icon.png);
	margin:0 0 0 25px;
	width:82px;
	height:83px;
	float:left;
}

#contact_container #contactgegevens{
	margin:0 0 0 10px;
	padding-top:15px;
	width:190px;
	height:83px;
	float:left;
	overflow:hidden;
}

#contact_container #overige_contactgegevens{
	padding-top:28px;
	width:220px;
	height:83px;
	float:right;
	text-align:right;
}

.side{
	width:10px;
	float:left;}
	
#showcase_container{
	background:url(images/showcase_bg.png);
	margin:7px 0 0 40px;
	width:915px;
	height:380px;
	float:left;
}

#showcase{
	margin:19px 0 0 115px;
	width:548px;
	height:337px;
	float:left;
}

#poweredby
{
	float:left;
	padding-left:20px;
}

#poweredby a
{
	color:#fff;
	text-decoration:none;
}

/*--------------------------------------------------------------------- NAV*/

#nav_container{
	margin:19px 0 0 24px;
	width:228px;
	height:338px;
	float:left;
}

#nav_container ul{
	position:relative;
	padding:0 0 0 0;
	margin:0;
	
}

#nav_container ul li {
	margin-left:5px;
	padding-bottom:7px;
	color:#111;
	display:block;
	font-size:20px;
	font-family: "Arial Rounded MT Bold";
	height:42px;
	width:360px;
	text-transform:uppercase;
	z-index:40;
}

#nav_container ul li:hover {
	background:url('images/hover.png') no-repeat;
	width:360px;
	color:#FFF;
	z-index:30;

}

#nav_container ul li a{
	color:#333;
	text-decoration:none;
	line-height:42px;
	padding-left:20px;
	display:block;
}

#nav_container ul li a:hover{
	color:#fff;
}

/*--------------------------------------------SUB NAV ------*/


#nav_container li ul{
	background:url(images/bg_subnav.png) repeat-y;
	position:absolute;
	display:none;
	left:342px;
	top:0;
	height:337px;
	width:220px;
	z-index:20;
}

#nav_container li li:hover{
	background:none;
}

#nav_container li li {
	
	height: 15px;	
}

#nav_container ul li ul li a{
	font-family:arial;
	font-size:12px;
	text-transform:none;
	color:#FFF;
	line-height: 10px;
	padding-left:5px;
	padding-top:10px;
}

#nav_container ul li ul li a:hover{
	color:#222;
}




#nav_container li:hover ul{
	display:block;
}

#nav_container ul li.on:hover ul{
display:block;
}





/*-------------------------------------------- END SUB NAV ------*/

#top-container{
	width:546px;
	height:221px;
	float:left;}
	
#top{
	width:546px;
	height:149px;
	float:left;
	background:url(images/top_bg.jpg) no-repeat;}
	
#link-1{
	width:11px;
	height:10px;
	border:0px solid red;
	cursor:pointer;
	float:right;
	margin:119px 4px 0 0;}

#link-2{
	width:11px;
	height:10px;
	border:0px solid red;
	cursor:pointer;
	float:right;
	margin:119px 21px 0 0;}

#link-3{
	width:11px;
	height:10px;
	border:0px solid red;
	cursor:pointer;
	float:right;
	margin:119px 21px 0 0;}

#path{
	width:546px;
	height:42px;
	float:left;
	background:url(images/path_bg.jpg) no-repeat;
	padding-left:10px;
	line-height:30px;
	font-size:10px;
	font-weight:normal;
	color:#FFF;}

#title{
	width:546px;
	height:30px;
	float:left;
	background:#FFF;}
	
#menu_top{
	float:left;
	width:215px;
	height:30px;}

#title-tekst{
	float:left;
	width:331px;
	height:30px;}
	
#title-tekst h1{
	color:#5E8CBD;
	padding-left:10px;}
	
#show{
	width:354px;
	height:221px;
	float:left;
	background:url(images/show_bg.jpg) no-repeat;}
	
	
#main{
	width:900px;
	background:#FFF;
	float:left;}

#bottom-copy{
	width:900px;
	height:23px;
	float:left;
	background:url(images/bottom_copy.gif) no-repeat;}

	#copywrite{
		float:left;
		line-height:20px;
		padding-left:10px;
		font-size:10px;
		font-weight:normal;
		color:#FFF;}
	
	#menu-bottom{
		float:right;
		width:600px;
		line-height:20px;
		text-align:right;}
		
	#menu-bottom li div{
		display:inline;}
		
	#menu-bottom li{
		display:inline;
		padding-right:10px;}
		
	#menu-bottom a{
		font-size:10px;
		font-weight:normal;
		color:#FFF;}
		
#bottom-naw{
	width:900px;
	height:50px;
	float:left;
	background:url(images/bottom_naw.gif) no-repeat;}
	
#bottom-WNN{
	width:440px;
	padding-left:10px;
	line-height:15px;
	font-size:10px;
	color:#4d4d4d;
	text-align:left;
	float:left;
	}
	
#bottom-WWN{
	width:440px;
	padding-right:10px;
	line-height:15px;
	font-size:10px;
	color:#4d4d4d;
	text-align:right;
	float:right;
	}

#menu{
	width:215px;
	float:left;
	background:url(images/menu_bg.gif) repeat-y;}
	

#content
{
	/*background:url(images/watermerk.jpg) no-repeat bottom left;*/
	position:relative;
	width:990px;
	float:left;
}

#left_cell{
	margin:0 0 0 0;
	width:620px;
	float:left;
	padding-bottom:30px;
	/*background:url(images/watermerk.jpg) no-repeat bottom left;*/
	position:relative;
}


#left_cell h3{
	font-family: "Arial Rounded MT Bold";
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin:20px 0 0 20px;
	width:570px;
}


#left_cell p{
	margin:0 0 0 17px;
}


#left_cell td{
	padding:0 0 0 0;
}

#right_cell{
	right:-9px;
	position:relative;
	background:url(images/freepage_bg.png) no-repeat;
	width:370px;
	float:left;
	top:-12px;
}

#right_cell_content{
	position:relative;
	padding:20px 0 0 20px;
	width:325px;
	float:left;
	min-height:450px;
	overflow:hidden;
}
#right_cell_content h3
{
	margin:0;
	padding:0 0 20px 0;
}

#woningborg {
	background:url(images/woningborg.png) no-repeat;
	float:left;
	width:200px;
	height:100px;
	margin-left:90px;
	
}


#footer{
	margin:0;
	padding:0;
	height:20px;
	background:#222 repeat-x ; clear:both;
}

#footer_nav{
	width:990px;
	height:20px;
	margin:0 auto;
}

#footer_nav ul{
	float:right;
	padding-top:3px;
	margin:0;
}

#footer_nav ul li{
	float:left;
	color:#fff;
	text-decoration:none;
	padding-right:7px;
	padding-left:7px;
	border-right:1px solid grey;
	list-style-type:none;
}

#footer_nav ul li:hover{
	text-decoration:underline;
}

#footer_nav ul li div a{
	color:#fff;
	text-decoration:none;
}

#footer_centent{
	padding:3px 5px 0 0;
	float:right;
	color:#FFF;
}

#footer_centent a{
	color:#FFF;
	text-decoration:none;
}

#footer_centent a:hover{
	text-decoration:underline;
}


.mod_form table{
	margin:0 0 0 18px;
}

.mod_form h3{
	display:none;
}





/* ----------------------------------------------------------------------- LINKS */



/* ----------------------------------------------------------------------- HEAD-MENU */

#menu li{
	width:200px;
	border-bottom:1px dotted #CCC;}
	
#menu li:hover{}
	
#menu li.on{}
	
#menu li.on:hover{}

#menu li div{
	margin-left:8px;}
	
#menu li a{
	width:192px;
	height:24px;
	line-height:28px;
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#5E8CBD;
}
	
#menu li a:hover{
	width:192px;
	height:24px;
	line-height:28px;
	display:block;
	color:#4d4d4d;
}
	
#menu li.on a{
	width:192px;
	height:24px;
	line-height:28px;
	display:block;
	color:#4d4d4d;
}




/* ----------------------------------------------------------------------- SUB-MENU */


/* ----------------------------------------------------------------------- GUESTBOOK */

.guestbook_comment
{
	padding:10px;	
}
.guestbook_sig
{
	font-weight:bold;	
}

/* ----------------------------------------------------------------------- GALLERY */

#gal_wrapper{
	width:630px;
	text-align:center;}
	
#gal_title{
	width:630px;
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_title a{
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_image_name{}
	
#gal_allthumbs{
	width:630px;}
	
#gal_viewer{
	width:630px;}

#gal_nav{}

#gal_image_wrapper{}

#gal_image{}

#gal_nav_arrow_1{}
 
#gal_nav_arrow_2{}

#gal_nav_thumbs{}

div#map_locations
{
	float: left;
	width: 150px;
	border: #CCC solid 1px;
	background-color: #F0F0F0;
}

	div#map_locations ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#map_locations li
	{
		margin: 5px 5px;
		padding: 0;
	}
	
	div#map_locations li a
	{
		cursor: pointer;
		font-weight: bold;
	}

div#map_canvas
{
	width: 460px;
	height: 500px;
	float: right;
	border: #CCC solid 1px;
}

img.gImage
{
	float: left;
	margin: 3px 10px 0 0px;
	border: #000 solid 1px;
}

div.gContent
{
	float: left;
}

div#routeplanner-form
{
	display: none;
	border: #CCC solid 1px;
	margin: 10px 0 0 0;
	padding: 10px;
}

div.breaker
{
	clear: both;
	height: 1px;
	overflow: hidden;
}


#mod_news_item{
	margin:20px 0 0 20px;
}

.news_title
{	
	color:#b50937;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}

.news_title{
	color:#3fa4cb;
}
.news_list_image
{
	float:right;	
	width:150px;
	border:1px solid #b50937;
	margin-left:5px;
}
.news_date
{
	display:none;
}

.news_back{
	color:#3fa4cb;
	margin:25px 0 0 470px;	
	float:left;
	width:90px;
	height:0px;
	padding-bottom:17px;
	padding-left:5px;
	padding-top:2px;

}

.news_back a{
	color:#3fa4cb;
	text-decoration:none;
}


#mod_news_items{
	margin:0 0 0 20px;
}

.news_content
{
}

.news_item_archive{
	margin:23px 0 0;
}


.news_readmore{
	color:#3fa4cb;
	margin:0 0 0 490px;	
	width:90px;
	height:0px;
}

.news_readmore a{
	text-decoration:none;
	color:#3fa4cb;
	padding-top:3px;
	line-height:18px;
	padding-left:5px;
	padding-right:5px;
}

.mod_news_item
{
	padding-bottom:10px;
	width:100px;
	border:1px solid red;
}

#mod_news_archivelink{
	margin:0 0 0 20px;
	display:none;
}

#mod_news_archivelink a{
	color:#333;
}

.news_item{
	
}

.news_readmore
{
	padding-bottom:20px;	
}

/*------------ Sitemap -----------*/

#left_cell h2{
	display:none;
}

.sitemap{
	margin:20px 0 0 37px;
}

.sitemap a{
	text-decoration:none;
	color:#111;
}

.sitemap li{
	list-style-type:circle;
}

.sitemap li li{
	margin:0 0 0 20px;
	padding-top:5px;
	list-style-type:inherit;
}


/*-- Projecten ---*/

#mod_projects_items{
	margin:10px 0 0 20px;
	background:#e4e4e4;
	padding-top:10px;
}


#mod_projects_items img{
	padding-bottom:5px;
}


#mod_projects_items td{
	padding:0 10px 0 3px;
	margin:0 0 0 20px;
}

#mod_projects_items th{
	text-align:left;
}

.td_leesmeer a{
display:none;

}

#mod_projects_item{
	margin:0 0 0 50px;
}

.mod_projects_fieldname{
	margin-left:-30px;
	padding-left:-30px;
}