html, body{
	background: url("http://www.hotelverlooy.be/assets/img/bgsub.jpg");
}

body#kamers a#kamers,
body#arrangementen a#arrangementen,
body#ontbijt a#ontbijt,
body#meetings a#meetings,
body#tuin a#tuin,
body#nieuws a#nieuws,
body#contact a#contact {
	padding: 20px 13px;
	display: relative;
	background: #73D0FF;
}

p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 1.8em;
	margin-top: 15px;
}

h1, h2, h3{
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1{
	font-size: 38px;
	color: #66CCFF;
}
h2{
	font-size: 25px;
	color: #4B4B4C;
}
b{
	font-weight: bold;
}
.hidden{
	display: none;
}
#contentLeft ul li:before {
    content:'\25A0';
    color: #66ccff; 
    margin-right:15px;
}
#container {
	margin: 0 auto;
	margin-bottom: -330px;
	position: relative;
	width: 960px;
}
/* NAVIGATIE */

#innernav ul{
	text-align: left;
}

#innernav li{
	margin-left: 0.7%;
}
#innernav ul li:last-child{
	content:none;
}

/*** CHROME HACK NAV ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {    
	#innernav li{
		margin-left: 0.6%;
	}    
}


/* HEADER */

#header{
	position: relative;
	width: 960px;
	height: 330px;
	float: right;
}

.hkamers{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderKamers.jpg');
}
.harrangementen{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderAra.jpg');
}
.harrangementen_sport{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderSport.jpg');
}
.harrangementen_huwelijk{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderAraHuwelijk.jpg');
}
.harrangementen_gastronomie{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderAraGastronomie.jpg');
}
.harrangementen_vita{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderVitaGastronomie.jpg');
}
.harrangementen_sterstijl{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderarasterstijl.jpg');
}
.harrangementen_culinair{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderaracullinare.jpg');
}
.hontbijt{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderOntbijt.jpg');
}
.htuin{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderTuin.jpg');
}
.hnieuws{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderNieuws.jpg');
}
.hmeetings{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderMeetings.jpg');
}
.hcontact{
	background: url('http://www.hotelverlooy.be/assets/img/bgheaderContact.jpg');
}
.infboe {
    float: right;
    margin-right: 15px;
}
.res14{
	background: url('http://www.hotelverlooy.be/assets/img/res14.jpg');
}
.res13{
	background: url('http://www.hotelverlooy.be/assets/img/res13.jpg');
}
.res12{
	background: url('http://www.hotelverlooy.be/assets/img/res12.jpg');
}
.res11{
	background: url('http://www.hotelverlooy.be/assets/img/res11.jpg');
}
/* CONTENT */

#content{
	position: relative;
	width: 960px;
	background: white;
	float: left;
	
}
#contentLeft, #contentRight{
	position: relative;
	width: 400px;
	float: left;
	margin-top: 26px;
}
#contentLeft{
	margin-right: 60px;
	margin-left: 26px;
	border-right: 1px solid #F4F4F4;
	padding-right: 25px;
}
#contentLeft ul {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 1.8em;
	margin-top: 15px;
}

/* KAMERS */

#listkamers {
	width: 350px;
	margin-top: 25px;
}

.kamerlist {
	margin-left: 35px;
	font-size: 18px;
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

/* KAMERS HEADER */
#bgroomheader {
	position: relative;
	width: 960px;
	margin-top: -275px;
	float: left;
	height: 0px;
}

.height {
    height: 0px;
    overflow: hidden;
    background: rgba(321,321,321,0.9);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
    zoom: 1;
    color: #000;
}

.moveUp {
	position: relative;
	width: 240px;
	float: left;
	background: rgba(0,0,0,0.7);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
	zoom: 1;
	margin-top: 300px;
}

.moveUp h1{
	font-size: 16px;
	color: white;
	height: 18px;
	padding: 18px 18px 25px 18px;
	text-align: center;
}

.height > p {
    	text-align: center;
    	padding-left: 18px;
    	padding-right: 18px;
	margin-top: 18px;
	margin-bottom: 35px;
}

.height span{
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	margin-left: 18px;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
	float: left;
	margin-right: 50px;
}

.cinf, .cboe{
	position: relative;
	width: 45px;
	height: 45px;
	background: black;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 400;
	float: left;
	margin-top: -15px;
}

