/* CSS Document */
html{
	height: 100%;
	background-color:#909191;
	overflow:hidden;
}

body{
	padding:0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
img{
	border:none;
}

h1{
	position:relative;
	float:left;
	font: 22px bold Arial, Helvetica, sans-serif;
	width:364px;
	height: 29px;
	background:url(../images/header_line.jpg) no-repeat bottom;
	text-align:left;
	margin:30px 0px 10px 0px;
	padding:0px;
	display:inline;
}

p {
	position:relative;
	float:left;
	font: 12px  Arial, Helvetica, sans-serif;
	width:364px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:inline;
}

td, tr, table{
	font: 12px  Arial, Helvetica, sans-serif;
}
	
.tekst_link {
	color:#d90134;
	text-decoration:underline;
}

#container{
	position: relative;
	width: 1000px;
	background:url(../images/bg_schaduw.jpg) repeat-y;
	height:600px;
	padding:0px;
}

#geheel{
	position: relative;
	margin: 0px auto;
	width: 944px;
	height:600px;
}
#content{
	position:relative;
	float:right;
	width:715px;
	height:auto;
	display:inline;
}

#top{
	position:relative;
	float:left;
	background-image:url(../images/top.jpg);
	width:944px;
	height:178px;
	border-top: solid 1px black;
	display:inline;
}

#menuvak{
	position:relative;
	float:left;
	background:url(../images/menu_vak.jpg) no-repeat;
	width:219px;
	height:373px;
	padding-top:20px;
	display:inline;
}

.menuknop{
	position:relative;
	float:right;
	text-align:right;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:black;
	margin:13px 20px 0px 0px;
	padding-top:1px;
	height:20px;
	width:171px;
	display:inline;
}

.menuknop:hover, .menuknop:active{
	color:white;
	background:url(../images/knop.jpg) no-repeat;
}

.menuknop_huidig{
	position:relative;
	float:right;
	text-align:right;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:white;
	background:url(../images/knop.jpg) no-repeat;
	margin:13px 20px 0px 0px;
	padding-top:1px;
	height:20px;
	width:171px;
	display:inline;
}

#vak_links{
	position:relative;
	float:left;
	width:365px;
	height:360px;
	margin:0px 0px 0px 8px;
	display:inline;
}

#vak_scroll {
	position:relative;
	width:365px;
	height:310px;
	margin:0px 0px 0px 0px;
	overflow: auto;
	scrollbar-arrow-color: #d90134;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #cf93a1;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #cf93a1;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}
#vak_scroll p {
	width:335px;
}

#vak_rechts{
	position:relative;
	float:right;
	width:325px;
	height:380px;
	overflow:hidden;
	display:inline;
}

#adresbalk{
	position:relative;
	float:left;
	height:27px;
	width:944px;
	background:url(../images/adresbalk.jpg) repeat-x;	
	border-bottom: solid 1px black;
	display:inline;
}

#fadeshow_vak{
	position:absolute;
	right: 12px;
	top: 0px;
	height:250px;
	width: 312px;
	margin:80px 0px 0px 0px;
	background-color:#d4d3d3;	
	padding:0px;
	display:inline;
}

.adres{
	position:relative;
	color:white;
	vertical-align:text-bottom;
	top:5px;
	margin: 3px 54px 0px 82px;
	display:inline;
	font: 11px  Arial, Helvetica, sans-serif;
}

.email{
	text-decoration:none;	
	color:white;	
	font: 11px  Arial, Helvetica, sans-serif;
}

.email:hover, .email:active{
	text-decoration:underline;
}
.adres_contact{
	text-align:left;
	margin-left:30px;
	margin-top:80px;	
}
.prijzen{
	border-bottom:solid 1px #d90134;
	text-align:right;
}
.overlay_text{
	position:absolute;
	width:400px;
	height:10px;
	border:solid 1px red; 
}
.content_knop{
	position:absolute;
	width:100px;
	height:20px;
	background:url(../images/knop_content.jpg) no-repeat;
	left: 10px;
	top: 270px;
	color:#FFFFFF;
	padding-top:3px;
	text-decoration:none;
}

.hyperlink{
	text-decoration:none;
	color:black;
}

.hyperlink:hover, .hyperlink:active{
	text-decoration:underline;
	color:black;
}



/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------Routekaart gedeelte-------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.routekaart{
	position:absolute;
	text-align:left;
	float:left;
	font-weight:bold;
	left:0px;
	top:65px;
	display:inline;
}
#hideshow{
	position:absolute;
	text-align:left;
	float:left;
	font-weight:bold;
	z-index:1;
	visibility:hidden;
	left:0px;
	top:65px;
	display:inline;
}
.prijslijst_rechts{
	margin-top:80px;
	text-align:left;
}
.zaltbommel{
	position:absolute;
	left:22px;
	top:48px;
	font-weight:bold;
}
.shertogenbosch{
	position:absolute;
	left:29px;
	top:149px;
	font-weight:bold;
}
.vught{
	position:absolute;
	left:41px;
	top:195px;
	font-weight:bold;
}
.schijndel{
	position:absolute;
	left:107px;
	top:212px;
	font-weight:bold;
}
.oss{
	position:absolute;
	left:176px;
	top:93px;
	font-weight:bold;
}
.bernheze{
	position:absolute;
	left:167px;
	top:118px;
	font-weight:bold;
}
.uden{
	position:absolute;
	left:231px;
	top:178px;
	font-weight:bold;
}
.veghel{
	position:absolute;
	left:181px;
	top:218px;
	font-weight:bold;
}
.wijchen{
	position:absolute;
	left:277px;
	top:45px;
	font-weight:bold;
}
.grave{
	position:absolute;
	left:289px;
	top:93px;
	font-weight:bold;
}
.nijmegen{
	position:absolute;
	left:336px;
	top:31px;
	font-weight:bold;
}

#asmaasland{
	position:relative;
	float:right;
	margin: 115px 20px 0px 0px;
	display: inline;
}

#gesloten {
	background: url('../images/gesloten.png') no-repeat;
	position: absolute;
	width: 486px;
	height: 88px;
	left: 275px;
	top: 40px;
}