body {
    background-color: #F0F0F0; /*lysgrå udenfor side*/
    margin: 2px;
    padding: 0px;
    }

#side{
    border: 1px dotted #000066; /* tjek */
	max-width: 800px;
	margin: 0 auto;  /*=center*/
    /*	padding: 5px; */
	color: #000066; /*mørkblå - tekst + border*/
	background-color: #ffffff;  /*hvid side baggrund*/
	font: normal 13px arial, sans-serif;
   }

#toppen{
    padding: 5px 0px 5px 0px;
    font:    bold 16px arial, sans-serif;
	text-align: center;
	background-color: #b0d8ff;
}

p.top { margin: 10px 0px 10px 0px; }
	
hr {
    height: 0px;
    border: 0px;
    border-top: 2px solid #000066;
    margin: 5px;
	min-width: 70%;
  }
  
div {  
   display: block;
   /*  border: 1px dotted red; /* tjek */
   }

#samle{ margin: 2px; }  

#vside{
   border: 1px solid;
   margin: 2px 2px 2px 2px; /* fra 0 2 2 2 maj 2020  ?? */
   padding: 5px;
   width: 100px;
   float: left;
   
   position:sticky;
   top:0px;
   z-index:2;
   background-color: white;   
}

#mside{
    border: 1px solid;
	margin: 2px 2px 2px 118px; 
	padding: 2px;
    text-align: center;
	min-width: 320px;
}
   
#hside{ /*tom*/ }   

@media screen and ( max-width: 599px ) { 
#vside, #mside {float:none; width:auto; margin:2px;} 
}

#skema{
   display: block;
   padding: 5px;
   text-align: left;
}

#bund{ padding: 2px; float: left;}

img { border: 0px; }
	
/* tjek	rammer: 
table, th, td  {
    border-collapse: collapse;
	border: 1px solid;
    } */
/* bruges kun på stevns-siden...?:
table {
    border-collapse: collapse;
	border: 1px dotted green;  /*test
	text-align: center;  /* --> left? 
    }

tr {  
    padding: 8px;
	border-bottom: 1px dotted;
  }
	
input,select,textarea  {  
	border: 1px solid #000066;
    border-style: solid;	
	/*height: 16px  
    font-family:  helvetica, arial, sans serif;
    padding-left: 1px;
	margin: 2px;
    background-color: #ffffff;
    }
input:focus , select:focus , textarea:focus { 
	border-color: blue;
	background-color: #ffffb8;
	}
input:hover, select:hover , textarea:hover  { 
	border-color: blue;
	/*background-color: white; 
    }
option  {
    background-color: white;
    color: #000066;
    }
*/	
button  { 
    cursor: pointer;
    width:  70px;
    margin: 5px;	
    border: 1px solid #000066;
    color: #000066;
    transition: color 0.15s linear;	
	font-weight: bold;
	font-family:  helvetica, arial, sans serif;
    text-align:  center; 
    background-color: #b3d9ff;
   }
button:hover { 
	color: yellow;   
   }
button:active { /* 'trykket ned' */
	background-color: #000066;	
   }
button.vises {
   border: 1px solid white;
   color: #4d4dff;
   background-color: #cce7ff;
   }   
   
a:link {
    color: #000066;
    text-decoration:underline;
   }
a:visited {
    color: #008866;
    text-decoration:underline;
   }
a:active {
    color: #993300;
    text-decoration:underline;
   }
a:hover {
    color: blue;
    text-decoration:none;
   }

.menuknap { 
  display: block;
  float: left;
  padding: 2px 4px 4px 4px;
  margin: 2px;
  width: 84px;
  height: 14px;
  border: 3px solid;
  transition: color 0.15s linear;
  border-color: #6699ff #000099 #000099 #6699ff;
  border-radius: 3px;
  background-color: #b3d9ff;
  text-align: center;
  } 
  
a.menuknap { /* skal stå efter generel  a:--- , da det ellers er denne, der gælder (fx text-decoration) */
  font:  bold 13px helvetica, arial, sans serif;
  color: #000066;	
  text-decoration: none;
  }

.menuknap:hover{
  color: yellow
  }
.menuknap:active{ /* =onClick */
  /* color: #000066; */
  border-color: #000099 #6666ff #6666ff #000099;
}
.menuvis{
  color:  #121212;
  background-color: #d2d2d2;
  border-color: #949494 #121212 #121212 #949494 ;
}
   
.skjul { display:none; }         /* fylder intet */
.usynlig { visibility: hidden; } /* place holder */

.hr-linje { margin:5px; border-top:2px solid; }
.hr-linje-clear { margin:5px; border-top:2px solid; clear:both; }
		
a.graa { color: #a0a0a0; }

p.ind { text-indent: 12px; }

h2 { font-family: arial black, arial, sans-serif; }

.lille { font-size: 80%; font-weight: normal; }

.center { text-align: center; }
.venstre { text-align: left; }
.fed { font-weight: bolder; }   
.kursiv { font-style: italic; }

.tal { text-align: right; }   


.bg_gul { background-color: yellow; }   
.graa { color: #a0a0a0; }
.sort { color: black; }	
.red { color: red; }
.blaa {
    display: block;
	padding: 10px;
    color: blue;
	font-weight: bold;
}	
   
#fod {
    margin: 2px;
    padding: 10px;
    text-align: center;
	border-top: 1px solid;
	width: auto;
	clear: left;
   }