* {
margin:0; 
padding:0;
}
html, body {
height:100%;
background-color:#FFFFFF;
background-position: top left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(images/tile.png) repeat-x top left;
}
#wrapper {
min-height:100%;
width: 908px; 
margin-left: auto;
margin-right: auto;
padding-top: 16px;
background:url(images/bakgrund.png) no-repeat top left;
}
* html #wrapper { 
height:100%; 
}
h1 { 
font-size:18px;
color: #4d2726; 
margin-bottom: 10px;
}
h2 { 
font-size:14px;
color: #4d2726; 
margin-bottom: 10px;
}
h3 {
font-size:12px;
color: #84a5d8; 

}
h2.start { 
font-size:12px;

}

p {
font-size: 12px;
line-height: 14pt;
color: #464646; 
}
p.ingress { 
color: #464646; 
font-size: 13px;
line-height: 14pt;
font-weight:bold;
}
p.box { 
color: #464646; 
font-size: 12px;
line-height: 13pt;
font-weight:normal;
padding-left: 7px;
padding-top: 5px;
padding-right: 3px
}
p.nyheter_small { 
color: #9fce66; 
font-size: 11px;
line-height: 13pt;
font-weight:normal;
}
p.street_head { 
padding-left: 10px;
padding-right: 10px;
color: #9fce66; 
font-size: 14px;
line-height: 13pt;
font-weight:bold;
}
p.street_small { 
padding-left: 10px;
padding-right: 10px;
color: #9fce66; 
font-size: 11px;
line-height: 13pt;
font-weight:normal;
}
p.winners_head { 
padding-left: 10px;
padding-right: 10px;
color: #f96a3e; 
font-size: 14px;
line-height: 13pt;
font-weight:bold;
}
p.winners_small { 
padding-left: 10px;
padding-right: 10px;
color: #f96a3e; 
font-size: 11px;
line-height: 13pt;
font-weight:normal;
}
p.ninja_head { 
padding-left: 10px;
padding-right: 10px;
color: #37b4e3; 
font-size: 14px;
line-height: 13pt;
font-weight:bold;
}
p.ninja_small { 
padding-left: 10px;
padding-right: 10px;
color: #37b4e3; 
font-size: 11px;
line-height: 13pt;
font-weight:normal;
}
a {
color: #4d2726
}
a:hover {
color: #666666;
}
a.gron {
horisontal-align:right;
display: block;
height: 29px;
width: 80px;
color: #ebebeb;
padding-right: 15px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_gron.png);
background-position: 50px 50%;
background-repeat: no-repeat;
float: right;
}
a.gron:hover {
background-image: url(images/knapp_over.png);
color: #FFFFFF;
}
a.orange {
horisontal-align:right;
display: block;
height: 29px;
width: 80px;
color: #ebebeb;
padding-right: 15px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_orange.png);
background-position: 50px 50%;
background-repeat: no-repeat;
float: right;
}
a.orange:hover {
background-image: url(images/knapp_over.png);
color: #FFFFFF;
}
a.bla {
horisontal-align:right;
display: block;
height: 29px;
width: 80px;
color: #ebebeb;
padding-right: 15px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_bla.png);
background-position: 50px 50%;
background-repeat: no-repeat;
float: right;
}
a.bla:hover {
background-image: url(images/knapp_over.png);
color: #FFFFFF;
}
img {
border:0px;
}
/* ---------->>> galleri <<<-----------*/
#omrade_galleri ul {
margin: 0px;
padding-top: 0px;
padding-left: 0px;
list-style-type: none;
}
#omrade_galleri li { 
margin: 0px;
padding-right: 8px;
padding-bottom: 6px;
list-style-type: none;
text-align:left;
float: left;
}
.gallery ul {
margin: 0px;
padding-top: 0px;
padding-left: 0px;
list-style-type: none;
}
.gallery li { 
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* ---------->>> parts <<<-----------*/
#header{
width: 830px;
height: 233px;
padding: 0px;
margin-left: 39px;
margin-right: 39px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
background:url(images/image_hem.jpg) no-repeat top left;
}
#header_badrum{
width: 830px;
height: 233px;
padding: 0px;
margin-left: 39px;
margin-right: 39px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
background:url(images/image_hem2.jpg) no-repeat top left;
}
#header_golv{
width: 830px;
height: 233px;
padding: 0px;
margin-left: 39px;
margin-right: 39px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
background:url(images/image_hem3.jpg) no-repeat top left;
}
/* ---------->>> topnav hem <<<-----------*/
#slideshow{
position: relative;
width: 830px;
height: 233px;
padding: 0px;
margin: 0px;
}
.slideshow { height: 233px; width: 830px; margin: 0px }
.slideshow img { padding: 0px; border: 0; background-color: #000000; }

#navheader_hem{
position: absolute;
width: 700px;
height: 33px;
padding-left: 18px;
margin-top: -37px;
font-weight:normal;
float: left;
z-index:50;
}
#navheader_hem ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#navheader_hem li { 
height: 33px;
display: block;
margin-right: 20px;
margin-left: 0px;
list-style-type: none;
float: left;
}
#navheader_hem a {
height: 22px;
width: 80px;
display: block;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
text-decoration: none;
line-height: 12pt;
}
#navheader_hem a:hover{
display: block;
background:url(images/knapp_back.png) no-repeat top left;
}
/* ---------->>> topnav left <<<-----------*/
#navheader{
position: relative;
width: 700px;
height: 33px;
padding-left: 18px;
margin-top: 196px;
font-weight:normal;
float: left;
}
#navheader ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#navheader li { 
height: 33px;
display: block;
margin-right: 20px;
margin-left: 0px;
list-style-type: none;
float: left;
}
#navheader a {
height: 22px;
width: 80px;
display: block;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
text-decoration: none;
line-height: 12pt;
}
#navheader a:hover{
display: block;
background:url(images/knapp_back.png) no-repeat top left;
}
#activetop a{
display: block;
background:url(images/knapp_back.png) no-repeat top left;
}

