body, pre { font-family: Tahoma; background: url(/ill/baggrund.jpg); }
a:link , a:visited { text-decoration: none; color: blue;}
a:hover { text-decoration: underline; color: blue ; }
img { max-width: 100% ;}
img.blue { width: 100% ;}
img.fuld { width: auto ;}
.blue { background-color: blue ; color: white ;  width: 100 % ; }
.blaalin { background-color: blue ; height: 1em ; display: block ; }
hr { color: blue ;}
li { margin: 20px 0; }
.blue h1 { color: white; }
 h1 a:link ,  h1 a:visited { text-decoration: none; color: white ;}
.blue h5 { color: white;  padding: 5px; }
.blue a:link , .blue a:visited { text-decoration: none; color: white ;}
.blue a:hover { text-decoration: underline; color: yellow ; }
.amen , .bmen , .vmen , .lillemenu { float: left  ; margin: 0.5em ; padding: 1em; border-radius: 1em; background-color: #ddf; font-weight: bold ; border: 0.1em solid black; color: blue; width: auto ; font-weight: bold ; display: inline-block; }

.imen , .smen  { float: left  ; margin: 1em ; padding: 1em; border: 0.1em solid blue; width: auto ; display: inline-block; border-radius: 1em; }
.imen {background-color: #fafafa;}
.smen {background-color: blue;}

.midte , .blaalin , .blue {clear: both ;}
.amen:hover , .bmen:hover , .vmen:hover  {color: blue ; background-color: yellow ; }
.lillemenu { display:inline ;  } 	
.amen , .kunbred , .bredere , .bredest { display: none ; } 


.ulink a , .ulink a:link , .ulink a:visited {text-decoration: none; color: black ;}

video {max-width: 300px;}

.billeder , .etbillede {max-width: 100%; height: initial ;}

@media screen and (min-width: 6in) and (min-device-width: 12in) { 
.lillemenu { display: none ; } 
.amen { display:inline ; } 	
.billeder { height: 300px; width: initial;}
}

@media screen and (max-width: 6in) and (max-resolution: 120dpi) { 
.lillemenu { display:inline ; } 	
.amen { display: none ; } 
}

@media screen and (min-width: 12in) and (min-device-width: 12in) { .kunbred , .bredere { display: inline-block ; }  }

@media screen and (min-width: 19in) and (min-device-width: 19in) { .bredest { display: inline-block ; }  }
@media screen and (min-width: 19in) and (min-device-width: 19in) { .erbredest { display: none ; }  }

#kb { height: 1em; border: 0; width: 100%; padding: 0; background: url(ill/keybbgu.jpg); }

#sokker {width: 100px;}

.knap {padding: 0px 3px; margin: 3px; background-color: #eee ;  border-radius: 3px; border: 1px solid blue ; display: inline-block;}
.knap a:link , .knap a:hover , .kanp:hover , .knap:link {text-decoration: none;}
.knap:hover , .knap a:hover {color: red ; background-color: yellow ; }