html {
}

body {
  background: url('/data/websitebackgroundimage/1_bg_background.jpg');

  background-color: #FFFFFF;
  color: #444444;
}

#contentwrapper {
  
  background-position: 100px 0;
  background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF calc(50% - 550px), #FFFFFF calc(50% - 550px), #FFFFFF calc(50% + 550px), #FFFFFF calc(50% + 550px), #FFFFFF 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF calc(50% - 550px), #FFFFFF calc(50% - 550px), #FFFFFF calc(50% + 550px), #FFFFFF calc(50% + 550px), #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF calc(50% - 550px), #FFFFFF calc(50% - 550px), #FFFFFF calc(50% + 550px), #FFFFFF calc(50% + 550px), #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  
}



/* conditional: no gradient on body in IE, but set background color to inner page */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #wrap {
    background: #FFFFFF;
  }

  #maincontentinner {
    background: #FFFFFF;
  }
}

#maincontentinner {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 900px) {
  #maincontentinner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 500px) {
  #maincontentinner {
    padding-left: 8px;
    padding-right: 8px;
  }
}

#maincontentinner #slidercontainer {
  margin-left: -10px;
  margin-right: -10px;
}


body.headerbg-fullwidth header  {
  background: -moz-linear-gradient(top,  #007ea1 0%, #FFFFFF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ea1), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #007ea1 0%,#FFFFFF); /* W3C */
}

body.headerbg-content header .container {
  background: -moz-linear-gradient(top,  #007ea1 0%, #FFFFFF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ea1), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #007ea1 0%,#FFFFFF 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #007ea1 0%,#FFFFFF); /* W3C */
}

html.ie9 header {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#007ea1', EndColorStr='#FFFFFF')";
}

header #searchformheader .textboxcontainer input {
  background: #ffffff;
  border-color: #00769f;
  color: #000000;
}

header #searchformheader button {
  background: #00769f;
  color: #ffffff;
}

header #sociallinksheader, header #languagecurrencycontainer {
  color: #000000;
}
header #sociallinksheader a, header #languagecurrencycontainer a {
  color: #000000;
}
header #languagecurrencycontainer a:after {
  color: lighten(#000000, 30%);
}
header #sociallinksheader a:hover, header #languagecurrencycontainer a:hover, header #languagecurrencycontainer a.active {
  color: #000000;
}

header #phoneheader {
  color: #000000;
}
header #phoneheader a {
  color: #000000;
}

/* main menu */
header #mainmenu {
  background: #00769f;
}

header #mainmenu > ul > li.hassubmenu > a:after {
  border-top-color: #ffffff;
}

header #mainmenu > ul > li > a {
  color: #ffffff;
  font-weight: normal;
}

header #mainmenu > ul > li:hover > a, header #mainmenu > ul > li.active > a {
  background: #000000;
  color: #ffffff;
}

/* cart in menu */
header #mainmenu #mainmenucart > a {
  background: #94bf30;
  color: #ffffff;
}

header #mainmenu #mainmenucart > a:after {
  border-top-color: #ffffff;
}

header #mainmenu #mainmenucart:hover > a {
  background: #000000;
}

/* submenu's */
header #mainmenu > ul > li ul,
header #mainmenu > ul > li ul > li {
  background: #00769f;
}

header #mainmenu.defaultsubmenu > ul > li ul > li:hover {
  background: #000000;
}

header #mainmenu > ul > li ul > li a {
  color: #ffffff;
}

header #mainmenu > ul > li ul > li:hover a {
  color: #ffffff;
}

header #mainmenu > ul > li ul > li.hassubmenu:after {
  border-left-color: #ffffff;
}

body.headerbg-fullwidth #maincontent:before  {
  background-color: #007ea1;
}

body.content- #maincontent:before .container {
  background-color: #007ea1;
}

/* mobile menu */
.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
  background-color: #00769f;
}

.slicknav_menu .slicknav_nav {
  background: #00769f;
}

.slicknav_menu ul li a {
  color: #ffffff;
}

.slicknav_menu ul li a:hover, .slicknav_menu ul li a:hover > a {
  background: #000000;
  color: #00769f;
}

.slicknav_menu ul li a .slicknav_arrow::after {
  border-left-color: #ffffff;
}

.slicknav_menu ul li a:hover .slicknav_arrow::after {
  border-left-color: #00769f;
}

