/*
//---------------------------------------------
//    
//  Copyright (c) Webdesignskolan.se All rights reserved.
// ----------------------------------------------
*/

body {padding: 0.5em; margin: 0; font: 0.9em Constantia Bold Italic, sans-serif; color: #333333; background: url(bilder/bakgrund1b.jpg) no-repeat fixed;}


h1 {margin: 0 0 5px 0; font: 0.9em Old English Text MT, sans-serif; font-size: 2.5em; color: #684337; letter-spacing: 0.3em;}
h3 {margin: 10px 0 5px 0; font: 0.6em Old English Text MT, sans-serif; font-size: 1.5em; font-weight: normal; letter-spacing: 0.1em;}
h4 {margin: 5px 0; font-size: 1em; color: #333333; background: #8c5c4b;}
p {margin: 0 0 5px 0;}
a {border-bottom: 1px dotted #000000; text-decoration: none;}
a:link {color: #000000;}
a:visited { color: #666666;}
a:hover{text-decoration: underline;}
f3
f2
f1

/* sidlayout */
#layout {width: 935px; margin-right: auto; margin-left: auto;}
#sidhuvud {padding: 10px; margin: 0; background: #8c5c4b;}
#kolumncontainer{float: left; border-right: 1px solid #666666; border-left: 1px solid #666666;}
#kolumn1 {float: left; width: 150px;}
#opacitybox  {float: left; margin: 0; padding: 10px; width: 150px; background: #8c5c4b; font-size: 1.0em; color: #000000; opacity: 0.5; filter: alpha(opacity=50); line-height: 1.8em; }
#kolumn2 {float: left; width: 582px; padding: 10px; background: #fffff0; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em; }
#kolumn3 {float: left; width: 180px; padding: 10px; background: #fffff0; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em; }
#sidfot {clear: both; padding: 10px; background: #8c5c4b; }


/* Sidhuvud och sidfot (hf) runda horn */
.rundh {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #744c3e;}
.rundh_r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #744c3e;}
.rundh_r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #744c3e;}
.rundh_r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #744c3e;}

/* meny */
#menycontainer {float: left; margin: 1em 0 0 1em; padding: 0;}
#meny {margin: 0; padding: 0; list-style-type: none; font-size: 1em; }
#meny a {width: 100px; 10em; text-decoration: none; display: block; padding: 0.3em 1em; margin-bottom: 0.8em; border-bottom: 1px dotted #a1ba67; border-left: 1px none; }
#meny a:link {color: #2d371e; }
#meny a:visited {color: #2d371e; }
#meny a:hover {background: #8c5c4b; }
#meny a#current {font-weight: bold; border-left: 1px solid #8c5c4b; border-right: 10px solid #8c5c4b; width: 100px;  }