/** Osteraker **/
/* $Header: /data/cvs/osteraker/phx/var/localized/sv_SE/layout/css/style.css,v 1.15 2009/06/26 09:31:49 al Exp $ */

body {
	margin:10px 0px 0px 0px;
	color: #000;
	background-color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	font-size: 0.70em;
}

td {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	font-size: 0.70em;
}

td td {	font-family: Verdana, Arial, Helvetica, sans-serif;}

/* LEFT NAVIGATION */
td#leftcol {
	vertical-align:top;
	width: 215px;
	padding: 0px 10px 10px 10px;
	border-width: 8px 0px 0px 0px;
}

/* Scalable layout  */
	.content-scale {
		background-color:#fff; 
		width:1000px; 
		vertical-align:top;
		border-style: solid;
		border-width: 1px 2px 2px 1px;
		border-color: #b8b8b8;
		margin: 10px auto;
	}
	
	.imgCol {
		width:205px; 
		height:1px;
	}
	
	.imgMiddle {
		width:290px;
		height:1px;
	}
/* \Scalable layout  */

/* tab layout */

 div.topLinks { border-bottom: 1px solid #a3a3a3; }
 .layout-public div.topLinks { border-bottom: 1px solid #98a8a0; }

/*- Menu Tabs 1--------------------------- */ 

    #topTab1 {
      float:left;
      line-height:normal;
      margin-bottom: -1px;
    }
    #topTab1 ul {
	  margin:0;
	  padding:2px 2px 0 7px;
	  list-style:none;
     }
    #topTab1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topTab1 .ltI {
      float:left;
      margin:0;
      padding:0 0 0 9px;
    }
    
    #topTab1 .ltI  {  background:url("/Resource.phx/layout/img/TopL-public.gif") no-repeat left top; }
    #topTab1 .ltI span { background:url("/Resource.phx/layout/img/TopR-public.gif") no-repeat right top; }
    
    #topTab1 .ltI span {
      font-weight: 100;
      font-family: Arial, Helvetica, sans-serif;
      font-size:1.1em; 
      float:left;
      display:block;
      padding: 3px 10px 3px 0px;
      color:#fff;
    }
    #topTab1 .ltI  a, #topTab1 .ltI  a:hover { text-decoration:none; cursor: pointer; }
    
    .layout-public #topTab1 .tabOver1 span { color:#000; }
    /*  IE5-Mac \*/
    /*#topTab1 a span {float:none;} */
    /* End IE5-Mac  */

     .layout-public #topTab1 .tabOver1 { background-image:url("/Resource.phx/layout/img/TopL-publicLight.gif"); }
     .layout-public #topTab1 .tabOver1 span { background-image:url("/Resource.phx/layout/img/TopR-publicLight.gif"); }
    
     /*- Menu Tabs 2--------------------------- */ 

    #topTab2 {
      float:right;
      line-height:normal;
       margin-bottom: -1px;
     }
    #topTab2 ul {
	  margin:0;
	  padding:2px 3px 0 2px;
	  list-style:none;
    }
    #topTab2 li {
      display:inline;
      margin:0;
      padding:0;
      border-bottom: 1px solid #b8b8b8;
      }
    #topTab2 .ltI {
      float:left;
      margin:0;
      padding:0 0 0 9px;
    }
    #topTab2 .ltI a, #topTab2 .ltI a:hover{ text-decoration:none;cursor: pointer; }
    #topTab2 .ltI span {
      font-weight: 100;
      font-family: Arial, Helvetica, sans-serif;
      font-size:1.1em;
      float:left;
      display:block;
      padding: 3px 10px 3px 0px;
      color:#000;
      }
      
      #topTab2 .darkgreen .ltI { background:url("/Resource.phx/layout/img/TopL-darkgreen.gif") no-repeat left top; }
      #topTab2 .green .ltI { background:url("/Resource.phx/layout/img/TopL-green.gif") no-repeat left top; }
      #topTab2 .red .ltI{ background:url("/Resource.phx/layout/img/TopL-red.gif") no-repeat left top; }
      #topTab2 .blue .ltI { background:url("/Resource.phx/layout/img/TopL-blue.gif") no-repeat left top; }
      #topTab2 .yellow .ltI { background:url("/Resource.phx/layout/img/TopL-yellow.gif") no-repeat left top; }
      
      #topTab2 .darkgreen .ltI span { font-weight: 100; background:url("/Resource.phx/layout/img/TopR-darkgreen.gif") no-repeat right top; }
      #topTab2 .green .ltI span { font-weight: 100; background:url("/Resource.phx/layout/img/TopR-green.gif") no-repeat right top; }
      #topTab2 .red .ltI span { font-weight: 100; background:url("/Resource.phx/layout/img/TopR-red.gif") no-repeat right top; }
      #topTab2 .blue .ltI span { font-weight: 100; background:url("/Resource.phx/layout/img/TopR-blue.gif") no-repeat right top; }
      #topTab2 .yellow .ltI span { font-weight: 100; background:url("/Resource.phx/layout/img/TopR-yellow.gif") no-repeat right top; }
   
      #topTab2 .darkgreen .tabOver2 {background-image:url("/Resource.phx/layout/img/TopL-darkgreenLight.gif"); }
      #topTab2 .darkgreen .tabOver2 span { font-weight: 100; background-image:url("/Resource.phx/layout/img/TopR-darkgreenLight.gif"); }
      #topTab2 .green .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-greenLight.gif"); }
      #topTab2 .green .tabOver2 span { font-weight: 100; background-image:url("/Resource.phx/layout/img/TopR-greenLight.gif"); }
      #topTab2 .red .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-redLight.gif"); }
      #topTab2 .red .tabOver2 span {font-weight: 100;  background-image:url("/Resource.phx/layout/img/TopR-redLight.gif"); }
      #topTab2 .blue .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-blueLight.gif"); }
      #topTab2 .blue .tabOver2 span {font-weight: 100; background-image:url("/Resource.phx/layout/img/TopR-blueLight.gif"); }
      #topTab2 .yellow .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-yellowLight.gif"); }
      #topTab2 .yellow .tabOver2 span {font-weight: 100; background-image:url("/Resource.phx/layout/img/TopR-yellowLight.gif"); }

     /*  IE5-Mac \*/
    #topTab2 a span {float:none;}
    /*  IE5-Mac  */
