*{ margin:0; padding:0;}
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; background:#F6B84B url(../images/bg.jpg) no-repeat top center; color:#222; overflow-x:none;}
a { text-decoration:none; color:#111; outline:none}
a:hover { color:#666;}
a:active { outline: none;}
a:focus { -moz-outline-style: none;}
p { line-height:15px; margin:0 0 10px 0px; font-weight:normal; font-size:12px;}
li { list-style:none; }
h2 { font-size:24px; font-weight:normal; margin:0px 0 10px 0px; color:#1A1B37 }
h3 { font-size:16px; color:#F6B84B;}
h4 { font-size:14px; font-weight:bold; color:#bd8329; margin-bottom:5px}
h5 { margin-bottom:5px}
img{border:none;}
.left { float:left}
.right { float:right}
.clear { clear:both;}
.minheight {height:auto !important; height:450px; min-height:450px;}
.center { margin:0 auto; width:940px;}
.more { color:#000; font-weight:bold}

/*##########################################################################################
HEADER
##########################################################################################*/
#header { height:100px;}
#logo { width:430px; height:105px; float:left;}
#lang { float:right; margin-top:15px}
#lang li { float:left; margin-left:15px}
#lang a { padding:5px 0 0 20px; color:#1A1B37}
#lang a:hover { color:#007CBF}
#date { clear:right; margin-top:25px; color:#bd8329; font-size:11px}
#greek { background:url(../images/gr.gif) no-repeat 0 6px}
#english { background:url(../images/en.gif) no-repeat 0 6px}
#french { background:url(../images/fr.jpg) no-repeat 0 6px}
#deutch { background:url(../images/de.gif) no-repeat 0 6px}
#nederlands { background:url(../images/ho.gif) no-repeat 0 6px}

/*##########################################################################################
GENERAL
##########################################################################################*/
#sliderBookContainer { background:#1A1B37; padding-bottom:10px}
#sliderContainer { border:10px solid #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
#mainNav { overflow:hidden; margin-left:14px}
#mainNav li { float:left}
#mainNav li a { display:block; font-size:12px; padding:10px 12px; color:#fff}
#mainNav li a:hover { background:#fff; color:#1A1B37; -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.selected { background:#343877; color:#F6B84B!important; -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

/*##########################################################################################
BOOKING
##########################################################################################*/
#availability { overflow:hidden; margin-left:150px}
#availability a { display:block; background:#343877; padding:6px 10px; font-style:italic; font-size:11px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:Georgia, "Times New Roman", Times, serif}
#availability a:hover {color:#BD8329;}
#availability ul { overflow:hidden; padding:0px 0 5px}
#availability ul li { float:left; margin:0px 10px 0 0; position: relative;}
#availability ul li label { position: absolute; top: 0; left: 0; color:#777; width: 104px; display: block; margin:5px 8px}
#availability ul li br {display: none;}
#availability input{ height:15px; width:120px; border:1px solid #b3b3b3; padding:5px; display: block; background:#fff url(../images/calendar.gif) no-repeat 105px 3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px;}
#availability h3 { font-family: Verdana, Geneva, sans-serif; font-size:20px; color:#FBB12C; padding-right:15px; font-weight:normal }

/*##########################################################################################
MAINCONTAINER
##########################################################################################*/
#mainContainer { overflow:hidden; padding:30px 0; background:#fff}
#sidebarLeft { width:150px; margin:0 30px 0 20px}
#sidebarRight { width:150px; margin:0 20px 0 20px}
.widget { margin-top:20px}
.widget span { font-size:14px; color:#FFB02D; font-weight:bold;}
.widget h4 { font-size:24px; padding-left:20px; font-weight:normal; color:#30356D}
#main { width:510px; margin-right:20px;}

/*##########################################################################################
SEARCH
##########################################################################################*/
#search { width:150px; overflow:hidden}
#search li { float:left; position: relative; width:120px; border-bottom:none!important}
#search li.btnSize { width:25px}
.btnSize p { margin-bottom:0px!important}
#search li label { position: absolute; top: 0; left: 0; width: 145px; display: block; margin: 4px 5px 5px 6px; padding: 0; color:#778e83}
#search li br { display: none;}
#search li input { padding:4px 4px 3px; width:112px; margin:0; background: url(../images/s.jpg) no-repeat 0 2px; color:#5b5b5b; border:none; font-size:11px}
#search p input { border:none; width: 30px; background:#fff url(../images/magnifier.jpg) no-repeat 0 0 !important; text-indent: -999px; padding:3px 0; overflow:hidden; cursor:pointer; }

/*##########################################################################################
NEWSLETTER
##########################################################################################*/
#newsletter { width:150px; overflow:hidden; margin-top:20px}
#newsletter li { float:left; position: relative; width:120px; border-bottom:none!important}
#newsletter li.btnSize { width:25px}
.btnSize p { margin-bottom:0px!important}
#newsletter li label { position: absolute; top:0; left:0; width:110px; display:block; padding: 4px 5px 5px 6px; margin:0; color:#778e83; font-size:11px}
#newsletter li br { display: none;}
#newsletter li input { padding:4px 4px 3px; width:112px; margin:0; background:#fff; color:#5b5b5b; border:none; font-size:11px; border:1px solid #ccc}
#newsletter p input { border:none; margin-left:10px; width:30px; background:url(../images/arrow.png) no-repeat 0 7px !important; text-indent: -999px; overflow:hidden; cursor:pointer; }

/*##########################################################################################
GALLERY
##########################################################################################*/
#gallery { overflow:hidden}
#gallery li { float:left; margin:0 20px 20px 0; border:4px solid #F6B84B}
#gallery li:nth-child(6n) { margin-right:0}
#gallery li a { display:block}

/*##########################################################################################
NEWS
##########################################################################################*/
.new { margin-bottom:30px}
#newsNav { padding:5px 10px; overflow:hidden; background:#1A1B37}
#newsNav a { color:#fff; font-weight:bold;}

/*##########################################################################################
CONTACT
##########################################################################################*/
#contactForm { margin-top:10px;}
#contactForm li { position: relative; margin: 10px 0 !important}
#contactForm li label { position: absolute; top: 0; left: 0;}
#contactForm li br {display: none;}
#contactForm li input, #contactForm li textarea { display: block; padding: 4px; width: 172px; margin: 0;}
#contactForm li label { width: 172px; display: block; margin: 5px 5px 5px 6px; padding: 0;}
#contactForm li textarea { padding: 4px; width: 172px; }
#contactForm li textarea, #contactForm li input { background:#E5E5E5; color:#5b5b5b; border:none;}
#contactForm li label { color: #777;}
#contactForm p input { border:none; background:#1A1B37; padding:4px 10px; color:#fff; font-size:12px; cursor:pointer;}
#contactForm p input:hover {color:#F6B84B;	}

#googlemap { width:290px; overflow:hidden; margin-top:20px; border:5px solid #F6B84B;}

/*##########################################################################################
FOOTER
##########################################################################################*/
#footer { background:#fff; -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#digi { border-top:1px solid #ccc; background:url(../images/digi.jpg) no-repeat right 15px; padding:20px 20px 0; overflow:hidden}
#digi p { width:550px; font-size:10px; color:#5f5f5f}

.pdf-links-ul {
  display: flex;
  margin-bottom: 10px;
}

.pdf-links-ul li {
  margin-right: 5px;
}

.pdf-links-ul li a:hover{
  text-decoration: underline;
}

.pdf-links-ul li.second {
  border-left: 1px solid black;
  padding-left: 5px;
}

.facebook {
  margin-top: 5px;
}

.facebook-link {
  display: flex;
  align-items: center;
}

.facebook-link:before {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(/files/F_icon.svg);
  width: 26px;
  height: 26px;
  margin-right: 8px;
  background-repeat: no-repeat;
}