/*
Schriftfarbe: #05296E;
Border: #B0B4BD;
BGColor für Preistabelle und Eingabefelder: #E5EEFF
BGColor für Header und Footer: #00CC00
Menü:
   BGColor: #6B8FD4 Color Schriftfarbe
   Hovered
   BGColor: #05296E Color white

*/

iframe{
   width:100%;
   border: 0;
   height: 610px;
}

iframe#contactClassic{height: 870px;}
iframe#matomo{
   border: 1px solid #05296E;
   height: 130px;
}

* {margin:0;padding:0;border:0;font-family:Arial, Tahoma;font-size:15px;}
body{background-color:#FFF;color:#05296E;}
input,select,textarea{color:#05296E;background-color: #E5EEFF;}
p, address{margin-bottom:1em;}
label{margin-left:5px;cursor:pointer;}
h1,h2,h3{font-weight:normal;font-style:normal;margin-bottom:1em;}
h2,h3{margin-top:2em;}
h1 {font-size:20px;}
h2 {font-size:17px;}
h3 {font-size:15px;}
.size2{font-size:13px;}
.size1{font-size:11px;}
.size1 a, .size1 span{font-size:1em;}
ul li {margin-left:15px;padding-top:3px;}
address{font-style:normal;text-align:left;}
hr{border-top:1px solid #B0B4BD;height:1px;}
.infoBox{}
div.divNotOk{padding:5px;border: 1px solid #005DA2;background-color:#FE6752;margin-bottom: 5px;color:white;font-weight:bold;-moz-border-radius:5px;}
div.divNotOk p {color:white;}

/* Tooltipp */
#overDiv > table {border: 1px solid #B0B4BD;}
#overDiv div {background-color:#DEF7EB;}

/* Links und Buttons */
a{color: #05296E;}
a.button, button.button, input.button {background-color:#14A;color:#FFF;padding:5px;}
a.button:hover, button.button:hover, input.button:hover {background-color:#6B8FD4;}
a.button {text-decoration:none;}
button.button, input.button {cursor:pointer;}

.btn-primary{background-color: #14A; color:white;border:1px solid #14A; padding: 10px;}
.btn-primary:hover{background-color: #6B8FD4; color:white;}


/* Layout */
#page{width:970px;}
#header{
   background-color: #00CC00;
   margin-bottom: 10px;
   color:#05296E;
}
#header #headerTitle{
   padding:10px;
   background-color: #14A;
   color:white;
   text-align: left;
   float: right;
}
#header table{float: left;background-color: white;}

#header table td img{border-right: 10px solid white;}


#header h1{margin:0;font-size: 27px;} /* 24 */
#header h2{margin:0;font-size: 14px;}
#content{width:760px;float: right;text-align: left;}
#footer {background-color: #00CC00;text-align: right;margin: 1em 0;}
#footer table {display: inline-table;}
#footer table td{padding:0;}
#footer table td a {
   padding: 5px;
   display: block;
   text-decoration: none;
   background-color: #14A;
   color:white;
   border-left: 1px solid #FFF;
   font-size: 11px;
}
#footer table td a:hover,
#footer table td a.selected {background-color: #6B8FD4;}
#footer .nordseetraum{
   float: left;
   display: inline;
   font-size: 10px;
   padding: 5px;
}

/* NavMEnü */
#menu{float:left;width:200px;margin-bottom:10px;height:100%;}
#menu a {background-color:#14A;border-bottom:1px solid white;padding:10px;color:#FFF;text-decoration:none;text-align:left;display:block;}
#menu a:hover, #menu a.selected {background-color:#6B8FD4;}
#menu a.hiddenMenu,#menu a.hiddenMenu:hover {background-color:transparent;border:0;margin-top:20px;}

/* Formularelemente */
table.tableIncDecField {
-moz-border-radius:5px;
background-color:#6B8FD4;
border:1px solid #B0B4BD;
}

.aIncDec {
   color: white;
   display: block;
   font-weight: bold;
   padding-top: 4px;
   text-decoration: none;
   height: 21px;
   width: 25px;
   text-align: center;
   vertical-align: middle;
}
.aIncDec:hover {background-color:#14A;}
table.tableIncDecField td {vertical-align:middle;}
table.tableIncDecField td.tdIncDecField {background-color:#FFFFFF;padding:2px;}

/* Allgemeine Angaben für Formulare */
.textfield {padding:2px;border:1px solid #B0B4BD;background-color:#E5EEFF;}

/* Inhalte */
.contentLeft{text-align:left;}
/*.linkImpressum{display:block;text-align:center;margin:50px 0 20px 0;font-size:12px;}*/
img.navArrow {margin:0 8px -2px;}

/* allg. Ausstattungsliste */
ul#aus {margin:2em 0;}

/* Gästebuch */
#gb_table_form {width:100%;}
#gb_table_captcha {margin:2em 0;}
#gb_name {width:570px;}
#gb_mail {width:570px;}
#gb_content {width:570px;}
#gb_img_captcha{margin:0 10px 10px 0;border:1px solid #B0B4BD;}
#gb_captcha {width:166px;}
#gBookEntries .tableGbookPrevNext a{display: block;}

/* Preise */
.pt_border {background-color:#B0B4BD;}
.pt_border table td {background-color:#E5EEFF;padding:5px;}
#storno .ul_li {margin-bottom: 1em;}
#linkVersicherung{text-align:center;margin:1em 0;display:block;padding:5px;font-weight:normal;}

/* für Scrolltabelle (eigentlich veraltet) */
.div_content1 {border-color:blue #B0B4BD blue blue;border-style:solid;border-width:0;overflow-x:scroll;position:relative;}
.div_content2 {left:0;position:relative;top:0;}
.div_content3 {left:0;position:relative;top:0;}

/* Termine */
.titleCal{text-align:center;}
.tableCalLegend {margin-bottom:1em;}
.tableCalLegend td {font-size:13px;}
.cal_gfx_key {margin:0 5px 2px 5px;border: 1px solid #B0B4BD;background-color: #84E752;}
#cal_gfx_key_an,#cal_gfx_key_alt{margin-left:5px;}
#cal_gfx_key_feier{margin:0 5px 2px 5px;display:block;border: 1px solid #B0B4BD;width:23px;}
.titleCalMonthStart{text-align:center;}
.infoCalLastEntry{font-size:13px;text-align:center;}
.divCal{text-align:center;}
.tableCal{margin-bottom:1.5em;width:99%;}
.tableCalMonth{border: 0px solid #005DA2;}
.tableCalMonth tr.calWDays td{background-color: #EEE; text-align:center;}
.tableCalMonth tr.calWDays td div{width:23px;}
.tableCalMonth tr.calDays td{background-color: #FFF; text-align:center; vertical-align:top; padding-bottom:1px;}
.tableCalMonth tr.calDays td img{display:block;}
.tableCalMonthTitle{background-color: #DDD; text-align: center;padding: 2px;}
.tableCalMonthBorder{background-color: #B0B4BD;}
.tableCalMonth tr.calDays td.dayFree, #cal_gfx_key_normal{background-color: #84E752;}
.tableCalMonth tr.calDays td.dayBelegt, #cal_gfx_key_belegt{background-color: #FF6552;}
.tableCalMonth tr.calDays td.dayOld, #cal_gfx_key_alt{background-color: #9C9A9C;}
.tableCalMonth tr.calDays td.dayAn{background-color: #84E752; background-image:url(https://www.nordseetraum.de/ressourcen/tpl/traum-site/gfx/dayAn.gif); background-size: 100% 100%;}
.tableCalMonth tr.calDays td.dayAb{background-color: #84E752; background-image:url(https://www.nordseetraum.de/ressourcen/tpl/traum-site/gfx/dayAb.gif); background-size: 100% 100%;}
.divCal .trCalPrevNext td a.button{display: block;background-color: #6B8FD4; margin: 15px 0;}
.divCal .trCalPrevNext td a.button:hover{display: block;background-color: #14A;}
a.prevCal,a.nextCal{-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;display:block;background-color: #6B8FD4;}
a.prevCal:hover,a.nextCal:hover{background-color: #14A;}
a.nextCal{width:358px;}
a.prevCal{width:351px;}
#cal_gfx_key_feier{display:none;}
#info_cal_gfx_key_feier{display:none;}

.tableCalMonth td {
   border-collapse: collapse;
   border: 1px solid #14A;
}

/* Anfahrt */
.googleMapLinklist{list-style-type:none;}
.googleMapLinklist li{display:inline;font-size:12px;padding-right:10px;}
#googleMapReset, #googleMapSubmit{text-align:center;display: block;margin: 15px 0;}
#tableGoogleMapRoute tr td {padding-bottom:5px;}
#googleMapRoute a {text-decoration:none;}
#googleMapRoute td {color:#05296E;}
#googleMap div address a {font-size: 1em;}
#googleMapTo{background: transparent; border: 0;}
.adp-directions{width: 100%;}
.adp-distance{text-align: right;}
#googleMap{
   height:330px;
}


/* Gästebuch */
.gBookEntry{border: 0px solid #005DA2;margin:2em 0px;}
.gBookEntry div {padding: 5px;}
.gBookEntryTitle{font-weight:bold;background-color:#FBFFFF;border-bottom: 1px solid #B0B4BD;}
.gBookEntryContent{border-top: 0px solid #005DA2;}
.gBookEntryComment{border-top: 0px solid #005DA2;}
.gBookEntryCommentNst{border-top: 0px solid #005DA2;}
.gBookEntryComment b, .gBookEntryComment i{font-size:13px;}
.tableGbookPrevNext{margin:5px 0;}
#submitGbookEntry{text-align:center;}
#formGuestbook .infoBox{text-align:center;}

/* Kontakt */
#divPostForm{text-align: center;}
#divFormContact h2{text-align: center;}
#tableContact tr td {padding:0 0 5px 0;}
.td_contact{text-align:left;}
#visitor_name, #visitor_firstname {width:148px;}
#visitor_street, #visitor_city {width:250px;}
#visitor_postcode, #visitor_housenumber {width:50px;}
#visitor_phone, #visitor_fax, #visitor_mobile, #visitor_email, #visitor_salutation {width:210px;}
#visitor_country {width:316px;}
#visitor_notes {width:99%; display:block;}
#tableContact, #tableContactPersons, #tableContactNights, #tableContactHorsemanAmount {margin:1em 0;}
#tableContactHorseman {margin:30px 0 5px 0px;}
#tableContactPersons > tbody > tr > td,
#tableContactNights > tbody > tr > td,
#tableContactVacTime > tbody > tr > td,
.tableContactKidAge > tbody > tr > td,
.tableContactHorseman > tbody > tr > td,
#tableContactHorseman > tbody > tr > td,
#tableContactHorsemanAmount > tbody > tr > td
{padding:0 5px 0 0;}
#visitor_adults, #visitor_kids, #visitor_nights, .visitor_kid_age, .horseman_age, #horseman_amount {width:40px;}
#visitor_holiday_start, #visitor_holiday_end {width:85px; text-align:center;border:0;}
#divKidAgeInput{margin-bottom:15px;}
.divKidAgeInput{margin:5px 0;}
#visitor_holiday_start_button,#visitor_holiday_end_button{margin-left:5px;padding: 5px;border: 1px solid #B0B4BD;background-color: #6B8FD4;}
#visitor_holiday_start_button:hover,#visitor_holiday_end_button:hover{background-color: #14A;}
.divHorsemanInput{margin-bottom:15px;}
.tableContactHorseman > tbody > tr > td{padding-bottom:5px;}
.horseman_exp, .horseman_badge, .horseman_own_badge {width:180px;}
#formContactSubmit{display:block;margin:30px 0;width:100%;text-align:center;}
#divContactLastInfo > p{width:90%}
#containervisitor_holiday_start,#containervisitor_holiday_end{width:235px;}

.yui-skin-sam .yui-panel .hd {color:#05296E;}
.yui-skin-sam .yui-calendar .calweekdaycell {color:#05296E;}
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a, .yui-skin-sam .yui-button a:visited {color:#05296E;}
.yui-skin-sam .yui-dialog .ft span.default button {background-color:#14A;}
.yui-skin-sam .yui-dialog .ft span.default button:hover {background-color:#6B8FD4;}

/* Fotoplayer */
.divImagePlayer{margin: 2em 0;}
.divImagePlayer > p{font-size: 1.1em;}
.imgPlayer{border: 1px solid #B0B4BD;width:482px;background-color:#E5EEFF;overflow:hidden;}
.imgPlayerImages{width:450px;height:450px;text-align:center;overflow:hidden;vertical-align:middle;padding: 0 1em;}
.imgPlayerInfo{text-align:center;padding:5px 0;}
.imgPlayerButtonInfo{text-align:center;}
.imgPlayerButtons{text-align:center;padding:5px 0;}
.imgPlayerButtons button{width:50px;color:white;background-color:#6B8FD4;border:0px solid #CCCCCC;font-size:16px;font-weight:bold;padding:5px 4px 4px;border-left:0;border-right:0}
.imgPlayerButtons button:hover {background-color:#14A;}
.imgPlayerButtons button.disabled{color:#9C9C9C;}
.imgPlayerButtons button.imagePlayerButtonPlay{width:150px;}

/* Impressum */
.contentLeft h2 {font-size:1.1em;}
.contentLeft h2:nth-child(2) {font-weight:bold;}
.customerAddress{font-size:1.1em;font-weight:bold;margin-bottom:1em;}

#overDiv .divStart{
   padding:2px;
   font-size: 12px;
   color:white;
   background-color: #6B8FD4;
}

.divWithIncList{
   margin-bottom: 1em;
}

.divWithIncList p{
   margin-bottom: 0;
}

div#storno > p:first-child{
   margin-bottom: 0;
}



#divWithPrivacyContent address span{
   display: inline-block;
   width: 60px;
}

#divWithPrivacyContent ol{
   padding-left: 17px;
}

#priceForm + hr{margin: 1em 0;}

#priceFormSubmit {-moz-border-radius:5px;font-weight:bold;text-decoration:none; padding:5px;display:block;background-color:#14A;
   margin: 1em 0 0;
   width: 166px !important;
   color:white;
}
#priceFormSubmit:hover {background-color:#6B8FD4;}

#divWithResult table {
   border: 1px solid #ddd;
   border-collapse: collapse;
   margin: 1em 0;
}

#divWithResult table td {
   border: 1px solid #ddd;
   padding: 10px;
}

#divWithResult table td.notFree {padding: 0px;background-color: #ff6552;color:#fff;}
#divWithResult table td.free {padding: 0px;background-color: #419815;color:#fff;}
#divWithResult table td.free span{display: block;padding:10px;cursor: pointer;}



.noMarginTop{margin-top:0;}



/* ///////////////////////
IFRAME-CONTENT
////////////////////////*/
.divWithIframe {
   border: 1px solid #05296E;
   position: relative;
   overflow: hidden;
}
.divWithIframe img {
   width: 100%;
   max-width: none !important;
}
.divWithIframe .divWithDisclaimer {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   padding: 15px;
   left: 0;
   right: 0;
   background-color: rgba(255,255,255,0.8);
   color: #05296E;
   text-align: center;
   z-index: 2;
   height: 100%;
   overflow-y: auto;
}
.divWithIframe .divWithDisclaimer a {
   text-decoration: underline;
}
.divWithIframe .divWithDisclaimer .divWithTitle {
   font-weight: bold;
}
.divWithIframe .divWithDisclaimer .divWithButton {
   margin-top: 10px;
}
.divWithIframe .divWithDisclaimer .divWithLinks {
   margin-top: 10px;
}
.divWithIframe .divWithOpac {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(255, 255, 255, 0.5);
   z-index: 1;
}
.divWithIframe.youtube {
   border: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
}
.divWithIframe.youtube.loading {
   background-image: none;
}
#divWithIframeGmapRoute {
   border: 0;
   height: 330px;
}
@media (min-width: 500px) {
   .divWithIframe .divWithDisclaimer {
      border-top: 1px solid #05296E;
      border-bottom: 1px solid #05296E;
      height: auto;
   }
}
/* ///////////////////////
COOKIE BANNER
////////////////////////*/
#divWithCookieBanner {
   position: fixed;
   z-index: 30;
   bottom: 0;
   left: 0;
   right: 0;
   text-align: center;
}
#divWithCookieBanner .content {
   border: 1px solid #05296E;
   border-bottom: 0;
   background-color: #ffffff;
   padding: 15px;
   max-width: 940px;
   margin: 0 auto;
   box-shadow: 0px 0px 10px #555;
}
#divWithCookieBanner .divWithText {
   display: inline-block;
   width: 80%;
   float: left;
}
#divWithCookieBanner .divWithButton {
   display: inline-block;
   width: 20%;
   text-align: right;
}
#divWithCookieBanner .divWithLinks {
   clear: both;
   text-align: center;
}
#divWithCookieBanner a {
   text-decoration: underline;
}
#scrollup {
   z-index: 31;
}




.modal-header{
   overflow:hidden;
   position: relative;
}

.modal-body {
   max-height: 400px;
   overflow-y: auto;
}

.modal-header .close {
   margin-top: -2px;
   color:#FFF;
   background-color: #05296E;
   float: right;
   width: 59px;
   line-height: 59px;
   font-size: 6em;
   position: relative;
   top: -13px;
   right: -15px;
   margin-bottom: -29px;
   font-size: .5em;   
   text-shadow: none;
   opacity:1
}
.modal-header .close:hover {
   background-color: #6B8FD4;
}

.modal-header .close span {
   font-size: 7em;   
   text-shadow: none;
   color:white
}
.modal-header .close span.sr-only {
   display: none;
}

#modalCoronaBody .alert-danger{
   font-weight:bold;
}


.modal-header .btn {
   border-radius: 0;
   border-top-right-radius: 4px;

   position: absolute;
   top:0;
   right:0;
   bottom: 0;
   width: 57px;
   line-height: 1;
   font-size: 1.5em;

}

.modal-header .btn .fa{
   color:white;
}