/*------------------------------------------------------------------
// GRIFFIOEN CSS FILE
 ------------------------------------------------------------------*/
html,body{height: 100%;}
* {font-family: Arial, sans-serif;font-size: 11px;}
body {margin: 0; background: #948671; height: 100%;color: #62584A; }
img {border: none;}
a{color: #00A0D2; text-decoration: none;}
a:hover{color: #00A0D2; text-decoration: underline;}
:focus{-moz-outline-style: none;}

h1{font-weight: normal;text-transform: capitalize;font-size: 20px;clear: both;width: 100%;float: left;margin: 25px 0 15px 0; color: #00A0D2;}
h2{background: url(../img/core/arrow.png) no-repeat;font-weight: normal;font-size: 16px;color: #EEEAE4;padding: 1px 0 0 82px;margin: 40px 0 20px -20px;}
h3{background: url(../img/core/arrow.png) no-repeat;font-weight: normal;font-size: 16px;color: #EEEAE4;padding: 1px 0 0 82px;margin: 40px 0 20px -20px; float:left; width: 100%;clear: both;}

/* Businessflats exclusifs
 ------------------------------------------------------------------*/
body.Business_flats a{color: #FA8200; text-decoration: none;}
body.Business_flats a:hover{color: #FA8200; text-decoration: underline;}
body.Business_flats h1, body.amenities h1, body.faq h1{color: #FA8200;}
body.Business_flats h2{background: url(../img/core/arrow2.png) no-repeat;}
body.Business_flats h3{background: url(../img/core/arrow2.png) no-repeat;margin: 20px 0 20px -20px;}

/*** navigation ***/
body.Business_flats #navigation #content ul li.selected{list-style-image: url(../img/core/li-navigation_sel2.png);}


table.specs{border-collapse:collapse;margin: 0 10px 0 10px;text-align:left;width:170px; float: left;}
table.specs th {background:#62584A url(../img/core/table-bg_sheader.png) repeat-x;color:#FFF;font-size:11px;font-weight:normal;padding:5px 8px;}
table.specs tfoot tr td {background: #EEEAE4;  color: #948671; font-size: 10px; padding-left: 8px;border: none;text-align: left; }
table.specs td {background:#EEEAE4;border-bottom:1px solid #FFF;border-top: none;padding:8px;}

/* popup tables */
.popupbox {background: #fff;}
.popupbox table{border-collapse:collapse;margin: 0 10px 0 10px;text-align:left;width:170px; float: left;}
.popupbox table th {background:#62584A url(../img/core/table-bg_sheader.png) repeat-x;color:#FFF;font-size:11px;font-weight:normal;padding:5px 8px;}
.popupbox table tfoot tr td {background: #EEEAE4;  color: #948671; font-size: 10px; padding-left: 8px;border: none;text-align: left; }
.popupbox table td {background:#EEEAE4;border-bottom:1px solid #FFF;border-top: none;padding:8px;}
table.amenities th ,table.faq th {padding: 5px 8px;background: url(../img/core/table-bg_sheader2.png) repeat-x;}
table.amenities{margin: 0 10px 0 0;text-align:left;width:285px; float: left;}
table.faq{margin: 0 10px 0 0;text-align:left;width:870px; float: left;}

/*** buttons ***/
body.Business_flats .button{background: url(../img/core/bg-btn2.jpg) repeat-x;}
body.Business_flats #container_bottom .button{background: url(../img/core/bg-btn2.jpg) repeat-x;}

/*** subscribe ***/
/*body.Business_flats form#newsletter dl#mailinput dd input.subscribe{background: #FA8200 url(../img/core/btn_subscribe4.png) no-repeat right top;}*/
body.Business_flats form#newsletter dl#mailinput dd input.subscribe{background: #FA8200 url(../img/core/btn_subscribe3.png) no-repeat right top;}

/*** form ***/
body.Business_flats form input.textfield, form textarea.textarea{background: #fdd1b0; border: #FCC79B solid 1px; color: #FA8200;}

/*** contact ***/
body.Business_flats #contact #newsletter img{width: 64px;}
body.Business_flats #contact #newsletter{width: 150px;}
body.Business_flats #contact{background:  url(../../img/layout/contact2.jpg) no-repeat top;}

/*** wrap ***/
body.Business_flats #wrap{background:transparent url(../img/core/bg2.png) no-repeat scroll center 134px;}
body.Business_flats #container ul{ margin: 10px 0;}
body.Business_flats #container ul li{margin: 0 0 0 5px; padding: 0;}
body.Business_flats img.news{float: left; margin-right: 10px;}
body.Business_flats #container #main p.news{width: 360px;}
body.Business_flats #container #main p.url{background: url(../img/core/asteriks.png) no-repeat left;color: #EEEAE4;padding: 0 0 0 15px; margin-top: 15px;}



body.Business_flats div#newsletterhome{float: right;font-style: italic;height: 35px;text-align: left;	margin: 25px 0 0 0;	width: 150px;}
body.Business_flats div#newsletterhome img{width: 64px;height: 35px;float: left;margin-right: 8px;}
/*** Google maps ***/
#map_canvas{width: 520px; height: 400px; float:left; margin-top: 20px;}
#map_canvas h1{color: #FA8200; font-size: 14px; margin:0;}
#map_canvas img{float:left; margin: 10px 10px 5px 0;}
#map_canvas p{float:left; width:200px;}


/* wraps
 ------------------------------------------------------------------*/
#wrap{background: url(../img/core/bg.png) no-repeat scroll center 134px;overflow:hidden;width: 100%;height: auto;margin: 20px auto 0 auto;}
#wrapper{width: 880px;height: 100%;margin: 0 auto;}
.clear{clear: both;}


/* navigation
 ------------------------------------------------------------------*/
#navigationwrap{float:left; margin-top: 62px;} /* (containerheight /2 - navigation height) + navigationheight/2 */
#navigation{background: url(../img/core/bg-navigation.png) repeat-y;margin:0 auto; width:290px;}
#navigation_top{background: url(../img/core/bg-navigation_top.png) no-repeat top left;height: 20px;margin:0 auto;width: 290px;}
#navigation_bottom{background: url(../img/core/bg-navigation_bottom.png) no-repeat top left;height: 20px;margin:0 auto;width: 290px;}
#navigation #content{text-align: center;width: 245px;height: auto;margin: -8px auto 0 auto;padding-top: 12px;}
#navigation #content ul{margin: 8px 0 0 5px; text-align: left;}
#navigation #content ul li a{color: #C2B7A7; text-decoration: none; font-size: 12px; line-height: 18px;}
#navigation #content ul li a:hover{color: #EEEAE4; text-decoration: none;}
#navigation #content ul li{list-style-image: url(../img/core/li-navigation.png);}
#navigation #content ul li.selected{list-style-image: url(../img/core/li-navigation_sel.png);}
#navigation #content ul li.selected a{color: #EEEAE4; text-decoration: none;}
#navigation #content ul li.selected a:hover{color: #EEEAE4; text-decoration: none;}
img.logo{width: 206px;height: 95px;}


/* container
 ------------------------------------------------------------------*/
#containerwrap{width: 580px;float: right;height: auto;}
#container{background: url(../img/core/bg-container.png) repeat-y;width: 100%; height: 100%;padding-bottom: 45px; float:left;text-align: left;}
#container_top{background: url(../img/core/bg-container_top.png) no-repeat top left;height: 15px;width: 100%; float:left;}
#container_bottom{clear: both;background: url(../img/core/bg-container_bottom.png) no-repeat top left;height: 15px;width: 100%;padding-top: 8px; float:left; margin-bottom: 10px;}
#container_bottom .button{background: url(../img/core/bg-btn.jpg) repeat-x; color: #FFF; float: right; padding: 3px 8px; margin:0 10px 0 5px;}
#container #main{  width: 520px; padding: 20px 0px 0 30px; min-height: 320px auto; height:auto; float: left;}
.popupbox #container #main{  padding-top: 0;}
.popupbox #container #main h1{ margin-top: 0;}
#container #main .header{width: 100%;min-height: 195px auto; height: 195px;float: left;clear: both;margin: 0;}
#container #main .header-indeling{min-height: 350px;}
#container #main p{margin: 0; padding: 0; line-height: 15px; float:left;}

.button{background: url(../img/core/bg-btn.jpg) repeat-x; color: #FFF; float: right; padding: 3px 8px; margin: 0;margin-left: 5px; display: block;}
.button a, body.Business_flats .button a{color: #FFF; text-decoration: none;}
.button a:hover, body.Business_flats .button a:hover{color: #FFF; text-decoration: underline;}

.slideshow{height: 195px;width:520px }


/* newsletter on meetingcenter homepage
 ------------------------------------------------------------------*/
div#newsletterhome{float: right;font-style: italic;height: 35px;text-align: left;	margin: 25px 0 0 0;	width: 110px;}
div#newsletterhome a{color: #FFF;text-decoration: none;line-height: 16px;}
div#newsletterhome a:hover{color: #FFF;text-decoration: underline;line-height: 16px;}
div#newsletterhome img{width: 35px;height: 35px;float: left;margin-right: 8px;}


/* contact
 ------------------------------------------------------------------*/
#contact{background:  url(../img/layout/contact.jpg) no-repeat top; min-height: 540px auto; height: 540px;}
#contact #info{padding: 200px 20px 0 400px; }
#contact p{text-align: right;line-height: 20px;margin: 0 0 25px 0;}
#contact #newsletter{float: right;font-style: italic;height: 35px;text-align: left;	margin: 25px 0 0 0;	width: 110px;}
#contact #newsletter a{color: #FFF;text-decoration: none;line-height: 16px;}
#contact #newsletter a:hover{color: #FFF;text-decoration: underline;line-height: 16px;}
#contact #newsletter img{width: 35px;height: 35px;float: left;margin-right: 8px;}
#contact .button{background: #BDB3A2; float: right; padding: 5px 7px; color: #948671; font-size: 12px; font-weight: bold;}
#contact .button a{color: #948671; text-decoration: none; }
#contact .button a:hover{color: #948671; text-decoration: underline;}


/* FORM OVERALL
 ------------------------------------------------------------------*/
form {margin-left: 10px; float: left;}
form dl{width: 100%; margin:0 0 10px 0; float: left;}
form label{width: 105px; padding-top: 2px; text-align: right; float:left; margin: 0 0 10px 0}
form input, form textarea{width: 360px;float: left;margin: 0 0 10px 15px;background: #d1eef7; border: #98cddb solid 1px; height: 16px; padding: 2px 8px 0 8px; color: #00A0D2;}
form textarea{height: auto;}
 
 
/* reservate aanvraag
 ------------------------------------------------------------------*/
.reservatie form{width: 500px;}
.reservatie form input.textfield, .reservatie form textarea.textarea{width: 362px;}
.reservatie form dl dd.calendar{height: 18px; padding: 0; width: auto;} /* 18px image + 5px padding */

/************* Exceptions ***********************/
.reservatie form .postal input{width: 25px;}
.reservatie form .city label{width: 75px;}
.reservatie form .city input{width: 226px;}
.reservatie form .datefrom input{width: 150px;}
.reservatie form .dateuntil label{width: 25px;}
.reservatie form .dateuntil input{width: 150px;}
.reservatie form dl dd.calendar input.textfield{width: 220px; float: left;}
.reservatie form dl dd.calendar div.addperiod{float: left;}

/************* Buttons ***********************/
.reservatie form .submit{float: left; width: 100%;}
.reservatie form .submit input{width: 100px;height: 20px;background: url(../img/core/bg-btn.jpg) repeat-x; color: #FFF; float: right; padding: 3px 8px; cursor: pointer; border: 0 none; margin-left: 5px;}
.reservatie form #formnavigation a.button{color: #FFF; text-decoration: none;}
.reservatie form #formnavigation a:hover.button{color: #FFF; text-decoration: none;}


 
/* subscribe to newsletter
 ------------------------------------------------------------------*/
form#newsletter{width: 320px;}
form#newsletter dl dd{width: 320px;}
form#newsletter input.textfield{width: 290px;}
form#newsletter dl dd{margin-left: 0;}
form#newsletter dl#mailinput dd input.textfield{width: 208px; float: left;}
form#newsletter p#note{margin: 5px 0; float: left;}
/*form#newsletter dl#mailinput dd input.subscribe{background: #00A0D2 url(../img/core/btn_subscribe2.png) no-repeat right top; color: #FFF; height: 20px; overflow: hidden; padding: 3px 20px 3px 10px; border: 0 none; cursor: pointer; margin-left: 5px; float: left;}*/
form#newsletter dl#mailinput dd input.subscribe{background: #00A0D2 url(../img/core/btn_subscribe.png) no-repeat right top; color: #FFF; height: 20px; overflow: hidden; padding: 3px 20px 3px 10px; border: 0 none; cursor: pointer; margin-left: 5px; float: left;}
 body.subscribe,  body.faq, body.amenities{ margin-left: 10px; background: #EEEAE4;}
 
 
/*-------------------------- FOOTNOTE ----------------------------------------*/
body.subscribe .footnote{background: url(../img/core/asteriks-light.png) no-repeat left;  color: #62584A; font-size: 10px; padding-left: 15px;}
form .footnote{background: url(../img/core/asteriks.png) no-repeat left;  color: #EEEAE4; font-size: 10px; padding-left: 15px;}
form .footnote a{font-size: 10px;}
span.footnote{color: #EEEAE4; font-size: 10px;}


/* validation
 ------------------------------------------------------------------*/
div.error{float: left; color:#666; padding-bottom: 10px;}
div.errorspacer{float: left; height: 8px;}
div.error label.error{margin: 0; padding: 8px 5px 5px 28px; background: #d4ccc0 url(../img/core/label-error.png) no-repeat 8px 8px; float: left; width: 465px;}

/************* Custom newsletter validation ***********************/
form#newsletter div.error label.error{margin: 0; padding: 3px 5px 5px 20px; background: url(../img/core/label-error.png) no-repeat 3px 3px; width: 320px;}
form#newsletter div.error{padding-bottom: 0;}


/* referenties
 ------------------------------------------------------------------*/
.reference{padding-bottom: 5px; margin-bottom: 20px; border-bottom: #BCAF9F solid 1px; float: left;}
.reference img, .reference .noimage{width: 80px; float: left;}
.reference .spacer, #indeling .spacer{background: url(../img/core/accolade.png) no-repeat; float: left; width:14px; height: 52px; margin: 0 10px;}
.reference p{font-style: italic;  float: left; width:390px;}
#others{margin: -5px 0 0 62px; float: left; width: 420px;}
#others img{width: 50px; float: left; margin-left:20px;}
#others img.first{margin-left:0;}

/* specials
 ------------------------------------------------------------------*/
.specials{padding-bottom: 5px;width: 510px;height: 100%; margin-bottom: 20px; border-bottom: #BCAF9F solid 1px; float: left;}
.specials img, .specials .noimage{width: 150px; float: left;}
/*.specials .spacer{background: url(../img/core/accolade.png) no-repeat; float: left; width:14px; min-height: 52px; height: 100%; margin: 0 10px;}*/
.specials .event{background: url(../img/core/accolade.png) no-repeat; float: left; padding-left: 20px;margin-left: 7px;width: 250px;}
body.Business_flats .specials .spacer{background: url(../img/core/accolade2.png) no-repeat; float: left; width:14px; height: 52px; margin: 0 10px;}
.specials p{ float: left; width:310px;}



table.list{border-collapse:collapse;margin: 0 10px 0 10px;text-align:left;width:500px; float: left;}
table.list th {background:#62584A url(../img/core/table-bg_header.png) repeat-x;border-bottom:1px solid #FFF;color:#FFF;font-size:12px;font-weight:normal;padding:8px;}
table.list tfoot tr td {background: url(../img/core/asteriks.png) no-repeat 8px;  color: #EEEAE4; font-size: 10px; padding-left: 23px;border: none;text-align: left;}
table.list td {background:#EEEAE4;border-bottom:1px solid #FFF;border-top:1px solid #FFF;padding:8px;}
table.list tfoot.legende tr td {background: #EEEAE4;  color: #C2B7A7; border: none; text-align: left; padding: 20px 0 20px 8px; font-size:12px;}
table.list ul{margin: 0; float: left; list-style: none; padding: 0;}
table.list tfoot.legende tr td ul li img{margin-right: 5px; float: left; padding: 0;}
table.list tfoot.legende tr td ul li{list-style: none; margin:0 0 12px 0; float: left; width:120px; font-size:9px; color: #62584A;}


#indeling p.detail{width: 290px;}
#indeling ul{margin:20px 0 0 34px; list-style: none; padding: 0; float: left; width: 290px;}
#indeling ul li{list-style: none; margin: 0 0 0 5px;  float: left; }
#indeling ul li img{width: 50px; height: 50px;}