/***********************************************/
/* 01/06/2006 Martijn Blom          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/***********************************************/
/* style.css                             */
/***********************************************/

* {
	padding: 0;
	margin: 0;
	}
	
body{
	background: #efefef;
	font-family: tahoma;
	font-size:13px;
	color:#222222;
	line-height:18px;
}

a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

a:link{

	color: #666;
	text-decoration: none;
}

a:visited{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#666;
	text-decoration: underline;
}

h1{
 font-size: 120%;
color: #666;
}

h2{
 font-size: 110%;
color: #666;
}

h3{

font-size: 130%;
	padding: 0;
	margin: 10px;
}

h4{
 font-size: 100%;
 font-weight: normal;
color: #666;
}

h5{
 font-size: 100%;
color: #666;
}

label{
	font-size: 100%;
	font-weight: bold;
	color: #666;
	margin: 0 0px 10px 10px;
}


p {
	padding: 0;
	margin: 10px;
}
fieldset {
width: 400px;
background: #eee;
padding: 0 0 10px 10px;
}
input#submit  {
	margin: 0 0px 10px 10px;
}
dl, dt, dd, #menu dt, #menu dd,  #menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	margin-left: auto;
	margin-right: auto;
	width: 894px;
	height:auto;
}
html>body #container{
	position:absolute;
	background: #fff;
	width: 894px;
	left:10%;
	right:10%;
}
#home #container{
	background:url(../pix/template.jpg) no-repeat #fff;
}
#dineren #container{
	background:url(../pix/ui/bg_dineren.jpg) no-repeat #fff;
}
#herberg #container{
	background:url(../pix/ui/bg_herberg.jpg) no-repeat #fff;
}
#smakelijk #container{
	background:url(../pix/ui/bg_smakelijk.jpg) no-repeat #fff;
}
#geschiedenis #container{
	background:url(../pix/ui/bg_geschiedenis.jpg) no-repeat #fff;
}
#reserveren_din #container{
	background:url(../pix/ui/bg_reserveren_din.jpg) no-repeat #fff;
}
#prijzen #container{
	background:url(../pix/ui/bg_prijzen.jpg) no-repeat #fff;
}
#arrangementen #container{
	background:url(../pix/ui/bg_arrangementen.jpg) no-repeat #fff;
}
#links #container{
	background:url(../pix/ui/bg_arrangementen.jpg) no-repeat #fff;
}
#logeren #container{
	background:url(../pix/ui/bg_logeren.jpg) no-repeat #fff;
}
#welkom #container{
	background:url(../pix/ui/bg_welkom.jpg) no-repeat #fff;
}
#rijke #container{
	background:url(../pix/ui/bg_rijke.jpg) no-repeat #fff;
}
#unieke #container{
	background:url(../pix/ui/bg_unieke.jpg) no-repeat #fff;
}
#luxe #container{
	background:url(../pix/ui/bg_luxe.jpg) no-repeat #fff;
}
#ontbijten #container{
	background:url(../pix/ui/bg_ontbijten.jpg) no-repeat #fff;
}
#reserveren_log #container{
	background:url(../pix/ui/bg_reserveren_log.jpg) no-repeat #fff;
}
#omgeving #container{
	background:url(../pix/ui/bg_omgeving.jpg) no-repeat #fff;
}
#markelo #container{
	background:url(../pix/ui/bg_markelo.jpg) no-repeat #fff;
}
#veel #container{
	background:url(../pix/ui/bg_veel.jpg) no-repeat #fff;
}
#wandel #container{
	background:url(../pix/ui/bg_wandel.jpg) no-repeat #fff;
}
#route #container{
	background:url(../pix/ui/bg_route.jpg) no-repeat #fff;
}
#contact #container{
	background:url(../pix/ui/bg_contact.jpg) no-repeat #fff;
}
#fotoboek #container{
	background:url(../pix/ui/bg_fotoboek.jpg) no-repeat #fff;
}


