/* CSS menymall */

h1 { font-size: 28px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #336633;}
h2  {font-family: Verdana; color: #336633; font-size: 20px; }
h3  {font-family: Verdana; color: #336633; font-size: 18px; }
h4  {font-family: Verdana; color: #336633; font-size: 15px; }
body {padding:0.2em; background: #ffffcc; }
a {font-family: Trebuchet MS; color: #336633; font-size: 14px; text-decoration:underline}
a:hover {color:#000000; background-color:#BDD7AA; text-decoration:underline}
a:visited {color:#990000; text-decoration:underline}
p {font-family: Trebuchet MS; color: #336633; font-size: 14px;}
b {font-family: Trebuchet MS; color: #336633; font-size: 15px;}
ul {font-family: Trebuchet MS; color: #336633; font-size: 14px;}
td {font-family: Trebuchet MS; color: #336633; font-size: 14px;}

#menycontainer{ font-size: 12px; font-family:font-family: Verdana, Verdana, Helvetica, sans-serif; background: #ffffcc;}
#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; text-decoration: none; margin-top: 0.5em;	background: #99cc99; border-top: 0.1em solid #333333;	border-right: 0.1em solid #333333; 	border-bottom: 0.1em solid #333333; border-left: 0.1em solid #333333;}
#meny ul{list-style-type: none;} 
#meny ul a{padding: 12px;}	
#meny a:link{color: #003300;}
#meny a:visited{color: #006600;}
#meny a:hover{background: #cccc99; border-top: 1px solid #000000;	border-right: 1px solid #000000; 	border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}

.box { overflow: auto;  height: 27em; width:20.8em; border:#333333 0.2em solid; background-color:#ffffff;}
.box1 { padding:0.5em; height: 5em; width:8em; border:#333333 0.2em solid; background-color:#cccccc;}
.box6 {border-top: #999999 0.2em solid; border-bottom :#333333 0.2em solid; background-color:#cccccc; width: 10em; }
.knapp {background-color:#cccccc; }
#sidhuvud {margin:0.5em; width: 50em;}
#kolumn1 {width: 30em; padding:0.5em; margin:0.5em; float: left; background: #ffffff; border-left: 0.3em solid #333333; border-top: 0.3em solid #333333; border-bottom: 0.3em solid #333333;border-right: 0.3em solid #333333; }
#kolumn2 {margin:0.5em; float: left; }
#kolumn3 {width: 10em; padding:0.5em; margin:0.5em; float: left; background: #ffffff; border-left: 0.3em solid #333333; border-top: 0.3em solid #333333; border-bottom: 0.3em solid #333333;border-right: 0.3em solid #333333; }
#kolumn4 {padding:0.1em; margin:0.1em; float: left; background: #ffffff; border-left: 0.1em solid #333333; border-top: 0.1em solid #333333; border-bottom: 0.1em solid #333333; border-right: 0.1em solid #333333; }

#container {background: #cccccc;}
.roundtop {background: #990000;}
.roundbottom {background: #990000;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}
.content {padding: 10px;}

.kantlinje {border:#990000; border-style: solid; border-width: 2px; }

#men ul{margin: 0; font: 70% Verdana, Helvetica, sans-serif; margin: 2em; padding:0 0 0 1em; background: #336633;}
#men li{display: inline; list-style: none;}
#men li a{text-decoration: none; padding: 0.4em 1em; margin-right: 1em; border: 1px solid #000000; background: #ffffff;}
#men a:link{color: #000000;}
#men a:visited{color: #000000;}
#men a:hover{border: 1px solid #CC0000;}
#men a#current{background: #ffffff; border: 1px solid #ff0000; color: #000000;}