@charset "UTF-8";
/* CSS Document */

body {
	font-family:"Gill Sans", Helvetica, Verdana, Arial;
	font-size:0.85em;
	font-style:normal;
	line-height:1em;
	text-align:left;
	color:#000;
	background-color:#FFFFFF;
	background-position:center top;
	margin:0;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 990px;
}


a:link, a:visited {
	color:#8b1414;
	text-decoration: none;
}


a:hover, a:active {
	color:#000;
	text-decoration: none;	
}


/* PAGINAOPMAAK <--*/

#container {
	width:990px;
	float: left;
	background-repeat: repeat-y;
	background-image: url(../images/herberg/repeat.png);
	background-position: center;
	margin: 0px auto 0px auto;
}

/* top <--*/

#topnav {
	height:26px;
	width:250px;
	background-color: #fff;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 740px;	
	}

#topnav ul.menu-topnav {
	list-style:none;
	margin:0;
}

#topnav ul.menu-topnav li {
	display:inline;
	list-style:none;
	padding: 0 10px 0 0;
}

#topnav ul.menu-topnav li a:link,#topnav ul.menu-topnav li a:visited {
	color:#8b1414;
	text-decoration: none;
}


#topnav ul.menu-topnav li a:hover,#topnav ul.menu-topnav li a:active {
	color:#000;
	text-decoration: none;	
}

/* header<--*/
#header {
	height:125px;
	width:990px;
	background-color: #fff;
	float: left;
	background-image: url(../images/herberg/banner.jpg);
	background-repeat: no-repeat;
	}

/* hoofdmenu <--*/

#linkerkolom {
	float:left;
	width:228px;
	height:575px;
	background-image: url(../images/herberg/linkerkolom.jpg);
	background-repeat: no-repeat;	
}

#hoofdmenu {
	padding-left: 20px;
	padding-top: 23px;
}

#hoofdmenu ul {
	list-style:none;
	margin:0;	
	font-size: 1.14em;
	letter-spacing: 0.035em;
}

#hoofdmenu li {
	list-style:none;
	padding: 3px 0 3px 0;
	display:block;
}

#hoofdmenu li .beide{
	border-top:2px solid #8b1414;
	border-bottom:2px solid #8b1414;	
	display:block;
	padding: 8px 0 8px 0;
}

#hoofdmenu li .boven{
	border-top:2px solid #8b1414;
	display:block;
	padding: 8px 0 3px 0;
}

#hoofdmenu li .onder{
	border-bottom:2px solid #8b1414;
	display:block;
	padding: 3px 0 8px 0;
}


#hoofdmenu a {
	color:#FFF;
	font-weight: normal;
	font-family: "Gill Sans", Verdana, Arial;
}

#hoofdmenu li a:link,
#hoofdmenu li a:visited {
	color:#FFF;
	text-decoration: none;	
}


#hoofdmenu li a:hover,
#hoofdmenu li a:active {
	color:#8b1414;
	text-decoration: none;	
}


#nav-boek {
	float:left;
	padding-top: 40px;
	padding-left: 20px;	
}


/* content <--*/
#main {
	float:left;
	width:762px;
	background-repeat: no-repeat;
	background-image: url(../images/herberg/contentoker.gif);
}

/* submenu <--*/

#submenu {
	width:702px;
	height:40px;
	padding-left: 60px;
	padding-top: 5px;
	color:#FFF;
	font-weight: normal;
	font-family:"Gill Sans", Helvetica, Verdana, Arial;
	font-size: 1.3em;
}

#submenu  a {
	border-bottom:2px solid #8b1414;
	padding: 0px 0 4px 0;
	display:block;
}

#submenu a:link,
#submenu a:visited {
	color:#FFF;
	text-decoration: none;	
}


#submenu a:hover,
#submenu a:active {
	color:#8b1414;
	text-decoration: none;	
}

#submenu ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#submenu li {
	list-style:none;
	margin: 0 26px 0 0;	
	float:left;
	
}
/* content-tekst <--*/

#content-tekst {
	width:522px;
	padding-right: 180px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
}

#content-tekst ul {
	margin:0 0 0 15px;
	padding: 0;
	text-align: left;
	list-style-image: none;
	list-style-type: square;
}

#content-tekst li{
	padding: 2px 0 2px 0px;
	margin: 0;
	color: #000;
	font-size:1.3em;
	line-height: 1.3em;
}



#content-fototekst {
	width:652px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
}

#content-kamers {
	width:672px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
	float:left;
}

#content-kamers tr {
	vertical-align: top;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #960c0c;
}

#content-kamers td {
	font-size:100%;
	line-height:120%;
	text-align: left;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #960c0c;
	padding-bottom: 10px;
}

#content-kalender {
	width:672px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
	float:left;
}

.jaar {
	margin: 0 0 5em 0;
	padding: 0;
	padding-left: 235px;
}

.jaar ul{
	list-style:none;
	margin:0;
	padding:0;
}


.jaar li {
	list-style:none;
	float:left;
	margin: 0;
}

