﻿body { background: #4d200d; font: 75%/1.7em Georgia, Serif; color: #4b2515; }

h1 { font-size: 2.2em; color: #c35c1d; padding-bottom: 5px;}
h3 { font-size: 1.3em; color: #faf1df; padding-bottom: 5px;}
h2 { font-size: 1.9em; color: #913f0d; padding-bottom: 15px; }
h4 { font-size: 1.3em; color: #6e3519; }

p { padding: 10px 0px; font-size: 0.9em;}

a { color: #913f0d; text-decoration: none; }
a:hover { text-decoration: underline; }

#bg-wrapper { background: url('../img/bg.jpg') repeat-x #9f6643 top center; overflow: auto;}
#wrapper { width: 960px; margin: 0 auto; }

ul#nav { float: left; height: 40px; margin-top: 28px;}


ul#nav li { float: left;}
ul#nav li a{display: block; text-indent: -9999px; outline: none;}
ul#nav li a { height: 33px; }
ul#nav li a:hover { height: 35px; }
li#home a, li#reserveren a, li#foto a, li#arrangementen a, li#ligging a, li#kamers a, li#gastenboek a, li#contact a { background:url('../img/nav.png') no-repeat; height: 33px; } 

li#home a { width: 53px; background-position: 0px 0px;}
li#home a:hover { background-position: 0px -32px; }

li#reserveren a { width: 107px; background-position: -53px 0px; }
li#reserveren a:hover { background-position: -53px -32px; }

li#foto a { width: 55px; background-position: -161px 0px; }
li#foto a:hover { background-position: -161px -32px; }

li#arrangementen a { width: 140px; background-position: -216px 0px; }
li#arrangementen a:hover { background-position: -216px -32px; }

li#ligging a { width: 77px; background-position: -356px 0px; }
li#ligging a:hover { background-position: -356px -32px; }

li#kamers a { width: 71px; background-position: -433px 0px; }
li#kamers a:hover { background-position: -433px -32px; }

li#gastenboek a { width: 107px; background-position: -504px 0px; }
li#gastenboek a:hover { background-position: -504px -32px; }

li#contact a { width: 77px; background-position: -611px 0px; }
li#contact a:hover { background-position: -611px -32px; }

/* navigatie frans */
ul#nav_fr { float: left; height: 40px; margin-top: 28px;}

ul#nav_fr li { float: left;}
ul#nav_fr li a{display: block; text-indent: -9999px; outline: none;}
ul#nav_fr li a { height: 33px; }
ul#nav_fr li a:hover { height: 35px; }
li#home_fr a, li#reserveren_fr a, li#foto_fr a, li#arrangementen_fr a, li#ligging_fr a, li#kamers_fr a, li#gastenboek_fr a, li#contact_fr a { background:url('../img/nav_fr.png') no-repeat; height: 33px; } 

li#home_fr a { width: 53px; background-position: 0px 0px;}
li#home_fr a:hover { background-position: 0px -32px; }

li#reserveren_fr a { width: 107px; background-position: -53px 0px; }
li#reserveren_fr a:hover { background-position: -53px -32px; }

li#foto_fr a { width: 72px; background-position: -161px 0px; }
li#foto_fr a:hover { background-position: -161px -32px; }

li#arrangementen_fr a { width: 130px; background-position: -233px 0px; }
li#arrangementen_fr a:hover { background-position: -233px -32px; }

li#ligging_fr a { width: 90px; background-position: -366px 0px; }
li#ligging_fr a:hover { background-position: -366px -32px; }

li#kamers_fr a { width: 81px; background-position: -453px 0px; }
li#kamers_fr a:hover { background-position: -453px -32px; }

li#gastenboek_fr a { width: 107px; background-position: -534px 0px; }
li#gastenboek_fr a:hover { background-position: -534px -32px; }

li#contact_fr a { width: 107px; background-position: -642px 0px; }
li#contact_fr a:hover { background-position: -642px -32px; }
/* end nav frans */

/* navigatie engels */
ul#nav_en { float: left; height: 40px; margin-top: 28px;}

ul#nav_en li { float: left;}
ul#nav_en li a{display: block; text-indent: -9999px; outline: none;}
ul#nav_en li a { height: 33px; }
ul#nav_en li a:hover { height: 35px; }
li#home_en a, li#reserveren_en a, li#foto_en a, li#arrangementen_en a, li#ligging_en a, li#kamers_en a, li#gastenboek_en a, li#contact_en a { background:url('../img/nav_en.png') no-repeat; height: 33px; } 

li#home_en a { width: 53px; background-position: 0px 0px;}
li#home_en a:hover { background-position: 0px -32px; }

li#reserveren_en a { width: 107px; background-position: -53px 0px; }
li#reserveren_en a:hover { background-position: -53px -32px; }

li#foto_en a { width: 72px; background-position: -161px 0px; }
li#foto_en a:hover { background-position: -161px -32px; }

li#arrangementen_en a { width: 80px; background-position: -236px 0px; }
li#arrangementen_en a:hover { background-position: -236px -32px; }

li#ligging_en a { width: 90px; background-position: -316px 0px; }
li#ligging_en a:hover { background-position: -316px -32px; }

li#kamers_en a { width: 71px; background-position: -403px 0px; }
li#kamers_en a:hover { background-position: -403px -32px; }

li#gastenboek_en a { width: 100px; background-position: -475px 0px; }
li#gastenboek_en a:hover { background-position: -475px -32px; }

li#contact_en a { width: 90px; background-position: -578px 0px; }
li#contact_en a:hover { background-position: -578px -32px; }
/* end nav engels */

/* navigatie duits */
ul#nav_de { float: left; height: 40px; margin-top: 28px;}

ul#nav_de li { float: left;}
ul#nav_de li a{display: block; text-indent: -9999px; outline: none;}
ul#nav_de li a { height: 33px; }
ul#nav_de li a:hover { height: 35px; }
li#home_de a, li#reserveren_de a, li#foto_de a, li#arrangementen_de a, li#ligging_de a, li#kamers_de a, li#gastenboek_de a, li#contact_de a { background:url('../img/nav_de.png') no-repeat; height: 33px; } 

li#home_de a { width: 53px; background-position: 0px 0px;}
li#home_de a:hover { background-position: 0px -32px; }

li#reserveren_de a { width: 107px; background-position: -53px 0px; }
li#reserveren_de a:hover { background-position: -53px -32px; }

li#foto_de a { width: 72px; background-position: -161px 0px; }
li#foto_de a:hover { background-position: -161px -32px; }

li#arrangementen_de a { width: 86px; background-position: -236px 0px; }
li#arrangementen_de a:hover { background-position: -236px -32px; }

li#ligging_de a { width: 60px; background-position: -326px 0px; }
li#ligging_de a:hover { background-position: -326px -32px; }

li#kamers_de a { width: 66px; background-position: -390px 0px; }
li#kamers_de a:hover { background-position: -390px -32px; }

li#gastenboek_de a { width: 90px; background-position: -460px 0px; }
li#gastenboek_de a:hover { background-position: -460px -32px; }

li#contact_de a { width: 77px; background-position: -550px 0px; }
li#contact_de a:hover { background-position: -550px -32px; }
/* end nav duits */

/* navigatie luxemburg */
ul#nav_lu { float: left; height: 40px; margin-top: 28px;}

ul#nav_lu li { float: left;}
ul#nav_lu li a{display: block; text-indent: -9999px; outline: none;}
ul#nav_lu li a { height: 33px; }
ul#nav_lu li a:hover { height: 35px; }
li#home_lu a, li#reserveren_lu a, li#foto_lu a, li#arrangementen_lu a, li#ligging_lu a, li#kamers_lu a, li#gastenboek_lu a, li#contact_lu a { background:url('../img/nav_en.png') no-repeat; height: 33px; } 

li#home_lu a { width: 53px; background-position: 0px 0px;}
li#home_lu a:hover { background-position: 0px -32px; }

li#reserveren_lu a { width: 107px; background-position: -53px 0px; }
li#reserveren_lu a:hover { background-position: -53px -32px; }

li#foto_lu a { width: 72px; background-position: -161px 0px; }
li#foto_lu a:hover { background-position: -161px -32px; }

li#arrangementen_lu a { width: 80px; background-position: -236px 0px; }
li#arrangementen_lu a:hover { background-position: -236px -32px; }

li#ligging_lu a { width: 90px; background-position: -316px 0px; }
li#ligging_lu a:hover { background-position: -316px -32px; }

li#kamers_lu a { width: 71px; background-position: -403px 0px; }
li#kamers_lu a:hover { background-position: -403px -32px; }

li#gastenboek_lu a { width: 100px; background-position: -475px 0px; }
li#gastenboek_lu a:hover { background-position: -475px -32px; }

li#contact_lu a { width: 90px; background-position: -578px 0px; }
li#contact_lu a:hover { background-position: -578px -32px; }
/* end nav luxemburg */

ul#lan-nav {float: right; background-color: #B99964; height: 35px; line-height: 35px; width: 165px; margin-top: 20px;}
ul#lan-nav li{float: left;}
ul#lan-nav li a{color: #2B1306; text-decoration: none; font-weight: bold;}
ul#lan-nav li a:hover{color: #2B1306; text-decoration: underline; font-weight: bold;}
.lang{padding-left: 5px; padding-right: 5px;}

/*
ul#lan-nav { float: right; background-color: #B99964; margin-top: 20px; padding-left: 10px; padding-right: 10px;}
ul#lan-nav li {float: left; padding-top: 10px; padding-bottom: 7px;}
ul#lan-nav li a { height: 18px; }
li#nl a, li#fr a, li#en a, li#de a, li#lu a { background: url('../img/lan-nav.png') no-repeat; }

li#nl a { width: 27px; background-position: 0px 0px; }
li#nl a:hover { background-position: 0px -17px; }

li#fr a { width: 27px; background-position: -27px 0px; }
li#fr a:hover { background-position: -27px -17px; }

li#en a { width: 31px; background-position: -54px 0px; }
li#en a:hover { background-position: -54px -17px; }

li#de a { width: 31px; background-position: -85px 0px; }
li#de a:hover { background-position: -85px -17px; }

li#lu a { width: 25px; background-position: -116px 0px; }
li#lu a:hover { background-position: -116px -17px; }*/

ul#subnav { text-align: left; list-style-type: disc; margin: 35px 0 35px 60px; text-transform: uppercase; font-weight: bold; line-height: 2em;}
ul#subnav a { color: #4b2515; }
ul#subnav a:hover { text-decoration: none; color: #c45301; }

#welkom { width: 247px; height: 249px; background: url('../img/welkom-bg.jpg') no-repeat; margin:30px 10px 0 0; padding: 50px 50px 0 50px;}
#welkom p { width: 250px; }
#headerimg { margin-top: 30px; }
#content { width: 952px; margin: 0 auto; background: #dec28a; border: 3px #774429 solid; overflow: auto;  border-bottom: none; margin-top: 15px; padding-top: 30px;}
#leftie { width: 345px; text-align: center; margin-right: 20px;}
#reserveer { padding-top: 30px; text-align: left;}
#reserveer h4 { padding:0 0 10px 25px; text-transform: uppercase;  }
label,input { display: block; float: left; margin-bottom: 10px; }
label { width: 40px; text-align: left; padding-left: 25px; color: #ffeabf; font-size: 0.9em; margin-right: 10px;}
.tekstvak { width: 100px; height: 15px; margin:0 10px 0 15px; font-family: Georgia, Serif; font-size: 0.9em; color: #9a9a99; padding-left: 2px;}
.kalender { padding-bottom: 18px; }
.btn-controleer { margin: 10px 0 0 50px;}

#rightie { padding-top: 20px; width: 500px;}
#rightie h1 { font-size: 1.8em; color: #c35c1d; padding-bottom: 5px;}
#rightie h2 { font-size: 1.3em; color: #913f0d; padding-top: 15px; }
#rightie ul{padding-left: 15px; list-style: disc;}
.home img { margin: 10px 35px 0 0; }
.home p { width: 370px; }
.sub img { margin-bottom: 25px; }
.sub p { width: 495px; }

#reserveer { width: 276px; height: 155px; background: url('../img/reserveer-bg.jpg') no-repeat; margin: 0 auto; margin-top: 15px; margin-bottom: 50px; }

#divider { background: url('../img/divider-mid.jpg') repeat-y 335px; overflow: auto;}
#divider-top { background: url('../img/divider-top.jpg') no-repeat 335px top; overflow: auto; } 
#divider-bottom { background: url('../img/divider-bottom.jpg') no-repeat 335px bottom; overflow: auto; }
#footer-wrapper { background: url('../img/footer-bg.jpg') repeat-x; }
#footer { width: 980px; margin: 0 auto; background: url('../img/bottom-bg.jpg') no-repeat; text-align: center; padding: 60px 0 35px 0; color: #dcc28f; font-family: Lucida Sans, Verdana, Sans-Serif; font-size: 0.9em;}
#footer a { color: #dcc28f; }
#footer a:hover { text-decoration: underline; }

ul#footer-nav li { display: inline; }

.foto { padding-top: 10px; width: 160px;  }
.extern {display:none;}

.images {display:inline;width:75px;height:75px;}

.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #6f4432;
	color: #6f4432;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #6f4432;
	color: #6f4432;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #6f4432;
	color: #6f4432;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}
