﻿/*** RESET ***/
*{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
img{border: 0;}
a {text-decoration: none;color: #ddd2c0;}
a:hover {color: #ddd2c0;text-decoration: underline;}
html { height: 100%; }
body{font-family: arial, sans-serif;font-size: 12px;line-height: 17px;background-color: #bfc5bb;color: #575757; height:100%;}
ol, ul {list-style: none;}
:focus {outline: 0;}
a:active { outline: 0; }
.clearfloats {clear: both;}
.textarea { font-size: 11px; background-color: #f7f7f7; border: none; color: #545454; padding: 6px 8px 6px 8px;width: 305px;font-family: Arial, Sans-Serif;margin-top: 2px;overflow: hidden;resize: none;}
.textbox {margin-bottom: 6px;width: 150px;background-color: #f7f7f7;border: none;color: #545454;padding: 6px 8px 6px 8px;font-size: 11px;margin-top: 2px;}
.contactbutton {background-color: #f7f7f7;border: none;color: #545454;padding: 4px 8px 4px 8px;text-transform: uppercase;font-size: 10px;margin-top: 6px;cursor: pointer;}
/*** END RESET ***/

/*** FONTS ***/

@font-face {
    font-family: 'DinCondReg';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-regular-webfont.woff') format('woff'),
         url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
         url('../fonts/dincond-regular-webfont.svg#DinCondReg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINCondMediumRegular';
    src: url('../fonts/ff_din_condensed_medium-webfont.eot');
    src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
         url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_condensed_medium-webfont.svg#DINCondMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBold';
    src: url('../fonts/ff_din_bold-webfont.eot');
    src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_bold-webfont.woff') format('woff'),
         url('../fonts/ff_din_bold-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** END FONTS ***/

/*** BASIC LAYOUT ***/
body{background-color: #fefefe;}
#container 
{
	background: url("../images/containerbg.png") repeat-y;
	width: 583px;
	height: 100%;
	height: auto !important;
	min-height: 100%;
}

/*** SIDEBAR ***/

#left 
{
	width: 190px;
	float: left;
	padding: 20px 10px 0 0;
	text-align: right;
}

#talen 
{
	float: right;
	margin: 4px 14px 0 0;
	position: relative;
}

#currentlang 
{
	display: inline-block;
	background-color: #231108;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	width: 64px;
	text-decoration: none;
}

#currentlang:hover
{
	text-decoration: none;
	color: #ffffff;
}

#langselector 
{
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	position: absolute;
	display: none;
}

#langselector ul li a 
{
	display: block;
	background-color: #231108;
	width: 64px;
	padding: 3px 6px 3px 6px;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #aaae4d;
}

#langselector ul li a:hover
{
	background-color: #35251d;
	color: #ffffff;
	text-decoration: none;
}

a#fb
{
	float: right;
	padding: 0 10px 0 0;
}

#menu
{
	font-family: DinCondReg, Sans-Serif;
	text-transform: uppercase;
	font-size: 20px;
	margin: 120px 0 40px 0;
}

#menu > ul > li 
{
	padding-bottom: 9px;
}

#menu > ul > li > a
{
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
}
#menu > ul > li.active > a
{
    color: #222222;
    text-decoration: none;
}

#menu > ul > li > a.open
{
	background: url('../images/menuarrow.png') right 12px no-repeat;
}

#menu > ul > li > a:hover 
{
	color: #222222;
	text-decoration: none;
}

#menu > ul > li > ul 
{
	margin-top: 10px;
	background-color: #cacf51;
	padding: 8px 8px 4px 0;
}

#menu > ul > li > ul > li 
{
	padding-bottom: 4px;
}


#menu > ul > li > ul > li > a 
{
	color: #222222;
	text-decoration: none;
	font-size: 16px;
}

#menu > ul > li > ul > li > a.active
{
    color: #ffffff;
    text-decoration: none;
}

#menu > ul > li > ul > li > a.active:hover{text-decoration: none;color: #ffffff;}

#menu > ul > li > ul > li > a:hover 
{
	color: #ffffff;
	text-decoration: none;
}

#menu .booknow
{
    color: #606060;
}

#extrainfo, #about 
{
	color: #4a4640;
	font-style: italic;
	font-size: 11px;
	line-height: 15px;
	padding: 0 10px 0 0;
	margin-bottom: 10px !important;
}

#stardekkLink{
	padding: 0 10px 0 0;
	font-style: italic;
	font-size: 11px;
	color: #474301;
	margin-bottom: 40px;
}

#extrainfo span 
{
	font-family: DINCondMediumRegular, Sans-Serif;
	text-transform: uppercase;
	font-size: 14px;
	font-style: normal;
	display: inline-block;
	margin: 7px 0 3px 0;
}

.fb-like 
{
	margin: 24px 0 24px 0;
	position: relative;
	left: 10px;
}

#about span 
{
	font-size: 14px;
	font-family: DINCondMediumRegular, Sans-Serif;
	text-transform: uppercase;
	font-style: normal;
	display: inline-block;
	margin: 7px 0 3px 0;
}

#about 
{
	border-top: 1px solid #4c5c29;
	border-bottom: 1px solid #4c5c29;
	padding: 10px 0 14px 0;
	margin: 0 10px 60px 60px;
	color: #504b01;
}

#about a 
{
	color: #504b01;
	text-decoration: none;
}

#about a:hover 
{
	color: #504b01;
	text-decoration: underline;
}

/*** CONTENT ***/

#content 
{
	width: 245px;
	float: left;
	padding: 34px 24px 0 24px;
}

#logo 
{
	margin: 0 0 40px 0;
}

.maintitle 
{
	color: #887f02;
	font-size: 25px;
	font-family: DinCondReg, Sans-Serif;
	text-transform: uppercase;
	margin-bottom: 24px;
	font-weight: normal;
}

.maintext
{
	color: #4a4640;
	font-size: 12px;
}

.maintext a
{
	color: #4a4640;
	font-size: 12px;
	text-decoration: underline;
}

.maintext a.downloadknop
{
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;	
	background-color: #887f02;
	margin-top: 10px;
	border: solid 1px #FFFFFF;
	text-decoration: none;
	float: right;
}

.maintext a:hover
{
	text-decoration: none;
}

#eyecatcher 
{
	font-size: 18px;
	color: #887f02;
	font-family: DinCondReg, Sans-Serif;
	text-transform: uppercase;
	line-height: 18px;
	margin: 5px 0 5px 0;
}
.fotorubriek
{
    margin: 0px 9px 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
}
.last
{
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #ccc;
}
.fotorubriek:hover, .last:hover
{
    border: 1px solid #fff;
}
/*contact*/
#stardekk #error
{
    color: #C22;
}
#stardekk .textbox, #stardekk .textarea
{
    width: 220px;
    font-family: Arial;
    font-size: 11px;
    color: #404040;
}
#stardekk .contactbutton
{
    background-color: #CACF51;
    color: #fefefe;
    padding: 2px 8px;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    width: 110px;
}
#stardekk .contactbutton:hover{background-color: #909090;}
#captcha img
{
    margin-bottom: -8px;
}
/*** RIGHT ***/

#right 
{
	width: 90px;
	float: left;
	position: relative;
	left: -7px;
}

#right a.booknow 
{
	font-family: DINBold, Sans-Serif;
	background-color: #231108;
	color: #ffffff;
	font-size: 12px;
	padding: 8px 12px 8px 12px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	line-height: 14px;
	margin-top: 28px;
}

/*ligging*/
#ligging #supersized
{
    display: none;
}
#map
{
    position: absolute;
    left: 190px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
#ligging #left
{
    width: 170px;
	padding: 20px 30px 0 0;
}

#recaptcha_image, #recaptcha_challenge_image{
    width: 235px !important;
}

#recaptcha_response_field{
  
}