.jaar a {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.jaar a:hover {
  color: #FFF;
	font-weight: bold;
}


.kalender {
  text-align: left;
  margin: 2em 0 8em 0;
}

.kalender ul{
	list-style:none;
	margin:0;
	padding:0;
}


.kalender li {
	list-style:none;
	float:left;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}

.kalender a {
	padding: 2px;
	display:block;
	color: #000000;
	border: 1px solid #8b1414;
}

.kalender a:hover {
  background-color: #000000;
  color: #FFF;
}

.tabelkader {
	border-style: solid;
 	border-collapse: collapse;
  	border-color: #960c0c;
  	border-width: 1px;
  	color: #000;
 	background-color: #FFF;
	}
	
table.tabelkader {
  	width: 600px;
}

caption {
  font-size: 150%;
  color: #000000;
  padding-bottom: 10px;
  font-weight: normal;
}

thead th {
	background-color: #960c0c;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
}

thead {
  border: 1px solid #960c0c;
}

#content-kalender td, #content-kalender th {
	border-style: solid;
  	border-collapse: collapse;
  	border-color: #000000;
 	border-width: 1px;
  	padding: 0.5em;
}


#content-kalender tr {
	vertical-align: top;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #960c0c;
}

#content-kalender td {
	font-size:100%;
	line-height:120%;
	text-align: left;	
  	height: 60px;
	width: 60px;
  	overflow: hidden;
}

#content-kalender th {
	height: 15px;
	width: 60px;
}
#content-kalender td.bezet{
	background-color: #900;
	color: inherit;
}

#content-kalender td.vrij{
	background-color: #FFC;
	color: #FFF;
}

#content-kalender td.none {
	color: inherit;
}

table.tabelkader ul {
	margin: 0;
  	padding: 0;
  	list-style-type: none;
}

table.tabelkader li {
	font-size: 90%;
	font-weight: normal;
	padding: -2px;
	margin: 0;
	color: #FFF;
}


#content-prijslijst {
	width:672px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
	float:left;
}

#content-prijslijst .caption {
  font-size: 150%;
  color: #000;
  padding-bottom: 10px;
  font-weight: normal;
}


#content-prijslijst .thead th {
	color: #000;
	font-weight: normal;
	font-size: 110%;
}

#content-prijslijst thead, #content-prijslijst tfoot {
  text-align: center;
}


#content-prijslijst th {
	padding: 0.5em;
	background-color:#960c0c;
	color:#FFF;
	font-weight:normal;
	text-align: center;
	font-size:110%;
	border-collapse: collapse;
	border: 1px solid #000;
}

#content-prijslijst tr {
	vertical-align: top;
}

#content-prijslijst td {
	padding: 0.5em;
	background-color:#FFC;
	font-size:110%;
	text-align: center;	
	width: 60px;
	border-collapse: collapse;
	border: 1px solid #960c0c;
  	overflow: hidden;
}

#content-boeken {
	width:677px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 60px;
	float:left;
}

#content-boeken ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#content-boeken li {
	margin: 0 5px 0 0;
	list-style: none;	
	float:left
}


/* homepage <--*/
#homemenu {
	float:left;
	width:222px;
	height: 500px;
}

#homemenu .boek {
	padding-left: 40px;	
	padding-top: 50px;	

}


#contenthome-top {
	float:left;
	width:540px;
	height:35px;
}



#contenthome-slideshow {
	float:left;
	width:540px;
	height:414px;
}

#contenthome-voet {
	float:left;
	width: 540px;
	height:126px;
}

#contenthome-voet .link {
	padding-left: 250px;	
	padding-top: 30px;	
}


/* footer <--*/
voet {
	clear:both;
	
}
	
/* TYPOGRAFIE <--*/

h1 {
	color:#960c0c;
	line-height: 1em;
	font-family:"Gill Sans", Helvetica, Verdana, Arial;
	font-size: 1.2em;
	font-weight: bold;
}

h2 {
	color:#FFF;
	line-height:50%;
	font-family:"Gill Sans", Helvetica, Verdana, Arial;
	font-size: 130%;
}

h3 {
	color:#000;
	line-height:50%;
	font-family:"Gill Sans", Helvetica, Verdana, Arial;
	font-size: 80%;
	font-weight: bold;
}

p {
	font-size:1.1em;
	line-height:1.5em;
	text-align: left;
}


.roodmenu {
	color: #791010;
}

.date {
	color: #791010;
}

.date-bezet {
	color: #FC0;
}

.centre {
	font-weight: bold;
	padding-left: 235px;
}

.vet {
	font-weight: bold;
}

.witbold {
font-size: 98%;
	line-height:60%;
	font-weight: bold;
	color: #FFFFFF;
}

.voettekst {
	line-height:110%;
}


.zwartnormal {
	color: #000;
	font-weight: normal;
}


.tussenkop {
	color: #000;
	font-size:100%;
	font-weight: bold;
}

.small {
	font-size:0.8em;
	color:#000;
}

.nocolor {
	font-size:100%;
	font-weight: normal;
	color: #FFFFFF;
}

hr {
	height: 0;
	width: 100%;
	text-align: left;
	line-height:140%;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #003333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
}

/* list <--*/

ul{
list-style: none;
margin:0 0 0 10px;
padding: 0;
font-size:90%;
text-align: left;
}

li{
	padding: 2px 0 2px 0px;
	margin: 0;
	color: #000;
}

li li{
padding: 0px 0 0px 20px;
margin: 0;
}

ul ul{
margin: 4px 0 0 15px;
padding: 0;
}


/* table <--*/