@charset "utf-8";
/* Denne fil hedder bjergestrandformatering.css */


/* Smartphones */
@media screen and (max-width: 480px) 
   {
    #indholdbar {width:96%; float:left; margin:1.5px; padding:5px; background-color:#ccffff; color:black;}
    #indholdbar1 {margin:10px 5px 15px 150px; height:80%; padding:2px; background-color:#ccffff; color:black;}
     h1, h2, h3, h4, h5 {word-wrap:break-word; font-family:"Calibri Light", sans-serif; text-align:center; }
    table {border-collapse:collapse; table-layout:auto; width:310px;}
    td {word-wrap:break-word;}
    img {max-width: 90%;} 
    p {word-wrap:break-word;}
    td.tofem {vertical-align:middle; }
    td.syvfem {vertical-align:top; word-wrap:break-word;}
    img.billede1 {height:110px; margin-left:5px;  width:140px;}
    img.billede3 {float:left; margin-left:1px; width:120px; height:120px;}
    #pil {float:left; margin-top:20px; height:490px; width:160px; text-align:center; word-wrap:break-word; background-size:cover;  background-image:url("bjergestrandbilleder/pilned.jpg"); }
    input.green1 {float:left; background-color:#66FF00; color:black; font-weight:bold; width:80%; height:90px;}
#menubar {   margin-top:5px; height:80%; padding:10px; float:left; color:black;}

   }

/* Normalskærme */
@media screen and (min-width: 481px) 
   {
    #indholdbar {margin:10px 5px 15px 150px; height:80%; padding:5px; background-color:#ccffff; color:black;}
    #indholdbar1 {margin:10px 5px 15px 150px; height:80%; padding:5px; background-color:#ccffff; color:black;}
    h1, h2, h3, h4, h5 {font-family:"Calibri Light", sans-serif; text-align:center; margin-right:65px; margin-top:0px; margin-bottom:10px;}
    img.billede1 {height:110px;}
    #pil {display: none;}
    img.billede3 {float:left; margin-left:1px; width:70px; height:84px;}
    input.green1 {background-color:#66FF00; color:black; font-weight:bold; width:98%; height:90px;}
#menubar {   margin-top:5px; height:80%; padding:5px; float:left; width:8.0em; color:black;}

   }

/* Formatering gældende uden kald */
body {background-image:url("bjergestrandbilleder/bjergestrandstor.jpg"); color:black; background-size:cover; font-size:16px;}
h1 {font-family:"Microsoft Sans Serif", sans-serif; text-align:center; margin-top:0px; margin-bottom:10px;}
h3 {font-family:arial, sans-serif;}
h4 {font-family:arial, sans-serif;}
hr {display:block; border-color:red;  border-style:solid; border-width:thin;}
p {font-family:arial, sans-serif;}
legend {font-family:arial, sans-serif;}
td, th {font-family:arial, sans-serif; vertical-align:top;}
a {font-family:arial, sans-serif; }
li {font-family:arial, sans-serif;}
img {border:none; margin-right:20px; margin-left:20px;}
fieldset {border-color:red;}
a:visited {color:black;}
a:hover, a:active, a:focus {font-style:italic; font-weight:bold;}


/* Formattering af klasser kaldt med class */
img.billede2 {height:110px;}
li.storafstand {padding: 15px 0px 15px 0px;}
.flydestop {clear:both;}
.flydvenstre {float:left;}
.flydhoejre {float:right;}
.kasse {padding:15px; border:2px solid red;} 
p.rund {color:red;}
p.right {margin-right:20px; clear:right;}
p.hoejre {text-align:right;}
p.left {margin-left:20px; height:110px; clear:left;}
p.left1 {margin-left:20px; clear:left;}
p.left2 {margin-left:10px; }
p.femten {padding:15px;} 
h4.left {margin-left:20px; text-align:justify; clear:left;}
/* td.bredde {width:70px;} */
td.hoejre {text-align:right;}
td.venstre {text-align:left;}
th.hoejre {text-align:right;}
th.venstre {text-align:left;}
td.midt {text-align:center;}
.visitors {text-align:left; font-size:15px; float:left; width:45%;margin-left:5px; padding-right:5px;}
a.usynlig {color:red;text-align:right;}
a.menuplacering {height:30px; text-decoration:none; color:black;}
a.menuplacering:focus {font-style:italic; font-weight:bold;} 
input.red {background-color:#FF3333; color:black; font-weight:bold; width:98%; height:90px;}
input.green {background-color:#66FF00; color:black; font-weight:bold; width:98%; height:90px;}
input.greenet {background-color:#66FF00; color:black; font-weight:bold; width:80%; height:90px;}
input.kontaktform {word-wrap:break-word; -webkit-apperance:none; -moz-appearance:none; display:block; margin:0; max-width:80%; height:30px; line-height:30px; border:1px solid #bbb; background-color:#FFF8DC; }
input.kontaktform1 {width: 44px; height:44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius:22px; border:1px solid #bbb; background-color:#FFF8DC; }



/* Formatering af klasser kaldt med id */
#revision {text-align:right; font-size:15px; float:right; width:45%; margin-right:5px; padding-right:5px;}
#visitors2 {text-align:left; font-size:15px; float:left; width:45%;}
#betingelser {padding-left:135px; padding-top:0px;}
#topbar {    margin-top:5px;  margin-right:5px; margin-left:5px; height:20%; padding:5px; background-color:#ccffff; color:black;}

#clear {clear:both;}
#billede {float:left; margin-right:1px; width: 350px;}
#billedtekst {margin-left: 360px;}


#menubar ul {
   margin: 0;  
   padding-left: 0;
   list-style: none; 
   width: 7em;
   border-width: 1px;
   border-style: solid;
   border-color:#ffffff;
   background-color:#ccffff;}

#menubar ul li {
  position: relative; 
  list-style: none; 
  margin: 0; 
  padding:5px;
  border-bottom: 1px solid #257;}

#menubar ul li.menupil {
  background-image:url("bjergestrandbilleder/pil22.gif");
  background-position:right center;
  background-repeat:no-repeat;}

#menubar ul li ul {
  position: absolute; 
  top: -1px; 
  left: 7.4em;  
  display: none; 
  background-color: #efffef;
  z-index:2; }

#menubar ul li:hover {
   background-color:#90EE90; 
   font-style:italic; 
   font-weight:bold;}

#menubar ul li.menupil:hover ul.niveau2 {
  display: block;
  font-style:normal; 
  font-weight:normal;}


#menubar ul li a.menuknap {
  display: block; 
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; 
  width:7.0em;
  }

#menubar ul li a.menuknappil {
  display: block; 
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; 
  width:8.0em;
/* background-image:url("bjergestrandbilleder/pil22.gif"); */
  background-position:right center;
  background-repeat:no-repeat;
  color:black;
  } 


#menubar ul li ul li a {
  display: block; 
  padding: 0.25em 0 0.3em 0.5em;
  text-decoration: none; 
  width:100%;
  background-position:right center;
  background-repeat:no-repeat;
  color: black;
  } 

