body   {
color:            #333;
font-size:         12px;
font-family:       "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
background-color:  #f0f7e6;
background-image:  url("../media/hagens_bg.jpg");
background-repeat: repeat-y;
margin-top: 0;
margin-left: 0 }

h1 {
font-size: 22px;
font-weight: bold;
color: #348434;
}

a  {
color: #390 }
a:hover  {
color: #069 }


#top {
width:             920px;
height:            112px }


#logo {
position: absolute;
left: 0;
top: 0;
width: 350px;
height: 112px;
z-index: 20;
vertical-align: bottom;
 }

#claimer {
position: absolute;
left: 650px;
top: 40px;
width: 254px;
height: 31px;
z-index: 20; }

#claimernl {
position: absolute;
left: 550px;
top: 40px;
width: 342px;
height: 30px;
z-index: 20; }

#navigation  {
background-image: url("../media/nav_bg.gif");
z-index: 22;
left: 0px;
width:  920px;
height: 47px;
visibility:        visible; }

#flags {
visibility: visible;
position:    absolute;
top:         125px;
left:        788px;
width:       auto;
height:      25px;
z-index: 22; }


#unav  {
background-color:   #97d08f;
background-image:    url("../media/unav_bg.jpg");
background-repeat:   no-repeat;
background-position: right 0;
position:            absolute;
z-index:             20;
top:                 0px;
left:                0;
width:               920px;
height:              23px;
 }
#bilder {
position: absolute;
z-index:             21;
top:                 6px;
left:                0;
color: #000;
text-indent: 50px;
font-size: 11px;
font-weight: bold;
}
#bilder a {
color: #000;
text-decoration: none;
}
#bilder a:hover {
text-decoration: underline;
}
#content {
height: 369px;
}
#content, #content2, #content3, #content4, #content5 {
background-color: #fff;
position: relative;
z-index: 20;
left: 0px;
width:  920px;
}
#content2 {
height: 720px;
}
#content3 {
height: 480px;
}
#content4 {
height: 820px;
}
#content5 {
height: 1100px;
}
#starttextnl {
position: absolute;
left: 50px;
top: 74px;
width: 370;
z-index: 28;
}
#starttext, #starttextde {
position: absolute;
left: 50px;
width: 320;
z-index: 28;
}
#starttextde {
top: 80px;
}
#starttext {
top: 90px;
}
#startcontent {
background-image:    url("../media/start_bg.jpg");
background-repeat:   no-repeat;
background-position: right 0;
position:  absolute;
z-index: 23;
top: 23px;
left: 444px;
width:  476px;
height: 346px;
visibility:        visible;
}
#footer {
background-image:    url("../media/foot_bg.gif");
z-index: 24;
left: 0px;
width:  920px;
height: 30px;
position: relative;
}
#footerinline {
text-decoration: none;
position: absolute;
top: 10px;
left: 14px;
width: auto;
font-size: 11px;
font-weight: bold;
color: #348434;
z-index: 25;
}

#navlist
{
margin:0px;
padding:  0px;
z-index: 20;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}


#navlist a:link, #navlist a:visited
{
display: block;
float: left;
color: #fff;
text-decoration: none;
padding: 20px 5px 0 5px;
}

#navlist a:hover { 
	background-image: url(../media/nav_bg2.gif);
	background-repeat: repeat-x;
	color: #000;
    height: 47px;
 }
