html {height:100.5%}
ul { list-style: none; }
body {
	background-color: #2b9dd4 ; 
	background-image: url('../../../images/bg.gif');
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}

@font-face {
    font-family: 'handskrift';
    src: url('../../font/Italianno-Regular-OTF.eot');
    src: url('../../font/Italianno-Regular-OTF.eot?#iefix') format('embedded-opentype'),
         url('../../font/Italianno-Regular-OTF.woff') format('woff'),
         url('../../font/Italianno-Regular-OTF.ttf') format('truetype'),
         url('../../font/Italianno-Regular-OTF.svg#handskrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

.breite {width: 99.6%; max-width: 1300px; margin:0 auto 0 auto; }
.linie { clear:both; margin-top:10px; height: 2px; width: 99%; background-color: #009900; }
.abstand_top { clear:both; height: 0px; width: 99%;   }
.abstand_efter_content{ clear:both; height: 1px; width: 99%; }
.abstand_footer_content{ clear:both; height: 25px; width: 99%; }
.clear {clear:both;}
.center {margin:0 auto 0 auto;}
.p {font-size: 18px; line-height: 19px; }
.right {float:right;}
.left {float:left;}
 

#container, #container1  { clear:both; width: 99.6%; max-width: 1100px; margin:0 auto 0 auto;  color: #000; 	z-index:30;    /* overflow: visible;  border: 1px groove green; */  }
.article-summary-text { height: 10px;   }


 
#HEADERBLOCK{   float: left; width: 99%; min-height: 120px;   }
#HEADERBLOCK-LOGO{  float: left; width: 140px; height: 100px; min-height:90px;   z-in dex: 1500;  /* border: 1px groove #000080; text-align:left; */}
#HEADERBLOCK-LOGO ing { z-index: 130;  }

#HEADERBLOCK-flag { float: right;  width: 40px; height: 30px;     margin-right: 10px;      }  
#HEADERBLOCK-flag img { position:relative; bottom: -25px;  width: 40px; height: 20px;   }

#HEADERBLOCK-koep_bilet img { z-index:130;  }

#HEADERBLOCK-TEXT { margin-left: 0%; max-width: 700px; margin-top: 12px; height: auto; float: left; z-index: 5; /* border: 1px groove #000080; text-align:left; */ }
#HEADERBLOCK-TEXT img{ width: 100%; z-index: 5; }

#HEADER {width: 100%; min-height: 450px;   } 
#HEADER  p { margin-top: 30px; } 
#HEADER h3 { font:  bold bold 30px/45px Verdana ,sans-serif; color:#fcff00 ;  color: #009715; text-shadow: 1px 1px #ccc, 2px 2px #ccc, 3px 3px #ccc;} 


#HEADERBLOCK-TEXT .braendesgaardshaven { 
float: left;  font-family: handskrift, "Monotype Corsiva"; font-weight: bold; left: 0px; top: -10px; color: rgba(0, 153, 0); 
/* font-size: 32px; */ 
text-shadow: 1px 1px #ccc; 
letter-spacing: 0px;  
 /* filter:shadow(color:#ccc, direction=135 ); */ 
font-size: clamp(2.1rem, 7.4vw, 4.9rem); 
/* font-size: clamp(2.8125rem, 2.8125rem + 0vw, 4.8125rem); */ 
 }
#HEADERBLOCK-TEXT .god_dag_bedre { margin-left: 1.5%; font-size: 22x; line-height: 25px; font-weight: bold; margin-left:90px; color: rgba(0, 0, 0); letter-spacing: 2px;  filter:shadow(color:#ccc, direction=135 );  }


#slider-top {  clear: both;  float: left;  width:99.5%; margin-top :10px; height:auto; }
#slider-top .nivoSlider  {  border-radius: 30px  30px  30%  30%; width:99.5%; height:auto;  max-height: 900px; }
 
#CONTENT1  { clear: both; width:99.5%; display:flex; flex-wrap: wrap;    }
#CONTENT   { clear: both; width:99.5%; }
#CONTENT2  { clear: both; width:99.5%;  }


 
#flex { position:relative;  display:flex; flex-wrap: wrap;  justify-content:center; max-width: 150px;}
#Bild_m_Text, #Bild_m_Text_link , #Bild_m_Text_link_2 ,#foto, #flex {  position:relative;  display:flex; flex-wrap: wrap; justify-content:center; min-width: 200px;}

#Bild_m_Text_link  a { font-family: Georgia, serif;   font-style: italic;   font-size: 20px;   position: relative;   color: #fff;   text-align: center; color: #fff;  }
#Bild_m_Text_link  h2 { font-size: 30px;  }

#Bild_m_Text_link_2  a { font-family: Georgia, serif;   font-style: italic;   font-size: 15px;   position: relative;   color: #fff;   text-align: center; color: #fff;  }
#Bild_m_Text_link_2  h2 { font-size: 22px;  }

#Bild_m_Text_link_3  a { font-family: Georgia, serif;   font-style: italic;   font-size: 12px;   position: relative;   color: #fff;   text-align: center; color: #fff;  }
#Bild_m_Text_link_3  h2 { font-size: 18px;  }


#Tilbage{ margin:0 auto 0 auto;  clear: both; width:99.5%; text-align: center; margin-top: 20px; }
.tilbage { font-family: handskrift, "Monotype Corsiva"; font-weight: bold; font-size: 25px; } 


#FOOTERDIV {clear:both; position:relative; display:flex; flex-wrap: wrap;   width:99%; background: rgba(0, 153, 0, 0.8); bottom:0 ; margin:0 auto 0 auto;  pad ding-top: 5px;  }
  
#Footerboxtop {position:relative;  display:flex; flex-wrap:wrap;  margin:0 auto 0 auto; /* border: 1px groove #000080;  */ }
#Footerboxtop  .Footerbox  { width:auto; max-width: 200px; top: 0; /* border: 1px groove #000080; text-align:left; */}
.textwidget a  { color: #ffffff;    }
.textwidget   { clear: both; margin:margin: 0 0 0 0; top: 0; }
 
 
#Vises { clear:both; width:99%; margin:0 auto 0 auto; }
#Vises .ses_i_Braendesgaardshaven {float: left;  margin-left: 10%;  
font-family: handskrift, "Monotype Corsiva";
font-size: clamp(2.0rem, 5.8vw, 5.5rem);
font-style: italic;
text-shadow:
    1px 1px #ccc,
    2px 2px #ccc,
    3px 3px #ccc;
}

#Vises .Logo-Bornfiber{ float: right; margin-top: 5px; margin-right: 10px;}

#FOOTERTILLAG {position:relative; display:flex; font-size:16px; clear:both;  margin:0 auto 0 auto; width:99%; justify-content: space-around;}

#FOOTERTILLAG .Persondata a,
#FOOTERTILLAG .Persondata a:link,
#FOOTERTILLAG .Persondata a:visited,
#FOOTERTILLAG .Persondata a:active {width: auto;  text-decoration: none; text-transform:uppercase; color: #fff; padding: 0px 0px 0 0px; text-decoration: none;}

#FOOTERTILLAG flexitem1  {align-content:flex-start; }
#FOOTERTILLAG flexitem2  {align-content:center; }
#FOOTERTILLAG flexitem3  {align-content:flex-end; }
#FOOTERTILLAG smily-foedevare {  height: 30px; width: 30px; }
.Persondata {  text-decoration: none; text-transform:uppercase; color: #fff; padding: 0px 0px 0 0px; }




/* ==== Styles for Bubble ================================== */

p.bubble {
	position: relative;
	width: 200px;
	text-align: center;
	line-height: 1.0em;
	margin: 0px auto 0px auto ;
	backgro und-color: #fff;
	border: 1px solid #333;
	border-radius: 90%;
	font-family: sans-serif;
	 
	font-size: large;
	background: rgba(255,255,255,0.8);
}

p.thought {
	max-width: 300px;
	min-width: 200px;
	border-radius: 200px;
	padding: 30px;	
}

p.bubble:before,
p.bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

p.speech:before {
	left: 190px;
	bottom: -50px;
	border: 25spx solid;
	border-color: #333 transparent transparent #333;
}

p.speech:after {
	left: 100px;
	bottom: -30px;
	border: 15px solid;
	border-color: #fff transparent transparent #fff;
}

p.thought:before,
p.thought:after {
	left: 180px;
	bottom: -30px;
	width: 40px;
	height: 40px;
	back ground-color: #fff;
	border: 1px solid #333;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background: rgba(255,255,255,0.8);
}

p.thought:after {
	width: 20px;
	height: 20px;
	left: 160px;
	bottom: -40px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: rgba(255,255,255,0.8);
}



/* ==== Styles for footer Menu  3 ======== ========================== */

.nlu_horiz3 { margin: 10; padding: 0; border: 0; list-style-type: none; text-decoration: none;
   /* e.g. 11px font and 20px height */
  font-family: 'calibribold'; text-transfo rm:uppercase;
  display:inline; 
  font-size:14px; line-height:16px;  
  font-weight: bold;
  text-align:left ;
  position: relative;
  width: 100%; 

 }
.nlu_horiz3 em { font-style: normal; }
.nlu_horiz3 ul { margin: 0;  padding: 0; border: 0;  list-style: none;  }
.nlu_horiz3 ul li { disp lay: block;  float:left; width:80px; }


/* ==== LEVEL 1 ================================================ */

.nlu_horiz3 ul li a,
.nlu_horiz3 ul li a:link,
.nlu_horiz3 ul li a:visited { width: 10px;  text-decoration: none; te xt-transform:uppercase;  color: #fff; 
padding:   5px 0 0 00px; margin:  5px 0 0 00px;  
/* ++ Text adjust */  border-left: 0px solid #eee; }
 .nlu_horiz3 ul li a:active { color: #f6bf01; }


.nlu_horiz3 ul li.active a,
.nlu_horiz3 ul li.active a:link,
.nlu_horiz3 ul li.active a:visited  { color: White;  font-weight: bold;   }
.nlu_horiz3 ul li.active a:active { color: #f6bf01;  font-weight: bold;   }

.nlu_horiz3 ul li a:hover, .nlu_horiz3 ul li.sub_no a:hover {    color: #f6bf01;  }

.nlu_horiz3 ul li.active a:hover {   color: #f6bf01;     }
/* ===== END  for footer Menu  3 X_===================================== */