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

* {
margin:0px;
padding:0px;
}


body {
line-height:18px;
background:#1f2121;
}

img {
border:none;
}


h1 {
font-size:22px;
/*font-size:38px;*/
}

#formulier {
text-align:left;
}


label {
float: left;
clear: both;
width:120px;
}


textarea {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:13px;
line-height:22px;
width:350px;
padding:2px;
border:1px solid #606c75;
background:none;
}

.invulveld {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:13px;
line-height:22px;
width:350px;
margin-bottom: 5px;
height:18px;
padding:2px;
border:1px solid #606c75;
background:none;

}

.check {
margin-left:120px;
margin-top:5px;
}

.knop {
background:url('images/verzenden.gif'); 
width:77px;
height:25px;
border:none;
cursor:pointer;
margin-left:120px;
}

.knop_fr {
background:url('images/verzenden_fr.gif'); 
width:74px;
height:25px;
border:none;
cursor:pointer;
margin-left:120px;
}

.reservatie {
width:356px;
margin-bottom: 5px;
height:22px;
padding:2px;
border:1px solid #606c75;
background:none;
}

.kamers {
width:320px;
margin-bottom: 5px;
height:22px;
padding:2px;
border:1px solid #606c75;
background:none;
}


.headerbg {
background:url('images/bgheader.gif') top repeat-x; 
height:385px;
z-index:-100;

}


.header {
background:url('images/bannerbg.png') center no-repeat; 
height:385px;
z-index:-100;
}

#header {
margin:auto;
width:948px;
height:385px;
z-index:100;
position:relative;  !important
}

/* HEADER */
.touchimg { 

background-position:center top; 
background-repeat: no-repeat; 
width:435px; 
height:325px; 
z-index:100;
position:absolute; 
text-align:left;
margin-left:0px;
}



#touch {

margin:auto;
width:435px; 
height:325px; 
z-index:100;
position:relative;  !important
text-align:left;
margin-left:0px;
}

/* HEADER */
.headerimg { 
background-position:center top; 
background-repeat: no-repeat; 
width:948px; 
height:385px; 
z-index:100;
position:absolute; 
}

.logo {
float:left;
width:109px;
height:124px;
}

.talen {
float:right;
width:50px;
height:34px;
margin-right:5px;
}

.nummer {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:18px;
line-height:22px;
color:#fff;
font-weight:bold;
padding:10px;
padding-right:20px;
text-align:right;
background:url('images/nummerbg.png');
float:right;
width:160px;
height:40px;
margin-top:300px;
margin-right:-55px;
}

.nummer a {
text-decoration:none;
color:#999;
}

.nummer a:hover {
text-decoration:none;
color:#fff;
}

.menubg {
background:url('images/bgmenu.gif') repeat-x; 
height:34px;
}

.menu {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:11px;
margin:auto;
width:948px;
height:34px;
text-transform:uppercase;
}

.menu  ul {
list-style:none;
}

.menu li {
height:24px;
float:left;
width:100px;
text-align:center;
}

.menu li a {
padding-top:8px;
display:block;
height:24px;
color:#fff;
text-decoration:none;
border-right:1px solid #333942;
outline:none;
}

.menu li a {
background:url('images/menuitembg.jpg') repeat 0 0;
outline:none;
}

.menu li a:hover {
background-position:220px 0;
outline:none;
}

.current {
padding-top:10px;
text-decoration:none;
border-right:1px solid #333942;
border-left:1px solid #333942;
background:#fff;
color:#1f2121;
cursor:default;
}

.teaserbg {
background:url('images/bgteaser.gif') repeat-x;
height:123px;
}

.teaserbgsmall {
background:url('images/bgteasersmall.gif') repeat-x;
height:23px;
}

.teaser {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:14px;
line-height:30px;
margin:auto;
width:988px;
}

.teasertext {
float:left;
width:758px;
margin-left:20px;
height:90px;
padding-top:33px;
}

.teaserbtn {
height:100px;
padding-top:23px;
width:190px;
float:right;
margin-right:0px;
}

.teaser a, .teaser a:active , .teaser a:hover , .content a:visited {
color:#5d5c59;
text-decoration:none;
border-bottom:1px dotted;
outline:none;
}

.contentbg {
background:url('images/bgcontent.gif') #d9d6d2 top repeat-y;
min-height:420px;
}

.content {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:13px;
line-height:22px;
color:#3e3f3f;
margin:auto;
width:960px;
padding-top:32px;
}

.content a, .content a:active , .content a:hover , .content a:visited {
color:#5d5c59;
text-decoration:none;
border-bottom:1px dotted;
outline:none;
}


.contentleft {
float:left;
width:320px;
}

.contentmiddle {
float:left;
width:320px;
}

.contentright {
float:left;
width:320px;
}

.contentleft p, .contentmiddle p, .contentright p {
width:300px;
}

.content2left {
float:left;
width:320px;
}

.content2right {
float:left;
width:620px;
padding-left:20px;
}


.content3left {
float:left;
width:600px;
padding-left:20px;
}

.content3middle {
float:left;
width:20px;
padding-top:50px;
}

.content3right {
float:left;
width:320px;
padding-top:50px;
}

.content ul {
list-style-image:url('images/arrow.gif');

}

.content li {

}

.footerbg {
background:url('images/bgfooter.gif') #d9d6d2 repeat-x;
height:48px;
}

.footer {
font-family:Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
font-size:13px;
color:#a0a0a0;
margin:auto;
width:948px;
padding-top:10px;
height:38px;
}

.footer a {
color:#a0a0a0;
outline:none;
}

.footer a:hover {
color:#6f6f6f;
outline:none;
}

.copy {
float:left;
}

.contact {
float:right;
}

.menu, .menubg, .teaser, .teaserbg, .content, .contentbg, .content2, .content2bg, .footer, .footerbg {
clear:both;
}



/* Photo gallery */
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 386px; overflow: auto !important }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 580px; height:386px;} 

	
/* Tabbed nav */
.coda-nav ul {   }
.coda-nav ul li { display:inline; text-align:left; }
.coda-nav ul li a {  font-family:Arial, Helvetica; font-size:10px; color: #fff;  padding: 3px 6px; text-decoration: none }
.coda-nav ul li a.current { color:#ea4829; }

	
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }


.title {display:none;}