﻿
body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background:#f4f4f4 url('bilder/bgtest.gif') top center repeat-y; height:100%;}
h1 {font-size: 14px;line-height: normal;color: #333333;}
h2 {font-size: 13px;color: #333333;}
h3 {font-size: 12px;color: #333333;}
p {line-height: 12px; margin: 10px 3px 5px 5px;}
.ljustextstor {font-size: 16px;font-style: normal;font-weight: bold;color: #FFFFFF; margin-left:15px}
.ljustext {font-size: 12px;font-style: normal;font-weight: normal;color: #FFFFFF;}
.ljusrubrik {font-size: 18px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.ljusunderrubrik {padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.text {font-size: 11px;font-style: normal;font-weight: normal;color: #333333;}
.a {font-size: 11px;font-style: normal;font-weight: normal;text-decoration: none;}
.link {font-size: 12px; margin: 10px 3px 5px 5px; text-decoration: underline;}

/* sidlayout */
#layout {width: 860px; margin-right: auto; margin-left: auto; min-height:100%;}
#sidhuvud {float: left; width: 860px; height: Auto; margin:0px; background: #ff8800}
#kolumncontainer{float: left; width: 860px;	background: #fafafa; height:auto;}
#kolumn1 {float: left; width: 140px; padding: 5px; background: #fafafa; margin-top: 15px;}
#kolumn1_search {float: left; width: 680px; padding: 10px; background: #fafafa; margin-top: 15px; z-index:-1;}
#kolumn1_2 {float: left; width: 680px; padding: 10px; background: #fafafa; margin-top: 15px}
#kolumn2 {float: left; width:auto; padding: 5px; background: #fafafa; margin-top: 15px;}
#kolumn2_Tips {float: left; width:540px; padding: 5px; background: #fafafa; margin-top: 15px;}
#kolumn2_2 {float: left; width: 150px; padding-top: 10px; padding: 7px; margin-top: 15px;}
#kolumn3 {float: left; width: 140px; padding: 5px; margin-top: 15px;}
#kolumn3_search {float: left; width: 140px; padding: 10px; margin-top: 15px;}
#sidfot {padding: 10px; background: #fafafa; border-top: 1px solid #d8d8d8; font-size:9px; color:#505050;}
#reklam {padding: 10px; background: #fafafa; text-align:center;}

/* GridView */
.GridView {font-size: 10px; color: #333333;}

/* klasser */
.text_barn {margin: 10px 0px 5px 0px; font-size: 12px; line-height: normal;}
.byline {font-size: 11px;font-style: italic;}

/***** Left menu *****/

ul.avmenu {
width:80%;
margin:1px;
padding:0;
list-style:none;
margin-bottom:10px;
height:80%;
}

ul.avmenu li {
width:80%;
padding:0px;
line-height:2em;
display:inline;
margin: 10px;
}

ul.avmenu li a {
color:#505050;
font-weight:bold;
margin-bottom:5px;
padding:5px;
/*border-left:4px solid #cccccc;*/
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#eaeaea;
/*border-left:4px solid #286ea0;*/
color:#505050;
padding-right:15px;
}


/* Box1 med runda horn - innehall */
.kolumnbox {padding: 10px; background: #cccccc;}
/* Box1 */
.rund1 {background: #cccccc;}
.rundtopp1 {background: #ffffff;}
.rundbotten1 {background: #ffffff; padding-bottom: 10px}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 10px;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('pic/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('pic/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

/*
.black a.aero{
background-image: url('pic/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('pic/aerorightblack.gif');
}

*/
.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

/* breadcrumb */
.breadcrumb{
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(pic/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.post {
	margin: 0;
	padding: 20px 5px 5px 5px;
	Width:520px;
	background: #FFF url(pic/gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
}

.sidebox {
    padding: 20px 5px 5px 5px;
    background: #FFF url(pic/gradientbg.jpg) repeat-x;    
    border: 1px solid #EFEDED;
    margin-bottom: 10px;
}

.sidebox p {font-size:9px}