@import url("meny.css");

body { 
padding: 20px; 
margin: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
background-image: url(../pic/bgo.jpg); 

background-attachment:fixed;
background-position: 50% 50%; 
color: #000000; 
background-color: #FFFFEF; }

h1 { margin: 0 0 5px 0; font-size: 30px; font-weight: normal; letter-spacing: 1px; }
h2 { margin: 0 0 5px 0; font-size: 22px; font-weight: normal; letter-spacing: 1px;}
h3 { margin: 0 0 5px 0; font-size: 18px; font-weight: normal; color: #000000; letter-spacing: 1px;}
h4 {margin: 10px 0 5px 0; font-size: 12px;}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #FF0000; }


/* SIDLAYOUT */
#layout {
/* float: left; */
margin-top: 10px;
margin-bottom: auto; 
margin-left: auto;
margin-right: auto;
width: 950px;
height: 470px; 
}

/* SIDHUVUD */
#sidhuvud {
padding: 0 10px 5px 10px; 
margin: 0; 
background: #E4E4E4; 
border-left: 1px solid #2a2a2a; 
border-right: 1px solid #2a2a2a;
}
.sidhuvud_rubrik { font-size: 20px;  letter-spacing: 2px; }



/* KOLUMNBOX */
#kolumncontainer{ 
float: left; 
width: 948px; 
border: 1px solid #2a2a2a; 
}


/* KOLUMN 1 */
#kolumn1 {
opacity: 0.8; 
filter: alpha(opacity=80); 
float: left; 
height: 470px; 
width: 590px; 
padding: 10px 0px 0px 10px;
background: #ECECEC; 
border-right-width: 1px; 
border-left-width: 1px; 
border-right-style: solid; 
border-left-style: solid;
border-right-color: #2a2a2a; 
border-left-color: #2a2a2a; 
overflow: auto
}

#kolumn1 p {line-height: 15px; margin: 0 0 5px 0; text-indent: 20px;}

/* KOLUMN 2 */
#kolumn2 {
opacity: 0.8; 
filter: alpha(opacity=80); 
float: left; 
width: 150px; 
padding: 10px 10px 10px 10px; 
margin: 0 0 0 10px
}

/* KOLUMN 3 */
#kolumn3 {
opacity: 0.8; 
filter: alpha(opacity=80); 
float: left; 
height: 480px; 
width: 780px; 
padding: 0px 0px 0px 0px; 
background: #ECECEC; 
border-right-width: 1px; 
border-left-width: 1px; 
border-right-style: solid; 
border-left-style: solid; border-right-color: #2a2a2a; 
border-left-color: #2a2a2a; 
}

#kolumn3 p {line-height: 20px; margin: 0 0 5px 0; text-indent: 20px;}


/* KOLUMN 4 */
#kolumn4 {
opacity: 0.8; 
filter: alpha(opacity=80); 
float: left; 
height: 480px; 
width: 610px; 
padding: 0px 0px 0px 0px; 
background: #ECECEC; 
border-right-width: 1px; 
border-left-width: 1px; 
border-right-style: solid; 
border-left-style: solid; border-right-color: #2a2a2a; 
border-left-color: #2a2a2a; 
}

#kolumn4 p {line-height: 20px; margin: 0 0 5px 0; text-indent: 20px;}





/* SIDFOT */
#sidfot {
clear: both; 
padding: 3px 5px 0px 5px; 
background: #E4E4E4; 
border-left: 1px solid #2a2a2a; 
border-right: 1px solid #2a2a2a;
}

/* SIDHUVUD - SIDFOT (hf) RUNDA HÖRN */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #E4E4E4; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; 
border-width: 0 2px;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #E4E4E4; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #E4E4E4; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}


/* BOX 1 - innehåll */
#kolumnbox1 { 
margin: 0; 
padding: 0 10px 0 10px; 
border-left: 1px solid #2a2a2a; 
border-right: 1px solid #2a2a2a; 
background: #ECECEC;
}

#kolumnbox1 p {line-height: 15px; margin: 0;}


/* BOX 1 runda hörn */
.rund1 {margin: 0 0 15px 0; background: none;}
.rundtopp1{background: transparent;}
.rundbotten1{background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; 
border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}


/* BOX 2 - innehåll */
#kolumnbox2 { 
margin: 0; 
padding: 0 10px 0 10px; 
border-left: 1px solid #2a2a2a; 
border-right: 1px solid #2a2a2a; 
background: #ECECEC;
}

#kolumnbox2 p {line-height: 15px; margin: 0;}


/* BOX 2 runda hörn */
.rund2 {margin: 0 0 15px 0; 
background: none;
}

.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; 
border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ECECEC; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a;}

