/* Algemene body elementen
color: #2BBD69; + #2ECC71; + #1C7943 + #4fd688; + #2bbd69 -> background-color: #029795; + #2bbd69 -> staat er al
geel #ffd415 -> #cc0001
*/
body {
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
text-decoration: none;
word-spacing: normal;
white-space: normal;
letter-spacing: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 15px;
line-height: 25px;
color: #cc0000;
}
textarea,
input,
input[type="text"],
input[type="button"],
input[type="submit"],
input.taf-dataknoppen-1,
input.taf-dataknoppen-1 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"], input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
-webkit-appearance: radio;
-moz-appearance: radio;
}
p {
color: #444444;
display: inline-block;
clear: right;
}
ul, li {
color: #111111;
}
img {
border: 0;
}
.content-vlak-content p img {
width: 100%;
height: auto;
border: 0;
}
h1 {
dddfloat: left;
font-size: 34px;
line-height: 52px;
font-weight: 400;
font-family: 'robotolight';
font-family: 'robotoregular';
text-transform: uppercase;
margin: 0 0 19px 0;
margin: 0 0 12px 0;
dddmargin: 0 0 42px 0; /* tijdelijk werkzaamheden */
padding: 0 0 0 0;
color: #222222;
color: #029795;
clear: both;
}
h2 {
color: #000000;
color: #111111;
font-size: 22px;
font-weight: 600;
font-family: 'robotolight';
text-transform: uppercase;
margin: 0 0 3px 0;
padding: 9px 0 4px 0;
clear: both;
}
.hotel-tickets-blok h2, .content-vlak .blok-niche h2 {
clear: none;
}
.blok-niche a > h2 {
text-decoration: none;
}
h3 {
color: #222222;
font-size: 19px;
font-family: 'robotolight';
font-weight: 600;
margin: 0 0 0 0;
padding: 6px 0 7px 0;
clear: both;
}
section h3, sidebar h3 {
text-transform: uppercase;
font-size: 20px;
}
div.klapuit-wrapper {
width: 100%;
float: left;
}
div.klapuit-trigger {
display: block !important;
}
div.klapuit-wrapper .klapuit-trigger:before {
display: none;
}
/* Symbool om uitgeklapte weer in te klappen (-) */
div.klapuit-wrapper .klapuit-trigger.minus:before {
display: none;
}
ul {
text-align: left;
font-family: 'robotolight';
margin: 0 0 0 -29px;
padding: 0 0 7px 0;
list-style: none;
list-style-position: outside;
text-indent: -35px;
padding-left: 35px;
}
li {
margin: 0 0 0 0;
padding: 2px 0 2px 15px;
}
li:before {
content: "\f105"; /* FontAwesome Unicode */
font-family: FontAwesome;
margin: 0 6px 0 15px;
width: 15px;
color: #fff;
background-color: #273747;
text-align: center;
border-radius: 10px;
padding: 0 4px 0 5px;
font-size: 14px;
}
ul.flex-datums.keuze {
text-indent: -12px;
padding-left: 35px;
}
ul.flex-datums.keuze li:before {
list-style: none;
content: none;
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
text-indent: unset;
text-align: left;
font-family: 'robotolight';
}
#menu li {
padding: 2px 0 2px 2px;
}
#menu li:before, #navigatie li:before, .no-before li:before {
display: none;
}
#footer li:before {
background-color: #cccccc;
}
.footer-rechts-links li:before {
display: none;
}
#gedateerd-content .uitleg-korting ul li:before {
display: none;
}
#gedateerd-content .uitleg-korting ul li {
dddpadding: 0 0 0 18px;
}
#gedateerd-content .content-ul li:before {
ddddisplay: none;
}
#gedateerd-content .content-ul {
list-style-type: none;
}
/*
#gedateerd-content
.content-ul li
.uitleg-korting ul li
*/
.footer-rechts-links ul {
margin: 0 0 15px -15px !important;
}
#maincontent .content-vlak .content-vlak-content:first-child .blok-niche ul li:before {
dbackground-color: #029795;
}
body.type-submenu .blok-niche ul li:before, body.type-hoofdlocatie .blok-niche ul li:before {
background-color: #029795;
}
body.type-hmodule .blok-niche ul li:before, body.type-tmodule .blok-niche ul li:before, body.type-hotelmodule .blok-niche ul li:before {
background-color: #029795;
}
body.type-hmodule #rounded-holder, body.type-hotelmodule #rounded-holder {
display: none;
}
#maincontent .content-vlak .blok-niche ul {
padding-left: 35px;
text-indent: -35px;
}
#maincontent .hotel-tickets-blok ul {
}
/* nadenken om h2 class te overrulen
.content-vlak .content-vlak-content:first-child {
dbackground-color: #cc0000;
}
.content-vlak h2:first-child {
dbackground-color: #cc0000;
}
#content_normal h2:first-child {
dbackground-color: #cc0000;
}
.content-vlak .content-vlak-content:first-child h2:before {
content: "\f10e";
content: "\f38c";
content: "\f52c";
dcontent: "\f0da";
content: "\f5bb";
content: "\f04d";
font-family: FontAwesome;
display: inline-block;
margin: 0 0 0 0;
padding: 0 20px 0 0;
color: #029795;
font-size: 25px;
}
.content-vlak .content-vlak-content:first-child .blok-niche h2::before {
content: "";
padding: 0 0 0 0;
}
*/
p {
margin: 0 0 0 0;
padding: 0 0 7px 0;
}
p strong {
font-weight: bold;
}
a {
color: #029795;
background-color: transparent;
font-weight: normal;
text-decoration: underline;
padding: 2px 0 2px 0;
}
a:hover {
color: #444444;
text-decoration: none;
}
/* Aanvulling 1 :: 20131205 :: sh :: readmore 15-09-2015 */
.readmore, .readless, .readmore2, .readless2 {
margin: 0 0 0 0;
padding: 6px 10px 6px 10px;
border-radius: 15px;
text-align: center;
text-decoration: none;
color: #444444;
display: inline-block;
background-color: #ffffff;
border: 2px solid #029795;
cursor: pointer;
}
.readmore:hover, .readless:hover, .readmore2:hover, .readless2:hover {
color: #ffffff;
background-color: #029795;
}
.readmore:after, .readless:after, .readmore2:after, .readless2:after {
content: ' »»';
dcolor: #029795;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-pointer:hover {
cursor: pointer !important;
text-decoration: underline !important;
}
/* buttons editor */
.button-holder1 {
float: left;
width: 100%;
margin: 10px 0 15px 0;
text-align: center;
}
.button-holder2 {
float: none;
margin: 10px 25px 15px 0;
text-align: left;
}
span.button1 a {
margin: 0 0 0 0;
padding: 6px 10px 6px 10px;
border-radius: 15px;
text-align: center;
text-decoration: none;
color: #444444;
display: block;
}
span.border-oranje a {
background-color: #ffffff;
border: 2px solid #ff6633;
}
span.border-oranje a:hover {
color: #ffffff;
background-color: #ff6633;
}
span.border-groen a {
background-color: #ffffff;
border: 2px solid #029795;
}
span.border-groen a:hover {
color: #ffffff;
background-color: #029795;
}
span.border-rood a {
background-color: #ffffff;
border: 2px solid #cc0000;
}
span.border-rood a:hover {
color: #ffffff;
background-color: #cc0000;
}
span.button2 a, div.button2 a {
margin: 0 0 0 0;
padding: 6px 10px 6px 10px;
border-radius: 15px;
text-align: center;
text-decoration: none;
color: #ffffff;
display: inline-block;
}
span.background-oranje a {
background-color: #ff6633;
}
span.background-oranje a:hover {
color: #ffffff;
background-color: #273747;
}
span.background-groen a {
background-color: #029795;
}
span.background-groen a:hover {
color: #ffffff;
background-color: #273747;
}
span.background-rood a {
background-color: #cc0000;
}
span.background-rood a:hover {
color: #ffffff;
background-color: #273747;
}
span.content-link {
color: #444444;
}
span.background-rood.hotel-data-prijzen a {
padding: 1px 20px 1px 20px;
border-radius: 6px;
}
/* */
/* */
/* */
/* */
#maincontent p {
dtext-align: left;
dmargin-bottom: 8px;
}
#maincontent ul {
dddmargin: 0 0 18px 16px;
dddpadding: 0 0 0 0;
}
#maincontent li {
dddmargin: 0 0 4px 0;
}
table h2 {
color: #cf0121;
font-size: 13px;
line-height: 19px;
margin: 10px 0 0 0;
}
h2.rood-blok {
color: #ffffff;
background-color: #273747;
font-size: 13px;
font-weight: normal;
margin: 16px 0 0px 0;
padding: 9px 0 9px 4px;
}
h4 {
dfont-size: 11px;
dfont-weight: normal;
dcolor: #ffffff;
dbackground-color: #cf0121;
dmargin: 6px 0 6px 0;
dpadding: 3px 0 3px 4px;
}
.multicontent h4 {
dfont-size: 12px;
dbackground-color: #029795;
dpadding: 4px 0 4px 4px;
}
.multicontent h4 {
dfont-size: 13px;
dbackground-color: #ffffff;
dpadding: 4px 0 4px 0;
dcolor: #000000;
dfont-weight: bold;
}
h5 {
dfont-size: 11px;
dfont-weight: normal;
}
/* Algemene elementen Mobile */
#iphone-telefoon {
display: none;
}
#print-tekst, #pr-marge-top-index {
display: none;
}
#back-button {
display: none;
}
.toggle-navigatie, .toggle-menu, .toggle-zoek {
display: none;
}
#navigatie i, #zoek i{
display: none;
}
#navigatie h2, #zoek h2 {
display: none;
}
/* Containers */
#container, #container-1, #container-2 {
position: relative;
text-align: left;
margin: 0 auto;
}
#box {
position: relative;
float: left;
margin: 6px 0 10px 0;
padding: 0 0 10px 0;
padding: 0 3% 10px 3%;
background-color: #ffffff;
z-index: 2;
}
#top {
float: left;
margin: 0 0 0 0;
position: absolute;
top: 38px;
left: 0;
height: 52px;
background-color: #273747;
dddz-index: 1;
}
/*
#top {
position: relative;
float: left;
margin: 18px 0 0 0;
height: 140px;
background-color: transparent;
}
#logo {
position: relative;
float: left;
dwidth: 200px;
dheight: 120px;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
background-color: #ffffff;
border-top: 1px solid #273747;
border-left: 1px solid #273747;
z-index: 116;
}
*/
#logo, #logo-mobile {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index: 116;
color: #2c3e50;
font-family: verdana, sans-serif;
width: 150px;
}
#logo img, #logo-mobile img {
width: 230px;
height: auto;
border: 0;
}
#navigatie {
position: relative;
float: right;
margin: 0px 0 0 0px;
padding-left: 10px;
z-index: 112;
}
#navigatie ul {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 10px;
list-style-type: none;
list-style: none;
list-style-position: outside;
text-indent: unset;
dddpadding-left: 10px;
}
#navigatie li {
float: left;
padding: 0 0 0 0;
line-height: 19px;
}
#navigatie li.active {
background-color: #029795;
}
#navigatie a {
float: left;
display: block;
width: auto;
padding: 18px 8px 15px 8px;
padding: 14px 8px 14px 8px;
padding: 17px 8px 16px 8px;
dddfont-family: 'exoregular';
font-family: 'robotolight';
font-size: 15px;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
color: #ffffff;
dddtext-transform: uppercase;
}
#navigatie a:hover {
background-color: #029795;
}
#navigatie a.active {
background-color: #029795;
}
#crumb {
dddcolor: #000000;
dddline-height: 20px;
position: relative;
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0 0 0 0;
z-index: 3;
}
#crumb a {
color: #444444;
font-size: 11px;
font-size: 14px;
font-weight: normal;
text-decoration: none;
line-height: 30px;
}
#crumb a:after {
content: " > ";
}
#crumb a.select:after {
content: " ";
}
#crumb a:hover {
color: #273747;
}
#crumb span.active, #crumb .select {
dddcolor: #1C7943;
color: #029795;
font-weight: normal;
dddfont-size: 11px;
font-size: 14px;
}
#content {
position: relative;
margin: 0 0 0 0;
}
#sidebar-links {
float: left;
width: 199px;
height: auto;
margin: 0 0 0 0;
background: transparent;
}
body.no-sidebars #sidebar-links {
display: none !important;
}
#sidebar-links-t1, #sidebar-links-t2, #sidebar-links-t3 {
float: left;
width: 199px;
margin: 0 0 15px 0;
padding: 5px 0 5px 0;
background: transparent;
border-top: 1px solid #273747;
border-bottom: 1px solid #273747;
}
#sidebar-links-t2, #sidebar-links-t3 {
margin: 15px 0 15px 0;
}
.banner-holder {
position: relative;
float: left;
margin: 0 0 0 0;
}
.banner-holder .banner, #banner-holder-links-mobile .banner {
float: left;
position: relative;
overflow: hidden;
width: 199px;
height: 145px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
.banner-holder .banner a, #banner-holder-links-mobile .banner a {
display: block;
color: #ffffff;
margin: 0 0 0 0;
padding: 115px 0 0 0;
width: 199px;
height: 60px;
text-decoration: none;
background-color: #029795;
background-repeat: no-repeat;
background-position: center top;
}
.banner-holder .banner a h2, .banner-holder .banner a h3, #banner-holder-links-mobile h2, #banner-holder-links-mobile .banner h3 {
border-top: 1px solid #ffffff;
padding: 6px 0 0 0;
width: 199px;
color: #ffffff;
font-weight: normal;
font-size: 13px;
font-family: Verdana;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.banner-holder a:hover {
background-color: #273747;
}
.banner-holder .sidebar-rechts {
width: 170px;
height: 135px;
margin: 0px 0 20px 0;
}
.banner-holder .sidebar-rechts a {
padding: 100px 0 0 0;
width: 170px;
background-position: center -20px;
background-size: 170px 150px;
}
.banner-holder .sidebar-rechts a h2, .banner-holder .sidebar-rechts a h3 {
display: block;
width: 161px;
height: 36px;
padding: 4px 3px 0 6px;
font-size: 10px;
font-family: Verdana;
background-color: #029795;
letter-spacing: 0px;
text-align: left;
}
.banner-holder .sidebar-rechts a h2:hover, .banner-holder .sidebar-rechts a h3:hover {
background-color: #273747;
}
body.nieuwsbrief #banner-holder-rechts, body.contact #banner-holder-rechts {
display: none;
}
#menu {
position: relative;
float: left;
dddline-height: 30px;
margin: 0 0 0 0;
dddpadding: 0 0 0 0;
dddborder: none;
dddz-index: 14;
dddwidth: 199px;
}
#menu h2 {
dddcolor: #ffffff;
dddbackground-color: #029795;
dfont-size: 13px;
dfont-weight: bold;
margin: 0 0 0 0;
padding: 4px 0 4px 5px;
dddborder-bottom: 1px solid rgba(255, 255, 255, 0.60);
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
text-indent: unset;
}
#menu li {
position: relative;
float: left;
dddbackground-color: #273747;
width: 100%;
dddtext-decoration: underline;
}
#menu li a {
display: block;
position: relative;
color: #444444;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
font-size: 14px;
line-height: 20px;
margin: 0 4px 0 4px;
padding: 12px 0 12px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#menu li a:hover {
text-decoration: none;
padding: 12px 0 12px 20px;
}
#menu li a.active {
text-decoration: none;
color: #ff6633;
color: #029795;
}
#menu a i.icon-angle-right, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right,
#menu span i.icon-angle-right, #menu span:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
position: absolute;
top: 16px;
left: 6px;
font-size: 13px;
color: #ffffff;
background-color: #297995;
width: 14px;
height: 15px;
border-radius: 15px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center;
}
#menu a:hover, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
color: #444444;
}
#main, #maincontent {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#main {
float: left;
padding: 0px;
height: auto;
dddmargin: 0 0 0 26px;
margin: 0 0 0 0;
z-index: 3;
padding: 0 2% 0 0;
border-right: 1px solid #dddddd;
}
#content_normal, #content-normal {
float: left;
}
#maincontent {
dddfont-family: verdana, sans-serif;
dddfont-weight: normal;
dddfont-size: 100%;
dddline-height: 155%;
margin: 0 0 30px 0;
padding: 0 0 10px 0;
dddfont-family: verdana, sans-serif;
dddfont-weight: normal;
}
#kolom {
display: block;
height: auto;
margin: 15px 0 10px 0;
}
#sidebar-rechts {
float: right;
dddwidth: 170px;
height: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent;
dddline-height: normal;
z-index: 2;
margin: 0 0 0 0;
}
.tekst-editor-sidebar {
float: left;
width: 94%;
padding: 10px 3% 10px 3%;
dddborder-bottom: 1px solid #dddddd;
}
.separator {
float: left;
width: 60%;
margin: 15px 20% 15px 20%;
border-bottom: 1px solid #dddddd;
}
#sidebar-rechts-t1, #sidebar-rechts-t2, #sidebar-rechts-t3, #sidebar-rechts-t4 {
float: left;
ddddwidth: 170px;
dddmargin: 0 0 15px 0;
dddpadding: 5px 0 5px 0;
dddbackground: transparent;
dddborder-top: 1px solid #273747;
dddborder-bottom: 1px solid #273747;
}
#sidebar-rechts-t4 {
dddborder-top: 0px solid #273747; /* sjra 2017 10 19 */
dddborder-bottom: 0px solid #273747;
}
#sidebar-rechts-t2, #sidebar-rechts-t3 {
dddmargin: 15px 0 15px 0;
}
#sidebar-rechts > #sidebar-rechts-t2 {
dddmargin: 0 0 15px 0;
}
#sidebar-rechts-t1 img, #sidebar-rechts-t2 img, #sidebar-rechts-t3 img, #sidebar-rechts-t4 img {
width: 100%;
height: auto;
border: 0;
}
#sidebar-rechts-t1 ul, #sidebar-rechts-t2 ul, #sidebar-rechts-t3 ul, #sidebar-rechts-t4 ul {
dddpadding: 0 0 0 0;
dddmargin: 9px 0 0 14px;
}
#sidebar-rechts-t1 ul li, #sidebar-rechts-t2 ul li, #sidebar-rechts-t3 ul li, #sidebar-rechts-t4 ul li {
dddpadding: 4px 0 4px 0;
dddmargin: 0 0 0 0;
}
/* aanpassen nieuw design */
.menu-rechts {
position: relative;
float: left;
dddwidth: 170px;
margin: 0 0 20px 0;
padding: 0 0 0 0;
line-height: 22px;
}
.menu-rechts ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style: none;
list-style-type: none;
}
.menu-rechts li {
position: relative;
float: left;
width: 100%;
background-color: #273747;
}
.menu-rechts li:hover {
background-color: #029795;
}
.menu-rechts li.active {
background-color: #029795;
}
.menu-rechts a {
display: block;
position: relative;
color: #ffffff;
text-decoration: none;
text-transform: none;
font-weight: normal;
font-size: 12px;
font-size: 14px;
line-height: 20px;
margin: 0 4px 0 4px;
padding: 12px 0 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* opmaak icon nieuwsbrief */
.menu-rechts a i.icon-angle-right, .menu-rechts a:hover i.icon-angle-right, .menu-rechts li.active a i.icon-angle-right {
font-size: 12px;
font-size: 14px;
color: #029795;
position: absolute;
top: 16px;
right: 2px;
}
.menu-rechts a:hover, .menu-rechts a:hover i.icon-angle-right, .menu-rechts li.active a i.icon-angle-right {
color: #ffffff;
}
.menu-rechts h3 {
color: #ffffff;
background-color: #029795;
font-size: 13px;
font-size: 14px;
dfont-weight: bold;
margin: 0 0 0 0px;
padding: 4px 0 4px 3px;
border-bottom: 1px solid rgba(255, 255, 255, 0.60);
}
.menu-rechts form div {
color: #ffffff;
background-color: #273747;
padding: 5px 0 5px 5px;
}
.menu-rechts form div input {
border: 1px solid #ffffff;
margin: 5px 0 0 0;
}
.menu-rechts form div input.login-klanten-sidebar-ok {
background-color: #029795;
margin: 9px 0 0 0;
}
#kolom .shortlink {
width: 170px;
padding: 0 6px 0 0;
}
#kolom .shortlink p {
font-family: verdana, sans-serif;
font-weight: normal;
dfont-size: 86%;
dline-height: 155%;
width: 170px;
padding: 0 0 0 0;
}
.shortlink h1, .shortlink h2 {
color: #ffffff;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
width: 167px;
height: 30px;
background: transparent url('../images/tickets-concert.gif') no-repeat;
margin: 0 0 2px 0;
padding: 19px 3px 0 0;
}
.shortlink,
.shortlink a,
.shortlink a:link,
.shortlink a:visited,
.shortlink a:active {
color: #010066;
font-weight: normal;
text-decoration: none;
text-align: right;
float: left;
width: 167px;
margin: 0 5px 0 0;
padding: 0;
}
.shortlink a:hover {
color: #cf0121;
}
#main .product-groep {
position: relative;
float: left;
width: 100%;
margin: 0 0 20px 0;
}
#main .product-info {
position: relative;
float: left;
dfont-size: 11px;
font-weight: bold;
font-style: normal;
dline-height: 18px;
background: #CED9E3;
width: 100%;
margin: 5px 0 5px 0;
padding: 14px 0 14px 0;
}
#main .product-info a {
float: left;
padding: 0 0 0 4px;
margin: 0 0 0 0;
dtext-decoration: none;
}
#main .product-info a + a {
float: right;
color: #029795;
font-weight: normal;
font-style: italic;
text-decoration: none;
padding: 0 4px 0 0;
}
address {
margin: 0;
padding: 0;
}
pre {
margin: 0;
padding: 0;
}
hr {
border: 0;
color: #029795;
background: #029795;
height: 1px;
padding: 0;
margin: 15px 0 10px 0;
width: auto;
}
* html body hr {
width: 100%;
}
/* Tabellen Contact */
#maincontent table,
#maincontent tbody,
#maincontent tr,
#maincontent td {
dddfont-size: 100%;
dddline-height: 155%;
dddfont-family: verdana, sans-serif;
dddfont-weight: normal;
border: 0;
background: none;
text-align: left;
vertical-align: top;
padding: 5px 0 5px 0;
color: #444444;
}
.taf-formholder {
width: 100%;
}
#maincontent .taf-formholder.eindpagina-boek-hotels {
position: relative;
float: left;
}
#maincontent .taf-formholder table, #maincontent .taf-formholder tr {
width: 100%;
}
#maincontent .taf-formholder td {
height: 30px;
}
#maincontent .taf-formholder td.taf-120 {
width: 35%;
}
#maincontent .taf-formholder td.taf-5 {
width: 5%;
}
#maincontent .taf-formholder td.taf-380 {
width: 60%;
}
form {
}
#maincontent form h3 {
color: #ffffff;
background-color: #029795;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
padding: 7px 0 7px 7px;
}
fieldset {
border: none;
}
td.taf-120 label {
display: block;
clear: left;
float: left;
width: 100%;
margin: 0 0 0 -2px;
padding: 0;
}
textarea {
width: 100%;
height: 100px;
border: 1px solid #dddddd;
margin: 0 0 0 -2px;
padding: 0;
}
select {
border: 1px solid #dddddd;
padding: 8px 10px 8px 10px;
min-width: 200px;
font-size: 14px;
}
select#mdsel, select#yrsel {
min-width: 80px;
}
input.button-verzenden {
cursor: pointer;
padding: 6px 15px 6px 15px;
background-color: #029795;
color: #ffffff;
display: block;
font-size: 15px;
border-radius: 3px;
text-align: center;
}
input.taf-default-tekst {
border: 1px solid #dddddd;
width: 90%;
margin: 0 0 0 -2px;
padding: 4px 0 4px 5px;
}
input#taf-captcha.taf-default-tekst {
width: 200px;
}
input.beveiligingsvraag, input.taf-default-aantal {
border: 1px solid #dddddd;
}
/*
input.taf-dataknoppen-1 {
dddborder: 1px solid #273747;
dddwidth: 140px;
dddheight: 50px;
color: #ffffff;
background-color: #029795;
background-color: #cc0000;
font-size: 15px;
margin: 0 0 10px 0;
padding: 8px 15px 8px 15px;
cursor: pointer;
}
*/
input[type=radio] {
margin-left: -4px;
}
input[type=radio] + input[type=radio] {
margin-left: 4px;
}
input[type=checkbox] {
margin-left: -3px;
}
#maincontent .taf-formholder td.nummering {
width: 5%;
}
#maincontent .taf-formholder td.voornaam {
width: 30%;
}
#maincontent .taf-formholder td.achternaam {
width: 90%;
margin: 0 0 0 10%;
display: block;
}
.content-foto {
display: none;
position: relative;
float: left;
width: 540px;
margin: 0 0 10px 0;
}
.content-foto img {
width: 540px;
}
/* Footer Algemeen
vlak: background-color: #f0f3f7;
background-color: #dfedfd;
*/
#footer-holder {
background-color: #273747;
background-color: #f0f3f7;
border-top: 1px solid #273747;
text-align: center;
position: relative;
float: left;
width: 100%;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
}
#footer {
display: inline-block;
float: none; /* in responsive modus float none aanzetten */
margin: 10px auto 0 auto;
padding: 0 0 20px 0;
text-align: left;
dwidth: 80%;
}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer img {
margin: 0 0 0 16px;
}
#footer ul {
margin: 0 0 15px -29px;
padding: 0 0 0 0;
list-style-type: none;
outline: 0 none;
text-indent: unset;
text-indent: -35px;
padding-left: 35px;
}
#powered {
dmargin-top: 5px;
dtext-align: right;
dclear: both;
}
#footer h3 {
dcolor: #ffffff;
dfont-size: 18px;
}
#footer p {
dcolor: #ffffff;
dfont-size: 14px;
}
/* Footer-1 */
.footer-links-links {
dbackground-color: #222222;
}
.footer-links-rechts {
dbackground-color: #333333;
}
.footer-midden {
dbackground-color: #444444;
}
.footer-rechts-links {
dbackground-color: #555555;
}
.footer-rechts-rechts {
dbackground-color: #666666;
}
.footer-rechts-beneden {
clear: both;
padding: 18px 0 0 0;
font-size: 12px;
width: 98%;
margin: 0 2% 0 0;
border-top: 1px solid #ffffff;
border-top: 1px solid #273747;
dbackground-color: #cc0000;
}
#footer h3 {
color: #444444;
font-size: 18px;
}
#footer p, #footer ul li, #footer a {
color: #444444;
font-size: 13px;
}
.footer-links-links, .footer-links-rechts {
float: left;
width: 18%;
margin: 0 2% 10px 0;
}
.footer-midden {
float: left;
width: 16%;
margin: 0 2% 10px 0;
}
.footer-rechts-links {
float: left;
width: 21%;
margin: 0 2% 10px 0;
}
.footer-rechts-rechts {
float: left;
width: 17%;
margin: 0 0 10px 0;
}
/* uitlijning tablet portrait */
.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links, .footer-rechts-rechts {
dwidth: 18%;
}
.footer-links-links h3, .footer-links-rechts h3, .footer-midden h3, .footer-rechts-links h3, .footer-rechts-rechts h3 {
margin: 0 0 10px 0;
}
.footer-links-links p, .footer-links-rechts p, .footer-midden p, .footer-rechts-links p, .footer-rechts-rechts p {
margin: 0 0 5px 0;
}
.footer-links-links ul li, .footer-links-rechts ul li, .footer-midden ul li, .footer-rechts-links ul li, .footer-rechts-rechts ul li {
margin: 0 0 8px 0;
}
/* Footer-2 */
.footer-links-rechts h2 {
dmargin-bottom: 10px;
}
.footer-links-rechts ul li {
dmargin-bottom: 7px;
}
.footer-links-rechts ul li a {
dfont-size: 11px;
}
/* Footer-2a */
.footer-midden h3 {
dpadding-top: 0px;
}
.footer-midden ul li {
dmargin-bottom: 7px;
}
.footer-midden ul li a {
dfont-size: 11px;
}
/* Footer-3 */
.footer-rechts-links h3 {
dpadding-top: 0px;
dmargin-bottom: 8px !important;
}
.footer-rechts-links p {
dmargin-bottom: 5px;
}
.footer-rechts-links ul li, .footer-rechts-links ul li a {
dmargin-bottom: 7px;
}
/* Footer-4 */
.footer-rechts-rechts h2 {
dmargin-bottom: 10px;
}
.footer-rechts-rechts h3 {
dmargin-bottom: 12px !important;
}
.footer-rechts-rechts ul li {
dmargin-bottom: 10px;
}
.footer-rechts-rechts ul li a img {
dvertical-align: middle;
dmargin-right: 10px;
}
/* Footer-5 */
.footer-rechts-beneden p {
dmargin: 0;
}
.footer-sub h2 {
dmargin-top: 6px;
dmargin-bottom: 7px;
}
/* Algemene Voorwaarden */
div.algemene-voorwaarden {
position: relative;
padding: 15px 0 0 0;
float: left;
}
#algemene-voorwaarden p {
float: left;
width: 500px;
text-align: left;
}
span.voorwaarden-1 {
position: relative;
width: 80px;
float: left;
text-align: left;
clear: left;
}
span.voorwaarden-5 {
position: relative;
width: 80px;
float: left;
text-align: left;
}
span.voorwaarden-2 {
position: relative;
width: 440px;
float: left;
text-align: left;
}
span.voorwaarden-3 {
position: relative;
width: 140px;
float: left;
text-align: left;
}
span.voorwaarden-4 {
position: relative;
width: 300px;
float: left;
text-align: left;
}
/* Promoholder even tijdelijk
div.promo {
float: left;
text-align: left;
margin: 0 0 10px 50px;
cursor: pointer;
}
div.promo-beeld {
margin: 0 0 0 0;
z-index: 500;
}
div.promo-raam {
position: relative;
float: left;
margin: -220px 0 0 0;
background-image: url(../images/buro1913-promo-raam-m-960.png);
background-repeat: no-repeat;
background-position: top left;
z-index: 510;
}
div.promo, div.promo-beeld, div.promo-beeld img, div.promo-raam {
width: 250px;
height: 220px;
}
div.promo-tekst {
position: relative;
margin: 145px 0 0 10px;
width: 230px;
height: 80px;
background-image: url(../images/buro1913-promo-raam-tekst-m-960.png);
background-repeat: no-repeat;
background-position: 0 0;
z-index: 530;
}
div.promo-tekst h2 {
position: absolute;
margin: 6px 0 0 0;
width: 223px;
padding: 0 2px 0 5px;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 15px;
color: #273747;
background-color: #ffffff;
}
div.promo-tekst p {
position: absolute;
text-align: left;
margin: 42px 0 0 0;
width: 215px;
padding: 0 2px 0 13px;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 15px;
color: #ffffff;
background-color: transparent;
}
#main div.promo-tekst p a {
text-decoration: none;
color: #ffffff;
background-color: #029795;
font-weight: normal;
}
#main div.promo-tekst p a:hover {
text-decoration: none;
color: #273747;
background-color: #029795;
}
*/
/* Toevoegingen Topeventtickets DE */
#subnavigatie {
position: relative;
float: right;
margin: -20px 0 0 0;
padding: 2px 0 0 0;
width: 210px;
text-align: right;
color: #333333;
background: transparent;
line-height: normal;
z-index: 3;
}
#subnavigatie a {
font-weight: normal;
color: #000000;
text-decoration: none;
}
#subnavigatie a:hover {
color: #ffffff;
}
/* Aanvulling 1 :: 20131202 :: sh :: getinfo */
.informatie-blok {
position: relative;
float: left;
width: 100%;
border: 1px solid #029795;
margin: 10px 0 15px 0;
padding: 14px 0 14px 0;
}
.informatie-blok textarea.informatie-blok-tekst {
margin: 0 15px 10px -1px;
width: 100%;
font-size: 15px;
color: #444444;
padding: 3px 0 0 3px;
}
.informatie-blok .informatie-blok-captcha {
width: 30px;
margin: 0 12px 0 0;
}
.informatie-blok legend {
font-size: 18px;
color: #444444;
margin: 6px 0 16px -2px;
font-size: 15px;
}
.informatie-blok .informatie-blok-captcha-tekst {
position: relative;
float: left;
margin-right: 22px;
font-size: 15px;
color: #444444;
}
.informatie-blok input.informatie-blok-email, .informatie-blok input.informatie-blok-naam {
float: left;
width: 120px;
height: 20px;
margin: 0 15px 10px -1px;
width: 300px;
font-size: 15px;
padding: 0 0 0 3px;
}
.informatie-blok .taf-dataknoppen-2-holder {
position: relative;
float: left;
width: 100%;
}
.informatie-blok input.taf-dataknoppen-2 {
border: 1px solid #273747;
width: 80px;
height: 20px;
color: #ffffff;
background-color: #029795;
margin-top: 10px;
}
/* Aanvulling 4 :: 20140523 :: sh :: subfooter */
#button {
position: relative;
float: left;
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #ffffff;
}
#button .column {
margin: 0 20px 10px 0;
padding: 15px 0 15px 0;
text-align: center;
background-color: #E32221;
}
#button .column.last {
margin: 0 0 10px 0;
background-color: #E32221;
}
#button h2 {
color: #ffffff;
font-family: 'Verdana';
font-size: 20px;
font-weight: 400;
margin: 0;
padding: 0 10px 12px 15px;
text-transform: uppercase;
}
#button p, #button a, #button p a {
font-size: 16px;
color: #ffffff;
text-align: center;
}
#button a:hover, #button p a:hover {
color: #ededed;
}
#button .column img {
width: 100%;
height: auto;
margin-bottom: -20px;
}
/* Toevoegingen Ceno Holding */
div.content-vlak {
position: relative;
float: left;
width: 100%;
margin: 0 0 20px 0;
background-color: #f0f3f7;
dddoverflow: hidden;
}
div.content-vlak-background {
background-color: #ffffff;
margin-left: -8px;
}
div.content-vlak .content-vlak-header, div.content-vlak .content-vlak-content {
margin: 4px 4px 0 8px;
}
div.content-vlak.zoekengine-pagina .content-vlak-content {
position: relative;
float: left;
width: 100%;
margin: 0;
}
div.content-vlak .content-vlak-header h2 { /* correctie h2 */
color: #029795;
background-color: transparent;
}
div.content-vlak .content-vlak-content.submenu-h2 h2:first-child { /* correctie h2 */
dddcolor: #029795;
background-color: transparent;
}
.content-vlak-content div.holding-overzicht-tekst {
width: 100%;
float: left;
clear: both;
}
.content-vlak-content div.holding-overzicht-tekst img.holding-overzicht-klein {
float: left;
width: 145px;
height: 145px;
margin: 4px 14px 5px 0;
}
.content-vlak-content div.holding-overzicht-tekst p {
float: left;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: left;
color: #000000;
width: 66%;
}
.content-vlak-content img.overzicht-pagina-groot {
float: left;
width: 102%; /* correctie naar content-vlak-header + content-vlak-content */
margin: 0 0px 10px -8px; /* correctie naar content-vlak-header + content-vlak-content */
}
.content-vlak-content .foto-drie-holder {
margin: 10px 0 10px 0;
}
.content-vlak-content .foto-drie-holder .foto-blok-img-drie {
width: 155px;
height: 155px;
margin: 0 25px 0 0;
float: left;
}
.content-vlak-content .foto-drie-holder img {
height: auto;
width: 100%;
}
.content-vlak-content .foto-drie-holder .foto-blok-img-drie:nth-child(3n+3) {
margin: 0 0 0 0;
}
/* Toevoegingen Ceno Holding 2014 03 17 */
#main .bestel-reserveer {
margin-top: 25px;
padding: 20px;
text-align: center;
color: #ffffff;
background-color: #029795;
}
#main .bestel-reserveer p {
padding-bottom: 5px;
font-weight: bold;
font-size: 17px;
line-height: 19px;
display: block;
color: #ffffff !important;
text-align: center;
}
#main .bestel-reserveer a {
color: #ffffff;
font-size: 15px;
text-decoration: underline;
}
#main .bestel-reserveer a:hover {
color: #ffffff;
text-decoration: none;
}
/* Toevoegingen Ceno Holding 2014 09 05
.iframe-whitelabels-bedsonline {
margin: 0;
border: 0;
width: 100%;
height: 1300px;
}
#iframe-schmetterling, #iframe_141095 {
border: 0;
width: 100%;
}
*/
/* hotel blokken 2014 11 06 */
.hotel-beeld-default {
float: left;
width: 45%;
width: 100%;
}
.hotel-beeld-default img {
position: relative;
float: left;
width: 100%;
margin: 0 0 0 0;
z-index: 1;
}
.arrangementen-eindpagina .hotel-beeld-default img {
margin: 0 0 15px 0;
}
.hotel-beeld-default .hotel-arrangementen-prijsballon {
position: relative;
float: right;
padding: 10px 5px 10px 5px;
margin: -50px 10px 0 0;
color: #ffffff;
background-color: #cc0000;
z-index: 2;
}
.arrangementen-eindpagina .hotel-beeld-default .hotel-arrangementen-prijsballon {
margin: -65px 10px 0 0;
}
.hotel-beeld-klein-holder {
float: left;
width: 20%;
width: 100%;
margin-bottom: 9px;
}
.hotel-beeld-klein {
display: block;
float: left;
width: 100%;
width: 50%;
}
.hotel-beeld-klein img {
display: block;
float: left;
width: 100%;
width: 97%;
margin-top: 0;
}
.hotel-left {
margin-left: 8px;
margin-left: 0;
}
.hotel-right {
float: none;
float: left;
}
.hotel-right img {
margin-left: 8px;
margin-top: 16%;
margin-top: 0;
}
.hotel-content-holder {
float: left;
margin: -11px 0 0 24px;
margin: 0 0 0 0;
width: 30%;
width: 100%;
}
.arrangementen-eindpagina .hotel-content-holder {
margin-top: -2px;
}
.hotel-content-holder h2 {
color: #029795;
font-weight: bold;
}
.hotel-content-holder div.arrangementen-sterren {
height: 16px;
margin-bottom: 7px;
}
.hotel-content-holder div.arrangementen-sterren img {
vertical-align: middle;
}
.arrangementen-holder {
position: relative;
float: left;
background-color: #ffffff;
}
div.hotel-arrangementen-separator {
position: relative;
float: left;
clear: both;
width: 100%;
margin: 15px 0 15px 0px;
height: 1px;
background-color: #029795;
}
.prijzen-en-beschikbaarheid.extranet { /* sjra 2016 03 01 */
position: relative;
float: right;
width: 200px;
margin: 20px 12px 0 0;
}
#main .prijzen-en-beschikbaarheid a {
background-color: #cc0000;
border-radius: 5px;
color: #ffffff;
margin-top: 3px;
padding: 4px;
text-align: center;
text-decoration: none;
width: 100%;
display: block;
}
.minderinfo-arrangementen, .meerinfo-arrangementen {
margin-top: 15px;
margin-bottom: 15px;
}
.minderinfo-arrangementen {
padding-bottom: 15px;
padding-left: 7px;
}
.arrangement-kop-tekst {
margin-top: 10px;
}
.arrangement-header-tekst {
margin-top: 10px;
}
#meerinfo-arrangementen {
margin-top: 20px;
dddmargin-left: 20px;
background-color: #f0f3f7;
}
#maincontent form #meerinfo-arrangementen h2 {
padding: 7px 0 7px 7px;
}
#maincontent form #meerinfo-arrangementen h3 {
background-color: transparent;
color: #029795;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
padding: 7px 0 7px 7px;
}
#maincontent #meerinfo-arrangementen p {
padding: 0 0 0 7px;
margin-bottom: 8px;
text-align: left;
}
#maincontent #meerinfo-arrangementen ul {
padding: 0 0 0 7px;
color: #000000;
font-size: 13px;
font-weight: normal;
line-height: 19px;
text-align: left;
}
/* Sync van dev */
.selecteer-beschikbare-kamer {
float: left;
height: 60px;
margin: 39px 0 0 0;
width: 220px;
}
.meer-info-hotel {
position: relative;
float: left;
margin: 20px 0 0 0;
width: 200px;
}
#main .selecteer-beschikbare-kamer a, #main .meer-info-hotel a {
color: #ffffff;
background-color: #cc0000;
text-align: center;
width: 100%;
border-radius: 5px;
padding: 4px 0;
margin-top: 3px;
text-decoration: none;
font-size: 12px;
display: block;
}
#main .meer-info-hotel a {
background-color: #029795;
}
.boek-hotel {
float: left;
height: 60px;
position: relative;
width: 220px;
}
.boek-hotel img {
width: 248px;
height: 235px;
}
.boek-hotel input.datum {
width: 200px;
margin: 6px 0 6px 0;
padding: 2px;
}
.ui-datepicker {
width: 200px;
width: 300px;
margin-top: 5px;
}
.hotel-tekst-prijs {
float: left;
width: 100%;
}
.boek-hotel-holder {
position: relative;
float: left;
width: 100%;
margin: 15px 0 0 0;
margin: 0 0 0 0;
}
.boek-hotel-blok {
background-color: #f0f3f7;
padding-bottom: 15px;
padding: 5px 3px 15px 3px;
border-bottom: 1px solid #029795;
}
.boek-hotel-holder .first {
margin-right: 15px;
}
.boek-hotel-holder .last {
margin-right: 0;
}
.boek-hotel-holder .prijs-boek-hotel {
float: left;
position: relative;
text-align: left;
width: 100%;
margin: 17px 0 0 0;
}
.boek-hotel-holder .prijs-boek-hotel div {
float: left;
position: relative;
text-align: left;
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #aaaaaa;
}
.boek-hotel-holder .prijs-boek-hotel span {
color: #cc0000;
font-size: 12px;
font-weight: bold;
}
.boek-hotel-holder .thumb-boek-hotel {
position: relative;
float: left;
margin-right: 2%;
width: 38%;
}
.boek-hotel-holder .tekst-boek-hotel p img{
width: 12px;
height: 12px;
margin-top: 8px;
}
.boek-hotel-holder .thumb-boek-hotel img {
height: auto;
margin-top: 0;
width: 100%;
}
.boek-hotel-holder .tekst-boek-hotel {
float: left;
position: relative;
width: 60%;
}
.arrangementen-hotel-blok {
background-color: #eeeeee;
border: 1px solid #029795;
border: 1px solid #dddddd;
margin: 20px 0 0 -2px;
padding: 5px;
}
.arrangementen-hotel-blok div.content-vlak .content-vlak-content {
margin: 0 4px 0 0;
}
.arrangementen-hotel-blok .hotel-beeld-default {
position: relative;
float: left;
width: 100%;
}
.arrangementen-eindpagina .hotel-beeld-default.extranet {
float: left;
width: 100%;
}
.arrangementen-eindpagina .hotel-beeld-default.extranet img {
margin: 0 0 0 0;
}
.hotel-beeld-klein-holder.extranet {
position: relative;
float: left;
width: 100%;
margin: 20px 0 9px 0;
}
.arrangementen-eindpagina .hotel-beeld-klein-holder.extranet {
margin: 20px 0 15px 0;
}
.hotel-beeld-klein.extranet {
display: block;
float: left;
height: auto;
width: 50%;
}
.hotel-beeld-klein.extranet img {
display: block;
float: left;
width: 97%;
height: auto;
}
.hotel-left.extranet {
margin-left: 0;
float: left;
}
.hotel-right.extranet {
float: left;
}
.hotel-right.extranet img {
margin-left: 0;
margin-top: 0;
}
.arrangementen-eindpagina .hotel-right.extranet img {
float: none;
margin-left: 8px;
margin-top: 0;
}
.hotel-content-holder.extranet {
float: left;
margin: 15px 0 0 2px;
width: 100%;
}
.hotel-content-holder .hotel-content-intro.extranet {
position: relative;
float: left;
}
.hotel-content-holder .hotel-content-description.extranet {
position: relative;
float: left;
}
.hotel-content-holder .hotel-content-rules.extranet {
position: relative;
float: left;
}
.hotel-content-holder.extranet div.arrangementen-sterren p {
position: relative;
float: left;
width: 60%;
}
.intro-tekst-selecteer-kamers {
position: relative;
float: left;
margin: 10px 0 0 2px;
}
.intro-tekst-selecteer-kamers p span {
font-weight: bold;
}
/* nieuw hotel blokken 2016 sjra 02 24 */
#maincontent .tekst-koppen-form, p.tekst-koppen-form {
font-weight: bold;
}
#main .arrangement-header-tekst a.content {
padding: 1px 5px 1px 5px;
color: #ffffff;
background-color: #029795;
border-radius: 5px;
text-decoration: none;
}
#main .arrangement-header-tekst a:hover.content {
background-color: #273747;
}
/* Hotel Tickets Module 2016 09 */
.boek-hotel-tickets-holder, .moreinfo, .hotel-tickets-blok, .hotel-tickets-links, .hotel-tickets-beeld, .hotel-tickets-tekst, .hotel-tickets-rechts, .hotel-tickets-beneden {
position: relative;
float: left;
}
.boek-hotel-tickets-holder {
width: 100%;
}
.hotel-tickets-blok {
width: 100%;
margin: 15px 0 15px 0;
background-color: #f0f3f7;
padding: 0 0 0 0;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.hotel-tickets-links {
width: 66.6667%;
margin: 9px 0 0 0;
dbackground-color: #cc0000;
}
.hotel-tickets-beeld {
width: 41.6667%;
dbackground-color: #cccccc;
}
.hotel-tickets-tekst {
width: 58.3333%;
dbackground-color: #dddddd;
}
.hotel-tickets-rechts {
width: 33.3333%;
dbackground-color: #cccc00;
}
.hotel-tickets-beneden {
width: 100%;
}
.hotel-tickets-blok h2 {
}
.hotel-tickets-blok p {
}
#maincontent .hotel-tickets-blok ul {
}
.hotel-tickets-blok li {
}
.hotel-tickets-blok span {
}
.hotel-tickets-beeld img, .hotel-tickets-beeld div p, .hotel-tickets-beeld ul, .hotel-tickets-beeld div {
font-size: 11px;
margin: 0 0 0 3px;
}
.hotel-tickets-blok .hotel-tickets-beeld img {
height: auto;
margin-top: 0;
width: 100%;
}
.hotel-tickets-tekst h2 {
margin: 0 12px 0 14px;
padding: 0 0 4px 0;
dfont-weight: 600;
}
#maincontent .hotel-tickets-tekst p {
margin: 4px 12px 0 14px;
font-size: 11px;
}
.hotel-tickets-tekst div {
margin: 0 12px 0 14px;
}
#maincontent .hotel-tickets-tekst div p {
margin: 4px 0 0 0;
}
#maincontent .hotel-tickets-tekst ul {
list-style-type: none;
margin: 9px 0 0 0;
font-size: 11px;
font-size: 13px;
}
.hotel-tickets-tekst li {
list-style: outside none;
}
.hotel-tickets-tekst li:before {
background-color: #029795;
dborder-radius: 50%;
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin: 2px 7px 0 0;
margin-bottom: 0;
}
.hotel-tickets-rechts h2 {
margin: 0 2px 0 6px;
}
#maincontent .hotel-tickets-rechts p {
font-size: 11px;
margin: 0 2px 0 6px;
}
#maincontent .hotel-tickets-rechts ul {
font-size: 11px;
}
.hotel-tickets-rechts li {
}
/* actions hotel tickets */
.hotel-tickets-boeken {
margin: 20px 15px 0 10px;
}
.hotel-tickets-meer-info {
margin: 5px 0 10px 0;
float: left;
}
#main .hotel-tickets-boeken a, #main .hotel-tickets-meer-info a {
background-color: #029795;
border-radius: 5px;
color: #ffffff;
margin-top: 3px;
padding: 4px;
text-align: center;
text-decoration: none;
width: 100%;
display: block;
}
/* ster hotel tickets */
div.hotel-tickets-prijs-holder {
dddfloat: right;
dddwidth: 100%;
margin-top: 10px;
}
/*
div.hotel-tickets-prijs {
background-color: transparent;
background-image: url("../beeld/default/bg-hotel-tickets-prijs-default.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 210px 160px;
dddbackground-size: 165px 150px;
color: #ffffff;
font-family: verdana,sans-serif;
font-weight: bold;
height: 110px;
height: 170px;
margin: 2px 0 0 10px;
padding: 65px 0 0 0;
padding: 0 0 0 0;
position: relative;
text-align: left;
}
*/
div.hotel-tickets-prijs {
position: relative;
text-align: left;
height: 105px;
color: #000000;
background-color: #ffffff;
border-radius: 8px;
margin: 15px 25px 0 25px;
z-index: 1;
}
div.hotel-tickets-boek {
position: relative;
text-align: center;
height: 28px;
dddbackground-color: #cc0001;
background-color: #ff6633;
background-color: #029795;
border-radius: 8px;
margin: -30px 90px 3px 6px;
z-index: 2;
padding-top: 7px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}
div.hotel-tickets-boek:hover {
dddbackground-color: #cccccc;
}
#main .hotel-tickets-prijs-holder a {
text-decoration: none;
display: block;
padding-top: 5px;
padding-bottom: 5px;
background-color: #029795;
background-color: #000000;
}
#main .hotel-tickets-prijs-holder a:hover {
text-decoration: none;
background-color: #000000;
display: block;
padding-top: 5px;
}
div.hotel-tickets-prijs .hotel-tickets-prijs-content {
font-size: 12px;
font-weight: bold;
padding: 15px 0 0 0;
text-align: center;
dddbackground-color: #cccc00;
}
div.hotel-tickets-beschikbaarheid-holder {
display: block;
padding: 15px 0 15px 0;
background-color: #bccbda;
margin: 15px 0 0 0;
font-size: 12px;
font-weight: bold;
text-align: center;
}
div.hotel-tickets-beschikbaarheid-holder h2 {
font-size: 13px;
font-weight: bold;
text-align: left;
color: #ffffff;
text-transform: none;
font-family: arial;
padding: 0 0 0 0;
}
#maincontent div.hotel-tickets-beschikbaarheid-holder p {
font-size: 13px;
font-weight: normal;
text-align: left;
color: #000000;
font-family: arial;
padding: 5px 0 0 0;
}
.h3-prijskalender {
background-color: #cc0000;
}
#maincontent #tablecal thead.deel-1, #maincontent #tablecal thead.deel-1 {
}
#maincontent #tablecal tbody.deel-3 tr, #maincontent #tablecal tbody.deel-3 td,
#maincontent #tablecal tbody.deel-5 tr, #maincontent #tablecal tbody.deel-5 td {
color: #111111;
}
#maincontent #tablecal tbody.deel-3 tr:hover, #maincontent #tablecal tbody.deel-3 td:hover,
#maincontent #tablecal tbody.deel-5 tr:hover, #maincontent #tablecal tbody.deel-5 td:hover {
color: #ffffff;
background-color: #029795;
}
#maincontent #tablecal tbody.deel-3 td:active, #tablecal td.active,
#maincontent #tablecal tbody.deel-5 td:active, #tablecal td.active {
color: #ffffff !important;
background-color: #029795 !important;
}
#tablecal td.active {
dbackground-color: #029795 !important;
dcolor: #ffffff !important;
}
#tablecal td:hover {
dbackground-color: #88e3af !important;
dcolor: #ffffff !important;
}
#tablecal thead.deel-1 th select {
min-width: auto !important;
padding: 0 0 0 0;
margin: 4px 0 0 0;
}
/* tbody toegevoegd december */
#tablecal thead.deel-2 th select, #tablecal thead.deel-3 th select, #tablecal tbody.deel-3 th select {
min-width: auto !important;
padding: 0 0 0 0;
margin: 4px 0 0 0;
}
#maincontent #tablecal th, #maincontent #tablecal td, #maincontent #tablecal tr, #maincontent #tablecal body {
dfont-family: 'arial';
text-transform: none;
}
#maincontent #tablecal {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
margin: 0 0 0 4px;
margin: 0 0 0 0;
float: left;
}
#tablecal_result {
margin: 15px 0 0 0;
float: left;
}
#maincontent #tablecal h2 {
}
#maincontent #tablecal h3 {
color: #ffffff;
background-color: #273747;
font-size: 19px;
font-weight: 400;
dddfont-family: 'exomedium';
font-family: 'robotolight';
text-transform: none;
padding: 7px 0 7px 10px;
}
#tablecal th.h3-prijskalender span {
color: #ffffff;
background-color: #273747;
font-size: 19px;
font-weight: 400;
dddfont-family: 'exomedium';
font-family: 'robotolight';
text-transform: none;
padding: 7px 0 7px 10px;
display: block;
}
#tablecal td {
background-color: #bccbda;
}
#tablecal td, #tablecal th {
text-align: left;
padding: 10px;
font-size: small;
border-top: 1px solid #dbe2ea;
border-left: 1px solid #dbe2ea;
border-bottom: 1px solid #dbe2ea;
dfont-family: 'robotolight';
}
#tablecal td.h3-prijskalender, #tablecal th.h3-prijskalender {
padding: 0;
}
#tablecal tbody th {
background-color: #96adc5;
text-align: left;
}
#tablecal tbody td {
border-left: 1px solid #96adc5;
border-bottom: 1px solid #96adc5;
text-align: left;
dddwidth: 40px;
}
#tablecal .button {
cursor: pointer;
font-size: 40px;
padding: 0px;
background-color: #96adc5;
vertical-align: middle;
text-align: center;
}
#tablecal .button:hover {
background-color: #bccbda;
}
/* tbody toegevoegd december */
#tablecal thead input[type="number"], #tablecal tbody input[type="number"]{
width: 40px;
height: 20px;
margin: 5px 0 5px 0;
padding-left: 10px;
}
/* 2017 08 14 sjra */
div.holder-prijs-kalender-schuif {
display: inline-block;
margin: 9px 0 0 0;
}
div.prijs-kalender-schuif {
float: left;
width: 150px;
font-size: 15px;
line-height: 22px;
}
div.holder-data-prijs-kalender-schuif {
display: inline-block;
}
#data_months {
float: left;
}
#data_years {
float: left;
margin-left: 5px;
}
.roomresult {
background-color: #cc0000;
color: #ffffff;
float: left;
font-size: 15px;
dddmargin: 16px 0 5px;
dddpadding: 5px;
border: 1px solid #ffffff !important;
}
#roomresult {
dddmargin: 16px 0 16px 0;
padding: 5px;
float: left;
border: 1px solid transparent;
min-height: 20px;
}
#tablecal th.kop-prijskalender {
text-align: center;
font-size: 16px;
border: none;
width: 110px;
}
#tablecal th.prijskalender-licht {
background-color: #bccbda !important;
color: #273747 !important;
}
#tablecal thead.deel-2 th {
dbackground-color: #bccbda;
dcolor: #ffffff !important;
}
/* tbody toegevoegd december , #tablecal tbody.deel-3 th */
#tablecal thead.deel-3 th, #tablecal thead.deel-5 th {
background-color: #273747;
color: #ffffff;
}
#tablecal th.separator-prijskalender {
background-color: #ffffff !important;
border: none;
}
#tablecal th.tekst-prijskalender {
font-style: italic;
padding: 0;
background-color: #ffffff !important;
border: none;
}
#maincontent #tablecal th.tekst-prijskalender p:first-child {
margin: 10px 0 0 0;
}
span.hotel-tickets-smart-phone {
display: none;
}
span.hotel-tickets-all-devices {
display: block;
}
div#tablecal_result table tr td:first-child {
width: 210px;
}
div#tablecal_result form input:last-child, input.taf-dataknoppen-1 {
width: 210px;
height: 30px;
margin-top: 30px;
background-color: #273747;
background-color: #cc0000;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.eindpagina-boek-hotels-tickets-tabel table tr td:first-child {
width: 40%;
}
/* tbody toegevoegd december */
#tablecal thead th.hotel-tickets-aantal-personen span, #tablecal tbody th.hotel-tickets-aantal-personen span {
width: 100%;
display: block;
float: left;
margin: 7px 0 0 0;
}
#tablecal thead th.hotel-tickets-aantal-personen span span, #tablecal tbody th.hotel-tickets-aantal-personen span span {
width: 45%;
margin-top: 0;
}
#tablecal thead th.hotel-tickets-aantal-personen span.tekst, #tablecal tbody th.hotel-tickets-aantal-personen span.tekst {
margin: 15px 0 12px 0;
}
#tablecal_result {
width: 100%;
}
/* tbody toegevoegd december */
#tablecal thead th.hotel-tickets-aantal-personen span, #tablecal tbody th.hotel-tickets-aantal-personen span {
display: block;
float: left;
margin: 0;
}
.tablecal-holder {
position: relative;
float: left;
width: 100%;
}
/* #tablecal prijskalender mobile */
.tablecal-plus-min {
display: none !important;
}
.tablecal-kop {
padding-left: 0 !important;
}
/* #tablecal prijskalender screen classes prijzen */
#screen-kalender td.niet-beschikbaar-screen {
background-color: #f3e1e0 !important;
color: #666666 !important;
dtext-align: center;
}
/* toegevoegd vanuit tpl.hotelmodule.show.php hardcoded style 2018 06 18 */
/*
tr td:first-child {text-decoration: underline;}
tr td:last-child {color: red;}
*/
.scroll-top-div {
float: right;
margin: -40px 0% 0 0;
}
#scroll-top {
display: inline-block;
height: 40px;
width: 40px;
bottom: 40px;
right: 10px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #029795 url(../beeld/top-arrow.svg) no-repeat center 50%;
}
#scroll-top:hover {
background-color: #029795;
opacity: 1;
}
.option-kamer, .option-persoon {
margin-top: 10px !important;
width: 100%;
float: left;
}
/* hotel tickets module uitklap - mogelijk overrule 2016 11 06*/
.offerte-button {
margin: 14px 0 0 0;
}
.tab-hotel-module {
position: relative;
float: left;
width: 100%;
margin: 20px 0 10px 0;
}
.tab-hotel-module span.meer-info-hotel {
width: 23%;
margin: 0 2% 0 0;
}
#main .tab-hotel-module span.meer-info-hotel a {
background-color: #273747;
}
#main .tab-hotel-module span.meer-info-hotel a:hover {
background-color: #cc0000;
}
#main .tab-hotel-module span.meer-info-hotel a.active {
background-color: #029795;
}
.tab-hotel-module span.phone {
display: none;
}
.tab-hotel-module span:last-child.meer-info-hotel {
width: 25%;
margin: 0 0 0 0;
}
.panel {
position: relative;
float: left;
display: none;
margin: 0 0 25px 0;
}
.panel .hotel-content-description {
position: relative;
float: left;
margin: 25px 0 0 0;
}
.panel .tab-kamer-info-blok {
position: relative;
float: left;
}
.panel .room-maxusers, .panel .room-features, .panel .hotel-features {
width: 100%;
}
.panel .room-maxusers {
margin: 10px 0 0 0;
}
.panel .room-features {
margin: 15px 0 0 0;
}
.panel .room-features ul li{
margin: 15px 0 0 0;
dbackground-color: #cc0000;
}
.panel .hotel-features {
position: relative;
float: left;
margin: 15px 0 0 0;
dbackground-color: #cccc00;
}
.panel .hotel-features ul li {
margin: 15px 0 0 0;
}
div.tmodule-acties {
position: relative;
float: left;
width: 100%;
margin: 0 0 2px 0;
}
div.tmodule-acties h2 {
margin: 10px 0 4px 0;
}
#maincontent div.tmodule-acties p, #maincontent div.tmodule-acties p.tmodule-acties-p {
margin: 0 0 0 0;
}
#maincontent div.tmodule-acties p.tmodule-acties-p {
margin: 3px 0 0 0;
}
input.comment, input.comment2 {
margin-top: 15px;
}
#maincontent .panel .hotel-content-description ul {
dmargin: 0 0 0 16px;
}
#maincontent .panel h3 {
color: #029795;
dddfont-family: "exomedium";
font-family: 'robotolight';
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px 0;
text-transform: uppercase;
}
#maincontent .panel h2 + .hotel-content-description {
margin: 4px 0 10px 0;
}
.hotel-tickets-module-footer {
position: relative;
float: left;
margin-top: 24px !important;
}
/* Cookie Notice Sjra 2016 11 08 */
#cookie-bar {
background-color: #4781ca;
height: auto;
line-height: 24px;
color: #eeeeee;
text-align: center;
padding: 5px 0 5px 0;
z-index: 999;
}
#cookie-bar.fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
#cookie-bar.fixed.bottom {
bottom: 0;
top: auto;
}
#cookie-bar p {
margin: 0;
padding: 0;
color: #ffffff;
}
#cookie-bar a {
color: #ffffff;
display: inline-block;
border-radius: 3px;
text-decoration: none;
padding: 0 6px;
margin-left: 8px;
}
#cookie-bar .cb-enable {
background-color: #2d2d2d;
}
#cookie-bar .cb-enable:hover {
background-color: #1d1d1d;
}
#cookie-bar .cb-disable {
background-color: #990000;
}
#cookie-bar .cb-disable:hover {
background-color: #bb0000;
}
#cookie-bar .cb-policy {
background-color: #029795;
}
#cookie-bar .cb-policy:hover {
background-color: #0055dd;
}
/* presentatieblok 2017 02 22 */
.presentatieblok {
position: relative;
float: left;
width: 100%;
margin: 0 0 15px 0;
}
.presentatieblok.titel {
margin: -70px 0 0 0;
}
.presentatieblok h2.presentatie-titel {
position: relative;
float: left;
width: 80%;
margin: 0 0 0 10%;
padding: 10px;
color: #029795;
color: #273747;
background-color: #ffffff;
font-size: 16px;
line-height: 25px;
text-align: center;
border-radius: 12px;
}
.presentatieblok h2 {
position: relative;
float: left;
width: 100%;
margin: 0 0 0 0;
color: #029795;
font-size: 16px;
line-height: 22px;
}
.presentatieblok img {
position: relative;
float: left;
width: 100%;
height: auto;
border-radius: 12px;
overflow: hidden;
}
#main .presentatieblok a {
color: #029795;
background-color: transparent;
}
#main .presentatieblok a:hover {
color: #273747;
background-color: transparent;
}
/* sjra 2017 11 02 panel tabs */
div.tab-main {
width: 100%;
text-align: center;
margin: 3px 0 15px 0;
float: left;
}
div.tab-main a.tabs, #main a.tabs {
color: #ffffff;
background-color: #029795;
border: none;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
border-radius: 7px;
padding: 3px 6px 3px 6px;
cursor: pointer;
border-radius: 0;
padding: 3px 9px 3px 9px;
margin: 0 7px 10px 0;
}
div.tab-main a.active, #main a.active {
background-color: #273747;
}
div.tab-main a.tabs:hover, #main a.tabs:hover {
background-color: #273747;
}
/* Gedateerde Tickets */
div.prijs-informatie { /* holder flex */
display: none;
float: left;
width: 320px;
margin: 12px 0 0 0;
}
div.prijs-informatie .prijs-informatie-button { /* holder flex titel */
cursor: pointer;
padding: 15px 0 15px 0;
background-color: #cc0000;
color: #ffffff;
display: block;
font-size: 15px;
border-radius: 3px;
text-align: center;
}
.prijs-informatie-button span::after {
content: '+';
display: inline-block;
font-size: 18px;
width: 22px;
line-height: 22px;
text-align: center;
border-radius: 50%;
color: #ffffff;
background-color: #cc0000;
cursor: pointer;
margin: 0 0 0 12px;
}
.prijs-informatie-button.actief-minus span::after {
content: '-' !important;
}
div.prijs-informatie .prijs-informatie-content { /* holder flex content */
display: none;
border-right: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
padding: 15px;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets {
font-size: 15px;
line-height: 21px;
margin: 0 0 8px 0 !important;
display: inline-block;
list-style-type: square;
text-indent: 0;
padding-left: 0;
font-weight: normal;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li {
cursor: pointer;
margin: 9px 0 0 0 !important;
color: #000000;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li::before {
cursor: pointer;
margin: 9px 5px 0 0 !important;
border: 1px solid #000000;
background-color: #ffffff;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-active::before,
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-active-ongedateerd::before {
cursor: pointer;
margin: 9px 5px 0 0 !important;
border: 1px solid #cc0000;
color: #cc0000;
background-color: #cc0000;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-default-ongedateerd {
color: #000000;
padding: 2px 0 2px 0;
font-weight: bold;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-default {
color: #000000;
padding: 2px 0 2px 0;
font-weight: bold;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-default-ongedateerd.gedateerd-active-ongedateerd {
cursor: pointer;
color: #000000;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul.flex-tickets li.gedateerd-default.gedateerd-active {
cursor: pointer;
color: #000000;
font-weight: bold;
}
div.prijs-informatie .prijs-informatie-content ul.content-ul li:hover {
color: #000000;
dddtext-decoration: underline;
}
/* flex content AC */
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting {
text-indent: 0;
padding-left: 15px;
font-weight: normal;
}
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting li {
cursor: default !important;
}
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting li:hover {
text-decoration: none !important;
}
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting-active li {
color: #000000 !important;
}
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting li span.flex-bespaard {
font-size: 18px;
font-weight: 800;
line-height: 22px;
margin: 0 0 2px 0;
display: inline-block;
color: #cc0000;
}
div.prijs-informatie .prijs-informatie-content ul.uitleg-korting li ul.flex-datums {
margin: 0 0 0 0;
padding-left: 18px;
}
/* mobile device - mobile-device tablet-device screen-device */
.mobile-device, .tablet-device {
display: none !important;
}
.screen-device {
display: inline-block !important;
}
#tablecal .screen-device {
ddisplay: block !important;
}
/* CT Module Index Aanbiedingen tekst onder foto */
div.index-aanbieding-holder {
position: relative;
float: left;
width: 100%;
margin: 25px 0 30px 0;
}
div.index-aanbiedingen {
position: relative;
float: left;
width: 31%;
margin: 0 3% 45px 0;
border: 1px solid #dddddd;
}
div.index-aanbiedingen:nth-child(3n+3) {
margin: 0 0 45px 0;
}
body.pagina div.index-aanbieding-holder {
margin: 0 0 0 0;
}
body.pagina div.index-aanbieding-holder .actie-tekst {
margin: 0 0 18px 0;
}
body.pagina div.index-aanbiedingen {
position: relative;
float: left;
width: 46%;
margin: 0 8% 45px 0;
border: 1px solid #dddddd;
min-height: 350px;
}
body.pagina div.index-aanbiedingen:nth-child(3n+3) {
dmargin: 0 0 45px 0;
}
body.pagina div.index-aanbiedingen:nth-child(2n+2) {
margin: 0 0 45px 0;
}
div.index-aanbiedingen img {
border: 0;
width: 100%;
height: auto;
margin: 0 0 5px 0;
}
div.aanbieding-tekst {
width: 90%;
margin: 0 5% 0 5%;
}
div.aanbieding-tekst .aanbieding-tekst-1, div.aanbieding-tekst .aanbieding-tekst-2, div.aanbieding-tekst .aanbieding-tekst-3, div.aanbieding-tekst .aanbieding-tekst-4, div.aanbieding-tekst .aanbieding-tekst-5 {
margin: 0 0 3px 0;
color: #000000;
font-size: 17px;
line-height: 18px;
font-weight: normal;
float: left;
}
div.aanbieding-tekst .aanbieding-tekst-1 {
margin: 0 0 8px 0;
text-align: center;
min-height: 85px;
width: 100%;
}
div.aanbieding-tekst .aanbieding-tekst-1 ul {
margin: 0 5px 8px 5px;
}
body.pagina-verzamel div.aanbieding-tekst .aanbieding-tekst-1 {
min-height: 210px;
}
body.pagina-verzamel div.index-aanbiedingen {
margin-bottom: 30px;
}
div.aanbieding-tekst .aanbieding-tekst-2 {
font-size: 21px;
line-height: 21px;
font-weight: bold;
margin: 0 0 8px 0;
text-align: center;
width: 100%;
min-height: 45px;
}
div.aanbieding-tekst .aanbieding-tekst-3 {
font-size: 15px;
line-height: 21px;
margin-bottom: 50px;
text-align: center;
width: 100%;
}
body.home-page div.aanbieding-tekst .aanbieding-tekst-3 {
ddisplay: none;
}
div.aanbieding-tekst .aanbieding-tekst-4 {
color: #ffffff;
font-size: 14px;
line-height: 18px;
font-weight: bold;
width: 100%;
text-align: center;
}
div.aanbieding-tekst .aanbieding-tekst-4 a {
color: #ffffff;
text-decoration: none;
display: inline-block;
cursor: poitner;
padding: 7px 0 7px 0;
background-color: #cc0000;
width: 100%;
}
div.aanbieding-tekst .aanbieding-tekst-4 a:hover {
color: #000000;
text-decoration: none;
display: block;
cursor: poitner;
}
/* rondje met prijs */
div.aanbieding-tekst .aanbieding-tekst-5 {
color: #ffffff;
background-color: #cc0000;
position: absolute;
top: 4px;
right: 4px;
width: 70px;
height: 70px;
margin: 0 0 8px 0;
text-align: center;
border-radius: 70px;
font-size: 13px;
line-height: 18px;
}
div.aanbieding-tekst .aanbieding-tekst-5 span {
display: inline-block;
margin: 14px 0 0 0;
}
/* aanpassingen update homepage */
.home-page #sidebar-links, .home-page #sidebar-rechts {
ddddisplay: none;
}
/* CT Module Promo CTA */
.div-promo-holder {
position: relative;
float: left;
width: 100%;
margin: 0 0 10px 0;
z-index: 4;
}
.container-2-cta {
position: relative;
float: left;
width: 48%;
margin: 0 4% 1% 0;
}
.container-2-cta:nth-child(2n+2) {
margin: 0 0 1% 0;
}
.container-3-cta {
position: relative;
float: left;
width: 31%;
margin: 0 3% 3% 0;
}
.container-3-cta:nth-child(3n+3) {
margin: 0 0 3% 0;
padding: 0 0 0 0;
}
.pointer {
cursor: pointer;
}
.beeld-2-cta, .tekst-2-cta {
position: relative;
float: left;
width: 100%;
}
.beeld-2-cta {
}
.beeld-2-cta img {
border-radius: 15px;
width: 100%;
}
.tekst-2-cta {
margin: -30% 5% 0 5%;
width: 90%;
border-radius: 7px;
dbackground-color: #029795;
background-color: #ffffff;
}
.tekst-2-cta h2, .tekst-2-cta p {
float: left;
width: 100%;
dcolor: #000000;
color: #111111;
text-align: center;
margin: 0 0 0 0;
font-family: 'robotoregular';
font-weight: 400;
}
.tekst-2-cta:hover {
dbackground-color: #cc0000;
background-color: #273747;
}
.tekst-2-cta h2:hover {
color: #ffffff;
dcolor: #000000;
}
.tekst-2-cta h2:after {
content: ' »»';
dcolor: #029795;
}
.tekst-2-cta a span {
dfloat: left;
dpadding: 8px 0 8px 0;
dcolor: #111111;
dcolor: #029795;
dbackground-color: transparent;
}
.tekst-2-cta a {
dtext-decoration: none;
}
.tekst-2-cta h2 {
font-size: 13px;
line-height: 15px;
padding: 8px 0 8px 0;
}
.tekst-2-cta p {
font-size: 11px;
line-height: 15px;
width: 94%;
width: 98%;
border-radius: 7px;
margin: 0 3% 4px 3%;
margin: 0 1% 4px 1%;
padding: 4px 0 4px 0;
color: #ffffff;
background-color: #029795;
color: #444444;
background-color: #ffffff;
}
#main .tekst-2-cta p a {
text-decoration: none;
padding: 2px 2px 2px 2px;
color: #ffffff;
background-color: #029795;
color: #444444;
background-color: #ffffff;
}
#main .tekst-2-cta p a:hover {
color: #000000;
background-color: #029795;
background-color: #ffffff;
}
/* CT Module Index Kolommen */
div.kolommen-holder {
position: relative;
float: left;
width: 100%;
margin: 25px 0 30px 0;
}
div.index-kolommen {
position: relative;
float: left;
margin: 0 4% 15px 0;
width: 48%;
min-height: 160px;
}
div.index-kolommen:nth-child(2n+2) {
margin: 0 0 15px 0;
}
div.index-kolommen h2, div.index-kolommen h3 {
position: relative;
float: left;
font-size: 21px;
font-weight: normal;
line-height: 21px;
width: 100%;
}
div.index-kolommen h3 {
font-size: 16px;
font-weight: normal;
line-height: 21px;
}
/* Nieuwsbrief Sjra 2018 12 20 */
#nieuwsbrief-holder {
background-color: #273747;
color: #ffffff;
float: left;
margin: 0 auto 20px auto;
margin: 0 auto 0 auto;
padding: 10px 0;
position: relative;
text-align: center;
width: 100%;
}
#nieuwsbrief-holder h2, #nieuwsbrief-holder p, #nieuwsbrief-holder span {
background-color: #273747;
color: #ffffff;
dddfont-family: 'exomedium';
font-family: 'robotolight';
}
#nieuwsbrief-content {
display: inline-block;
float: none;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
text-align: center;
font-family: 'robotolight';
}
.nieuwsbrief-aanmelden, .nieuwsbrief-toestemming, .nieuwsbrief-return {
position: relative;
float: left;
width: 100%;
font-size: 19px;
line-height: 28px;
text-align: center;
margin: 0 0 15px 0;
}
.nieuwsbrief-toestemming {
font-size: 14px;
line-height: 28px;
text-align: center;
margin: 2px 0 0 0;
}
.nieuwsbrief-gegevens, .nieuwsbrief-geslacht, .nieuwsbrief-verzenden {
position: relative;
dddfloat: left;
}
.nieuwsbrief-gegevens {
margin: 0 0 20px 0;
}
.nieuwsbrief-geslacht {
min-height: 58px;
}
input.nieuwsbrief {
border: 1px solid #ffffff;
width: 180px;
margin: 0 0 0 0;
padding: 4px 0 4px 4px;
font-size: 14px;
line-height: 28px;
}
input.nieuwsbrief.tussenvoegsel {
width: 110px;
margin: 0 6px 0 6px;
}
input.nieuwsbrief.emailadres {
width: 220px;
margin: 0 14px 0 6px;
}
.nieuwsbrief-geslacht label {
font-size: 14px;
line-height: 28px;
margin: 0 16px 0 0;
}
input[type="radio"] {
margin: 0px 0 4px -10px;
vertical-align: middle;
display: inline-block;
-webkit-appearance: radio;
-moz-appearance: radio;
}
input.verzend-knop {
padding: 4px 7px 4px 7px;
font-size: 14px;
line-height: 28px;
color: #bbbbbb;
background-color: #ffffff;
border: 1px solid #ffffff;
}
input.verzend-knop:hover {
color: #cccccc;
background-color: #029795;
}
/* Personeelsvereniging Sjra 2018 12 20 */
#personeels-vereniging {
background-color: #273747;
color: #ffffff;
float: left;
margin: 0 auto 20px auto;
padding: 0 0 10px 0;
position: relative;
text-align: center;
width: 100%;
}
#maincontent .personeels-vereniging-header h3 {
color: #ffffff;
background-color: #029795;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 18px;
}
.personeels-vereniging-form {
padding: 25px 0;
}
.personeels-vereniging-form label, .personeels-vereniging-form input.verzend-personeels-vereniging, .personeels-vereniging-form input.login-personeels-vereniging {
font-size: 16px;
line-height: 28px;
margin-right: 15px;
}
.personeels-vereniging-form input.verzend-personeels-vereniging {
background-color: #ffffff;
border: 1px solid #ffffff;
padding: 2px 10px 2px 10px;
}
.personeels-vereniging-form input.verzend-personeels-vereniging:hover {
background-color: #029795;
border: 1px solid #ffffff;
}
/* mobile google en design update november december 2019 */
.content-vlak.blok-niche-padding {
padding: 20px 0 20px 0;
dpadding: 0 0 0 0; /* tablet screen + tablet portrait */
}
.content-vlak .blok-niche {
margin: 0 0 0 2%;
dmax-width: auto;
dmargin: 0 0 0 0; /* tablet screen + tablet portrait */
}
.content-vlak .blok-niche img, div.image-swiper {
float: left;
width: 40%;
max-width: 440px;
dwidth: 100%; /* tablet screen + tablet portrait */
height: auto;
margin: 0 3% 0 0;
}
.content-vlak .blok-niche p img {
float: left;
width: 20px;
height: auto;
margin: 0 0 0 0;
}
.content-vlak .blok-niche p, .content-vlak .blok-niche ul, .content-vlak .blok-niche divtest, .content-vlak .blok-niche div.content {
float: left;
font-weight: normal;
text-align: left;
width: 55%;
font-size: 16px;
line-height: 25px;
font-size: 14px;
dddline-height: 18px;
dddbackground-color: #cc0000;
dmargin: 0 0 0 2%; /* tablet screen + tablet portrait */
}
.hotel-tickets-vanaf-prijs span {
font-size: 13px;
}
.content-vlak .blok-niche div.content div {
margin: 5px 0 0 0;
}
.content-vlak .blok-niche div.content div, .content-vlak .blok-niche div.content ul, .content-vlak .blok-niche div.content p {
width: 94%;
float: left;
}
.content-vlak .blok-niche span.stars-hotel {
width: 20%;
}
.content-vlak .blok-niche span.stars-hotel img {
width: 17px;
margin: 1px 1% 0 0;
}
.content-vlak .blok-niche h2 {
font-size: 16px;
line-height: 32px;
font-family: 'robotoregular';
font-weight: 400;
margin: 0 0 0 2%; /* tablet screen + tablet portrait */
padding: 0 0 4px 0;
margin: -10px 0 0 0;
width: 55%;
float: left;
}
body.type-hmodule #maincontent .content-vlak .blok-niche p {
display: none;
}
.content-vlak .blok-niche span.hotel-tickets-vanaf-prijs {
float: right;
padding: 0 0 0 0;
width: 48%;
padding: 0 3% 0 3%;
width: auto;
border: 2px solid #029795;
border-radius: 15px;
text-align: center;
margin: 0 2% 0 0;
background-color: #ffffff;
line-height: 18px;
}
.content-vlak .blok-niche p.stars-hotel {
width: 20%;
}
#maincontent .content-vlak .blok-niche p {
}
#maincontent .content-vlak .blok-niche ul {
margin: 0 0 12px -29px;
list-style-position: outside;
list-style-position: outside;
text-indent: -35px;
padding-left: 35px;
}
.content-vlak .blok-niche p.p-link {
margin-top: 8px;
}
/* uitlijning nieuw design
#box {
background-color: #cccccc;
dpadding: 0;
}
#sidebar-rechts {
background: #666;
}
#main {
border-right: 1px solid #cc0000;
}
*/
/* CT Module Teaser Index */
div.teaser-holder {
position: relative;
float: left;
width: 100%;
margin: 0 0 30px 0;
}
div.teaser-holder img {
border: 0;
width: 100%;
height: auto;
}
div.teaser-tekst {
position: absolute;
top: 54%; /* de */
top: 48%; /* nl */
width: 60%; /* de */
width: 95%; /* nl */
right: 4%;
}
div.teaser-tekst-1, div.teaser-tekst-2 {
font-family: "robotolight";
float: left;
display: inline-block;
width: 100%;
font-size: 25px; /* de */
font-size: 22px; /* nl */
line-height: 32px;
color: #ffffff;
text-shadow: 2px 2px 1px #808080;
}
div.teaser-tekst-1 p, div.teaser-tekst-2 p {
color: #ffffff;
background-color: transparent;
}
div.teaser-tekst-1 {
margin: 0 0 0 4%;
}
div.teaser-tekst-2 {
text-align: right;
}
p.co-print {
margin: 25px 0 0 0;
}
.co-print {
margin: 25px 0 0 2%;
clear: both;
}
.meer-informatie-blok-niche {
float: left;
dmargin: 15px 0 0 0;
margin: -8px 0 0 0;
clear: both;
}
.swiper-wrapper {
dheight: 260px !important;
}
.swiper-pagination {
margin: 0 0 20px 0 !important;
position: relative !important;
}
.swiper-button-prev {
top: 38% !important;
}
.swiper-button-prev::after {
content: "\f104";
font-family: FontAwesome;
font-size: 52px;
color: #fff;
}
.swiper-button-next {
top: 38% !important;
}
.swiper-button-next::after {
content: "\f105";
font-family: FontAwesome;
font-size: 52px;
color: #fff;
}
.one-image .swiper-button-prev, .one-image .swiper-button-next {
display:none;
}
/* elementen december 2019 */
.telefoon {
display: none;
}
.content-vlak-content iframe {
width: 100% !important;
border: 0;
}
.bestellen-comment-tekst {
}
.bestellen-comment-tekst p {
font-weight: 400 !important;
font-size: 14px;
}
#maincontent #tablecal .bestellen-comment-tekst h3 {
color: #444444;
background-color: transparent;
font-size: 18px;
font-weight: 400;
font-family: 'robotolight';
padding: 7px 0 7px 0;
}
#tablecal th.bestellen-comment {
border: none !important;
padding-left: 0;
padding-bottom: 0;
background-color: transparent !important;
}
#tablecal th.bestellen-comment.onder {
padding-bottom: 0;
}
#tablecal th.separator-prijskalender {
padding-bottom: 0;
padding-top: 0;
}
body.type-tmodule #tablecal th.separator-prijskalender, body.type-hotelmodule #tablecal th.separator-prijskalender {
padding-top: 10px;
}
/* Fotoblok Aftunen December 2019
#rounded-holder, .rounded-holder {
position: relative;
float: left;
margin: 20px 0 0 -15px;
dddwidth: 555px;
}
div.rounded {
position: relative;
float: left;
dddborder-radius: 8px;
ddd-moz-border-radius: 8px;
ddd-webkit-border-radius: 8px;
width: 170px;
height: 122px;
overflow: hidden;
margin: 0 0 0 15px;
}
div.rounded img {
width: 170px;
height: 122px;
}
body.no-sidebars .rounded-holder, body.no-sidebars #rounded-holder {
width: 100% !important;
margin: 20px 0 0 0 !important;
text-align: center !important;
}
body.no-sidebars div.rounded {
width: 32% !important;
height: 100% !important;
margin: 0 0 0 1% !important;
}
body.no-sidebars div.rounded img {
width: 100% !important;
height: 100% !important;
border-radius: 8px;
}
#maincontent .panel h2 + #rounded-holder, #maincontent .panel h2 + .rounded-holder {
margin: 20px 0 0 -15px;
dddbackground-color: #cccc00;
}
#maincontent .panel h3 + #rounded-holder, #maincontent .panel h3 + .rounded-holder {
margin: 4px 0 15px -15px;
dddbackground-color: #cc0000;
}
*/
#rounded-holder, .rounded-holder {
position: relative;
float: left;
width: 100%;
margin: 20px 0 0 0;
text-align: center;
}
div.rounded {
position: relative;
float: left;
width: 30%;
height: 100%;
margin: 0 5% 2% 0;
}
div.rounded:nth-child(3n+3) {
margin: 0 0 2% 0;
}
div.rounded img {
width: 100%;
height: auto;
border-radius: 8px;
}
#maincontent .panel h2 + #rounded-holder, #maincontent .panel h2 + .rounded-holder {
dmargin: 20px 0 0 -15px;
dddbackground-color: #cccc00;
}
#maincontent .panel h3 + #rounded-holder, #maincontent .panel h3 + .rounded-holder {
dmargin: 4px 0 15px -15px;
dddbackground-color: #cc0000;
}
.tekst-na-reserveren-handtekening img {
width: 30% !important;
height: auto !important;
}
.print-holder-header {
display: none;
}
/* uit htmodule ivm w3c validate */
.panel.no-hide {
display: block;
}
#klant-holder-rechts {
float: left;
position: relative;
width: 94%;
padding: 10px 3% 10px 3%;
margin: 0 0 0 0;
dbackground-color: #cc0;
}
#klant-holder-rechts .klant-holder {
position: relative;
float: left;
margin: 0 0 10px 0;
padding: 18px 0 18px 0;
line-height: 22px;
width: 100%;
dbackground-color: #029795;
}
#klant-holder-rechts .klant-holder h2 {
color: #111111;
margin: 0 0 22px 0;
}
#klant-holder-rechts .klant-holder form {
width: 100%;
font-size: 17px;
color: #444444;
margin: 0 0 15px 0;
}
#klant-holder-rechts .klant-holder label {
margin-right: 10px;
}
#klant-holder-rechts input.login-klanten-sidebar {
padding: 1px 0 1px 5px;
height: 20px;
}
#klant-holder-rechts input.button-verzenden {
display: inline-block;
font-size: 17px;
border-radius: 0;
text-align: center;
margin-left: 10px;
padding: 0 15px 0 15px;
background-color: #cc0000;
}
.content-vlak .blok-niche div.content.uitlijning-oude-blok p {
line-height: 17px;
}
/* hotjar override */
._hj-f5b2a1eb-9b07_widget {
background: #029795 !important;
color: #FFF !important;
}
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active {
color: #ffffff !important;
background: #000000 !important;
}
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close {
background: #029795 !important;
}
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close::before {
background: #029795 !important;
}
._hj-2gFBC__styles__surveyContainer, ._hj-2qaGY__styles__openStateToggle {
background-color: #029795 !important;
}
._hj-rnxC1__styles__surveyActionButton, ._hj-2EHD-__styles__surveysPrimaryButton, ._hj-21tno__styles__primaryButton {
color: #ffffff !important;
background-color: #cc0000 !important;
}
._hj-10MNR__styles__globalStyles ._hj-21tno__styles__primaryButton {
background-color: #cc0000 !important;
}