h1 {font:34px/36px Helvetica, Myriad pro, sans-serif; 
}

h2 {font:18px/22px Helvetica, Myriad pro, sans-serif;  
}

h3 {font:22px/23px Garamond, Times new roman, serif; font-style:oblique;
} 

h4 {font:24px/26px Garamond, Times new roman, serif; font-style:inherit;
} 
h5 {font:16px/6px Helvetica, Myriad pro, sans-serif; font-style:bold;
} 

h6 {font:16px/16px Helvetica, Myriad pro, sans-serif; 
} 

p {font:17px/24px Garamond, Times new roman, serif;  
}

a {
color:#000000;
text-decoration: none;
}


.textbox {
position:absolute;
margin-left: 170px;
margin-top: 285px;
margin-bottom:30px;
width:650px;
z-index:20;
}

.textboxTva {
position:absolute;
margin-left: 170px;
margin-top: 440px;
margin-bottom:30px;
width:560px;
z-index:20;
}

.textboxTre {
position:absolute;
margin-left: 170px;
margin-top: 150px;
margin-bottom:30px;
width:540px;
z-index:21;
}

.textboxFyra {
position:absolute;
margin-left: 390px;
margin-top: 287px;
margin-bottom:30px;
width:320px;
z-index:21;
}

.textboxFem {
position:absolute;
margin-left: 170px;
margin-top: 280px;
margin-bottom:30px;
width:600px;
z-index:26;
}

.Frida{
position:absolute;
margin-left: 170px;
margin-top: 300px;
margin-bottom:30px;
width:600px;
z-index:24;
}

#bakgrund
{
position:absolute;
margin-left: 160px; 
margin-top: 20px;
margin-right: 0px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
z-index:5;
}

#pussfisk
{
position:absolute;
margin-left: 378px; 
margin-top: 163px;
z-index:1;
}

#Bannerrubrik
{
margin-top: 310px;
}

#flashContent
{
		html, body: height:100%; background-color: #ffffff;
		body: margin:0; padding:0; overflow:hidden; 
		#flashContent: width:100%; height:100%; 
		
margin-left: 160px; 
		}
		
		#flashContentTva
{
		html, body: height:100%; background-color: #ffffff;
		body: margin:0; padding:0; overflow:hidden; 
		#flashContent: width:100%; height:100%; 
		width:495px;
		}

#blankett
{
position:absolute;
margin-left: 150px; 
margin-top: 140px;
z-index:1;
}

#chickbild
{
position:absolute;
margin-left: 170px; 
margin-top: 150px;
z-index:1;
}

#hostlov
{
position:absolute;
margin-left: 205px; 
margin-top: 110px;
z-index:1;
}

.stepcarousel{
position: absolute; /*leave this value alone*/
margin-left: 161px; 
margin-top: 135px;
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
z-index:4;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
z-index:2;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 12px; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
z-index:3;
}

.box {
position:absolute;
margin-left: 160px;
margin-top: 230px;
width:500px;
z-index:25;
}

#knapp
{
position:absolute;
margin-left: 160px; 
margin-top: 610px;
margin-right: 0px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
z-index:6;
}

#BannerUtstallning
{
position:absolute;
width:500px;
margin-left: -160px; 
margin-bottom:70px;
padding-bottom:70px;
padding-left:0px;
padding-right:0px;
margin-right: 0px;
}

#rubriker
{
position:absolute;
margin-left: 320px; 
margin-top: 80px;
margin-right: 0px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
z-index:7;
}






* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}