/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
font-weight: 500;
background:#121665 url(img/bg.gif) top center repeat-y;
color:#404040;
}

#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
padding-left:5px; 
width:800px;
}

/***** Various tags *****/

a {
text-decoration:none;
font-weight:bold;
color:#5C93C9;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

/***** Header *****/

#header {
margin:10px 0 0;
padding-left:5px;
height:68px;
}

#header h1 {
color:#13579A;
background-color:inherit;
width:350px;
margin:0 0 2px;
font-size:2.3em;
float:left;
}

#header h1 a {
color:#13579A;
background-color:inherit;
text-decoration:none;
}

#header p {
width:400px;
float:right;
text-align:center;
margin:8px 0 0;
font-weight:bold;
line-height:1.3em;
}

#frontphoto {
text-align: center;
margin:0 4px 7px 4px;
border:0;
}

/***** Vänster kolumn *****/

#leftside {
clear:left;
float:left;
width:140px;
margin:15px 0 5px;
padding:0;
}

#leftside h2 {
color:#000000;
background-color:inherit;
font-size:1.6em;
margin:0 0 5px;
padding:0;
}

#leftside h3 {
color:#505050;
font:Verdana,Tahoma,Arial,sans-serif;
background-color:inherit;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:126px;
font-size:0.9em;
background-color:#f4f4f4;
color:#505050;
border-left:4px solid #cccccc;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}


/*****Ny meny*****/

ul.meny{margin:0; padding:0; list-style-type:none; display:block; font:12px Helvetica, Verdana, Arial, sans-serif; line-height:160%; width:130px;}

ul.meny li{margin:0;padding:0;border-top:2px solid #FFFFFF;border-bottom:2px solid #F7F7F7;}

ul.meny li a{display:block; font-weight: 300; text-decoration:none;color:#000000;background:#F7F7F7;padding:0 0 0 10px;width:130px;}

ul.meny li a:hover{background:#A2D3F2 no-repeat 0 9px;}

ul.meny li a.current,ul.vert-one li a.current:hover{background:#ffffff no-repeat 0 9px;}

ul.nymeny{margin:0;padding:0;list-style-type:none;display:block;font: 12px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:150px;}

ul.nymeny li{margin:0;padding:0;border-top:1px solid #F7F7F7;border-bottom:1px solid #F7F7F7;}

ul.nymeny li a{display:block; font-weight: 300; text-decoration:none;color:#000000;background:#F7F7F7;padding:0 0 0 20px;width:150px;}

ul.nymeny li a:hover{background:#A2D3F2 no-repeat 0 9px;}

ul.nymeny li a.current,ul.vert-one li a.current:hover{background:#ffffff no-repeat 0 9px;}

#blimedlem {
color: white;
background-color: white;
text-align: center;
font-weight: 800;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 3px solid grey;
border-bottom: 3px solid grey;
margin-left: 8px;
padding-bottom: 10px;
padding-top: 10px; 
}

#blimedlem h3 {
color: black;
font-size: 140%;
font-weight: bold;
}

#blimedlem a:hover h3 {
color: #0000FF;
background-color: white;
}

.blur {filter: Blur(Add=1, Direction=0, Strength=15); width: 100%; height: 60px;}



/***** Höger kolumn *****/

#hogerkolumn {
padding: 10px;
float:right;
width:140px;
margin:0px 3px 0px 3px;
padding:0;
line-height:1.0em;}

#hogerkolumn h2 {
font-size: 1.5em;
font-weight: bold;
}

#hogerkolumn a {
line-height:1.0em;
font-size: 1.0em;
font-weight: 500;
color: #000000;
margin:0 0px 0 0px;
padding:0;
}

.ruta {
border: solid 1px #C0C0C0;
padding: 0 5px 0 3px;
margin-right: 3px;
line-height: 1.4em;
}

.ruta li {
margin-left: -35px;
list-style-type: none;
line-height: 1.5em;
text-align: left;
}

.ruta li a {
margin-left: -35px;
text-align: left;
}


/***** Main content *****/

#content {
background-color: #F7F7F7;
margin:0 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}

#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}

#contentwide2 {
margin:10px 50px 10px 200px;
border-right:1px solid #f0f0f0;
padding:0 10px 0 0;
line-height:1.5em;
}

#content h2,#contentwide h2, #contentwide2 h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.3em;
margin:0 0 8px;
}

#content img,#contentwide img, #contentwide2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
background:#ffffff;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#808080;
background-color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes and id *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

#right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}