/* Colors */

     .layout-public #searchbox, .layout-public #navipath, .layout-public .searchBox { background-color: #e9edf0; }
     .layout-darkgreen #searchbox, .layout-darkgreen #navipath, .layout-darkgreen .searchBox, .layout-darkgreen #leftcol { background-color:#c7d9ae; }
     .layout-green #searchbox, .layout-green #navipath, .layout-green .searchBox, .layout-green #leftcol { background-color: #e9fbe3; }
     .layout-red #searchbox, .layout-red #navipath, .layout-red .searchBox, .layout-red #leftcol { background-color: #eba993; }
     .layout-yellow #searchbox, .layout-yellow #navipath, .layout-yellow .searchBox, .layout-yellow #leftcol { background-color: #f6e7b6; }
     .layout-blue #searchbox, .layout-blue #navipath, .layout-blue .searchBox, .layout-blue #leftcol { background-color: #8ab1da; }
     
     .content-scale .searchBox input {border-color: #b6c6be; }
     
   /* \Colors */

    .content-scale td#leftcol {
	     vertical-align: top;
	     width: 224px;
	     border-right: 1px solid #b8b8b8;
	     padding:0px;
     }
     
     .content-scale  #content {
	     vertical-align: top;
	     padding: 0 21px 20px 21px;
     }
     
     .content-scale  #rightcol {
	    vertical-align: top;
	    width: 205px;
	    padding: 20px 20px 20px 5px;
     }
     
     #navipath { border-bottom: 1px solid #b8b8b8; }
     
     #navipath img { border:0px; vertical-align: middle; }
     #navipath span {
	 float: left;
	 vertical-align: middle;
	 padding: 3px 5px 5px 15px;
	 font-family: Arial, Helvetica, sans-serif;
     }
     #navipath span.loggaUt {
	 float: right;
	 vertical-align: middle;
	 padding: 5px 23px 5px 0px;
	 font-size:1.1em;
     }
     #navipath span.loggaIn {
	 float: right;
	 vertical-align: middle;
	 padding: 5px 23px 5px 0px;
	 font-size:1.1em;
     }
     #navipath span.loggaUt a {  font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
     
     .searchBox {
	  border-bottom: 1px solid #b8b8b8;
	  padding: 4px 5px 2px 5px;
	 font-family: Arial, Helvetica, sans-serif;
     }
     .searchBox form { padding: 0 0 6px 0; }
     .searchBox img img {border:0px; vertical-align: middle; }
     .searchBox .tb {
	     width:117px;
	     border-width: 1px;
	     margin-right:2px;
	     border-style:solid;
     }
     .searchBox a:link , .searchBox a:visited, .searchBox a:active, .searchBox a:hover{
	     font-weight: bold;
	     font-family: Arial, Helvetica, sans-serif;
	     
	     font-size:1.1em;
	     
    }
    .searchBox span {  padding-right: 13px; }
    .searchBox span.ao { padding-right:0px; padding-left: 38px; }

   .menuBox { padding: 0px 10px 14px 14px; }
     .clear {
	clear: both;
	display: block;
     }