.cboe{
	background: #66CCFF;
}

.cinf span, .cboe span{
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	color: white;
	margin-left: 10px;
	margin-top: 15px;
}

/* KAMER-PAGINA */

#overlaykamer{
	position: relative;
	height: 330px;
	width: 480px;
	background: rgba(0,0,0,0.6);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	float: right;
	z-index: 50;
}

#inneroverlaykamer{
	width: 350px;
	float: right;
	margin-top: 26px;
}
#inneroverlaykamer span{
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	color: #66CCFF;
	font-size: 40px;
	font-weight: 200;
}

#inneroverlaykamer p{
	color: #fff;
	width: 285px;
	margin-top: 15px;
}
.titleKamer:first-child{
	width: 480px;
   	max-width: 480px
}
.titleKamer:nth-child(2), .titleKamer:nth-child(3), .titleKamer:nth-child(4){
	width: 160px;
}

.titleKamer h1{
	padding: 18px 7px 25px 7px;
}

.hkamers.kamer14 {
	background: url("http://www.hotelverlooy.be/assets/img/kamer_14.jpg");
}
.hkamers.kamer13 {
	background: url("http://www.hotelverlooy.be/assets/img/kamer_13.jpg");
}
.hkamers.kamer12 {
	background: url("http://www.hotelverlooy.be/assets/img/kamer_12.jpg");
}
.hkamers.kamer11 {
	background: url("http://www.hotelverlooy.be/assets/img/kamer_11.jpg");
}
/* arrangementen */

.arraheight > p{
	margin-bottom:5px;
	margin-top:8px;
}
.infoboearr{
	margin-top:15px;
}
#arrangementenlijst{
	margin-top: 15px;
}
#arrangementenlijst li {
	margin-bottom: 15px;
}
#arrangementenlijst li:first-child {
	margin-top: 22px;
	margin-bottom: 15px;
}
#arrangementenlijst li a {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}
#arrangementenlist li{
	margin-bottom: 5px;
	text-align: center;
}
#arrangementenlist ul li:before {
content: none !important;
}
#arrangementenlist a{
	display: block;
	width: 350px;
	background: #66ccff;
	padding-top: 17px;
	padding-bottom: 17px;
	color: white;
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-decoration: none;
}
/* TUIN TERRAS */
#butfotogal {
    background: none repeat scroll 0 0 #66CCFF;
    margin-top: 25px;
    padding: 15px;
    text-align: center;
    width: 380px;
}
#butfotogal > a {
    display: block;
    color: white;
    text-decoration: none;
}
/* NIEUWS */

#contentNieuws {
    margin: 26px 0 0 26px;
    width: 900px;
}
#inhoudNieuws {
    border-bottom: 1px dotted;
    margin-top: 30px;
    padding-bottom: 35px;
}

#prev, #next {
    background: none repeat scroll 0 0 #66ccff;
    font-family: "Dosis", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    top: 30px;
}
#prev{
	float: left;
}
#next{
	float: right;
}
/* CONTACT */

#contactform dt{
	margin-top: 5px;
	margin-bottom: 5px
}

#contactform label{

	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	
}
#contactform input, #contactform textarea, #contactform select{
	border: dotted 1px lightblue;
	width: 350px;
	height: 20px;
}

#contactform textarea{
	height: 100px;
}

#contactform input[type=submit]{
	margin-top: 15px;
	border: none;
	background: #66CCFF;
	width: 350px;
	height: 40px;
	font-family: "Dosis", Arial, Helvetica, sans-serif;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

#contactgegevens p{
	line-height: 1em;
}

.social{
	margin-top: 15px;
	opacity: .2;
	transition: all 1s;
}
.social:hover{
	opacity: 1;
}
#map {
    margin-bottom: -5px;
    margin-top: 85px;
}

/* FORMULIEREN */

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* FORMULIEREN - VALIDATIE */
.unhappyMessage {
	float: right;
	margin-right: 50px;
	color: red;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom: 7px;
	margin-top: 7px;
}


/* INTERNET EXPLORER 10 */

.ie10 #bgroomheader {
  margin-top:-30px;
}
.ie10 #innernav li{
	margin-left: 10.88px;
}