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; margin: 10px 3px 5px 5px;}
h2 {font-size: 13px; color: #333333; margin: 10px 0px 5px 5px;}
h3 {font-size: 12px; color: #333333; margin: 10px 0px 5px 0px;}
p {font-size: 12px; line-height: 140%; 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: 900px; margin-right: auto; margin-left: auto; min-height:100%;}
#sidhuvud {float: left; width: 900px; height: Auto; margin:0px; background: #FFFFFF}
#kolumncontainer{float: left; width: 900px; height:auto; background: #FFFFFF;}
#kolumn1 {float: left; width: 150px; padding-left: 8px; 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-left: 8px; margin-top: 15px;}
#kolumn2_Tips {float: left; width:410px; padding-left: 15px; background: #fafafa; margin-top: 15px;}
#kolumn2_2 {float: left; width: 150px; padding-top: 10px; padding: 7px; margin-top: 15px;}
#kolumn3 {float: left; width: 150px; padding-left: 8px; margin-top: 15px;}
#kolumn3_search {float: left; width: 145px; padding: 10px; margin-top: 15px;}
#sidfot {padding: 20px; background: #FFFFFF;; font-size:9px; color:#505050; text-align: center;}
#reklam {padding: 10px; background: #FFFFFF; text-align:center;}

/* GridView */
.GridView {font-size: 12px; color: #3A3D40;}
.GridViewFoter { font-weight:bold; font-size: 12px; color: #3A3D40;}

/* klasser */
.text_barn {margin: 10px 0px 5px 0px; font-size: 12px; line-height: normal;}
.byline {font-size: 11px;font-style: italic;}

/***** Left menu *****/


/*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:560px;
	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;*/
}

.sidebox p {font-size:9px}



/*TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-TEST-*/

.sidebarmenu {background: #E9E9E9;}
.sidebarmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
 
.sidebarmenu ul li{
position: relative;
padding-bottom: 1px; /*bottom spacing between menu items*/
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font: normal 12px Arial;
color: #3A3D40;
text-decoration: none;
padding: 5px;
/*border-bottom: 1px solid #778;
border-right: 1px solid #778;*/
background: #E9E9E9
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #E9E9E9; /*background of tabs (default state)*/
}


.sidebarmenu ul li a:hover {
    color: black;
    background: #CCCCCC;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(./pic/icon-green-arrow.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.headerbar
{
    font: 13px Verdana;
    color: white;
    background: #0368A0; /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 1px; /*bottom spacing between header and rest of content*/
    margin-top: 0;
    text-transform: uppercase;
    padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
}

/*Test ny h meny*/

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 2px solid #0368A0; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 7px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 10px 20px; /*Padding within each menu item*/
background-color: #E9E9E9; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #0368A0; /*Red color theme*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #0368A0; /*Red color theme*/
color: white;
}