html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html, body {height: 100%;}
body{
font-family: "Ubuntu", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
font-style: normal;
font-size: 17px;
line-height:20px;
font-weight: normal;
color: #333;
width: 100%;
margin-bottom:90px;}
   
.fed{font-weight:bold;}
.green{color:#97ca36;}/*#8CBF32 er mørk grøn til evt hover*/ 
.blue{color:#91B4C4;}

/*topmenu*/
.logo_boks{width:470px;margin:0 auto;margin-bottom:5px;margin-top:40px;}
.logo_boks a{text-decoration:none; color:#888888;}
.logo_boks img{width:200px;}
.navn_boks{float:right;font-family: "Dosis", "Open Sans", "sans-serif";font-weight:light;margin-top:25px;color:#8CBF32;}
.logo_navn{font-size:64px;}
.logo_bb{font-size:40px;margin-top:40px;}
#bornholm{width:100px;position:absolute;top:40px; right:40px;}
#bornholm img{width:100%;}
#menustregboks{width:100%;margin:0 auto;height:40px;}
#menustregboks img{width:100%;}
#main-nav li a{font-size:20px;letter-spacing:1px;font-family: "Dosis", "Open Sans", "sans-serif";}
#hovedmenu{background-color:#ffffff;} 

/*sideindhold gælder for alle sider*/
#sideindhold{width:100%;color:#666666;margin-top:40px;margin-bottom:50px;}
.samlebox{width:1330px;margin:0 auto;margin-top:100px;}
#indvalgs_overskrift{font-family: "Dosis", "Open Sans", "sans-serif";font-size:45px;color:#8CBF32;margin:0 auto;margin-top:50px;}
.box_billede{width:600px;display:inline-block;}
.box_billede img{width:100%;position:relative;top:-14px;}
.box_tekst{margin-left:1.5%;width:700px;float:right;margin-top:-10px;}
.indvalgs_underoverskrift{font-size:20px;font-weight:bold;color:#97ca36;margin-bottom:5px;margin-top:20px;}
.box_tekst p{margin-bottom:5px;} 
#bryd_float{clear:both;}
.box_tekst a{ color:#97ca36;}
.box_tekst a:hover{font-weight:bold;}

/*index*/
#baggrundsdiv{
background-image: url(../billeder/vandret.jpg);
background-repeat:no-repeat;
background-position:center;
background-size: cover;
height: 500px;
margin-top:22px;}

#overskrift_index{font-family: 'Dosis', sans-serif;font-size:80px;line-height:80px;color:#fff;text-align:center;position:relative;top:-350px;text-shadow:3px 3px 3px rgba(60,12,12,1);}

/*midterboks*/
#midterboks{background-color:#ffffff;width:1200px;height:230px;box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 19%);margin:0 auto;position:relative;top:-50px;}
#midterboks_tekst{width:450px;font-size:38px;font-family: "Dosis", "Open Sans", "sans-serif";color:#555555;margin: 0 auto;padding-top:50px;}
.midterbokslinks{height:50px;width:230px;background-color:#97ca36;border-radius:5px;text-align:center;display:inline-block;}
.midterbokslinks:hover{background-color:#8CBF32;}
.midterbokslinks a{text-decoration:none; color:#ffffff;position:relative;top:15px; padding:15px 30px;}
.midterbokslinks a:hover{background-color:#8CBF32;}
#samleboks_links{width:900px;margin:0 auto;margin-top:50px;}
#knap1, #knap2{margin-right:100px;}
#priser a, #oplevelser a{text-decoration:none; color:#97ca36;}
#priser a:hover, #oplevelser a:hover{text-decoration:underline;}
.pris-popup p{margin-bottom:8px;}
.pris-popup_billeder{margin-top:10px;}
.pris-popup_billeder img{width:170px;min-height:120px;max-height:120px;}
.mere_om_vaerlser{position:relative;top:10px;left:450px;}
#book2, #book3{position:relative;top:10px;}
.box_billede_mellem{display:none;}

/*morgenbuffet*/
.morgenbuffet {
width:100%;
position: relative;top:0;
height:700px;
margin-top:50px;
overflow:hidden;
background-color:#ffffff;}

.image1, .image2, .image3 {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;opacity: 0.3;}

.morgenbuffet_tekst {
color:#222222;
transition: .5s ease;
opacity: 0;
width:900px;               
line-height:22px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);opacity: 1;}

#morgenbuffet_overskrift{text-align:center;font-size:20px;margin-bottom:25px;margin-top:-8px;}
.hovedoverskrift{font-size:30px;margin-bottom:20px;text-align:center;}
.pris_buffet{font-weight:bold;margin-bottom:25px;}

/*footer*/
#samlet_footer{font-size:16px;line-height:16px;background-color:#1C1D1F;color:#82878D;padding:5px 0 30px 0;width:100%;font-family: 'Lato', sans-serif;margin-top:-50px;}
#samlet_footer a{text-decoration:none;color:#91B4C4;}
#samlet_footer a:hover{color:#ffffff;}
#sojleboks{width:1000px;margin:0 auto;}
#sojle1{display:inline-block;width:280px;margin-right:150px;position:relative;top:10px;}
#sojle1 a{text-decoration:none;color:#82878D;}
#sojle2{display:inline-block;width:200px;margin-right:170px;position:relative;top:10px;}
#sojle3{display:inline-block;width:180px;position:relative;top:10px;}
#samlet_footer p{margin-bottom:5px;}
#googlekort a{float:right;margin-right:20px;text-decoration:none; padding:10px15px;color:#97ca36;font-weight:bold;} 


 
/*om cookies i footer*/
h2{font-size:25px;margin-bottom:25px;}                
#cookies p{margin-bottom:5px;}
.bundstreamer_om_cookies {width:100%;position:fixed;bottom:0;}
.bundstreamer_om_cookies_tekst{color:#222222;background: #f9f9f9;border:1px solid #91B4C4;padding: 15px 0px;text-align: center;}
.bundstreamer_om_cookies_tekst a{color:#91B4C4;text-decoration:none;font-weight:bold;}
.bundstreamer_om_cookies_tekst a:hover{border-bottom:1px solid #91B4C4;}
.accepter_cookies a{color:#ffffff;text-decoration:none;background-color:#91B4C4;margin-left:15px;padding:1px 3px 3px 3px;}
.del_bundstreamer{display:none;}

/*reservations-popup i footer*/
#form_del1, #k_form_del1{width:320px;display:inline-block;}
#form_del2, #k_form_del2{width:320px;margin-left:50px;float:right;}
.kontakt_overskrift{font-size:30px;text-align:center}
.navn, .email, .telefon, .antal_voksne, .antal_born, .ankomst, .antal_dage{font-size:16px;font-weight:300;width:98%;background-color:#e6e6e6;height:40px;margin-bottom:15px;border:none;font-family: 'Oswald', sans-serif;}
.antal_voksne, .antal_born, .ankomst, .antal_dage{width:150px;}
.antal_born, .antal_dage, #enkelt_seng{float:right;}
#enkelt_seng{position:relative;top:-28px;left:-41px;}
#morgenmad{margin:15px 0;}
.tekst_checkbox_opret{font-family: 'Oswald', sans-serif;}
.besked{width:320px;height:90px;background-color:#e6e6e6;border:none;font-family: 'Oswald', sans-serif;font-size:16px;font-weight:300;}

.reserver_knap{width:153px;height:35px;font-size:17px; letter-spacing:1px;border:none;background-color:#97ca36;color:#ffffff;border-radius:4px;margin-top:5px;font-family: 'Oswald', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;} 
    
.reserver_knap:hover{background-color:#8CBF32; cursor:pointer;
transition: background-color 0.4s ease;
-webkit-transition: background-color 0.4s ease;
-ms-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;}  

/*ekstra for kontaktform*/
.k_besked{width:350px;height:152px;background-color:#e6e6e6;border:none;font-family: 'Oswald', sans-serif;font-size:16px;font-weight:300;}
#k_form_del2{width:350px;margin-left:30px;float:right;}

/*styling af checkboxe*/
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

/* Skjul almindelig checkboks */
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Lav ny checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #e6e6e6;}
.container input:checked ~ .checkmark {background-color:#e6e6e6;}/* farvet baggrund ved check af boks */
.checkmark:after {content: "";position: absolute;display: none;}/* lav checkmark */
.container input:checked ~ .checkmark:after {display: block;}/* Show the checkmark when checked */
/* Style checkmark */
.container .checkmark:after {left: 6px;top: 3px;width: 5px;height: 10px;border:solid #F89829;border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}  

/*slutbesked ved reservation i footer*/
.slutbesked_reservation {
background: white;border:1px solid #777777;color:#777777;
padding:60px;text-align: left; 
width:85%;max-width: 600px;height:360px;
position:absolute;top:300px;left: 0;right: 0;margin-left: auto;margin-right: auto;} 
.slutbesked_reservation a{text-decoration:none;font-size:30px;color:#91B4C4;float:right;margin-right:0px;margin-top:-200px;}


                     /*start magnific popup*/
.zoom-anim-dialog{background: white;padding:60px;text-align: left; width:85%;max-width: 700px;height:360px;margin: 40px auto;position: relative;margin-top:100px;}                                          
                        
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); }

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); }

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
                        /*slut magnific popup*/




@media (max-width: 1308px){
.samlebox{width:100%;}       
.box_billede{width:45%;float:left;}
.box_tekst{position:relative;top:0px;margin-left:10px;width:53%;}  
#midterboks{width:1000px;}
#afstand_til_morgenbuffet{clear:both;height:50px;}}

@media (max-width: 1245px){
#sideindhold{margin-top:20px;}
#indvalgs_overskrift{margin-top:40px;}
.samlebox{margin-top:80px;}}

@media (max-width: 1119px){
#baggrundsdiv{background-image: url(../billeder/vandret2.jpg);height: 400px;}
#overskrift_index{font-size:80px;line-height:80px;position:relative;top:-300px;}}

@media (max-width: 1025px){ 
#sojleboks{width:700px;}
#sojle1{width:240px;margin-right:50px;margin-left:0px;}
#sojle2{width:200px;margin-right:45px;}
#sojle3{width:150px;}}

@media (max-width: 1000px){
#midterboks{width:800px;}
.midterbokslinks{height:50px;width:200px;}
#samleboks_links{width:800px;margin-top:50px;}
#knap1, #knap2{margin-right:50px;}
#knap1{margin-left:45px;}
}
@media (max-width: 951px){}

@media (max-width: 900px){
.samlebox{width:95%;margin-top:50px;}
.box_billede img{display:none;}
.box_billede_mellem{display:block;width:100%;}
.box_billede_mellem img{width:100%;}
.box_billede{display:none;}
.box_tekst{width:95%;padding-right:15px;margin:0 auto;} 

}

/*topmenu*/
@media (max-width: 857px){#bornholm{display:none;}}

@media (max-width: 840px){
.zoom-anim-dialog{padding:60px;width:85%;max-width: 400px;height:560px;margin: 40px auto;position: relative;margin-top:100px;}    
/*.besked{width:320px;}*/
#reserver{width:100%;}
h2{line-height:30px;}
#form_del1, #k_form_del1{width:320px;display:block;}
#form_del2, #k_form_del2{width:320px;margin-left:0px;display:block;float:none;}
#navn_popup1, #navn_popup3, #navn_popup5{font-size:54px;margin-top:20px;}
#navn_popup2, #navn_popup4, #navn_popup6{font-size:30px;margin-top:20px;}
#navn_boks_popup, #navn_boks_popup2, #navn_boks_popup3{margin-right:60px;}
.k_besked{width:315px;}
#googlekort iframe{width:420px;}
#googlekort a{position:relative;top:20px;left:40px;}
.mere_om_vaerlser{position:relative;top:10px;left:120px;}
.pris-popup_billeder{margin-top:10px;}}

@media (max-width: 800px){
#baggrundsdiv{background-image: url(../billeder/vandret2.jpg);height: 300px;}
#overskrift_index{font-size:70px;line-height:70px;position:relative;top:-230px;}
#midterboks{width:600px;height:160px;position:relative;top:-20px;}
.midterbokslinks{height:40px;width:170px;}
.midterbokslinks a{position:relative;top:10px; padding:10px 30px;}
#samleboks_links{width:600px;margin-top:40px;}
#knap1, #knap2{margin-right:20px;}
#knap1{margin-left:25px;}
#midterboks_tekst{padding-top:30px;}}

@media (max-width: 755px){#main-nav{margin-top:-25px;margin-bottom:-15px;}}

@media (max-width: 740px){.slutbesked_reservation {width:85%;max-width: 400px;height:360px;}
.kontakt_overskrift{text-align:left;}
.slutbesked_reservation a{margin-right:-20px;}
.slutbesked_reservation #lukketag_reservation{position:relative; top:-20px;}
}
/*footer*/
@media (max-width: 718px){
#sojleboks{width:100%;}
#sojle1{display:block;width:280px;margin:0 auto;padding-top:25px;}
#sojle2{display:block;width:280px;margin:0 auto;padding-top:40px;}
#footer_logo{width:100px;position:relative;left:0px;}
#sojle3{display:block;width:280px;margin:0 auto;padding-top:40px;padding-bottom:20px;}
#indvalgs_overskrift{margin-top:10px;}
#sideindhold{margin-top:0px;}
#indvalgs_overskrift{margin-top:20px;}}

@media (max-width: 680px){
#baggrundsdiv{background-image: url(../billeder/vandret3.jpg);height: 250px;}
#overskrift_index{font-size:60px;line-height:60px;position:relative;top:-200px;}
#midterboks{position:relative;top:10px;}}

@media (max-width: 600px){ 
#midterboks{width:450px;height:140px;position:relative;top:15px;}
.midterbokslinks{height:40px;width:130px;}
.midterbokslinks a{position:relative;top:10px; padding:10px 20px;}
#samleboks_links{width:450px;margin-top:25px;}
#knap1, #knap2{margin-right:10px;}
#knap1{margin-left:17px;}
#midterboks_tekst{padding-top:25px;font-size:25px;width:290px;}}

@media (max-width: 560px){.slutbesked_reservation {width:300px;height:360px;}/*her for kontaktformular*/
.kontakt_overskrift{font-size:25px;}
.slutbesked_reservation a{font-size:25px;margin-top:-280px;margin-right:-35px;}
.navn_boks{width:150px;margin-top:7px;margin-right:0px;}
.logo_boks{width:280px;margin:0 auto;margin-bottom:5px;margin-top:10px;}
.logo_boks img{width:110px;}
.logo_navn{font-size:35px;}
.logo_bb{font-size:23px;margin-top:13px;}
.kontakt_sluttekst{padding-bottom:20px;}
#navn_boks_popup3, #navn_boks_popup2, #navn_boks_popup{margin-right:0px;width:150px;margin-top:7px;}
#navn_popup5, #navn_popup3, #navn_popup1{font-size:40px;margin-top:0px;}
#navn_popup6, #navn_popup4, #navn_popup2{font-size:25px;margin-top:15px;}
.slutbesked_reservation #lukketag_reservation{font-size:25px;margin-top:-250px;margin-right:-35px;}}

@media (max-width: 550px){/*popups*/
.zoom-anim-dialog{padding: 40px 40px 80px 40px;width:85%;height:560px;margin: 20px auto;position: relative;margin-top:100px;}  
#form_del1, #k_form_del1{width:100%;}
#form_del2, #k_form_del2{width:100%;}
.antal_born, .antal_dage{margin-right:3px;}
.besked{width:100%;}
#enkelt_seng{position:relative;top:-28px;left:-45px;}
.k_besked{width:98%;}}

@media (max-width: 500px){
#baggrundsdiv{background-image: url(../billeder/lodret.jpg);height: 700px;}
#overskrift_index{font-size:50px;line-height:50px;position:relative;top:-650px;}
#midterboks{width:95%;height:260px;position:relative;top:-200px;}
.midterbokslinks{height:40px;width:170px;display:block;margin-bottom:15px;}
.midterbokslinks a{position:relative;top:8px;}
.midterbokslinks a:hover{padding:8px 50px;}
#samleboks_links{width:172px;margin:0 auto;margin-top:25px;}
#knap1, #knap2{margin-right:0px;}
#knap1{margin-left:0px;}
#midterboks_tekst{padding-top:30px;}
#afstand_til_morgenbuffet{height:10px;}
.morgenbuffet{position: relative;top:-150px;margin-top:0px;}
#samlet_footer{margin-top:-200px;}
#hovedmenu{padding-top:15px;padding-bottom:5px;} 
}

@media (max-width: 484px){#googlekort iframe{width:100%;}
#googlekort a{position:relative;top:20px;left:20px;}}

@media (max-width: 460px){.zoom-anim-dialog{padding: 40px 20px 80px 20px;width:75%;height:560px;margin: 0px auto;position: relative;margin-top:100px;}
.mere_om_vaerlser{position:relative;top:40px;left:-67px;}
.pris-popup_billeder img{width:150px;min-height:100px;max-height:100px;}}

@media (max-width: 458px){#overskrift_index{position:relative;top:-620px;}}

@media (max-width: 426px){.antal_voksne, .antal_born, .ankomst, .antal_dage{width:120px;}
.antal_born, .antal_dage{margin-right:1px;}
#enkelt_seng{position:relative;top:-28px;left:-11px;}  
.slutbesked_reservation {width:290px;height:360px;padding:30px;}/*her for kontaktformular til lille enhed*/
.kontakt_overskrift{font-size:25px;padding-top:40px;}
.slutbesked_reservation a{margin-right:-15px;}
.slutbesked_reservation #lukketag_reservation{margin-top:-260px;margin-right:-10px;}
#cookies a{font-size: 15px;}
}

@media (max-width: 416px){.pris-popup_billeder img{width:130px;min-height:100px;max-height:100px;}}

@media (max-width: 404px){.lille_navn{font-size:22px;}}
@media (max-width: 400px){
#overskrift_index{font-size:40px;line-height:40px;}
#midterboks{position:relative;top:-180px;}
}
@media (max-width: 374px){.pris-popup_billeder{margin-top:0px;}#cookies a{font-size: 14px;}}

@media (max-width: 358px){.lille_navn{font-size:21px;}}
@media (max-width: 354px){.zoom-anim-dialog{padding: 40px 20px 80px 20px;width:85%;height:560px;margin: 0px auto;position: relative;margin-top:100px;}}

@media (max-width: 364px){.pris-popup_billeder img{width:120px;min-height:100px;max-height:100px;}}

@media (max-width: 364px){}
   
/*bookingkalender*/
#booking_samleblok{width:570px;margin-top:60px;} 
.navigationslinie{width:570px;margin-bottom:40px;text-align:center;}      
.navigationslinie a{text-decoration:none; color:#97ca36;}                                                               
.forrige_maaned{float:left;margin-left:-10px;}
.kalendermaaned {color:#97ca36;font-size:30px;}
.naeste_maaned{float:right;}
.link_knap_frem, .link_knap_tilbage{background-color:#ffffff;color:#97ca36;border:none;font-size:20px;}
.link_knap_frem:hover, .link_knap_tilbage:hover{text-decoration:underline;}

.vaerelsesnavn{font-size:30px;width:170px;margin:0 auto;margin-bottom:15px;}
.ugedag{color:#97ca36; margin:0 auto;font-size:20px;margin-top:4px;}
.bookingtabel td{background-color:#eeeeee;width: 80px;height:30px;text-align:center;border: 2px solid #ffffff;}   
.celledato {font-size:20px;float:right; color:#fff;margin-right:5px;margin-top:4px;}
.afstand_mellem_tabeller{margin-top:50px;}

@media (max-width: 1100px){
#booking_samleblok{width:460px;} 
.navigationslinie{width:460px;}
.ugedag{font-size:16px;margin-top:0px;}
.bookingtabel td{width: 65px;height:25px;}
.celledato {font-size:16px;margin-top:3px;}
}

@media (max-width: 900px){
#booking_samleblok{width:100%;}
.navigationslinie{width:100%;} 
.bookingtabel{width:100%;}
.bookingtabel td{width: 14.5%;height:50px;}   
.ugedag{font-size:16px;margin-top:13px;}}

@media (max-width: 600px){.bookingtabel td{height:30px;}.ugedag{font-size:16px;margin-top:3px;}}
@media (max-width: 500px){.ugedag{font-size:11px;margin-top:4px;}#ekstra_bund_vaerelser{height:200px;}}
@media (max-width: 376px){.ugedag{font-size:9px;margin-top:6px;}}

								/*slut bookingkalender*/