/* \ tab layout */


input,select,textarea {	font-size: 1em; }

/* MAIN COLORS FOR COLUMNS */

/* columns box colors */
	
	.leftb-white {border: 1px solid #fff;color:#333}
	.leftb-blue {border: 1px solid #005596;}
	.leftb-red {border: 1px solid #A2192B;}
	.leftb-yellow {border: 1px solid #a39771;}
	.leftb-orange {border: 1px solid #C9A97D;}
	.leftb-green {border: 1px solid #909c81;}
	
	.lefth-white {background-color:#fff;}
	.lefth-blue {background-color:#005596;}
	.lefth-red {background-color:#A2192B;}
	.lefth-yellow {background-color:#a39771;}
	.lefth-orange {background-color:#C9A97D;}
	.lefth-green {background-color:#909c81;}

	#hRubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	}
/* \LEFT */

/* \MAIN COLORS FOR COLUMNS */
/* MAIN COLORS */
	.topblue {background-color:#D7DCE7;}
	.topred {background-color:#FFBDAD;}
	.topyellow {background-color:#FFFEA7;}
	.toporange {background-color:#DAD39C;}
	.topgreen {background-color:#B7CAE7;}
	
	.blueborder {border: 1px solid #D7DCE7;}
	.redborder {border: 1px solid #FFBDAD;}
	.yellowborder {border: 1px solid #FFFEA7;}
	.orangeborder {border: 1px solid #DAD39C;}
	.greenborder {border: 1px solid #B1D6F4;}

/* PUBLIC ELEMENTS */

#start-text { padding: 0px 8px 8px 8px; }

#start-line {
	border: 1px solid #B6CCD6;
	padding: 8px;
	font-size: 0.82em;
}

#start-headblue {
	color: #fff;
	font-size: 0.87em;
	font-weight: bold;
	padding: 2px 2px 1px 8px;
	background-color: #99BBCA;
}

.content-white {
	border: 1px dotted #A7A7A7;
	border-width: 1px 0px 0px 0px;
}

.rightcol-white {
	border: 1px dotted #A7A7A7;
	border-width: 1px 1px 0px 0px;
}

#start-blue {
	color: #000;
	background-color: #fff;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	background-color:#E2F2F9;
}

#start-headorange {
	color: #fff;
	font-size: 0.87em;
	font-weight: bold;
	padding: 2px 2px 1px 8px;
	background-color: #E7B77E;
}

#start-orange{
	color: #000;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	background-color: #F0D8BC;
}

#start-orange submit {
	background-color: #E7B77E;
	color: #fff;
}

/* LEFT MENU ELEMENTS */

#lefthead {
	color: #fff;
	font-size: 0.87em;
	font-weight: bold;
	padding: 2px 2px 1px 8px;
}

#leftcol #leftframe a.newmenu, #leftcol #lefthead a,#leftcol #leftframe2 a,#leftcol #lefthead2 a { color: #000; text-decoration: none; }
#rightcol #leftframe a, #rightcol #lefthead a,#rightcol #leftframe2 a,#rightcol #lefthead2 a { text-decoration: none; }
#rightcol #leftframe a:hover, #rightcol #lefthead a:hover,#rightcol #leftframe2 a:hover,#rightcol #lefthead2 a:hover { text-decoration: underline; }

#leftframe {
	color: #000;
	background-color: #fff;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #005294; /*  071205 I added this */
	margin: 0px 0px 10px 0px;
}

#leftframe2 {
	color: #000;
	background-color: #fff;
	padding: 8px;
	margin: 0px 0px 10px 0px;
}

#leftframe img , #leftframe2 img {margin: 0px 0px 5px 0px; }


    .content-scale #lefthead {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	  padding: 3px 10px 3px 10px;
	 font-weight: bold;
     }
  
     .layout-public #lefthead { background: #005596; color: #fff; }
     .layout-public #leftframe {border-color: #005596; background-color: #fff;}
     .layout-darkgreen #lefthead { background: #909c81; color: #fff; }
     .layout-darkgreen #leftframe {border-color: #909c81; background-color: #fff;}
     .layout-green #lefthead { background: #909c81; color: #fff; }
     .layout-green #leftframe {border-color: #909c81; background-color: #fff;}
     .layout-red #lefthead { background: #906e63; color: #fff; }
     .layout-red #leftframe {border-color: #906e63; background-color: #fff;}
     .layout-yellow #lefthead { background: #a39771; color: #fff; }
     .layout-yellow #leftframe {border-color: #a39771; background-color: #fff;}
     .layout-blue #lefthead { background: #005596; color: #fff; }
     .layout-blue #leftframe {border-color: #005596; background-color: #fff;}
     
     /* Hogerspalt selections */
     div.hgRed { background-color:#FDE2DA; }
     div.hgBlue { background-color:#E9F2F5; }
     div.hgYellow { background-color:#F9E8D1; }
     div.hgOrange { background-color:#F9E8D1; }
     div.hgGreen { background-color:#e9edf0; }
     div.hgWhite { background-color:#fff; }
     /* \Hogerspalt selections */

/* RIGHT MENU ELEMENTS */

#righthead {
	color: #fff;
	background-color: #9BC4AF;
	font-size: 0.87em;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
}

#rightframe a, #righthead a { color: #000; text-decoration: none; }

#rightframe {
	color: #000;
	background-color: #e9edf0;
	padding: 8px 8px 8px 6px;
	margin: 0px 0px 10px 0px;
}

#righframe img { margin: 0px 0px 5px 0px; }

/* CONTENT CEL */

#content {
	vertical-align:top;
	padding: 10px;
}

#contentbox {
	padding: 10px 0px 10px 0px;
	border: 2px dotted #E3E3E3;
	border-width: 0px 0px 2px 0px;
	font-size: 0.87em;
}

#contentbox a {
	color: #0D5D90;
	text-decoration: none;
}

/* Nytt fonster layout */

/* FONSTER layout colors */
.left-green {
	background-color:#B1D6F4;
	border: 1px solid #B1D6F4;
}
.left-blue {
	background-color:#D7DCE7;
	border: 1px solid #D7DCE7;
}
.left-red {
	background-color:#FDBEAC;
	border: 1px solid #FDBEAC;
}
.left-orange {
	background-color:#DAD39C;
	border: 1px solid #DAD39C;
}
.left-yellow {
	background-color:#FFFEA7;
	border: 1px solid #FFFEA7;
}
/* \FONSTER layout colors */

.frame-fonster { width: 1024px; background-color: #fff; }

/* RIGHT */
.right-blue {
	border-right: 1px solid #D7DCE7;
}
.right-green {
	border-right: 1px solid #B1D6F4;
}
.right-red {
	border-right: 1px solid #FDBEAC;
}
.right-yellow {
	border-right: 1px solid #FFFEA7;
}
.right-orange {
	border-right: 1px solid #DAD39C;
}
/* \RIGHT */

/* CONTENT 2 */
.content2-blue {
	border: 1px solid #D7DCE7;
	border-width: 8px 1px 0px 0px;
	padding:15px;
}
.content2-green {
	border: 1px solid #B1D6F4;
	border-width: 8px 1px 0px 0px;
	padding:15px;
}
.content2-red {
	border: 1px solid #FDBEAC;
	border-width: 8px 1px 0px 0px;
	padding:15px;
}
.content2-yellow {
	border: 1px solid #FFFEA7;
	border-width: 8px 1px 0px 0px;
	padding:15px;
}
.content2-orange {
	border: 1px solid #DAD39C;
	border-width: 8px 0px 0px 0px;
	padding:15px;
}
/* \CONTENT2 */

/* Header */
.header-blue {
	border: 1px solid #D7DCE7;
	border-width: 8px 1px 8px 8px;
}
.header-green {
	border: 1px solid #B1D6F4;
	border-width: 8px 1px 8px 8px;
}
.header-red {
	border: 1px solid #FDBEAC;
	border-width: 8px 1px 8px 8px;
}
.header-yellow {
	border: 1px solid #FFFEA7;
	border-width:8px 1px 8px 8px;
}
.header-orange {
	border: 1px solid #DAD39C;
	border-width:8px 1px 8px 8px;
}
/* Header2 */
.header2-blue {
	border: 1px solid #D7DCE7;
	border-width: 8px 1px 0px 8px;
}
.header2-green {
	border: 1px solid #B1D6F4;
	border-width: 8px 1px 0px 8px;
}
.header2-red {
	border: 1px solid #FDBEAC;
	border-width: 8px 1px 0px 8px;
}
.header2-yellow {
	border: 1px solid #FFFEA7;
	border-width: 8px 1px 0px 8px;
}
.header2-orange {
	border: 1px solid #DAD39C;
	border-width: 8px 0px 0px 8px;
}
/* \Header2 */

/* \Nytt fonster layout */

/* RIGHT CEL */
td#rightcol {
	vertical-align:top;
	width:215px;
	padding: 10px;
}

/* HEADERS & TEXTS */

div.spaltrubrik { margin: 0px 0px 9px 0px; }

.spaltrubrik, .serviceheader, .superheader, h1 {
	color: #6E8990;
	font-weight: bold;
	font-size: 1.2em;
}

div.spaltrubrik, div.serviceheader, div .serviceheader {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.artikelrubrik, .fieldheader, h2{
	font-size: 1em;
	font-weight: bold;
}

.versalrubrik, .columnheader, h3 {
	font-size: 0.87em;
	font-weight: bold;
}

.notisrubrik {
	font-size: 0.87em;
	font-weight: bold;
}

/* RIGHTTEXTS*/
#rightrubrik {
	font-size: 0.87em;
	font-weight: bold;
	color: #83AE98;
	padding-left: 10px;
}

#rightcol #lefthead,#rightcol #hRubrik, #rightrubrik { font-family: Verdana, Arial, Helvetica, sans-serif; }

#right-yellow-box {
	border: 1px solid #EDD081;
	padding: 10px;
}

/* HEADER CEL */

#header-table {	margin-bottom: 5px; }

#logocol {
	text-align: left;
	vertical-align: middle;
	width: 235px;
}

#logocol img { margin-left:10px; }

#bancol {
	background: url("/Resource.phx/layout/img/varmdo-view.jpg") top right no-repeat;
	max-width: 765px;
}

/* SEARCH BOX */

#searchbox {
	border: 1px solid #E3E3E3;
	padding: 3px;
	background-color: #fff;
}

#searchbox input {
	color: #333;
	font-size: 0.80em;
	font-weight: bold;
	border: 1px ridge #E3E3E3;
	height: 16px;
}

#searchtext {
	color: #333;
	background: #E0E0E0;
	font-size: 0.80em;
	font-weight: bold;
	border: 1px ridge #E3E3E3;
	padding: 2px;
	margin-right:2px;
}

/* RIGHT CEL */

ul#redhat {
	  list-style: none;
	  list-style-position: outside;
	  margin: 0;
	  padding: 0;
	  width: 14.5em;
}
ul#redhat li {
	  display: inline;
	  list-style: none;
	  
	  margin: 0;
	  padding: 0;
}

ul#redhat li, ul#redhat li a { 
	  color: #369;
	  display: block;
	  width: 14.5em;
}

ul#redhat li a:hover {	color: #369; }

/* FOOTER */

.adress-start { width:770px; }

#adress {
	text-align:center;
	padding: 3px 0px 10px 0px;
}

.nav {color: #6C6C6C; font-weight: bold;}
.nav:hover {color: #C5D5E7; font-weight: bold;}

.headline { font-size:1.2em; color: #698E9F; font-weight: bold;}
.subHeadline {font-size: 1.1em; color: #698E9F; font-weight: bold;}
.boxHead {color: #fff; font-weight: bold;}

.normal {color: #000; font-weight: normal;}
.normalSmall {color: #000; font-weight: normal;}
.normalMini {color: #000; font-weight: normal;}

.featurePictext {color: #000; font-weight: normal; vertical-align: middle;}
.featurePicbox {width : 185px; border: 1px solid #B6CCD6; background-color: #fff;}
.featureBox {width : 185px; border: 1px solid #EDD081; background-color: #fff;}

.newsDate {color: #E68918; font-weight: normal; vertical-align: middle;}

a:link, a:visited, #content a.lasmer {color: #369; text-decoration: none;}
a:active, a:hover, #content a.lasmer:active, #content a.lasmer:hover  {color: #369; text-decoration: underline;}

.blackLink {color: #000; font-weight: normal; text-decoration: none;}
.blackLink:hover {color: #000; font-weight: normal; text-decoration: underline;}



@media print {
     body {
        background-color: #fff;
        background-image: none;
     }
}

/*** \Osteraker ***/