.slicknav_menu ul li.slicknav_open .slicknav_arrow::after {
  border-top-color: #ffffff;
}

.slicknav_menu ul li.slicknav_open a:hover .slicknav_arrow::after {
  border-top-color: #00769f;
}

#leftmenu h2 a, .leftmenuselect, .leftmenuselect select, .ratingsdl dd, #ratingssummarycontainer article .averagescore, #ratingssummarycontainer article h3, #ratingssummarycontainer article a.bar {
  background: #000000;
  color: #ffffff;
}

#leftmenu ul, .ratingsdl {
  background: #00769f;
}

#leftmenu ul > li {
  border-bottom-color: #ffffff;
}

#leftmenu ul li > a:after {
  border-left-color: #ffffff;
}

#leftmenu ul a, .ratingsdl dt {
  color: #ffffff;
}

#leftmenu ul a:hover, #leftmenu ul li.active > a , .ratingsdl dt.accent {
  color: #FFFFFF;
}

#leftmenu ul a:hover {
  background: #000000;
}

#sidebarinfoblock .sidebarinfoblocktext {
  background: #ffffff;
  color: #111111;
}

a.button, .button, button.button,  .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff); /* W3C */
  border-color: #00769f;
  color: #000000 !important;
}

body {
  
}

.pagetext, .pagephotos.horizontal .imagecontainer h5 {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.5rem;
}

h1.pagetitle, h1.pagetitle a, h2.pagetitle, h2.pagetitle a {
  color: #555555;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 2.2rem;
}

.text a {
  color: #00769f;
}

.text a:hover {
  color: #000000;
}

.sectionheader {
  background-color: #00769f;
  color: #ffffff !important;
}

#homepageblocks article {
  background-color: transparent;
  border-color:  !important;
}

#homepageblocks .blocktext, #homepageblocks .buttoncontainer a.button {
  font-size: 1.3rem !important;
}

.text #homepageblocks article h2, #homepageblocks article h2 {
  font-size: 1.4rem;
}

#headertitle {
  background-color: #007ea1;
}

#headertitle h2 {
  color: #ffffff;
  font-size: 5rem;
}

body.footerbg-fullwidth {
  #footer1 {
    background: #1176bb;
  }
  #footerbar {
    background: #1176bb;
  }
  #footer2 {
    background: #007ea1;
  }
}

body.footerbg-content {
  #footer1 .container {
    background: #1176bb;
  }
  #footerbar .container  {
    background: #1176bb;
  }
  #footer2 .container {
    background: #007ea1;
  }
}

#footercontainer {
  color: #ffffff;
}

#footercontainer #footerbar {
  color: #ffffff;
}

#footer1 {
  color: #ffffff;
}

#footer1, #footer1 a {
  color: #ffffff;
}

#footer1 a:hover {
  color: #ffffff;
}

#footer1 h3 {
  color: #ffffff;
}

#footer2 {
  color: #cccccc;
}

#footer2 #copyrightcredits {
  color: #cccccc;
}

.categorylist article {
  background: #1176bb;
}

.categorylist article h2 {
  background: #007ea1;
  background: -moz-linear-gradient(top,  #007ea1 0%, #007ea1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ea1), color-stop(100%,#007ea1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #007ea1 0%,#007ea1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #007ea1 0%,#007ea1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #007ea1 0%,#007ea1 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #007ea1 0%,#007ea1); /* W3C */
}

.categorylist article h2 a, .categorylist article h2 a:hover {
  color: #ffffff;
}

.categorylist article h2 a:after {
  border-left-color: #ffffff;
}

.pagination, .pagination ul li a {
  color: #000000;
}

.pagination ul li a:hover {
  color: #f01818;
}

.pagination ul li span.activepage {
  background-color: #000000;
  color: #ffffff;
}

a.backlink {
  color: #000000;
}

a.backlink i {
  color: #005b4f;
}

article.product {
  background: #ffffff;
  border-color: #c2c2c2;
  border-width: 1px;
  color: #333333;
}

article.product h3, article.product a , article.product a:hover {
  color: #000000;
  font-size: 1.3rem;
}

article.product .introtext {
  font-size: 1.4rem;
}

article.product a.button {
  background: #FFFFFF;
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FFFFFF 0%,#FFFFFF); /* W3C */
  color: #000000 !important;
}

article.product .saleprice, #productdetail .saleprice {
  color: #bf1919;
}