.navhighlight {
background-image: url(../media/nav_bg3.gif);
background-repeat: repeat-x;
height: 47px;
}
#karta {
background-image:    url("../media/karta-start2.jpg");
background-repeat:   no-repeat;
position: absolute;
z-index: 26;
left: 420px;
top: 23px;
width: 185px;
height: 346px;
}
#karta2 {
background-image:    url("../media/karta-start2.jpg");
background-repeat:   no-repeat;
position: absolute;
z-index: 26;
left: 735px;
top: 23px;
width: 185px;
height: 346px;
}
#welcome, #welcomede, #welcomenl {
background-repeat:   no-repeat;
position: absolute;
z-index: 26;
left: 30px;
top: 32px;
width: 257px;
height: 55px;
}
#welcome {
background-image:    url("../media/welcome.gif");
}
#welcomede {
background-image:    url("../media/welcome_de.gif");
}
#welcomenl {
background-image:    url("../media/welcome_nl.gif");
}
#johabra, #johabrade {
background-image:    url("../media/johabramer.gif");
background-repeat:   no-repeat;
position: absolute;
z-index: 26;
left: 165px;
width: 194px;
height: 26px;
}
#johabra {
top: 320px;
}
#johabranl {
top: 330px;
}
#johabrade {
top: 330px;
}
#copyright  {
color:    #83b975;
font-size: 11px;
position:  absolute;
z-index:   25;
top:       40px;
left:      14px;
width:     auto }
#webbprod {
position:  absolute;
dislay: block;
z-index:   25;
top:       40px;
left:      834px;
width:     auto }

#stugorbild_rav {
position: absolute;
text-align: center;
left: 0px;
top: 80px;
width: 920px;
z-index: 27;
}

#guestbook {
position: absolute;
left: 0px;
top: 23px;
width: 920px;
z-index: 28;
}
#stugortext {
position: absolute;
left: 50px;
top: 30px;
width: 320px;
z-index: 28;
}
#stugortext4 {
position: absolute;
left: 50px;
top: 30px;
width: 400px;
z-index: 28;
}
#stugortext2 {
position: absolute;
left: 50px;
top: 70px;
width: 320px;
z-index: 28;
}
#stugortext3 {
position: absolute;
left: 420px;
top: 70px;
width: 320px;
z-index: 28;
}
#stugortext8 {
position: absolute;
left: 420px;
top: 240px;
width: 320px;
z-index: 28;
}

#stuga {
display: block;
position: absolute;
z-index: 26;
left: 458px;
top: 23px;
}
#stugortext5 {
position: absolute;
left: 500px;
top: 50px;
width: 200px;
z-index: 28;
border: solid 1px #333;
padding: 10px;
font-weight: bold;
}
#stugortext6  {

padding:           10px;
position:          absolute;
z-index:           28;
top:               290px;
left:              500px;
width:             200px;
border:            solid 1px #cfcfcf }

#stugortext7  {
background-color: #eee;
padding:           10px;
position:          absolute;
z-index:           28;
top:               400px;
left:              500px;
width:             auto;
border:            solid 1px #cfcfcf;
 }
#stugortext9 {
position: absolute;
left: 50px;
top: 300px;
width: auto;
z-index: 28;
}
#stugortext10 {
position: absolute;
left: 420px;
top: 300px;
width: 320px;
z-index: 28;
}
#stugortext11 {
position: absolute;
left: 40px;
top: 350px;
width: auto;
z-index: 1000;
}
#stugortext11b {
position: absolute;
left: 460px;
top: 350px;
width: auto;
z-index: 1000;
}
#stugortext12 {
position: absolute;
left: 420px;
top: 30px;
width: auto;
z-index: 28;
}
#stugortext7 table {
font-size: 12px;
}
.pristabell, .pristabell2, .pristabell3 {
font-size: 11px;
outline:    solid 1px #348434;
}
.pristabell3 td  {
padding: 2px;
border:   solid 1px #ccc }

.pristabell td  {
padding: 5px;
border:   solid 1px #ccc }

.pristabell2 td   {
padding:      5px;
 }
.pristabell2  {
margin-top: 10px;
border:      solid 1px #999 }
.open {
font-size: 16px;
font-weight: bold;
border-right: solid 1px #ccc;
}
#saison {
	position: absolute;
	left: 50px;
	top: 290px;
	width: auto;
	z-index: 10000;
}
#husvagn {
display: block;
position: absolute;
z-index:   21;
top:       211px;
left:      0;
width:     471px;
height:    158px }

.bild {
padding: 3px;
border: solid 1px #ddd;
margin: 3px;
}
#bildcontainer {
position: absolute;
top: 102px;
left: 45px;
width: 520px;
z-index: 30;
}