/*
----------------------------------------------------------------------------------

Denna CSS är skapad till webbplatsen http://www.nitajarnet.se/ av Mari Norberg i 
augusti 2008 som ett examensarbete på Umeå universitet.

----------------------------------------------------------------------------------
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0;padding: 0;border: 0;}




body { 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	}


#sida {
	background-color: #ffffff;
	width : 850px;
	margin : auto;
	border: 1px solid #446E40; 

	}


#sidhuvud {
	height: 120px;	
	background-image: url('../bilder/top3.jpg');
	background-repeat: no-repeat;
	
	}


#main {
	margin-top: 10px;
	float: left;
	width: 68%;
	min-height : 300px; 
}

#main p{
	font-size: 0.8em;
	line-height: 170%;
	margin-top: 7px;
	margin-left: 15px;
	margin-bottom: 20px;
	}

#main h5{
	font-size: 0.7em;
	line-height: 170%;
	margin-top: 7px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

#main-2 {
	margin-top: 10px;
	float: right; 
	width:75%;
	min-height : 300px; 
	}

#main-3 p{
	font-size: 0.8em;
	line-height: 170%;
	margin-left: 15px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

#main-3 {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 10px;	
	
}



.minhast {
	margin-top: 10px;
	float: left;
	width: 30%;
	margin-left: 20px;
	margin-bottom: 10px;
	height : 290px;
	}


.ovrhast {
	margin-top: 10px;
	float: left;
	width: 70%;
	margin-left: 20px;
	margin-bottom: 10px;
	height : 290px;
	}

.privathast {
	margin-top: 10px;
	float: left;
	width: 40%;
	margin-left: 20px;
	margin-bottom: 20px;
	}

table	{
	margin-top: 20px;
	margin-left: 20px;
	font: 0.8em Tahoma,sans-serif, Arial; 
	} 
	

th{
	border: 1px solid #000000;
	margin-left: 0px;
	} 

td	{
	border: 1px solid #000000;
	padding: .5em;
	margin-top: 0px;
	} 	



#vanstermenu {
	background-color : #fff;
	color : inherit;
	float : left;
	width : 20%;
	line-height : 140%;
	word-spacing : 1px;
	} 

#vanstermenu-in  {
	padding : 5px 5px 0 15px;
	} 

#vanstermenu blockquote  {
	border-bottom : 1px solid #cecece;
	height : 240px;
	margin : 0 0 15px 0;
	} 

#undermeny ul {
	padding : 0;
	}

#undermeny li {
	list-style : none;
	font: 0.8em Tahoma,sans-serif;
	border-top : 1px solid #eee;
	padding : 5px 5px 5px 2px;
	}

#undermeny li a {
	border-bottom : 1px solid #eee;
	background-color : inherit;
	color : #386A36;
	display : inline;
	padding : 10px 10px 5px 5px;
	text-decoration : none;
	width : 165px;
	}

#undermeny li a:hover {
	color : #222;
	}

#undermeny li a.extra {
	margin-left : 10px;
	width : 145px;	
	} 


#vanstermenu p {
	padding : 0 0 10px 0;
	} 


#listmenu ul {
	padding : 0;
	}

#listmenu li {
	list-style : inside;
	margin-left: 20px;
	font: 0.8em Tahoma,sans-serif;
	padding : 5px 5px 5px 2px;
	}

#nav {
	background: #F5F5DC;
	height: 31px;
	border-bottom: 1px solid #666990;
	border-top: 1px solid #666990;
	}


#nav ul{	
	padding:0; 
	margin:0;
	}


#nav ul a:hover{
	background-position:left bottom;

	

}
a.extern:hover{
	color: #1E56A2;
	text-decoration: none;
}


a:hover{
	color: #1E56A2;
	text-decoration: none;
	
	}

#nav ul a:visited{
	color: #000000;
	
}

a.extern:visited{
	color: #1E56A2;
	text-decoration: none;
	
}

a:visited{
	color: #1E56A2;
	text-decoration: none;
}


#nav li{
	float:left; 
	list-style:none;
	display: inline;
	}


#nav li a {
	background:#F5F5DC url(../bilder/navibg.gif) repeat-x;
	border-right:1px solid #B3C9B3;
	color: #808040;
	display:block;
	font: 0.8em Tahoma,sans-serif, Arial;
	line-height:31px;
	padding:0 7px;
	text-align:left;
	text-decoration:none;
	}


.bild {
	float: right;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid;
	}


.bild1 {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid;
	}



.bild2 {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	padding:0 0 0 0px;
	}

.minhast {
	margin-top: 10px;
	float: left;
	width: 30%;
	margin-left: 20px;
	margin-bottom: 20px;
	height : 270px;
	}

.privathast {
	margin-top: 10px;
	float: left;
	width: 40%;
	margin-left: 20px;
	margin-bottom: 20px;
	}


.galleri {
	margin-top: 10px;
	float: left;
	width: 250px;
	margin-left: 20px;
	margin-bottom: 20px;
	
	}

.galleri1 {
	margin-top: 10px;
	float: left;
	width: 40%;
	margin-left: 20px;
	margin-bottom: 20px;
	height : 380px;
	}


.galleri2 {
	margin-top: 10px;
	float: left;
	width: 80%;
	margin-left: 20px;
	margin-bottom: 20px;
	}


#text ul{	
	font-size: 0.7em;	
	padding: 8px;	
	list-style: square inside;
	display: block;
	line-height: 160%;
	margin-bottom: 20px;
	margin-left: 20px;
	}


#lankar ul{	
	font-size: 0.7em;	
	padding: 8px;	
	list-style: square inside;
	display: block;
	line-height: 160%;
	margin-bottom: 20px;
	margin-left: 20px;
	color: #000000;
	}


#lankar ul a{	
	color: #336633;
	}


#lankar ul a:hover{	
	color: #000000;
	}

#a.extern:link{
	color: #000000;
	text-decoration: none; 

}

#a.extern:hover{
	color: #cccccc;
	text-decoration: none;
	font-weight:bold; 
}

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


#info{
	background-color : #fff;
	margin-top : 10px;
	}

#infokol  {	
	background-color : #fff;
	color : inherit;
	float : right;
	width : 210px;
	} 


#infokol-in  {
	padding : 0 10px 10px 0;
	} 

#infokol blockquote  {
	background-color : #F5F5DC;
	border : 1px solid #AAC18D;
	margin : 0 0 10px 0;
	padding : 10px;
	} 



#sidfot {
	clear: both;
	height: 30px;
	background-image: url('../bilder/botten.jpg');	
	border-top: 1px solid;	
	border-bottom:  1px solid;
		}


#sidfot p { 
	color: #ffffff;
	padding: 10px;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	}


#info p{	
	font-size: 0.7em;
	line-height: 150%;
	margin-bottom: 20px;
	}




h3{	color: #000000; 
	font: 1em Tahoma,sans-serif;
	letter-spacing: 1px;
	margin-top: 20px; 
	margin-left: 15px;
	font-weight: bold; 
	}

h4{	font: 1em Tahoma,sans-serif;
	color: #000000;
	margin-left: 5px;
	font-weight: bold; 
	}



h5{	color: #000000; 
	font: 0.8em Tahoma,sans-serif;
	letter-spacing: 2px;
	margin-top: 20px; 
	margin-left: 20px; 
	font-weight: bold;
	}

h6{	color: #000000; 
	font: 0.7em Tahoma,sans-serif;
	letter-spacing: 1px;
	margin-top: 5px; 
	margin-left: 10px; 
	font-weight: bold;
	margin-bottom: 5px;
	}

h5.kolrub{	
	color: #000000;
	font: 0.9em Tahoma,sans-serif, Arial; 
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 20px;
	margin-left: 4px; 	
	}


h5{	
	color: #000000;
	font: 0.9em Tahoma,sans-serif, Arial; 
	font-weight: bold;
	letter-spacing: 2px;

	}

h6.kol
{
	font: 0.8em Tahoma,sans-serif;
	font-weight: bold;
	border-bottom:1px solid #B3C9B3;
	margin-left: 1px; 
	}


#main h6{font: 0.8em Tahoma,sans-serif;	
	margin-top: 20px; 
	margin-left: 20px; 
	
	}

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


a:hover{	
	color: #000000;
	}