#dineren #footer{
	background:url(../pix/ui/ft_dineren.jpg) no-repeat #fff;
}
#herberg #footer{
	background:url(../pix/ui/ft_herberg.jpg) no-repeat #fff;
}
#smakelijk #footer{
	background:url(../pix/ui/ft_smakelijk.jpg) no-repeat #fff;
}
#geschiedenis #footer{
	background:url(../pix/ui/ft_geschiedenis.jpg) no-repeat #fff;
}
#reserveren_din #footer{
	background:url(../pix/ui/ft_reserveren_din.jpg) no-repeat #fff;
}
#prijzen #footer{
	background:url(../pix/ui/ft_prijzen.jpg) no-repeat #fff;
}
#arrangementen #footer{
	background:url(../pix/ui/ft_arrangementen.jpg) no-repeat #fff;
}
#links #footer{
	background:url(../pix/ui/ft_arrangementen.jpg) no-repeat #fff;
}
#logeren #footer{
	background:url(../pix/ui/ft_logeren.jpg) no-repeat #fff;
}
#welkom #footer{
	background:url(../pix/ui/ft_welkom.jpg) no-repeat #fff;
}
#rijke #footer{
	background:url(../pix/ui/ft_rijke.jpg) no-repeat #fff;
}
#unieke #footer{
	background:url(../pix/ui/ft_unieke.jpg) no-repeat #fff;
}
#luxe #footer{
	background:url(../pix/ui/ft_luxe.jpg) no-repeat #fff;
}
#ontbijten #footer{
	background:url(../pix/ui/ft_ontbijten.jpg) no-repeat #fff;
}
#reserveren_log #footer{
	background:url(../pix/ui/ft_reserveren_log.jpg) no-repeat #fff;
}
#omgeving #footer{
	background:url(../pix/ui/ft_omgeving.jpg) no-repeat #fff;
}
#markelo #footer{
	background:url(../pix/ui/ft_markelo.jpg) no-repeat #fff;
}
#veel #footer{
	background:url(../pix/ui/ft_veel.jpg) no-repeat #fff;
}
#wandel #footer{
	background:url(../pix/ui/ft_wandel.jpg) no-repeat #fff;
}
#route #footer{
	background:url(../pix/ui/ft_route.jpg) no-repeat #fff;
}
#contact #footer{
	background:url(../pix/ui/ft_contact.jpg) no-repeat #fff;
}
#fotoboek #footer{
	background:url(../pix/ui/ft_contact.jpg) no-repeat #fff;
}


#nav{
	float:left;
	width: 20%;
}
#logo, #logo a {
	display:block;
	width: 170px;
	height: 150px;	
}
#menu{
	margin: 20px 0 0 10px;
}
#menu li a{
	display:block;
	list-style: none;
	width: 170px;
	height: 25px;
}
#menu li{
	display:block;
	list-style: none;
	width: 170px;
	height: 25px;
	margin:2px 0 2px 0; 
	border-bottom:1px solid #efefef;
}
h1{
	margin-left:0px;
	height: 25px;
}

