/*
--------------------------------------------------------------------------------
Färger

Ljusblå: 	#bcd0e9
Mellanblå:	#89b3db
UC-blå:		#0072c6
Vit:		#fff
Svart:		#000
Grå:		#bbb - #eee
*/



/*
--------------------------------------------------------------------------------
Defaults
*/

body {
    margin: 0 auto;
    background: #fff url(../images/body-bg.png) repeat-x fixed;
    color: #000;
    font: normal 12px/16px "Liberation sans", Arial, sans-serif;
}

h1 {
    margin: 0 0 40px 0;
    padding: 0;
    color: #0072c6;
    font: bold 18px "Liberation sans", Arial, sans-serif;
    letter-spacing: 1px;
}

h1.startsida {
    position: absolute;
    left: -9000px;
}

h1.contentheading {
    margin: 0 0 40px 0;
    padding: 0;
    color: #0072c6;
    font: bold 18px "Liberation sans", Arial, sans-serif;
    letter-spacing: 1px;
}

h2 {
    margin: 0;
    padding: 16px 0px;
    color: #0072c6;
    font: bold 18px "Liberation sans", Arial, sans-serif;
    letter-spacing: 1px;
}

h2.contentheading {
    margin: 0 0 40px 0;
    padding: 0;
    color: #0072c6;
    font: bold 18px "Liberation sans", Arial, sans-serif;
    letter-spacing: 1px;
}

h2.componentheading {
    margin: 0 0 40px 0;
    padding: 0;
    color: #0072c6;
    font: bold 18px "Liberation sans", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#h-marginal h2 {
    margin: 0 0 10px 10px;
    padding: 0;
    color: #0072c6;
    font: bold 12px "Liberation sans", Arial, sans-serif;
    letter-spacing: 1px;
}

h3 {
    margin: 0;
    padding: 6px 0px 6px 0px;
    color: #0072c6;
    font: bold 14px "Liberation sans", Arial, sans-serif;
}

h3.startsida {
    letter-spacing: 1px;
}

h4 {
    margin: 0;
    padding: 6px 0px;
    color: #000;
    font: bold 12px "Liberation sans", Arial, sans-serif;
}

p {
    margin: 0 0 12px 0;
    padding: 0;
    font: normal 12px/16px "Liberation sans", Arial, sans-serif;
}

p.diskret {
    font-size: 10px;
}

p.iteminfo, p.articleinfo {
    font-size: 10px;
}

p.buttonheading {
    text-align: right;
}

p.buttonheading img {
    margin-right: 4px;
    border: none;
}



/*
--------------------------------------------------------------------------------
Numrerad lista
*/

.numreradlista {
    margin: 4px 0px 14px 40px;
    padding: 0;
    font: normal 12px "Liberation sans", Arial, sans-serif;
}

.numreradlista li {
    padding: 4px 0px;
}



/*
--------------------------------------------------------------------------------
Punktlista
*/

.punktlista {
    margin: 4px 0px 14px 40px;
    padding: 0;
    font: normal 12px "Liberation sans", Arial, sans-serif;
    list-style-image: url(../images/point.png);
}

.punktlista li {
    padding: 4px 0px;
}

.punktlista li ul {
    list-style-image: url(../images/circle.png);
}

.punktlista li ol {
    list-style-image: none;
}


/*
--------------------------------------------------------------------------------
Verksamhetslista
*/

ul.verksamhetslista {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.verksamhetslista li {
    color: #0072c6;
    font: bold 14px "Liberation sans", Arial, sans-serif;
}

ul.verksamhetslista li ul {
    margin: 4px 0 12px 0;
    padding: 0 0 0 24px;
    list-style-image: url(../images/arrow.png);
}

ul.verksamhetslista li ul li {
    color: #000;
    font: normal 12px "Liberation sans", Arial, sans-serif;
}




/*
--------------------------------------------------------------------------------
Layout
*/

#stomme {
    margin: 10px auto;
    width: 980px;
    background: #fff url(../images/stomme-bg.png) repeat-y;
    color: #000;
    border: 1px solid #ccc;
}

#sidhuvud {
    margin: 0;
    width: 980px;
    height: 145px;
    background: #fff url(../images/sidhuvud.png) no-repeat;
}

#v-marginal {
    float: left;
    width: 200px;
    margin: 0;
}

#h-marginal {
    float: right;
    width: 200px;
    margin: 0;
}

.buttonheading {
    margin: 0;
    padding: 0;
}

#innehall {
    margin: 0 240px;
    min-height: 400px;
}

#sidfot {
    clear: both;
    width: 980px;
    height: 20px;
    margin: 60px 0 0 0;
    padding: 0;
    font: normal 10px/20px "Liberation sans", Arial, sans-serif;
    text-align: center;
    background: #0072c6;
    color: #fff;
}



/*
--------------------------------------------------------------------------------
Bilder
*/

img {
    margin: 0;
    padding: 0;
}

