/*specificera marginalerna i html och body taggen några versioner av opera 
läggertill marginaler i html tagen och de flesta andra lägger till marginaler eller padding i
body taggen*/

html{
	margin: 0px;
}
/*Default*/
body{
	background: #ffffff;
	width: auto;
	text-align: center;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	letter-spacing: 1px;
	line-height: 200%;
	background-image: url(../bilder/bg_top.gif);
	background-repeat: repeat-x;
}
#omslag{
	background: #fff;
	width: 805px;
	height: auto;	
	margin: 0px auto; /*fixar center i moillz*/
	padding: 0px 0px 0px 0px; /*TRBL*/
	border: 3px solid #000;
}
#body{
	background: #E4EAF1;
	width: 780px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 5px 10px; /*TRBL*/
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	border-left: 3px solid #000;
}
#huvud{
	background: #fff url(../bilder/logga_800.jpg) no-repeat left;
	background-position: top;
	height: 200px;
	width: 800px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	border-left: 3px solid #000;
	margin: 0px 0px 0px 0px;
}

#foto{
	float: left;
	width: 155px;
	margin: 10px 0px 0px 19px; 
	text-align: left;
	
}
/*#CFDAE7*/
#body_bottom{
	float: left;
	background: #CFDAE7;
	width: 580px; /*IE 5.0 5.5 545*/
	padding: 8px; /*TRBL*/
	margin: 10px 0px 0px 0px;
	border: 2px solid #000;
}
/*#EBEFF5*/
#body_text_bottom{
	float: left;
	background: #EBEFF5;
	width: 570px; 
	line-height: 200%;
	text-align: left;
	padding: 10px 5px 10px 0px; 
	border: 2px solid #fff;
	
}

#body_text_bottom ul{
	float: left;
	list-style-position: inside;
	list-style-type: square;
	width: 45%;
	margin: 10px 10px 10px 12px;
	padding: 0px 0px 0px 0px; /*behövs för fireFox*/
	
}

li b{
	font-size: 1.1em;
}
.clear{
	clear: both;
}

#foot{
	margin: 10px 0px 0px 0px;
	width: 780px;
	color: #ccc;
	font: normal 10px/80% verdana ,"Century Gothic", Arial, sans-serif;
	height: 50px;
	border-top: 2px solid #000;
}
#foot a{
	color: #ccc;
}
#foot a:hover{
	color: #000;
}
/*Meny top liggande*/

#meny{
	float: right;
	background-color: #E4EAF1;
	color: #804240;
	font-family: Arial ,"Century Gothic", Helvetica, sans-serif;
	width: 770px;
	height: 30px;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 0px 0px;

}

#meny ul{
	float: right;
	background-color: #E4EAF1;
	width: 770px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;;
	
}

#meny ul li{
	display: inline; 
	background-color: #fff;
	padding: 2px 19px 3px 19px;
	width: 50px;
	height: 25px;
	margin: 5px 25px 5px 0px;
	border: 1px solid #000;
}

#meny a, #meny a:visited{
	font-size: 1.2em;
	font-weight: bolder;
	color: Black;
	text-decoration: none;
	background-color: White;
	
}

#meny a:hover, #meny a:active{
	font-size: 1.2em;
	font-weight: bolder;
	color: #ccc;
	text-decoration: none;
	background-color: White;
	
}
p{
	float: left;
		width: 45%;
		margin: 10px 5px 10px 12px;
}
.pa{
	width: 95%;
}
.pro{
	float: right;
	color: #D8D8D6;
}
.pro a{
	text-decoration: none;
	color: #D8D8D6;
}
.pro a:hover{
	text-decoration: none;
	color: #000;
}
h1{
	font-size: 1.8em;
	background-color: #cfdae7;
	padding: 2px 0px 2px 10px;
	margin: 3px 10px 3px 10px;
}

h2{
	float: left;
	width: 90%;
	font-size: 1.3em;
	background-color: #cfdae7;
	padding: 2px 0px 2px 10px;
	margin: 3px 10px 3px 10px;
}

.column {
	float:left;
	margin:5px 5px 5px 15px;
	width: 45%;
	
}
hr{
	width:45%;
}