@import url(reset.css);
@import url(//fonts.googleapis.com/css?family=GFS+Didot);

/*----------------------------------------------------------------------
*
* HANDLE BASICS
*
----------------------------------------------------------------------*/
body, html{height: 100%; min-height: 100%; -webkit-font-smoothing: antialiased;}
body{font-family: "Georgia", serif; color: #FFFFFF; font-size: 16px; line-height: 150%; background: url(../img/core/still_bg.jpg) no-repeat center top fixed; background-size: cover; /*min-height: 800px;*/}

/* winter
body{background-image: url(../img/core/still_bg2.jpg);} */

h1, h2, h3, h4{line-height: 150%; margin-bottom: 15px; }

h1{font-family: 'GFS Didot', serif; font-size: 36px; font-weight: bold; /*line-height: 26px;*/ }
h1 span{ font-size: 14px; line-height: 150%; font-style: italic; font-weight: normal; display: block;  }
h4 { font-size: 16px; }

.wrapper h2{width: 250px; display: block; text-indent: -9999px; overflow: hidden; height: 110px; background-repeat: no-repeat; background-position: left top;}

p, ul, ol{margin: 0 0 30px 0; }
ul, ol{margin-left: 20px;}

p{margin-bottom: 20px; line-height: 100%;}
.rt p, .footer p, .header p{margin-bottom: 30px; line-height: 150%;}

p, h2, h3, td  { text-shadow: 0px 0px 3px #666; filter: dropshadow(color=#666, offx=0, offy=0);}

a{color: #94a35c; text-decoration: underline;}
a:hover{color: #d1b173;}

.button{background: #899752; background: rgba(137, 151, 82, 0.75); border: dashed 1px #94a35c; font-style: italic; padding: 10px; line-height: 100%; text-decoration: none; font-size: 16px; color: #FFFFFF; display: inline-block;}
.button:hover{color: #FFF; background: #9aa863; background: rgba(154, 168, 99, 0.75);}

.iframe.button{padding: 5px 10px;}
.iframe.big.button{padding: 10px;}

/*----------------------------------------------------------------------
*
* HANDLE NAV
*
----------------------------------------------------------------------*/

.navigation { color: #899752; max-width: 1000px; margin: 0 auto; margin-bottom: 150px;  }
.navigation .nav { background: rgb(255,255,255); margin: 0px auto; min-width: 738px; width: auto; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.navigation ul { text-align: center;  font-style: italic; padding: 15px; }
.navigation ul li { display: inline-block; *display: inline; zoom: 1; margin: 0px 15px; }
.navigation ul li a { text-decoration: none; }
.navigation ul li a:hover, .navigation ul li a.active { color: #d1b173; text-decoration: underline; }
.navigation ul li a.button:hover { color: #FFFFFF; text-decoration: none; }

/*----------------------------------------------------------------------
*
* HANDLE BLOCKS
*
----------------------------------------------------------------------*/
.wrapper{min-width: 768px; max-width: 1000px; width: auto; margin: 0 auto; position: relative; /*min-height: 100%; height: 100%;*/}

/*.wrapperfix{position: absolute; bottom: 100px; width: 750px; left: 50%; margin-left: -376px;}*/
.header{width: 100%; float: left; text-align: center; }
a.logo{overflow: hidden; width: 275px; height: 160px; margin: 0 auto; margin-bottom: 20px; text-indent: -9999px; display: block; background: url(../img/core/naturell-gent.png) no-repeat; margin-bottom: 20px;}

/*----------------------------------------------------------------------
*
* HANDLE CONTENT
*
----------------------------------------------------------------------*/
.header p { max-width: 75%; margin: 0 auto; margin-bottom: 20px; }
.header .divider { margin-bottom: 15px; }

.threecol {border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 30px 0; width: 100%; float: left; margin-bottom: 15px;}
.threecol .item{width: 33.3333333%; float: left; text-align: center;}

.footer{font-size: 14px; line-height: 150%;}

.clear { clear: both; }
.left{float: left;  padding-bottom: 20px; }
.right{float: right; padding-bottom: 20px; text-align: right; }
.right a{color: #FFF; text-decoration: none;}
.left a{color: #FFF; text-decoration: underline;}

.column{width: 48%;}
.column.left{ margin-right: 2%; text-align: right;}
.column.right{margin-left: 2%; text-align: left;}
/*----------------------------------------------------------------------
*
* HANDLE DETAILPAGES
*
----------------------------------------------------------------------*/

.container { width: 1000px; margin: 0 auto; }
.container .header { float: none; }
/*.container .navigation { margin-bottom: 150px;}*/
.container .content { width: 768px; margin: 0 auto; float: none; text-align: center; }
/*.header p a:last-child{*/
/*    display: none !important;*/
/*}*/
.divider { height: 1px; border-bottom: 1px solid #FFF; width: 50px; margin: 0 auto; margin-bottom: 20px; }

.container .menu { /*line-height: 150%;*/ padding-bottom: 0px; }
/*.container .menu span { display: block;  font-size: 14px; line-height: 150%; font-style: italic;}*/
.container .menu.rt em { font-size: 14px; line-height: 150%;}
.container .menu h2 { margin-bottom: 20px; font-size: 21px;}

table { width: 450px; margin: 0 auto; margin-bottom: 20px; }
table td { text-align: left; padding: 8px 4px;}
table td.closed { text-align: center; }

table.time { width: 550px; margin-bottom: 30px; }
table.time td { padding: 4px 0px; }

.gallery { margin-bottom: 20px; }
.gallery a { width: 150px; height: 100px; background-size: cover; display: inline-block; text-indent: -9999px; overflow: hidden; border: 2px solid #94a35c; background-position: center center; }
.gallery a:hover { border: 2px solid #FFFFFF; }

/* ------------------------------------------------------------------
*
* HANDLE AARDS PARADIJS
*
 ------------------------------------------------------------------*/

.ornament { clear: both; }
.aardsparadijs { text-align: center; font-size: 14px; padding: 20px 0px; text-decoration: none; }
.aardsparadijs:hover { text-decoration: underline; }
.aardsparadijs div { background: url('../img/core/aardsparadijs2.png') top center; padding-top: 175px; padding-bottom: 25px; margin-bottom: 25px; }
.aardsparadijs p { color: #D6C4AB; font-family: 'Optima', serif; line-height: 24px; margin-bottom: 0px; }

/* ------------------------------------------------------------------
*
* HANDLE LAVA
*
 ------------------------------------------------------------------*/
 a.lava{display: block; background: url(../signature/credits-negative.png) no-repeat; width: 14px; height: 17px; position: fixed; bottom: 10px; right: 10px; text-indent: -9999px; overflow: hidden; display: block; opacity: 0.25; filter:alpha(opacity=25,style=0); z-index: 24; border-bottom: none;}
 
 
 
/* ------------------------------------------------------------------
*
* HANDLE MEDIA QUERIES
*
 ------------------------------------------------------------------*/
 
 
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* .wrapperfix{position: absolute; bottom: 60px;  }*/
.navigation {margin-bottom: 100px;}
	
}