/*** RESET ***/
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, 
a, del, dfn, em, font, img,
small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
    list-style: none;
}
img
{
    border: 0;
}
a {
	text-decoration: none;
	color: #ddd2c0;
}
a:hover {
	color: #ddd2c0;
	text-decoration: underline;
}
body{
	font-family: Georgia, Serif;
	font-size: 1em;
	line-height: 1.2em;
	background: url("../images/patroon.jpg");
}

:focus {
	outline: 0;
}

a:active { outline: 0; }

.clearfloats {clear: both;}

/*** END RESET ***/

/*** BASIC LAYOUT ***/

#sitecontainer 
{
	width: 100%;
}

/*** SITE ***/

#site 
{
	margin: 0 auto;
	width: 980px;
}

/*** SIDEBAR ***/

#sidebar 
{
	float: left;
	width: 368px;
}

#sidebartoplandhuis 
{
	background: url("../images/landhuis/topflyerlandhuis.png") no-repeat;
	width: 368px;
	height: 286px;
}
#sidebartoppoorthuis 
{
	background: url("../images/poorthuis/topflyerpoorthuis.png") no-repeat;
	width: 368px;
	height: 286px;
}
#sidebarcontentlandhuis 
{
	background: url("../images/landhuis/sidebarlandhuisrepeater.png") repeat-y;
	width: 368px;
	min-height: 1000px;
	padding-bottom: 100px;
}

#sidebarcontentpoorthuis 
{
	background: url("../images/poorthuis/sidebarpoorthuisrepeater.png") repeat-y;
	width: 368px;
	min-height: 1100px;
	padding-bottom: 100px;
}

#landhuislogosidebar 
{
	background: url("../images/landhuis/landhuislogomain.png") no-repeat;
	height: 73px;
	width: 232px;
	margin-left: 60px;
}
#poorthuislogosidebar 
{
	background: url("../images/poorthuis/poorthuislogomain.png") no-repeat;
	height: 73px;
	width: 232px;
	margin-left: 60px;
}

#promotielandhuis
{
	width: 232px;
	height: 169px;
	margin-top: 35px;
	cursor: pointer;
	margin-left: 15px;
	display: none;
}
#promotiepoorthuis
{
	width: 232px;
	height: 169px;
	margin-top: 35px;
	cursor: pointer;
	margin-left: 15px;
	display: none;
}
#over 
{
	color: #bebdbd;
	line-height: 21px;
	font-size: 0.75em;
	font-style: italic;
	text-align: left;
	padding-left: 60px;
	margin-top: 30px;
	width: 220px;
}

#splashcopyright 
{
	float: left;
	padding-left: 54px;
	width: 260px;
	padding-bottom: 150px;
}
#splashcopyright li
{
	font-family: Georgia, Serif;
	float: left;
	font-size: 0.65em;
	color: #ffffff;
	padding: 0 8px 0 8px;
	font-style: italic;
}
#splashcopyright li a
{
	color: #ffffff;
}

#splashcopyright li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.stardekklogo 
{
	cursor: pointer;
}

#goto 
{
	padding-left: 60px;
	font-style: italic;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
}

#goto li a 
{
	color: #10b5eb;		
}

#goto li a:hover, #goto li.kemmel a:hover, #goto li.westhoek a:hover
{
	text-decoration: underline;
}

#goto li.kemmel a 
{
	color: #9cdb4c;		
} 

#goto li.westhoek a
{
	color: #e8331b;		
}