#menu li#welkom, #menu #welkom a, #welkom h1{
	background:url(../pix/ui/bt_welkom.jpg) no-repeat center;
	display:block;
}
#menu li#logeren, #menu #logeren a, #logeren h1, #reserveren_log h1, #rijke h1, #unieke h1, #luxe h1, #ontbijten h1, #fotoboek h1{
	background:url(../pix/ui/bt_logeren.jpg) no-repeat center;
	display:block;
}
#menu li#dineren, #menu #dineren a, #dineren h1, #smakelijk h1, #reserveren_din h1, #herberg h1, #geschiedenis h1{
	background:url(../pix/ui/bt_dineren.jpg) no-repeat center;
	display:block;
}
#menu li#prijzen, #menu #prijzen a, #prijzen h1{
	background:url(../pix/ui/bt_prijzen.jpg) no-repeat center;
	display:block;
}
#menu li#arrangementen, #menu #arrangementen a, #arrangementen h1{
	background:url(../pix/ui/bt_arrangementen.jpg) no-repeat center;
	display:block;
}
#menu li#links, #menu #links a, #links h1{
	background:url(../pix/ui/bt_links.jpg) no-repeat center;
	display:block;
}
#menu li#route, #menu #route a, #route h1{
	background:url(../pix/ui/bt_route.jpg) no-repeat center;
	display:block;
}
#menu li#omgeving, #menu #omgeving a, #omgeving h1, #markelo h1, #wandel h1, #fotoboek h1{
	background:url(../pix/ui/bt_omgeving.jpg) no-repeat center;
	display:block;
}
#menu li#contact, #menu #contact a, #contact h1{
	background:url(../pix/ui/bt_contact.jpg) no-repeat center;
	display:block;
}


#menu li#herberg, #menu #herberg a{
	background:url(../pix/ui/bt_herberg.jpg) no-repeat center;
	display:block;
}
#menu li#geschiedenis, #menu #geschiedenis a{
	background:url(../pix/ui/bt_geschiedenis.jpg) no-repeat center;
	display:block;
}
#menu li#smakelijk, #menu #smakelijk a{
	background:url(../pix/ui/bt_smakelijk.jpg) no-repeat center;
	display:block;
}
#menu li#reserveren_din, #menu #reserveren_din a{
	background:url(../pix/ui/bt_reserveren.jpg) no-repeat center;
	display:block;
}
#menu li#rijke, #menu #rijke a{
	background:url(../pix/ui/bt_rijke.jpg) no-repeat center;
	display:block;
}
#menu li#luxe, #menu #luxe a{
	background:url(../pix/ui/bt_luxe.jpg) no-repeat center;
	display:block;
}
#menu li#unieke, #menu #unieke a{
	background:url(../pix/ui/bt_unieke.jpg) no-repeat center;
	display:block;
}
#menu li#ontbijten, #menu #ontbijten a{
	background:url(../pix/ui/bt_ontbijten.jpg) no-repeat center;
	display:block;
}
#menu li#reserveren_log, #menu #reserveren_log a{
	background:url(../pix/ui/bt_reserveren.jpg) no-repeat center;
	display:block;
}

#menu li#fotoboek, #menu #fotoboek a{
	background:url(../pix/ui/bt_fotoboek.jpg) no-repeat center;
	display:block;
}
#menu li#markelo, #menu #markelo a{
	background:url(../pix/ui/bt_markelo.jpg) no-repeat center;
	display:block;
}
#menu li#wandel, #menu #wandel a{
	background:url(../pix/ui/bt_wandel.jpg) no-repeat center;
	display:block;
}

#adres{
	background:url(../pix/ui/adres.gif) no-repeat;
	width: 144px;
	height: 83px;
	margin: 20px 0 0px 30px ;
}
#main{
	background:url(../pix/ui/shadow.gif) ;
	float:left;
	width: 50%;
	height:auto;
}
html>body #main{
	background:url(../pix/ui/shadow.gif);
	height: auto; 
	min-height: 100%;
}
#main li{
	margin: 0 0 0 20px ;	
}
#text{
	text-align:left;
	margin: 30px 0 0 15px;
	height: 480px;
}
html>body #text{
	height: auto; 
	min-height: 480px;
}
table {
font-size: 80%;
}
td {
border-bottom: 1px solid #ddd;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	padding: 0 0 0 10px;
}


/*************** #pageName styles **************/

#pageName{
	color: #666;
	font-size:10pt;
	font-weight: bold;
	text-align:center;
	width:616px;
	background:#fff ;
	padding: 3px 0 0 0;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************* #footer styles ***************/

#footer{
	margin: 0 0 0 5px;
	width: 659px;
	height: 64px;
	margin-bottom:2px;
}
/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
}


/************* #Nav styles ***************/