﻿body {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;background-image: url('bg2.jpg')}
h1 {margin: 0; font-size: 1.2em;color:#336699}
h2 {margin: 0.5em 0 0 0; font-size: 1em;color:red;}
.h2 {margin: 0.5em 0 0 0; font-size: 1,2em;color:#777777;font-weight:bold;}
h3 {margin: 0; font-size: 0.9em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
p {line-height: 1.2em; margin: 0.8em 0 0  0;color:#000000;}
a {	color: #000080;	text-decoration: none;}
a:visited {}
a:active {}
a:hover {color: #C0C0C0;text-decoration: none;}
ul{list-style-type: disc}
li{padding-bottom:0.5em;}
.list{
	margin: 00px;
	padding: 0 0 0 20px;
	width: 220px;
	float: left;
	z-index: 2;
}
.txtbox {padding:0;margin:0;float:left; width:230px;}
.txtwide{padding:0;margin:0;clear:both; width:470}
.h200{height:180px;}


/* Sidlayout */
#layout {width: 736px; height: 500px; MARGIN: auto}
#sidhuvud {padding: 0; margin: 0;}
#header2{clear: both; width: 736px; padding: 0 margin: 0}
#kolumncontainer{float: left; width: 732px;border-left: 2px solid #336699;border-right: 2px solid #336699; background: #FFFFFF;min-height:500px;display: inline; }
#kolumn1 {float: left; width: 490px; padding: 10px;	border-left: 0px solid #336699;}
#kolumn2 {float: left; width: 200px; padding: 10px; border-left: 1px solid #336699;d}
#kolumnscroll {float: left; width: 200px; height: 500px;padding: 10px; border-left: 1px solid #336699;overflow:auto;}
#sidfot {clear: both; width: 736px; padding: 10px 0 0 0; margin: 0; text-align:center; color:#FFFFFF;font-size: 0.7em;}
#sidfot2 {clear: both; width: 736px; padding: 0 margin: 0}

/*Meny */
#menycontainer {padding: 0; margin: 0;}
#menycontainer ul {margin: 0; padding:0;}
#menycontainer li {list-style: none; float: left; padding: 0 0.2em 0 0; color: #000000;position:relative;top:2px;z-index:2;}
.menycontent {display: block; padding: 0 0 0.1em 0; background: #336699; color: #FFFFFF; text-align: center; 
border-left: 2px solid #336699; border-right: 2px solid #336699;font-size:1.1em}
a.meny, a.meny:visited {width: 7em; display: block; text-decoration: none;}
a.meny:hover {background: transparent;}
a#current .menycontent, a#current .r3, a#current .r4, a#current .r5 {background: #ffffff; color:#336699}
a.meny:hover .menycontent, a.meny:hover .r3, a.meny:hover .r4, a.meny:hover .r5 {background:#aaaaaa}

/* Link in righr pane*/
#link{color: #336699;list-style: none;padding:5px; margin:0;line-height:2em;font-size:1.2em}
#linkcontainer{height:180px;}
#linkcontainer ul li{padding:0; margin:0;list-style-type: none;}
#linkcontainer ul li a{background: transparent url("symbol.gif") left center no-repeat; padding-left: 15px; text-decoration: none;}
#linkcontainer ul li a:hover{background: transparent url("symbol_over.gif") left center no-repeat;color:#333333;}
#linkcontainer ul li a#current{background: transparent url("symbol_active.gif") left center no-repeat;}


.imgNoBorder {border-width: 0px;}
.topBorder { margin-top: 10px;margin-bottom: 10px;}
.imgPortrait { float: left;	margin: 10px 20px 10px 0px;	width: 120px; height: 120px;display: inline}
.imgBottomRight { position:none; bottom:10px; width: 200px; height: 200px;}
.imgBottomLeft { left:10px;bottom :10px; width: 200px; height: 250px;}
.imgNoBorder {border-width: 0px;}
.imgButton { border-width: 0px;	float:none;}
.imgLeft {
	padding: 20px 20px 20px 0;
	float: left;
	display: inline;
}
.pagebutton {float:left;width:100px;margin-right:4px}
.imgCenter {margin-left:90px;margin-top:10px;}

.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #336699;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #336699;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #336699; border-left:4px solid #336699 ; border-right: 4px solid #336699;}
.r4{margin: 0 1px; height: 1px; overflow: hidden; background: #336699; border-left:3px solid #336699 ; border-right: 3px solid #336699;}
.r5{margin: 0 1px; height: 1px; overflow: hidden; background: #336699; border-left:2px solid #336699 ; border-right: 2px solid #336699;}

.rw1{margin: 0 5px; height: 1px; overflow: hidden; background: #336699}
.rw2{margin: 0 3px; height: 1px; overflow: hidden; background: #336699}
.rw3{margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:3px solid #336699 ; border-right: 3px solid #336699;}
.rw4{margin: 0 1px; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:3px solid #336699 ; border-right: 3px solid #336699;}
.rw5{margin: 0 1px; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:2px solid #336699 ; border-right: 2px solid #336699;}

.rc1{margin: 0 5px 0 0; height: 1px; overflow: hidden; background: #336699}
.rc2{margin: 0 3px 0 0; height: 1px; overflow: hidden; background: #336699}
.rc3{margin: 0 2px 0 0; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:2px solid #336699 ; border-right: 3px solid #336699;}
.rc4{margin: 0 1px 0 0; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:2px solid #336699 ; border-right: 3px solid #336699;}
.rc5{margin: 0 1px 0 0; height: 1px; overflow: hidden; background: #FFFFFF ;border-left:2px solid #336699 ; border-right: 2px solid #336699;}

/* Box1 med runda horn - innehall */
#kolumnbox1 {margin: 0 10px; background: #bb8624;}
#kolumnbox1 p {margin-bottom: 0px;}
/* Box1 */
.rund1 {background: #bb8624;}
.rundtopp1 {background: #dba742;}
.rundbotten1 {background: #dba742;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #bb8624;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #bb8624;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #bb8624;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #bb8624;}

/* Box2 med runda horn - innehall */
#kolumnbox2 {margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}
#kolumnbox2 p {margin-bottom: 0px;}
/* Box2 */
.rund2 {background: none;}
.rundtopp2 {background: #dba742;}
.rundbotten2 {background: #dba742;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}

/* Box3 med runda horn - innehall */
#kolumnbox3 {margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffff99;}
#kolumnbox3 p {margin-bottom: 0px;}
/* Box3 */
.rund3 {background: none;}
.rundtopp3 {background: #dba742;}
.rundbotten3 {background: #dba742;}
.rund3_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffff99; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund3_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffff99; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffff99; border-left: 1px solid #000000; border-right: 1px solid #000000;}

