﻿body { font: 75%/1.6em Georgia; color: #a4a58a; background-color: #25332e;}
h1 { font-size: 1.8em; line-height: 1.2em; font-weight: lighter; text-transform:uppercase; padding-bottom: 7px; color:#ffffff;}

a { color: #aec3bc; }

#big_wrapper { background: url(../img/bg.jpg) repeat-x #35453d; }
#inlay_wrapper { background: url(../img/bg-binnen.jpg) repeat-x #35453d; }
#wrapper { width: 960px; margin: 0 auto;}
.logo { margin: 15px 0 0 35px; }

#topmenu-maldegem-hotel 
{
    position: relative;
}

ul#nav { margin: 50px 18px 0 0; }
ul#nav li { float: left; margin-left: 20px; font-size: 1.1em; }
ul#nav li a { color: #a4a58a; }

ul#taalkeuze { position: absolute; top: 10px; right: 0px; width: 100px; }
ul#taalkeuze li { float: left; font-size: 0.9em; }
ul#taalkeuze li a { color: #a4a58a; }

ul#quicklinks { position: absolute; top: 10px; right: 160px;}
ul#quicklinks li { float: left; font-size: 11px; text-transform: uppercase; border-right: 1px solid #667b67; padding: 0 4px 0 4px; }
ul#quicklinks li a { color: #667b67; text-decoration: none; }
ul#quicklinks li a:hover { color: #98af99; text-decoration: none; }

#header { height: 583px; width: 960px; background: url(../img/header_bg.png) no-repeat; }

#contentheader { height: 400px; width: 960px; background: url(../images/cleythil_hotel-binnenpagina.png) no-repeat; position: relative; }

#leftie { width: 299px; height: 493px;  font-size: 1.1em; position: relative; z-index: 0; color: #aeb8a5;}
#leftie a{ color: #e9ecde; text-decoration: none; font-size: 11px;}
#leftie a:hover{ color: #e9ecde; text-decoration: underline;}
#leftie .paragraaf {clear:both; padding: 25px 25px 25px 40px; width: 229px; position: relative; z-index: 100; color: #b8b7a5; }
#leftie h1 {  color:#b8b7a5; padding: 60px 0 0 40px; position: relative; z-index: 100; font-size: 21px; }
#overlay { background: url(../img/grungecover.png) no-repeat; width: 299px; height: 493px; position: absolute; z-index: 1; margin: 27px 0 0 15px;} 
#rightie { width: 600px;  padding-top: 32px; position: relative; z-index: 0;}
#note { width: 195px; height: 215px; background: url(../img/gezellig-stijlvol-culinair.png) no-repeat; position: absolute; z-index: 1; top: 335px; left: 440px; cursor: pointer;}
#notebinnen { width: 195px; height: 215px; background: url(../img/gezellig-stijlvol-culinair.png) no-repeat; position: absolute; z-index: 1; top: 135px; left: 780px; cursor: pointer;}
.box { width: 250px; margin: 30px;}
.box img { margin: 0 10px 10px 10px; }
.box p { padding-bottom: 15px; }
.first { margin-left: 25px; }
.leesmeer {width:75px; padding: 5px 10px; background: url(../img/leesmeerbg.jpg) no-repeat; color: #aec3bc;}
.leesmeer a:link {padding-bottom: 4px;}

#footer { background: url(../img/footer_bg.jpg) repeat-x #25332e; text-align: center; }
#footer p { padding: 25px 0; color: #aeb8a5; }

#hotelfoto {padding: 25px 0 0 31px}


#contenttext {padding:10px 0 0 50px;}
#submenu {float:left; width:238px; text-align: center; }
#submenu ul {float:left; width:238px;background: url(../images/cleythil_submenu-bg.png) repeat-y; padding-bottom:25px;  }
#submenu ul li {padding:10px 0 0 0px;}
#submenu ul li a {font: 14px Georgia; color: #a4a58a;}

#tekst {float:left;padding: 10px 0px 40px 10px;width:600px;}
#tekst h2 { font-size: 1.2em; line-height: 1.2em; font-weight: lighter; text-transform:uppercase; padding-bottom: 7px; color:#ffffff; }
#tekst p {padding-bottom: 10px;}
#tekst br {padding-bottom: 10px;}
#tekst .paragraaf {padding-bottom: 20px;}
#tekst ul {margin: 0 0 20px 30px;list-style:square;}

.images {width: 86px; height: 86px; margin: 0 3px 3px 0;}

.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #A4A58A;
	color: #A4A58A;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #A4A58A;
	color: #A4A58A;
	padding: 1px 0 1px 2px;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #A4A58A;
	color: #A4A58A;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
	margin-top: 6px;
}

h2
{
	clear:both;
}

.videopoplink
{
    position: relative;
    z-index: 5;
    margin-left: 40px;
}

.videopoplink img{
    border: 1px solid #B8B7A5;
}