#menubar ul li a.menuknapover {
  display: block; 
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; 
  width:100%;
  background-color: #90EE90;
  }

#menubar ul li a.menuknappilover {
  display: block; 
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; 
  width:100%;
  background-color: #90EE90;
  background-position:right center;
  background-repeat:no-repeat;
  }


#menubar>ul a {width: auto;} /* det sku være en måde at ophæve width på i forrige sætninger. I de forrige er det alene nødvendigt for MS - og derfor skal det ophæves for alle browsere */


/* Formatering af delelementer kaldt med class*/
span.funktion {color:red; font-style:italic; font-weight:bold;}
span.italic {font-style:italic; color:red;}
span.red {color:red; font-style:italic; font-weight:bold;}
span.red1 {color:red; font-style:italic;}
span.green {color:green; font-style:italic; font-weight:bold;}
span.blue {color:blue; font-style:italic; font-weight:bold;}
span.blue1 {font-family:arial, sans-serif;color:#0050FF;}
span.black {color:black; font-style:italic; font-weight:bold;}
span.genvejstast {text-decoration:underline;} 
span.minusombryd {white-space:nowrap;}
span.lille {font-size:10px;}
span.femten {font-size:12px;}
span.hoejre {text-align:right;}
span.usynlig {display:none;}
span.understregning {text-decoration:underline;}