/* ---------->>> topnav right <<<-----------*/
#navheader_hoger{
position: relative;
width: 101px;
height: 33px;
padding-left: 0px;
margin-top: 195px;
margin-right: 5px;
font-weight:normal;
float: left;
}
#navheader_hoger ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#navheader_hoger li { 
height: 33px;
display: block;
margin-right: 0px;
margin-left: 0px;
list-style-type: none;
float: right;
}
#navheader_hoger a {
height: 22px;
width: 80px;
display: block;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
text-decoration: none;
line-height: 12pt;
}
#navheader_hoger a:hover{
display: block;
background:url(images/knapp_back.png) no-repeat top left;
}
/* ---------->>> nav insida <<<-----------*/
#navcontainer{
position: relative;
width: 192px;
height: 100%;
padding: 0px;
margin: 0px;
float: left;
}
#navleft_golv{
padding-top: 0px;
}
#navleft_golv ul {
margin: 0px;
padding: 0;
list-style-type: none;
}
#navleft_golv li { 
width: 192px;
display: block;
margin: 0 0 0 0;
list-style-type: none;
}
#navleft_golv a { 
display: block;
color: #FFFFFF;
padding: 4px 12px;
text-decoration: none;
background-image: url(images/left_golv.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_golv a:hover{
display: block;;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#activeleft_golv a{
color: #FFFFFF; 
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_badrum{
padding-top: 0px;
}
#navleft_badrum ul {
margin: 0px;
padding: 0;
list-style-type: none;
}
#navleft_badrum li { 
width: 192px;
display: block;
margin: 0 0 0 0;
list-style-type: none;
}
#navleft_badrum a { 
display: block;
color: #FFFFFF;
padding: 4px 12px;
text-decoration: none;
background-image: url(images/left_badrum.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_badrum a:hover{
display: block;;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#activeleft_badrum a{
color: #FFFFFF; 
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_kok{
padding-top: 0px;
}
#navleft_kok ul {
margin: 0px;
padding: 0;
list-style-type: none;
}
#navleft_kok li { 
width: 192px;
display: block;
margin: 0 0 0 0;
list-style-type: none;
}
#navleft_kok a { 
display: block;
color: #FFFFFF;
padding: 4px 12px;
text-decoration: none;
background-image: url(images/left_kok.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_kok a:hover{
display: block;;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#activeleft_kok a{
color: #FFFFFF;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_extra{
padding-top: 0px;
}
#navleft_extra ul {
margin: 0px;
padding: 0;
list-style-type: none;
}
#navleft_extra li { 
width: 192px;
display: block;
margin: 0 0 0 0;
list-style-type: none;
}
#navleft_extra a { 
display: block;
color: #FFFFFF;
padding: 4px 12px;
text-decoration: none;
background-image: url(images/left_extra.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft_extra a:hover{
display: block;;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#activeleft_extra a{
color: #FFFFFF;
background-image: url(images/left_over.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#navleft{
padding-top: 0px;
}
#navleft ul {
margin: 0px;
padding: 0;
list-style-type: none;
}
#navleft li { 
width: 192px;
display: block;
margin: 0 0 0 0;
list-style-type: none;
}
#navleft a { 
display: block;
color: #464646;
padding: 2px 12px;
text-decoration: none;
}
#navleft a:hover{
display: block;
color: #4d2726;
background-image: url(images/pil_golv.png);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#activeleft a{
color: #4d2726; 
background-image: url(images/pil_golv.png);
background-repeat: no-repeat;
background-position: 0px 50%;
}