article.product .price, #productdetail .price {
  color: #111111;
}

#productdetail h1 {
  color: #111111;
  font-size: 1.8rem;
}

#webshopsearch, #cartsummary, #customermenu {
  background: #48AE48;
  color: #ffffff;
}

#customermenu a {
  color: #ffffff;
}

#cartsummary h2, #cartsummary h2 a, #webshopsearch h2,  #webshopsearch h2 a {
  color: #ffffff;
}

#webshopsearch button,
#cartsummary  .orderlink {
  background: #2c7d2c;
  color: #ffffff;
}

#checkoutprogress {
  background: #1176bb;
}

#checkoutprogress li a {
  color: #ffffff;
}

#checkoutprogress li:before {
  border-left-color: #1176bb;
}

#checkoutprogress li.active, #checkoutprogress li.done {
  background: #000000;
}

#checkoutprogress li.active a, #checkoutprogress li.done a {
  color: #ffffff;
}

#checkoutprogress li.active:before, #checkoutprogress li.done:before {
  border-left-color: #000000;
}

h1.productcategory  {
  color: #000000;
  font-size: 2rem;
}

.accommodationsearch form {
  background-color: transparent;
}

.accommodationsearch form label {
  color: #000000;
}

.searchbutton button {
  background-color: #808080;
  color: #ffffff;
}

#slidercontainer {
  height: 500px;
}

#slidercontainer.fullwidth .flexslider .slides li {
  background-size: auto 500px;
  height: 500px;
}

#cookiewarningcontainer {

}



#cookieacceptbutton {


}

#alertbarcontainer {

  background: #ffffff;

}


#alertbartext, #closealertbar {
  color: #000000;
}
#alertbartext a {
  color: #000000;
}


#alertbarbutton {


}


#productdetail .showmoretext, #productdetail .showlesstext {
  background: #00769f;
  background: -moz-linear-gradient(top,  #00769f 0%, #00769f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00769f), color-stop(100%,#00769f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #00769f 0%,#00769f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #00769f 0%,#00769f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #00769f 0%,#00769f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #00769f 0%,#00769f); /* W3C */
  border-color: #00769f;
  color: #ffffff !important;
}

#bookingsummary {
}

form.contentform div.fieldcontainer div.inputwrapper, form.contentform div.fieldcontainer input[type="text"],  form.contentform div.fieldcontainer input[type="password"], form.contentform div textarea, form.contentform div.fieldcontainer select, form.form div.fieldcontainer input[type="text"],  form.form div.fieldcontainer input[type="password"], form.form div.fieldcontainer textarea, form.form div.fieldcontainer select, form.form input[type="text"], form.form input[type="password"], form.form textarea, form.form select, #productdetail .right .numberofitemscontainer input, #accommodationtypedetail .right .numberofitemscontainer input, .cartlist .numberofitems input {
  background: #CCCCCC;
  color: #000000;
}

#breadcrumbs, #breadcrumbs a {
  color: #007ea1;
}

#breadcrumbs a:hover {
  color: #000000;
}

article.accommodationtype {
  background: #ffffff;
  border-color: #c2c2c2;
  border-width: 1px;
  color: #333333;
}

article.accommodationtype h3, article.accommodationtype h4, article.accommodationtype a, article.accommodationtype a:hover {
  color: #000000;
}

.inputiconwrapper .icon {
  color: #000000;
}

@media screen and (max-width: 1300px) {

  #slidercontainer {
    height: auto;
  }

  #slidercontainer.fullwidth {
    height: 450px;
  }

  #slidercontainer.fullwidth .flexslider .slides li {
    background-size: auto 450px;
    height: 450px;
  }
}

@media screen and (max-width: 768px) {

  #slidercontainer.fullwidth {
    height: 333px;
  }

  #slidercontainer.fullwidth .flexslider .slides li {
    background-size: auto 333px;
    height: 333px;
  }
}

@media screen and (max-width: 580px) {

  #slidercontainer.fullwidth {
    height: 267px;
  }

  #slidercontainer.fullwidth .flexslider .slides li {
    background-size: auto 267px;
    height: 267px;
  }
}

@media screen and (max-width: 440px) {

  #slidercontainer.fullwidth {
    height: 222px;
  }

  #slidercontainer.fullwidth .flexslider .slides li {
    background-size: auto 222px;
    height: 222px;
  }
}