@charset "ISO-8859-1";
/* CSS Document */


/*Bla bakgrund*/
	body 
	{
	margin: 0;
	padding: 0;
	font: 100% arial, hevetica, sans-serif;
	text-align: center;
	color: #333333;
	background-repeat: repeat;
	position: absolute;
	background-attachment: fixed;
	background-image:   url("klara_foto/bakgrundBody.gif");
}

/*Vitt innehall*/
	#container
	{
	margin: auto;
	width: 800px;
	height:975px;
	text-align: left;
	border: 0px; 
	background-color: #FFFFFF;
	}


/*Gul sajtnamn*/
	#header
	{
	height: 82px;
	background-repeat: no-repeat;
	background-position:relative;
	position: absolute;
	z-index: 1;
	width: 800px;
	background-color: #FFD800;
	visibility: visible;
	
	}
	
/*logotype namn*/	
	.name
	{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 4;
	width: 800px;
	height: 82px;
	background-image:  url("klara_foto/HeaderName.gif");
	border:0px;
	}
	
/*logotype ratt*/	
	.logga
	{
	position:absolute;
	top: 0px;
	left: 63px;
	z-index: 3;
	width: 120px;
	height: 110px;
	background-image:  url("klara_foto/Sajtlogga1.gif");
	border:0px;
	}
	
	/*bakgrund segel*/	
	.foresail
	{
	position:absolute;
	top:-2px;
	left:579px;
	z-index: 2;
	width: 338px;
	height: 702px;
	background-image:  url("klara_foto/fock1.gif");
	border:0px;
	}

	
/*Ovre lankmenyn*/
	.mainnav
	{
	position: absolute;
	height: 25px;
	width: 800px;
	top:82px;
	left:0 px;
	color: #272900;
	text-align: left;
	visibility: visible;
	z-index: 2;
	background-color: #FFFFFF;
	}
	
	.mainnav ul
	{
	margin: 0 0 0 2px;
	padding: 1px;
	list-style-type: none;
	border-left: 155px solid #FFFFFF;
		
	}
	
	.mainnav li
	{
	display: inline;
	padding: 0 30px;
	/*border-right: 1px solid;*/
	color: #003366;
	}
	
	.mainnav li a
	{
		text-decoration: none;
		color: #272900;
	}
	
	.mainnav li a:hover
	{
		text-decoration: none;
		color: #fff;
		background-color: #272900;
	}

/* Vanster lankmeny*/
	#menu
	{
	position: absolute;
	width: 130px;
	height: auto;
	vertical-align: text-top;
	text-align: left;
	margin-top:107px;
	margin-left: 6px;
	color: #000033;
	visibility: visible;
	}
	
	#menu ul
	{
	margin-left: 0;	padding-left: 10px;

	list-style-type: none;
	line-height: 120%;
	}


	a:link 
	{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
	a:visited {
	color: #600;
	text-decoration: none;
}
	
	a:hover, a:active
	{
		color: #fff;
		background-color: #B52C07;
	}
	


/*Visningsruta*/
	.contents {
	position:absolute;
	width:642px;
	height: 560px;
	left: 158px;
	top: 106px;
	z-index:5;
	/*background-color: #333366;*/
	border: 1 1 1 1px;
	border-color: #00CCCC;
	}
	
	.contents p {
	line-height: 200%;
	background-color: #999999;
	}
	

	

/*Fotnot
	.footer
	{
	position:absolute;
	height: 10px;
	width: 620px;
	color: #272900;
	text-align: left;
	padding: 1px;
	font-size: 50%;
	background-color: #FFFF99;
	border-color: #006600;
	bottom: 10px;
	Z-index:6;
	}*/




/*Boxpositionering*/
	.imagefloat
	{
	position: absolute;
	float:auto;
	}
	
	
	
	
	
	/*Stil och fonter*/
	
	
	h2 /*rubrik*/
	{
		color: #363636;
		font: 125% georgia, times, "times new roman", serif;
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	
	h2 a { text-decoration: none; }
	
	h3 /*ingress*/
	{
		color: #3B3B3B;
		font: 93% arial, hevetica, sans-serif;
		font-weight: bold;
		margin: 1,5px 0 2px 0;
	}	
	
		
	h4 /*brodtext*/
	{
		color: #3B3B3B;
		font: 89% arial, hevetica, sans-serif;
		font-weight: normal;
		margin: 0 0 2px 0;
	}
	
	
	
/*Mindre text (tex lanken till sprakval)*/
	.big
	{
	font: 105% Georgia, "Times New Roman", Times, serif;
	color: #000033;
	font-style: oblique;
	font-weight: bold;
	line-height: 40px;
	}


	
	.small
	{
	font: 70% Georgia, "Times New Roman", Times, serif;
	color: #000033;
	font-style: oblique;
	font-weight: bold;
	}