body { background: url(img/1back.gif); padding: 30px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }
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: #666666; letter-spacing: 1px;}
h4 {margin: 0 0 5px 0; font-size: 14px; color: #666666; letter-spacing: 1px;}
h5 { margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #302226; letter-spacing: 1px;}
p {line-height: 1.8em; margin: 0 0 5px 0; font-size: 13px; color: #000000}

.text2 {line-height: 1.8em; margin: 5px 0 5px 0; font-size: 13px; color: #000000;}


a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:hover {color: #003399 }







/* SIDLAYOUT */
#layout {float: left; width: 950px;}
/* SIDHUVUD */

#topbasic {float: left; width: 950px;	background: #FFFFFF;}

#sidhuvud {float: left; padding: 5px; margin: 5px; width: 150px;  background: #FFFFFF; }
#top2 {float: left; width: 720px;  padding: 5px; margin: 2px; background: #FFFFFF; }
.sidhuvud_rubrik { font-size: 30px;  letter-spacing: 2px; }

/* KOLUMNBOX */


#kolumncontainer{ background: #FFFFFF; float: left; width: 948px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px dotted #99CCFF; }
/* KOLUMN 1 */
#kolumn1 {opacity: 0.9; filter: alpha(opacity=90); float: left; min-height: 400px; width: 500px; padding: 10px 10px 10px 10px; background: #ffffff; border-right-width: 1px; border-left-width: 1px; border-right-style: ; border-left-style: dotted; border-right-color: #99CCFF; border-left-color: #FF4500; }
#kolumn1 p {line-height: 20px; margin: 0 0 5px 0;}


/* KOLUMN 2 */
#kolumn2 { float: left; width: 200px; padding: 10px 10px 10px 10px; margin: 0 0 0 10px}
#right2 {float: left; width: 150px; padding: 10px 10px 10px 10px; margin:  15px 15px 15px 15px; background: #FFFFFF;  border-bottom: 1px dotted #99CCFF;  border-right: 1px dotted #99CCFF; }
/* KOLUMN 3 */
#kolumn3 {opacity: 0.9; filter: alpha(opacity=90); float: left; min-height: 400px; width: 700px; padding: 10px 10px 10px 10px; background: #ffffff; border-right-width: 1px; border-left-width: 1px; border-right-style: dotted; border-left-style: dotted; border-right-color: #FF4500; border-left-color: #FF4500; }
#kolumn3 p {line-height: 20px; margin: 0 0 5px 0;}

 .gallerycontainer{
position: relative;   }

/*Add a height attribute and set to largest image's height to prevent overlaying*/


.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: FFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/* SIDFOT */
#sidfot {clear: both; padding: 3px 5px 0 5px; background: url(img/topp.jpg);}

/* SIDHUVUD - SIDFOT (hf) RUNDA HÖRN */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #FFFFFF;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFFF;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFFF;}
                                                                                  
/* BOX 1 - innehåll */
#kolumnbox1 { margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; background: #ffffff;}
#kolumnbox1 p {line-height: 15px; margin: 0;}
/* BOX 2 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: #99cc00; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}


/* BOX 2 - innehåll */
#kolumnbox2 { margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; background: #ffffff;}
#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: #99cc00; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund2_r4{margin: 0 1px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}


/* CSS menymall */

         #linksnr3 {font-size: 12px; font-weight: bold; font-family: Verdana; color: #FF0000;}

#menycontainer{float: left; width: 170px; margin: 3px 3px 3px 3px; padding: 5px 5px 5px 5px; font: 11px Verdana, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px dotted #99CCFF; background: #ffffff;}

#meny{margin: 15px 0 0 0; padding: 0;  list-style-type: none;}
#meny a{width: 5em;	text-decoration: none; display: block; padding: 0.3em 2em; margin-bottom: 0.8em; width: 100px;	background: #66CCFF; border-right: 10px solid #FFFFFF;}
#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{border-right: 10px solid #99FF00;}
#meny a#current{font-weight: bold;}


.punktlista {list-style-type: circle}