img.flyt-h {
    float: right;
    margin: 2px 0 2px 4px;
    padding: 0;
}

img.flyt-v {
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0;
}



/*
--------------------------------------------------------------------------------
Bildgallerier
*/
    
ul.bildgalleri {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul.bildgalleri li {
    display: inline;
    margin: 0;
    padding:0;
}

ul.bildgalleri li img {
    margin: 0 10px 10px 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-top-color: #eee;
    border-right-color: #ddd;
    border-bottom-color: #bbb;
}



/*
--------------------------------------------------------------------------------
Huvudmeny
*/

ul.menu {
  display: block;
  list-style-type: none;
  margin: 0 10px;
  padding: 0;
}

ul.menu li {
  clear: left;
  margin: 0 0 8px 0;
}

ul.menu li a {
  display: block;
  margin: 0;
  padding: 0 4px;
  font: normal 12px/20px "Liberation sans", Arial, sans-serif;
  background: transparent url(../images/meny-bg.png) no-repeat;
  color: #000;
  text-decoration: none;
}

ul.menu li.item32 a, ul.menu li.item34 a, ul.menu li.item37 a {
    background: transparent url(../images/pwd-meny-bg.png) no-repeat;
}

ul.menu li#current a {
    color: #0072c6;
}

ul.menu li ul {
  margin: 2px 0px 2px 20px;
  padding: 0;
  list-style-image: url(../images/arrow.png);
}

ul.menu ul li {
  margin: 0px 0px 2px 0px;
}

ul.menu li ul li a {
  display: block;
  text-decoration: none;
  background: none;
  color: #000;
  font: normal 10px/16px "Liberation sans", Arial, sans-serif;
}

ul.menu li#current ul li a {
    color: #000;
}



/*
--------------------------------------------------------------------------------
Rundade hörn Nyhetslista
*/

.latestnews {
    width: 180px;
    margin: 0 auto;
    padding: 0;
}

.rounded_light_blue_top {
    background: url(../images/rounded_light_blue_top.png) no-repeat;
    height: 10px;
}

.rounded_light_blue_bottom {
    background: url(../images/rounded_light_blue_bottom.png) no-repeat;
    height: 10px;
    margin-bottom: 10px;
}

.rounded_light_blue_box {
    background-color: #bcd0e9;
    color: #000;
    width:180px;
}

.rounded_light_blue_content {
    margin: 0px 10px;
}

.rounded_light_blue_content p {
    margin: 0;
    padding: 0;
    background-color: #bcd0e9;
    color: #000;
    font: normal 12px/16px "Liberation sans", Arial, sans-serif;
}

.rounded_light_blue_content a {
    margin: 0;
    padding: 0;
    background-color: #bcd0e9;
    color: #000;
    text-decoration: none;
}

.rounded_light_blue_content a:hover {
    text-decoration: underline;
}



/*
--------------------------------------------------------------------------------
Karta
*/

.karta {
    margin: 0 0 12px 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-top-color: #eee;
    border-right-color: #ddd;
    border-bottom-color: #bbb;
}

.lightboxlink {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 4px 454px;
    background: transparent url(../images/kartknapp.png) no-repeat;
    color: transparent;
    text-decoration: none;
}



/*
--------------------------------------------------------------------------------
Adressuppgifter i vänstermarginalen
*/

#menyadress {
    margin: 48px 10px;
    padding: 0;
}

#menyadress p {
    margin: 10px 0;
    padding: 0;
    background-color: transparent;
    font: normal 10px Verdana, Arial, sans-serif;
}

#menyadress a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

#menyadress a:visited {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

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


/*
--------------------------------------------------------------------------------
Inloggning
*/

.contentdescription img{
    float: none;
}

.form-login, .login_form {
    width: 180px;
    /*margin: 48px auto;*/
    margin: 0 auto;
}

.form-login fieldset, .login_form fieldset {
    margin: 0;
    padding: 8px 4px;
    border: 1px solid #89b3db;
    font: normal 10px/12px "Liberation sans", Arial, sans-serif;
}

.login_title {
    margin: 8px 0;
    padding: 2px 4px;
    background-color: #bcd0e9;
    border: 1px solid #89b3db;
}

.form-login fieldset label, .login_form fieldset label {
    display: block;
}

.inputbox {
    display: block;
    margin: 0;
    padding: 0;
    width: 164px;
    font: normal 10px "Liberation sans", Arial, sans-serif;
}

.button {
    margin: 8px 40px;
    padding: 2px 0;
    width: 100px;
    font: normal 10px "Liberation sans", Arial, sans-serif;
}

.checkbox, .remember {
    display: none;
}

.log p {
    width: 160px;
    margin: 0 10px;
    text-align: center;
    font: normal 10px "Liberation sans", Arial, sans-serif;
}


/*
--------------------------------------------------------------------------------
Diverse klasser
*/

.bildlank {
    border: none;
}