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


/* Smartphones */
@media screen and (max-width: 480px) 
   {
    #indholdbar {clear:both; margin:5%; height:80%; padding:2px; background-color:#ccffff; color:black;}
    #indholdbar1 {margin:25px 5px 15px 140px; height:80%; padding:2px; background-color:#ccffff; color:black;}

    table {border-collapse:collapse; table-layout:auto; width:310px;}
    td {word-wrap:break-word;}
    img {max-width: 90%;} 
    #pil {float:left; margin-top:20px; height:490px; width:160px; text-align:center; word-wrap:break-word; background-size:cover;  background-image:url("tumpebilleder/pilned.jpg"); }
    p {word-wrap:break-word;}
    td.tofem {vertical-align:top; }
    td.syvfem {vertical-align:top; word-wrap; break-word;}
p.hoejre {text-align:center;}
p.left2 {text-align:center; }
p.right2 {text-align:center; }
   }

/* normalskærme */
@media screen and (min-width: 481px) 
   {
    #indholdbar {margin-top:10px; margin-right:5px; margin-bottom:5px; margin-left:150px; height:80%; padding:10px; background-color:#ccffff; color:black;}
    #indholdbar1 {margin:25px 5px 5px 140px; height:80%; padding:10px; background-color:#ccffff; color:black;}

    #pil {display: none;}
p.left2 {text-align:center; float:left;}
p.hoejre {text-align:right;}
p.right2 {text-align:center; float:right;}
   }

@media print{
  .skjul{
      display:none;
  }
}

/* Formatering gældende uden kald */ 
a {font-family:arial, sans-serif; font-size:16px;}
a:visited {color:#006600;}
a:hover {font-style:italic; font-weight:bold;}
body {background-image:url("tumpebilleder/koncert1699.jpeg"); color:black;}
fieldset {border-color:red;}
h1 {font-family:Microsoft Sans Serif, sans-serif; text-align:center; margin-top:0px; margin-bottom:10px;}
h4 {font-family:arial, sans-serif;}
hr {display:block; border-color:red;  border-style:solid; border-width:2px;}
img {border:none; margin-right:20px; margin-left:20px;}
li {font-family:arial, sans-serif;}
p {font-family:arial, sans-serif; white-space:normal;}
td {font-family:arial, sans-serif; vertical-align:top;}


/* Formattering af klasser kaldt med class */
.flydestop {clear:both;}
.kasse {padding:15px; border:2px solid red;} 
a.usynlig {color:red;text-align:right;}
a.menuplacering {height:30px; color:black;}
a.menuplacering:focus {font-style:italic; font-weight:bold;} 
body.login {font-family:sans-serif; padding: 0; margin: 10px; color: white; background-image:url("tumpebilleder/719104e1b6.gif");}
h4.left {margin-left:20px; text-align:justify; clear:left;}
img.billede1 {float:left; height:110px;}
img.billede2 {float:right;height:110px;}
input.red {background-color:#FF3333; color:black; font-weight:bold; width:90%; height:90px;}
input.green {background-color:#66FF00; color:black; font-weight:bold; width:90%; 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; }

p.left1 {margin-left:20px; clear:left;}

textarea.kontaktform {display: block; margin:0; width: 90%; height: 300px; line-height: 30px; border: 1px solid #bbb; background-color:#FFF8DC; }
/* tr.godtskjult {display:none;} */
/* td.godtskjult {display:none;} */

/* Formatering af klasser kaldt med id */
#revision {text-align:right; font-size:15px; float:right; width:45%;}
#topbar {margin-top:5px;  margin-right:5px;                    margin-left:5px;   height:20%; padding-top:12px; padding-right:5px;  padding-bottom:0px;  padding-left:5px;                         background-color:#ccffff; color:black;}
#clear {clear:both;}
#menubar {margin-top:10px; margin-bottom:5px; margin-left:5px; height:80%; padding:5px; float:left; color:black;}
#login1 {text-align:center;}
#login2 {width:100%; min-height:30px; padding:10px;}

#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:10px;
  border-bottom: 1px solid #257;}

#menubar ul li.menupil {
  background-image:url("billeder/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-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%;
  }

#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ødevndigt for MS - og derfor skal det ophæves for alle browsere */

/* Formatering af delelementer kaldt class */
span.funktion {color:red; font-style:italic; font-weight:bold;}
span.funktionlight {color:red; font-style:italic;}
/* span.italic {font-style:italic; color:red;} */
span.center {text-align:center;}
span.red {color:red; font-style:italic; font-weight:bold;}
span.blue {color:blue; font-style:italic; font-weight:bold;}
span.black {color:black; font-style:italic; font-weight:bold;}
span.genvejstast {text-decoration:underline;} 
/* span.minusombryd {white-space:nowrap;} */
span.lille {font-size:12px;}
span.gennemstreg {text-decoration:line-through;}
/* span.gulbaggrund {background-color:yellow; } */
/* span.udendeling {style:white-space: nowrap:nowrap";} */