/*------------------------------*/
/*-----------Header-------------*/
/*------------------------------*/
#headercontainer{ float: left; width: 100%; background: #41403f;}

#taalheader { margin: 0 auto; width: 830px; text-align: right; background: #41403f; height: 210px; }
#taalheader ul{ padding-top: 30px;padding-right:25px; } 
#taalheader ul li { display: inline; font-family: Trebuchet MS; font-size: 11px; color: #ffffff; }
#taalheader ul li a { font-family: Arial; font-size: 11px; color: #ffffff; }
#taalheader ul li a:hover { color: #dd036f; }

#header{ margin: 0 auto; width: 824px; background: #171717; height: 231px; margin-top: -140px;}
#header .logo { float: left; width: 190px; height: 231px;}
#header .headerpic { float: left; width: 634px; height: 231px;}

#border{ background: url("../images/bg-borderline.png") repeat-x; height: 8px; }
/*------------------------------*/
/*---------Navigation-----------*/
/*------------------------------*/
#navigation{ float: left; width: 824px; height: 40px; background: #171717; margin-left: 3px; }
#navigation ul { width: 830px; padding-left: 25px;  }
#navigation ul li { float: left; height: 40px; line-height: 55px; padding-left: 27px; padding-right: 27px;}
#navigation ul li a { padding-top: 10px;  height: 30px; color: #171717; }
#navigation ul .firstListItem a { padding-left: 21px; }
#navigation ul .lastListItem a { padding-right: 21px; }
#navigation ul li a:hover { color: #dd036f;  }

/*------------------------------*/
/*-----------Contents-----------*/
/*------------------------------*/
#container{ float: left; width: 100%; background: #2e2d2a; }
#contentContainer { margin: 0 auto; width: 830px; }

#content { float: left; width: 830px; margin-top: 25px; }
#teksten ul{ list-style: disc; list-style-position:inside; }
#content h1 { color : #2e2d2a; }
#teksten { float: left; width: 780px; padding-left: 21px; padding-right: 30px; }
#teksten h1 { color: #2e2d2a; }
#teksten img{ float:left; margin-right: 10px; }
#teksten .intro {  }
#teksten .tekst { padding-bottom: 5px; font-family: Trebuchet MS; font-size: 12px; color: #ffffff; line-height: 18px; }

#itemscontainer { float: left; width: 830px; margin-top: 20px; }

#reserveerthumb { float: left; padding-bottom: 0px; width: 235px; height:150px; background: #000000; color:#ffffff; }
#reserveerthumb h1 { padding: 10px 0px 0 0px; margin-top: 10px; color: #dd036f; margin-bottom: -5px;}
#reserveerthumb form{ padding-left: 25px; }
#reserveerthumb .titel {margin-top: 15px; padding-bottom: 10px; font-family: Trebuchet MS; font-size: 12px; color: #ffffff; font-weight: lighter; }
#reserveerthumb .zoek { margin-top: 10px; background: #393939; border: none; color: #393939; cursor: pointer; font-weight: bold; }
#reserveerthumb .arrow { margin-bottom: -5px; }
#reserveerthumb .tekstinput { background: url("../images/bg_input.png") no-repeat -5px -2px; border: none; font-family: Trebuchet MS; font-size: 13px; color: #393939; padding-top: 2px; padding-left: 5px; }

.item { float: left; width: 272px; height:150px; background: #000000; margin-left: 20px; }
.item img { width: 272px; border-bottom: solid 1px #2e2d2a; }
.item h1{ margin-top: 5px; padding-left: 15px; }
.item .p  { font-family: Trebuchet MS; font-size: 12px; color: #ffffff; line-height: 15px;  padding-right: 10px; padding-left: 15px; padding-bottom: 8px; }
.item a { font-family: Trebuchet MS; font-size: 12px; color: #ffffff; font-weight: lighter; }
.item .link-meer{ padding-top: 10px; padding-left: 15px; padding-bottom: 10px; }


/*------------------------------*/
/*-----------Footer-------------*/
/*------------------------------*/
#footercontainer{ float: left; width: 100%; background: #262523; margin-top: 25px; }

#footer { margin: 0 auto; width: 830px; height: 80px; font-size: 11px; text-align: center; }
#footer ul { padding-top: 15px;}
#footer ul li { display: inline; font-family: Trebuchet MS; font-size: 11px; color: White; }
#footer ul li a{ font-family: Trebuchet MS; font-size: 11px; color: White; }

.fuchsia { color: #ff188a; }

/*------------------------------*/
/*-----------Inlaypages---------*/
/*------------------------------*/
#tekst ul{list-style: disc ; color: #ff188a; list-style-position: inside; margin-top: 5px; padding-left: 10px; margin-bottom: 10px;}
#tekst{ float: left; width: 585px; padding-left: 30px;}
#tekst h1 { color : #2e2d2a; margin-bottom: -25px; padding: 0px; margin-top: 5px; }
#tekst .intro { margin-top: 5px; font-family: Trebuchet MS; font-size: 14px; line-height: 20px; color: White; padding-right: 130px; }
#tekst .tekst  { padding-bottom: 5px; width: 540px; padding-right: 30px; margin-top: 5px;  line-height: 20px; font-family: Trebuchet MS; font-size: 12px; color: White; }
#tekst img { float: left; border: solid 1px #494846; margin: 5px;}
#tekst .imgSide { float: left; margin-top: -2px; width: 340px; padding-left: 15px; padding-right: 40px; line-height: 20px; font-family: Trebuchet MS; font-size: 12px; color: White; }
#tekst p {}

#right{ float: left; width: 215px;}

#right #list{ width: 215px; background: #393939;}
#right #list ul { list-style: none; color: White; padding-left: 25px; padding: 10px; padding-left: 25px;}
#right #list ul li a { font-family: Trebuchet MS; font-size: 14px; color: White;}
#right #list ul li a:hover {color: #dd036f;}

#right #reservation{ float: left; margin-top: 10px; padding-bottom: 10px; width: 215px; background: #393939; }
#right #reservation h1 { padding: 10px 0px 0 0px; margin-top: 10px; color: #dd036f; margin-bottom: -5px;}

#right #reservation form{ padding-left: 25px; }
#right #reservation .titel { line-height: 20px; padding-left: 5px; margin-top: 4px; font-family: Trebuchet MS; font-size: 11px; color: #393939; font-weight: lighter; }
#right #reservation .zoek { margin-top: 10px; background: #393939; border: none; color: #393939; cursor: pointer; font-weight: bold; }
#right #reservation .arrow { margin-bottom: -5px; }
#right #reservation .tekstinput { background: url("../images/bg_input.png") no-repeat -5px -2px; border: none; font-family: Trebuchet MS; font-size: 13px; color: #393939; padding-top: 2px; padding-left: 5px; }

#right #offers{ width: 215px;}
#right #offers img{ width: 215px; height: 85px; margin-top: 15px;}


/*------------------------------*/
/*-----------CSS RESET-----------*/
/*------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
	vertical-align: baseline; background: transparent; text-decoration: none;
}
ul { list-style: none; }
body{ background-color: #2e2d2a; }
h1 {display: hidden;}
#tekst td {font-family: Trebuchet MS; font-size: 11px; color: White; }
#tekst a {color: white;font-family: Trebuchet MS; font-size: 11px;}

.images {float:left; margin-right:10px; border: 1px white solid;} 




.formContact
{
	margin-top: 30px;
}