/*
//---------------------------------------------
//    
//  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(http://sivanto.se/engl/pictures/bakgrund1c.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: #fffff0; background: #744c3e;}
p {margin: 0 0 5px 0;}
a {border-bottom: 1px dotted #000000; text-decoration: none;}
a:link {color: #cc6699;}
a:visited { color: #e1d627;}
a:hover{text-decoration: underline;}
f2
f1

/* sidlayout */
#layout {width: 935px; margin-left: 10%;
margin-right: 10%;}
#sidhuvud {padding: 0px; margin: 0; background: #8c5c4b; margin-left: 10%;
margin-right: 10%; width: 940px;}

#kolumncontainer{margin-left: 10%;
margin-right: 10%; border-right: 1px solid #fffff0; border-left: 1px solid #fffff0;}
#kolumn1 {float: left; width: 150px;}
#opacitybox  {float: left; margin: 0; padding: 10px; background: #8c5c4b; font-size: 1.0em; color:#FFFFFF; opacity: 0.4; filter: alpha(opacity=80); line-height: 1.8em; }
#kolumn2 {float: left; width: 582px; padding: 10px; background: #fffff0; opacity: 0.5; filter: alpha(opacity=90); line-height: 1.8em; }
#kolumn3 {float: left; width: 160px; padding: 10px; background: #cc9999; opacity: 0.7; filter: alpha(opacity=80); line-height: 1.8em; }
#sidfot {clear: both; padding: 10px; background: #8c5c4b; margin-left: 10%; margin-right: 10%; width: 935px;}
 


/* Sidhuvud och sidfot (h) runda horn */
.rundh {background: transparent; margin-left: 10%;
margin-right: 10%; width: 938px;}
.rundtopph {background: transparent; width: 938px;}
.rundh_r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #744c3e; width: 935px;}
.rundh_r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #744c3e; width: 935px;}
.rundh_r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #744c3e; width: 935px;}
.rundh_r4 {margin: 0 1px; height: 1px; overflow: hidden; background: #744c3e; width: 935px;}


/* 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 #8c5c4b; border-left: 1px none; }
#meny a:link {color: #ffccff; }
#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; }