﻿/************************
Links: #0052A5
*************************/

body {
	font:13px Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	color: #333;
/*	background-color:#AFA9A4;*/
    background-color:#fff;
}

#container {
	width:935px;
	margin: 0px auto; 
	padding:15px 0px 0px;
	background-color:#fff;
}

#top {
	text-align:center;
	margin-bottom:15px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	margin:0;
	padding:18px 0 0 0;
}

h2 {
	font-size:20px;
	font-weight:normal;
	margin:0 0 15px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	color:#516C51;
	
}

a {
	text-decoration:none;
	color:#0052A5;	
	
}

a:hover {
	text-decoration:underline;
}


img {
	border:0;
}

p {
	margin:0 0 1.5em 0;
}

ul {
    margin: 0 0 15px 0;
    padding:0 0 0 15px;
    list-style-type:circle;
}

fieldset {
    border:1px solid #e3e3e3;
    padding:15px;
    background-color:#f8f8f8;
}

#meny {
	margin:0;
	background:url(../../bilder/meny_brunton.jpg) repeat-x;
	background-color:#B1AE96;
	width:100%;
	position:relative;
}

	#meny ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#meny li {
		margin:0;
		padding:0;
		display:inline;
	}
	
	#meny a {
		padding:0 20px;
		line-height:36px;
		color:#ffffff;
		font-weight:bold;
		float:left;
	}
	
	#meny li.vald a { 
		text-decoration:none;
		background:url(../../bilder/meny_blaton.jpg) repeat-x;
		background-color:#2A6BAE;
	}

#bildspel {
	margin:2px 0;
	height:290px;
	width:935px;
	overflow:hidden;
}
    #bildspel .bild {
        width:935px;
        height:290px;
        display:none;
    }

.rubrik {
	padding-left:20px;
	height:58px;
	color:#fff;
}

#huvudspalt {
	float:left;
	width:615px;
	color:#333;
}

    #huvudspalt .rubrik 
    {
    	background:#5F7D5F url(../../bilder/huvudrubrik-bakgrund.jpg) repeat-x;
    }

#sidospalt {
	float:right;
	width:320px;
	color:#333;
}
	#sidospalt .rubrik 
	{
    	background:#A2BC9E url(../../bilder/sidorubrik-bakgrund.jpg) repeat-x;
	}
	
	#sidospalt .innehall {
		background:url(../../bilder/sidofalt-bakgrund.jpg) repeat-x;
		min-height:247px;
        height:auto !important;
        height:247px;
	}

.innehall {
	padding:20px;
	line-height:1.4em;
}

.btn-gra
{
    background: #2669AD url(../../bilder/blaton.jpg) repeat-x 0 -25px;
    color: #fff;
    border: 1px solid #0469E3;
    padding: 6px 12px;
    line-height: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align:middle;
    
}

    .btn-gra:hover, .btn-gra:focus
    {
        background-color: #3F8AD6;
        border-color: #4B9BFC;
        text-decoration: none;
        background-position: 0 -15px;
    }
    
    .btn-gra:active 
    {
        margin-left:1px;
    }
    
.felmeddelande 
{
    display:block;
}

#sidfot {
	background-color:#DFD9CA;
	font-size:0.9em;
	padding:20px;
	color:#555;
	line-height:1.4em;
}

	#sidfot a {
		color:#555;
	}

.fltlft {
	float:left;
}

.fltrt {
	float:right;
}

.clearfloat {
	clear:both;
}

/**************** Sidinnehall ******************/

.bildtext span
{
    background-color:#2669AD;
    padding:3px;
    color:#fff;
    display:block;
    margin-bottom:10px;
}

a.bildtext:hover 
{
    text-decoration:none;
}

.biglink {
    font-size:20px;
    display:block;
    margin-bottom:10px;
}

.biglink:hover {
    text-decoration:none;
}

/* Intresseanmalan */

.intresseformular th 
{
    font-size:110%;
    font-weight:bold;
}

.intresseformular .textfield
{
    border:solid 1px #ccc;
    padding:4px;
}

.intresseformular .textfield:focus
{
    border:solid 1px #6C8B6C;
}

#laddar {
    background:url(../../bilder/ajax-loader.gif) transparent no-repeat 3px 5px;
    display:block;
    padding:5px 25px 0;
    color:#999;
}


.ledigtobjekt {
    line-height:160%;
}

a.tooltip span {
    display:none;
    color:#333;
   	position: absolute; 
   	padding: 10px; 
   	width:300px;
   	z-index: 100;
   	background: #fff; 
   	border: 1px solid #ccc;
}

a.tooltip {
    text-decoration:none;
    border-bottom:dashed 1px #cccccc;
    cursor:help;
}

#tokfia {
    float:right;
    text-align:right;
    font-size:11px;
}
    #tokfia a {
        color:#8F8C86;
    }
