/* CSS Document */

/* Meny & Länkar */
#menycontainer{
float:left;
width: 105px; 
font-family: Verdana; 
font-size: 10px; 
text-align:center; 
margin:0px 0px 0px 0px; 
border:#f0ee73 solid 2px;}

#meny{
margin: 0; 
padding: 0; 
list-style-type: none;}

#meny a{
display: block; 
margin: 7px; 
padding: 2px; 
background: #d6d9e2; 
font-weight: bold; 
text-decoration: none; 
height: 100%; 
border: 1px solid #19276e;}

#meny ul{list-style-type: none;}
#meny ul a{margin-top: 5px; padding: 2px; background: #d6d9e2; font-weight: normal; font-size: 9px; border-left: 2px solid #19276e;}

#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{background: #f0ee73;}
#meny a#current{background: #f0ee73;}
#meny a#subcurrent{background: #f0ee73;}

a {
	color:#b1b1b1;
	text-decoration:none;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#b1b1b1;}
a:visited {color:#b1b1b1;}
a:hover {color:#ffd800; }	

a.svart {
	color:#000000;
	text-decoration:underline;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a.svart:link {color:#000000;}
a.svart:visited {color:#000000;}
a.svart:hover {color:#ffd800; }	


/* Uppbyggnad */

body {
	background-color:#ffffff;
	background-position: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:10px;
	text-align: center;
	color:#000000;
	}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	}
	
#main {
position: absolute;
padding: 10px;
width: 670px;
left: 120px;
top: 90px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
		voice-family: "\"}\"";
	voice-family:inherit;
	width: 650px;

}

#left {
	position: absolute;
	padding: 10px;
	width: 395px;
	left: 105px;
	top: 95px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px/20px;
	text-align: justify;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 564px;
	width: 390px;
}

#right {
	position: absolute;
	width: 255px;
	left: 522px;
	top: 108px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Text */

h1 {
	font-size:14px;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#19276e;
	background-color:#f0ee73;
	}
	
h2 { 
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	text-align: justify;
	color: #19276e;
	}
	
	
h3 { 
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	text-align: justify;
	color: #ffcc00;
	}

p {
	font:12px/16px verdana, arial, helvetica, sans-serif;
	text-align: justify;
	}
	
.ruta 
{
	border: 1px dotted #ffe400;
	padding: 10px;
	font:10px verdana, arial, helvetica, sans-serif;
	text-align: justify;
}

.ruta2 
{
	border: 1px solid #19276e;
	padding: 5px;
}

.ruta3 
{
	border: 1px solid #19276e;

}

.bakgrund 
{ 
	background-color: #d6d9e2;
}

.ram 
{ 
	border: 2px solid #f0ee73;
}

.ram2 
{ 
	border: 2px solid #19276e;
}
.Svartstor
{ 
	font: 36px verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #000;
}
.Svartliten
{ 
	font: 20px verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #000;
}
.Svartmini
{ 
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #000;
}



hr{
background-color: #d6d9e2; /* Farbe für Opera und Firefox */ 
color: #d6d9e2; /* Farbe für Internet Explorer (IE) */
border: 0; 
height: 2px; 
width: 85%;
float:left;
}