.blue {color: #10b5eb;}
.pink {color: #e8331b;}
.green {color: #9cdb4c;}
.white {color: #ffffff;}
.border 
{
	height: 1px;
	width: 260px;
	border-bottom: 1px solid #4f5449;
	margin: 20px 0 20px 60px;
}


/*** MAIN ***/

#main 
{
	float: left;
	width: 600px;
}

#landhuis 
{
	width: 346px;
	float: left;
}

#landhuistop 
{
	background: url("../images/landhuis/topmainlandhuis.png") no-repeat;
	width: 520px;
	height: 298px;
	margin-top: 39px;
	position: relative;
	top: 56px;
	z-index: 1;
}
#poorthuistop 
{
	background: url("../images/poorthuis/topmainpoorthuis.png") no-repeat;
	width: 520px;
	height: 298px;
	margin-top: 39px;
	position: relative;
	top: 56px;
	z-index: 1;
}
#landhuiscontent 
{
	background: url("../images/landhuis/contentmainlandhuis.png") repeat-y;
	width: 520px;
	min-height: 899px;
	padding-bottom: 100px;
	position: relative;
	z-index: 5;
	top: 50px;
}
#poorthuiscontent 
{
	background: url("../images/poorthuis/contentmainpoorthuis.png") repeat-y;
	width: 520px;
	min-height: 999px;
	padding-bottom: 100px;
	position: relative;
	z-index: 5;
	top: 50px;
}
#landhuiscontent h1
{
	margin-bottom: 10px;
}
#poorthuiscontent h1
{
	margin-bottom: 10px;
}

.col 
{
	float: left;
	width: 227px;
	padding-right: 10px;
}

.kamerimg 
{
	border: 1px solid #ffffff;
	margin-left: 20px;
	height: 148px;
	width: 223px; 
}

#main h1{
	color: #253510;
	padding-top: 20px;
	margin-left: 20px;
	font-size: 1.1em;
}

.descriptionhuis 
{
	color: #253510;
	font-size: 0.75em;
	font-style: italic;
	font-weight: bold;
	margin-left: 20px;
	width: 400px;
}

.maintext 
{
	font-style: italic;
	font-size: 0.75em;
	line-height: 20px;
	color: #253510;
	margin-left: 20px;
	width: 400px;
	margin-top: 30px;
	padding-bottom: 30px;
}

.maintext a, .maintext a:hover
{
	color: #253510;
	text-decoration: none;
}

.maintextcol
{
	font-style: italic;
	font-size: 0.75em;
	line-height: 20px;
	color: #253510;
	margin-left: 20px;
	width: 220px;
	margin-top: 30px;
	padding-bottom: 30px;
}
.maintitle 
{
	color: #253510;
	font-size: 1.4em;
	margin-bottom: 18px;
	font-weight: bold;
	font-style: italic;
	padding-top: 30px;
	padding-left: 20px;
}
#meerinfoover 
{
	width: 280px;
}
#meerinfoover li
{
	padding-bottom: 6px;
}
#meerinfoover a
{
	color: #253510;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	padding-left: 20px;
}
.reserveren 
{
	/*background: url("../images/landhuis/reserveren.png") no-repeat;*/
	height: 47px;
	width: 141px;
	margin: 0 0 0 20px;
	cursor: pointer;
}

#mainborderlandhuis 
{
	height: 1px;
	border-bottom: 1px solid #7cb03a;
	width: 400px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 20px;
}

#mainborderpoorthuis 
{
	height: 1px;
	border-bottom: 1px solid #58a1ba;
	width: 400px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 20px;
}

.adresgegevens 
{
	margin-left: 20px;
	color: #ffffff;
	font-size: 0.95em;
	font-family: Times New Roman, Serif;
}

#booknowextra 
{
	position: absolute;
	z-index: 300;
	top: 40px;
	left: 300px;
	width: 300px;
}

#booknowextraleft 
{
	float: left;
	width: 16px;
	height: 38px;
	background: url("../landhuis-kemmelberg/images/bookingextraleft.png") no-repeat;
}

#booknowextramid
{
	float: left;
	height: 38px;
	background: url("../landhuis-kemmelberg/images/bookingextramid.png") repeat-x;
}

#booknowextramid a
{
	position: relative;
	top: 10px;
	text-decoration: none;
}

#booknowextramid a:hover
{
	position: relative;
	top: 10px;
	text-decoration: none;
}


#booknowextraright
{
	float: left;
	width: 25px;
	height: 38px;
	background: url("../landhuis-kemmelberg/images/bookingextraright.png") no-repeat;
}

#booknowextrablauw
{
	position: absolute;
	z-index: 300;
	top: 40px;
	left: 300px;
	width: 300px;
}

#booknowextraleftblauw
{
	float: left;
	width: 16px;
	height: 38px;
	background: url("../poorthuis-ieper-ypres/images/bookingextraleft.png") no-repeat;
}

#booknowextramidblauw
{
	float: left;
	height: 38px;
	background: url("../poorthuis-ieper-ypres/images/bookingextramid.png") repeat-x;
}

#booknowextramidblauw a
{
	position: relative;
	top: 10px;
	text-decoration: none;
}

#booknowextramidblauw a:hover
{
	position: relative;
	top: 10px;
	text-decoration: none;
}


#booknowextrarightblauw
{
	float: left;
	width: 24px;
	height: 38px;
	background: url("../poorthuis-ieper-ypres/images/bookingextraright.png") no-repeat;
}

.adresgegevens a
{
	color: #253510;
}

.adresgegevens a hover 
{
	color: #253510;
	text-decoration: underline;
}
.tdwidth
{
	width: 128px;
}

#eyecatchers 
{
	float: right;
	margin-right: -50px;
}

#meerfotos 
{
	background-color: #313132;
	padding: 3px 5px 0px 5px;
	float: right;
	margin-right: -116px;
	margin-top: 445px;
	position: relative;
	z-index: 4;
}

#menu
{
	padding-left: 62px;
	color: #bebdbd;
	margin-top: 30px;
    
}

#menu ul
{
    list-style: none;
}
#menu li
{
   padding-bottom: 5px;
}
.submenu ul
{
    list-style: none;
    padding-left:15px;
    margin-left: 15px;
    padding-top: 5px;
}
#menu a
{
   font-size: 14px; color: #bebdbd; text-decoration: none; text-transform: uppercase;
}

#menu a:hover
{
   font-size: 14px; color: #8ac34a; text-decoration: none; text-transform: uppercase;
}

#sidebarcontentpoorthuis a{
	text-decoration: none;
	color: #ddd2c0;
}

#sidebarcontentpoorthuis a:hover{
	color: #3bc5f3;
}

.images
{
    height: 75px;
    width: 75px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid white;
}
.taalbar
{
	list-style: none;
	position: relative;
	top: 40px;
	left: 210px;
}
.taalbar li
{
	float: left;
	margin-left: 5px;
	color: #3C524F;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
	font-family: Arial;
}
.taalbar li a
{
	color: #3C524F;
	text-decoration: none;
}
.taalbar li a:hover
{
	color: #3c524F;
	text-decoration: underline;
}

#stardekk 
{
	font-size: 0.75em;
	margin-left: 17px;
	color: #333333;
}

.stardekk a
{
	color: #333333;
	font-size: 0.7em;
	margin-left: 20px;
}

.textarealandhuis
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textboxlandhuis 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
}

.contactbuttonlandhuis 
{
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}

.textareapoorthuis
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textboxpoorthuis
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
}

.contactbuttonpoorthuis 
{
	background: Transparent;
	border: 1px solid #333333;
	color: #333333;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}

.foto 
{
	width: 120px;
	float: left;
	margin-right: 10px;
}

#bookform
{
    background-color: #9ce145;
    margin-top: 6px;  
    padding: 5px 5px 5px 5px;
    color: #474747;
    font-size: 11px;
}

#bookform input[type="text"]
{
    background-color: #ffffff;
    border: 1px solid #76a812;
    color: #474747;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
}

#bookform .input-button
{
    background: #628c12 url("../images/landhuis/arrow.png") no-repeat;
    background-position: 138px 7px;
    cursor: pointer;
    padding: 3px 20px 3px 6px;
    font-weight: bold;
    color: #f8f8f8;
    font-size: 10px;
    border: 0 !important;
    margin-top: 2px;
    margin-left: 12px;
}

#ui-datepicker-div 
{
    font-size: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 600;
}

.ui-datepicker-trigger 
{
    margin-left: 2px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
