/** Vaxholm **/

/* $Header: /data/cvs/vaxholm/phx/var/localized/sv_SE/layout/css/style.css,v 1.10 2009/12/04 12:39:29 al Exp $ */

body {
	margin:10px 0px 0px 0px;
	color: #000;
	
	background-color: #ebebeb; 
	
	font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

td {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	/*font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;*/
}

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 #7e7e7e; }

/*- 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;
      border-bottom: 1px solid #7e7e7e;
    }
    #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-family: Arial, Helvetica, sans-serif;
      font-size:1.1em; 
      float:left;
      display:block;
      padding: 6px 10px 5px 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 #7e7e7e;
    }
    #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-family: Arial, Helvetica, sans-serif;
      font-size:1.1em;
      float:left;
      display:block;
      padding: 6px 10px 5px 0px;
      color:#fff;
      }
     /* #topTab2 .tabOver2 span { color:#000;} */
      #topTab2 .lime .ltI { background:url("/Resource.phx/layout/img/TopL-limeLight.gif") no-repeat left top; }
      #topTab2 .green .ltI { background:url("/Resource.phx/layout/img/TopL-greenLight.gif") no-repeat left top; }
      #topTab2 .red .ltI{ background:url("/Resource.phx/layout/img/TopL-redLight.gif") no-repeat left top; }
      #topTab2 .brown .ltI { background:url("/Resource.phx/layout/img/TopL-brownLight.gif") no-repeat left top; }
      #topTab2 .orange .ltI { background:url("/Resource.phx/layout/img/TopL-orangeLight.gif") no-repeat left top; }
      
      #topTab2 .lime .ltI span {background:url("/Resource.phx/layout/img/TopR-limeLight.gif") no-repeat right top; }
      #topTab2 .green .ltI span { background:url("/Resource.phx/layout/img/TopR-greenLight.gif") no-repeat right top; }
      #topTab2 .red .ltI span { background:url("/Resource.phx/layout/img/TopR-redLight.gif") no-repeat right top; }
      #topTab2 .brown .ltI span {  background:url("/Resource.phx/layout/img/TopR-brownLight.gif") no-repeat right top; }
      #topTab2 .orange .ltI span { background:url("/Resource.phx/layout/img/TopR-orangeLight.gif") no-repeat right top; }
   
      #topTab2 .lime .tabOver2 {background-image:url("/Resource.phx/layout/img/TopL-lime.gif"); }
      #topTab2 .lime .tabOver2 span {  background-image:url("/Resource.phx/layout/img/TopR-lime.gif"); }
      #topTab2 .green .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-green.gif"); }
      #topTab2 .green .tabOver2 span { background-image:url("/Resource.phx/layout/img/TopR-green.gif"); }
      #topTab2 .red .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-red.gif"); }
      #topTab2 .red .tabOver2 span { background-image:url("/Resource.phx/layout/img/TopR-red.gif"); }
      #topTab2 .brown .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-brown.gif"); }
      #topTab2 .brown .tabOver2 span { background-image:url("/Resource.phx/layout/img/TopR-brown.gif"); }
      #topTab2 .orange .tabOver2  {background-image:url("/Resource.phx/layout/img/TopL-orange.gif"); }
      #topTab2 .orange .tabOver2 span { background-image:url("/Resource.phx/layout/img/TopR-orange.gif"); }

     /*  IE5-Mac \*/
    #topTab2 a span {float:none;}
    /*  IE5-Mac  */
/* Colors */
     .layout-public #searchbox, .layout-public #navipath, .layout-public .searchBox { background-color: #e0e5ea; }
     .layout-lime #searchbox, .layout-lime #navipath, .layout-lime .searchBox, .layout-lime #leftcol { background-color:#808000; }
     .layout-green #searchbox, .layout-green #navipath, .layout-green .searchBox, .layout-green #leftcol { background-color: #78946d; }
     .layout-red #searchbox, .layout-red #navipath, .layout-red .searchBox, .layout-red #leftcol { background-color: #a83b00; }
     .layout-orange #searchbox, .layout-orange #navipath, .layout-orange .searchBox, .layout-orange #leftcol { background-color: #d6a64c; }
     .layout-brown #searchbox, .layout-brown #navipath, .layout-brown .searchBox, .layout-brown #leftcol { background-color: #775d55; }
     .layout-lime #navipath,.layout-lime #navipath a,  .layout-red #navipath,  .layout-red #navipath a, 
     .layout-orange #navipath,.layout-orange #navipath a, .layout-brown #navipath,  .layout-brown #navipath a { color: #fff; }
     .content-scale .searchBox input {border-color: #b6c6be; }
/* \Colors */

    .content-scale td#leftcol {
	     vertical-align: top;
	     width: 224px;
	     border-right: 1px solid #7e7e7e;
	     padding:0px;
     }
     .layout-public td#leftcol { border-right: 1px solid #c4c4c4; }
     
     .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 #7e7e7e; }
     .layout-public  #navipath {  border-bottom: 1px solid #c4c4c4; }
     #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 9px 5px 0px;
     }
     #navipath span.loggaIn {
	 float: right;
	 vertical-align: middle;
	 padding: 5px 9px 5px 0px;
     }
     #navipath span.loggaUt a {  font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
     
     .searchBox {
	  border-bottom: 1px solid #7e7e7e;
	    padding: 4px 10px 2px 15px;  
     }
     .layout-public  .searchBox { border-bottom: 1px solid #c4c4c4; }
     .searchBox form { padding: 0 0 6px 0; }
     .searchBox img img {border:0px; vertical-align: middle; }
     .searchBox .tb {
	     width:148px;
	     border-width: 1px;
	     margin-right:2px;
	     border-style:solid; 
     }
     .searchBox a {
	     font-weight: bold;
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:1.1em;
     }
     .searchBox span { padding-right: 85px; }
     
     .menuBox { padding: 0px 10px 14px 14px; }
     .clear {
	clear: both;
	display: block;
     }
/* \ tab layout */


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

/* MAIN COLORS FOR COLUMNS */
	#hRubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	}
	
     /*  columns box colors */
	.lefth-blue {background-color:#4a6e9b;}
	 #rightcol .lefth-blue {background:#4a6e9b url(/Resource.phx/layout/img/headBack-blue.gif) repeat-x;}
	.lefth-red {background-color:#7b2b00;}
	.lefth-olive {background-color:#626200;}
	.lefth-brown {background-color:#57443f;}
	.lefth-orange {background-color:#aa833b;}
	.lefth-green {background-color:#5a6e52;}
	
	.leftb-blue {border: 1px solid #4a6e9b;}
	.leftb-red {border: 1px solid #7b2b00;}
	.leftb-olive {border: 1px solid #626200;}
	.leftb-brown {border: 1px solid #57443f;}
	.leftb-orange {border: 1px solid #aa833b;}
	.leftb-green {border: 1px solid #5a6e52;}
     /* \columns box colors */
	
/* \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:9px;*/
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, #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; }

#leftframe {
	color: #000;
	background-color: #fff;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #4a6e9b;
	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: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 padding: 3px 10px 3px 10px;
	 font-weight: bold;
     }
    .startpage a.newmenu2 {font-size: 1.6em;  color: #0b3d92; font-weight: 600;}
    
    
     .content-scale #lefthead { background: #4a6e9b; color: #fff; }
     .content-scale #leftframe {border-color: #4a6e9b; background-color: #fff;}

     .layout-public #lefthead { background: #4a6e9b; color: #fff; }
     .layout-public #leftframe {border-color: #4a6e9b; background-color: #fff;}
     .layout-lime #lefthead { background: #626200; color: #fff; }
     .layout-lime #leftframe {border-color: #626200; background-color: #fff;}
     .layout-green #lefthead { background: #5a6e52; color: #fff; }
     .layout-green #leftframe {border-color: #5a6e52; background-color: #fff;}
     .layout-red #lefthead { background: #7b2b00; color: #fff; }
     .layout-red #leftframe {border-color: #7b2b00; background-color: #fff;}
     .layout-orange #lefthead { background: #aa833b; color: #fff; }
     .layout-orange #leftframe {border-color: #aa833b; background-color: #fff;}
     .layout-brown #lefthead { background: #57443f; color: #fff; }
     .layout-brown #leftframe {border-color: #57443f; background-color: #fff;}
      
/* RIGHT MENU ELEMENTS */
	/* 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 */

#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;
}


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

/* 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 */

/* 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;
	line-height: 1.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;
}

#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: #5B8DAE;
	  display: block;
	  width: 14.5em;
}

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

/* 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: #FFFFFF; font-weight: bold;}

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

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

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

a {color: #336699; text-decoration: none;}
a:hover {color: #336699; text-decoration: underline;}

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



@media print {
     body {
        background-color: #fff;
        background-image: none;
     }
}
/*** \Vaxholm ***/