/* ---------->>> innehåll <<<-----------*/
#innehallright {
position: relative;
padding-top: 0px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 30px;
width: 570px;
height: 100%;
margin-left: 30px;
float: left;
}
#innehallright ul {
font-size: 12px;
line-height: 14pt;
color: #464646;
padding-left:15px;
}
#innehall{
width: 830px;
height: 100%;
padding-bottom: 3px;
margin-left: 39px;
margin-right: 39px;
margin-top: 1px;
margin-bottom: 3px;
background:url(images/gradient.gif) no-repeat top left;
float:left;
}
#main_holder{
width: 813px;
height: 100%px;
padding-top: 19px;
padding-left: 17px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 30px;
float:left;
}
#vanster{
width: 533px;
height: 263px;
padding-right: 17px;
padding-left: 17px;
padding-top: 0px;
margin-left: 0px;
margin-right: 3px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/tile_mellan.png) repeat top left;
}
#vanster_text{
width: 420px;
height: 193px;
padding-right: 0px;
padding-left: 0px;
padding-top: 70px;
margin-left: 0px;
margin-right: 20px;
margin-top: 0px;
color: #FFFFFF;
float: left;
}
#vanster_tele{
width: 91px;
height: 213px;
padding-right: 0px;
padding-left: 0px;
padding-top: 25px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/telefon.png) no-repeat bottom left;
}
#hoger{
width: 246px;
height: 193px;
padding-right: 17px;
padding-left: 17px;
padding-top: 70px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/tile_mellan.png) repeat top left;
}
/* ---------->>> kontakt boxar <<<-----------*/
#ruta_kontakt{
width: 260px;
height: 130px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
}
#ruta_uppgifter{
width: 160px;
height: 150px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
}
#ruta_adress{
width: 300px;
height: 110px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
}
/* ---------->>> boxar hem <<<-----------*/
#ruta{
width: 200px;
height: 127px;
padding-top: 106px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/box_golv.gif) no-repeat top left;
}
#ruta a {
height: 17px;
width: 189px;
display: block;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
text-decoration: none;
font-weight:bold;
background:url(images/knapp_golv.gif) no-repeat top left;
}
#ruta a:hover{
display: block;
background:url(images/knapp_over.gif) no-repeat top left;
}
#ruta2{
width: 200px;
height: 127px;
padding-top: 106px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/box_badrum.gif) no-repeat top left;
}
#ruta2 a {
height: 17px;
width: 189px;
display: block;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
text-decoration: none;
font-weight:bold;
background:url(images/knapp_badrum.gif) no-repeat top left;
}
#ruta2 a:hover{
display: block;
background:url(images/knapp_over.gif) no-repeat top left;
}
#ruta3{
width: 200px;
height: 127px;
padding-top: 106px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/box_kok.gif) no-repeat top left;
}
#ruta3 a {
height: 17px;
width: 189px;
display: block;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
text-decoration: none;
font-weight:bold;
background:url(images/knapp_kok.gif) no-repeat top left;
}
#ruta3 a:hover{
display: block;
background:url(images/knapp_over.gif) no-repeat top left;
}
#ruta4{
width: 200px;
height: 127px;
padding-top: 106px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #FFFFFF;
float: left;
background:url(images/box_extra.gif) no-repeat top left;
}
#ruta4 a {
height: 17px;
width: 189px;
display: block;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
text-decoration: none;
font-weight:bold;
background:url(images/knapp_extra.gif) no-repeat top left;
}
#ruta4 a:hover{
display: block;
background:url(images/knapp_over.gif) no-repeat top left;
}
/* ---------->>> footer <<<-----------*/

#footer{
color: #9fce66; 
font-size: 10px;
line-height: 12pt;
font-weight:normal;
width: 830px;
height: 56px;
padding-top: 10px;
padding-bottom: 3px;
padding-left: 0px;
margin-top: 3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:url(images/botten.gif) no-repeat top left;
float:left;
}
#tag{
color: #cccccc; 
font-size: 10px;
line-height: 12pt;
font-weight:normal;
text-align: right;
width: 830px;
height: 10px;
padding-top: 0px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
#tag a {
color: #CCCCCC;
}
#tag a:hover{
color: #464646;
}
td {
border-bottom: 1px dotted #4d2726;
background: none;
padding: 9px 3px 9px 0px;
}
td.winners {
border-bottom: 1px dotted #4d2726e;
}
td.header {
border-bottom: none;
padding: 20px 3px 0px 0px;
}
#priser{
width: 280px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
float: left;

}