@charset "iso-8859-1";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
font-size: 13px;
}

h1 {
font-size: 20px;
color: #666;
padding: 0;
margin: 0;
line-height: 40px;
}

h2 {
font-size: 18px;
color: #999;
padding: 0;
margin: 0;
}

img {
border: none;
}


/* Forms */

textarea {
font-family: Arial, Helvetica, sans-serif;
margin: 2px;
}

input {
margin: 2px;
padding: 1px 0;
}

select {
margin: 2px;
}


.rubrik_light {
color: #999;
font-weight: normal;
}

#all {
width: 100%;
height: 100%;
background: url(images/body-bg.png) top repeat-x;
}

#page {
width: 1000px;
margin-left: auto; 
margin-right: auto;
}

#header {
height: 117px;
padding-top: 8px;
}

#header_one {
height: 80px;
padding-top: 8px;
}

#logo {
height: 60px;
width: 698px;
float: left;
padding-top: 20px;
padding-left: 26px;
}

#sok {
height: 73px;
width: 250px;
float: left;
padding-top: 7px;
padding-right: 26px;
}

#navigation_topp {
float: left;
margin-top: 11px;
padding: 0 32px;
}

#vanster {
margin-right: 24px;
}

#loggain {
width: 162px;
}

#left {
margin-top: 20px;
}

#main {
padding: 0 12px;
background: url(images/main-bg.png) top repeat-y;
min-height: 400px;
}

#main_one {
margin: 0 12px;
border: 1px solid #DDD;
box-shadow: 0 0 12px #CCC;
min-height: 400px;
margin-bottom: 24px;
}

#inloggad_remsa {
background-color: #F5F5F5;
border-bottom: 1px solid #EEE;
color: #333;
height: 16px;
padding: 12px 14px 8px 14px;
}

#main_inner {
padding: 14px;
}

#footer {
background: url(images/footer-bg.png) top repeat-x;
}

#footer_inner {
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: center;
padding: 7px;
font-size: 11px;
color: #999;
}

#footer_inner a {
color: #666;
}


/* Navigation */

a {
color: #333;
}

a:hover {
color: #999;
}

#navigation_topp a {
font-size: 14px;
color: #3F3F3F;
margin-left: 16px;
margin-right: 16px;
text-decoration: none;
}

#navigation_topp a:hover {
color: #000;
text-decoration: underline;
}

.nav_border {
display: inline;
}


/* Sökfält */

.clearform {
padding: 0;
margin: 0;
display: inline;
}

.sokfalt {
font-size: 14px;
color: #666;
padding: 3px;
width: 180px;
border: 1px solid #CCC;
}

.soklupa {
position: relative;
top: 10px;
left: -4px;
}


/* Andra div */

#hit_dit {
font-size: 20px;
margin-top: 10px;
color: #999;
}

#hit_dit a {
font-size: 20px;
}


/* div class */

.off {
display: none;
}

.on {
display: block;
}

div.meddelande {
display: block;
background-color: #FFF6CC;
padding: 10px;
border-radius: 2px;
text-align: center;
margin: 20px;
}

div.info_blue {
background-color: #DAE8FE;
padding: 10px;
border-radius: 2px;
text-align: center;
}

div.ruta_skugga {
background-color: #F5F5F5;
border: 1px solid #EEE;
padding: 9px;
border-radius: 2px;
}


/* span, a class */

.modul_rubrik {
font-weight: bold;
font-size: 15px;
color: #666;
}

.vanster_rubrik {
color: #D13100;
font-size: 18px;
font-weight: bold;
}

.nav_tip {
font-size: 14px;
color: #999;
margin-left: 16px;
margin-right: 16px;
cursor: pointer;
}

.list_off {
background-color: #F8F8F8;
}

.list_on {
background-color: #EEE;
}

a.gra {
color: #999;
}

a.gra:hover {
color: #666;
}

a.arr {
color: #666;
background-color: #FAFAFA;
text-decoration: none;
font-size: 17px;
padding: 8px 10px;
}

a.arr:hover {
color: #999;
}

div.ruta_skugga a {
color: #444;
text-decoration: none;
line-height: 18px;
}

div.ruta_skugga a:hover {
text-decoration: underline;
}

div.ruta_skugga a.gra {
color: #888;
}

div.ruta_skugga a.gra:hover {
color: #666;
}

#inloggad_remsa a {
color: #444;
text-decoration: none;
}

#inloggad_remsa a:hover {
text-decoration: underline;
}

div#inloggad_remsa a.gra {
color: #888;
}

div#inloggad_remsa a.gra:hover {
color: #666;
}

span.info {
font-size: 12px;
color: #666;
}

span.varn {
font-size: 12px;
color: #CC0000;
}

a.akt-konstrunda {
font-size: 18px;
line-height: 24px;
}

a.akt-konstrunda:hover {
}

a.pass-konstrunda {
font-size: 16px;
color: #555;
line-height: 22px;
}

a.pass-konstrunda:hover {
color: #999;
}


/* Knappar */

.pilknapp {
font-size: 16px;
font-weight: bold;
color: #000;
}

a.button {
}

a.button:hover {
color: #1C1C1C;
}

input.radera {
background: #FFE1E1;
font-size: 12px;
padding: 4px 7px 3px 7px;
border-color: #FDBBBB;
}

input.radera:hover {
background: #FDBBBB;
border-color: #FB7F7F;
}

input.storknapp {
font-size: 16px;
padding: 6px 12px 5px 12px;
box-shadow: 1px 1px 2px #CCC;
}

input.storknapp:hover  {
box-shadow: 1px 1px 2px #AAA;
}

input.bla {
background: #3F86F9;
color: #FFF;
border: 1px solid #3079ed;
}

input.bla:hover {
background: #0864F8;
border-color: #135ED7;
}