/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; } /*makes scrollbar in ff showing*/
html, body{ 
 margin:0; 
 padding:0; 
 background:#007FC9 url(../images/reklam_bg.gif) left top repeat-y;
 font:normal 11px/15px Verdana, Helvetica, sans-serif;
 color:#000;
 }
 
 #pagewidth{ 
 width:840px;
 /*background:url(../images/broschyr.gif) no-repeat top right;*/
} 
#wrapper{
width:800px;
}
#leftcol{
	width:400px;
	float:left;
	position:relative;
 }
#leftcol_personer{
	width:400px;
	top:0;
	left:0;
	position:absolute;
	visibility: visible;
 }
 #leftcol_malin{
	width:400px;
	top:100px;
	left:0;
	position:absolute;
	visibility: hidden;
 }
 #leftcol_mika{
	width:400px;
	top:100px;
	left:0;
	position:absolute;
	visibility: hidden;
 }
 #leftcol_jan{
	width:400px;
	top:100px;
	left:0;
	position:absolute;
	visibility: hidden;
 }
 #leftcol_mats{
	width:400px;
	top:100px;
	left:0;
	position:absolute;
	visibility: hidden;
 }
 #leftcol_marjo{
	width:400px;
	top:100px;
	left:0;
	position:absolute;
	visibility: hidden;
 }
 
 #maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:380px; 
 }
 #maincol #content { margin:15px 7px 10px 10px; }
.leftcolruta {width:270px; margin-left:45px;}
.indent{width:250px;}
#content p.indentleft{ margin:0 0 0 32px;}
/**font styles**/
.ram{border:1px solid #007FC9;}
h1{
 font:16px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Helvetica, sans-serif; letter-spacing:-1px;
 color:#ff3300;
 margin-bottom:8px;
 }
h2{
 font:13px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Helvetica, sans-serif; letter-spacing:-1px;
 color:#007FC9;
 margin:10px 0px 3px 0px;
 }
p{margin:7px 0 7px 0px}
  
 table, td, tr, p{
 font:normal 11px/14px Verdana, Helvetica, sans-serif;
  }
a:link {
	text-decoration:none;
	color:#007FC9;
}

a:visited {
text-decoration:none;
color:#007FC9;
}

a:hover {
 color:#005384;
}

a:active {
text-decoration:none;
}

 /**navstyles**/
#navcontainer
{
	position:absolute;
	top:20px;
	right:0px;
	margin:0;
	padding: 0;
	visibility: visible;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
padding: 5px;
margin: 0;
color: #007FC9;
text-decoration: none;
display: block;
font: normal 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
}
#navcontainer ul li a.sprak{padding-top:0px;}

#navcontainer ul li a:hover
{
color:#005384;
}

#navcontainer a:active
{}

#navcontainer li#active a{color:#005384;}
.active{}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

li{
	list-style-position: outside;
	margin-left:-15px;
	padding:2px;
}
input, textarea, textfield, form, button{
	 font:normal 11px/15px Verdana, Helvetica, sans-serif;
	 color:#005384;
	 }