/*Denna kod följer W3C regler och är validerad till  CSS 2.1 nivå 2009 1 Mars*/
/*Kodad av Jeanette Åsén MittWebb produktion */
/*-- 1 --------- DEFAULTS - STRUKTUR -------- 1 --*/

/* Återställer defaultmarginalerna till 0px i IE */
html{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* Följade regel appliseras endat på IE7 */
*+html{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body{
	background: #fff;
	background-image: url(../userface/bg.gif);
	background-repeat: repeat-x;
}


/*---2------------ User interface-----------2-----*/
div#ram{
	width: 802px;
	height: auto;
	margin: 10px auto; /*fixar center i moillz*/
	padding: 0px 0px 0px 0px;
	border: 2px solid #C5CCB1; /* för att jag ska se dess placering */
	background-color: #fff;
	
}
div#logga_mona{
	float: left;
	background-image: url(../userface/logga_mona.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 248px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
/*---------------------------Headder på sidorna --------------------------*/
div#logga_bild_index{
	float: left;
	background-image: url(../userface/logga_bild_2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 522px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 5px 0px 13px;
	padding: 0px 0px 0px 0px; 
}

div#logga_bild_forsaljning{
	float: left;
	background-image: url(../userface/logga_bild_4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 522px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 5px 0px 13px;
	padding: 0px 0px 0px 0px;
}
div#logga_bild_visning{
	float: left;
	background-image: url(../userface/logga_bild_5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 522px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 5px 0px 13px;
	padding: 0px 0px 0px 0px;
}
div#logga_bild_tema{
	float: left;
	background-image: url(../userface/logga_bild_8.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 522px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 5px 0px 13px;
	padding: 0px 0px 0px 0px;
}
div#logga_bild_kontakt{
	float: left;
	background-image: url(../userface/logga_bild_3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 522px;
	height: 161px;
	border: 2px solid #C5CCB1;
	margin: 5px 5px 0px 13px;
	padding: 0px 0px 0px 0px;
}

/*----------------------------------- Menyn ----------------------------------*/

a:link{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #96a084;
	text-decoration: none;
}
a:visited{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}
a:hover{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #d09500;
	text-decoration: none;
}
a:active{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

/*--------------------Navigering meny ---------------------*/
div#meny_ram{
	width: 790px;
	height: 40px;
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	background:	#fff;
	
}
div#mainNav{
	width: 780px;
	height: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	text-align: left;
}
div#mainNav ul {
		float:left;
		margin: 0px 0px 0px 10px;
		}
div#mainNav ul li {
	float: left;
	width: 95px;
	height: 5px;
	position: relative;
	list-style-type: none;
	padding: 3px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	color: #000;
	z-index: 1;
	}

/*---------------Vänster spalt------------*/
div#v_spalt{
	float: left;
	width: 248px;
	height: auto;
	background-image: url(../userface/bg_v_spalt.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	border: 2px solid #C5CCB1;
	text-align: center;
	margin: 0px 0px 5px 5px;
	padding: 10px 0px 0px 0px;
}
div#h_spalt{
	float: left;
	width: 510px; /*522*/
	height: auto;
	background-color: #fff;
	border: 2px solid #C5CCB1;
	margin: 0px 5px 5px 13px;
	padding: 25px 0px 0px 10px;
}
div.MittWebb a{
	float: right;
	font-size: 12px;
	
}
.clear{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
img{
	margin: 5px 5px 5px 15px;
	
}

/*------------------------Text typsnitt storlek färg----------------------------------------*/
h1{
	
	font-family: "Century Gothic", Verdana ,sans-serif;
	font-size: 1.2em;
	color: #2d4209;
	margin: 15px 0px 10px 10px;
	padding: 5px 0px 0px 10px; 
}
h2{
	
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 1.0em;
	color: #2d4209;
	margin: 5px 0px 0px 15px;
}
h3{
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 0.9em;
	text-align: left;
	color: #2d4209;
	margin: 15px 0px 0px 15px;
}
h4{
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 0.9em;
	color: #C58F01;
	margin: 15px 0px 10px 15px;
}
h5{
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 0.9em;
	color: #2d4209;
	background-image: url(../userface/bg_v_spalt.gif);
	height: 20px;
	padding: 5px 0px 3px 0px;
}
p{
	float: left;
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: #000;
	line-height: 120%;
	letter-spacing: 1px;
	
}
.pp{
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	width: 90%;
	height: auto;
	margin: 15px 5px 15px 5px;
	padding: 5px 15px 5px 15px;
	text-align: left;
	color: black;
	
}
.p{
	width: 45%;
	height: auto;
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 10px;
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	
}
/*---------kontaktsidans -----------------------------*/
.adr{
	width: 25%;
	height: auto;
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 10px;
	clear: both;
}
.cr{
	width: 90%;
	height: auto;
	margin: 5px 5px 5px 5px;
	padding: 5px 15px 5px 15px;
	color: #000;
	text-align: right;
	font-size: 0.6em;
}
#ul{
	font-family: "Century Gothic", "Copperplate Gothic Light", "Franklin Gothic Book", sans-serif;
	font-size: 0.8em;
	list-style: square;
	color: #C58F01;
	line-height: 150%;
	letter-spacing: 1px;
}
/* --------------- Hantering av fotografier --------------------------------*/
/*-------- Gömmer punkterna i punktlistan där fotografierna ligger-----------*/ 
	#foto ul{ 
	    padding:0; 
	    margin: 15px 0px 5px 10px;
		 padding: 0px 0px 5px 0px;
	    list-style-type:none; 
		 width: 200px;
		 height: auto;
		
    } 
#foto ul li{
	display: block;
}
/* ------------------------- Gömmer bilden till 1px x 1px ---------------------------------*/ 
	#foto a.bild span { 
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:355px; 
	    left:355px; 
	    overflow:hidden; 
	    background:#fff; 
		 z-index: 3;
	    } 
		 
/* thumbnail bilder*/ 
#foto a.bild, #foto a.bild:visited { 
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #000; 
	    cursor:default;
		 margin: 5px 0px 5px 5px;
	    }
#foto a:hover.bild, #foto a:hover.bild:visited { 
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #fff; 
	    cursor:default;
		 margin: 5px 0px 5px 5px;
	    }	 
 
#foto a.byta {
	float: left;
	background: url(../bilder/mini_bild_3.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytff {
	float: left;
	background: url(../bilder/mini_bild_6.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytb {
	float: left;
	background: url(../bilder/mini_bild_1.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytc {
	float: left;
	background: url(../bilder/mini_bild_2.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 

#foto a.bytdd {
	float: left;
	background: url(../bilder/mini_bild_15.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytf {
	float: left;
	background: url(../bilder/mini_bild_7.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytg {
	float: left;
	background: url(../bilder/mini_bild_8.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.byth {
	float: left;
	background: url(../bilder/mini_bild_9.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.byti {
	float: left;
	background: url(../bilder/mini_bild_10.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytj {
	float: left;
	background: url(../bilder/mini_bild_11.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
}
 #foto a.bytjj {
	float: left;
	background: url(../bilder/mini_bild_24.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.bytk {
	float: left;
	background: url(../bilder/mini_bild_12.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.bytl {
	float: left;
	background: url(../bilder/mini_bild_13.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytm {
	float: left;
	background: url(../bilder/mini_bild_14.jpg) no-repeat;
	height: 100px;
	width: 150px;
	
} 
#foto a.bytn {
	float: left;
	background: url(../bilder/mini_bild_20.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.byto {
	float: left;
	background: url(../bilder/mini_bild_21.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.bytp{
	float: left;
	background: url(../bilder/bild_19.jpg) no-repeat;
	height: 100px;
	width: 150px;
} 
#foto a.bild:hover { 
    border:1px solid #fff; 
    } 
	 
/*---------------------Visar den stora bilden------------------------*/
#foto a.bild:hover span {
	position: absolute;
	width: 435px;
	height: auto;
	top: 150px;
	left: 480px;
	color: #000;
	background: #96a084;
	border: 1px solid #000;
	z-index: 1;
}	
		 
span img{
	border: 1px solid #000;
	margin: 15px 10px 5px 15px;
}
/*----------------------special tecken för adresssidan-------------------------*/
p.adr a{
	font-family: "Century Gothic",san-serif;
	font-size: 0.8em;
	color: blue;
	float: left;
}
p.pp a{
	font-family: "Century Gothic",san-serif;
	font-size: 0.9em;
	color: blue;
}
/*--------------Hantering av länkar i vänster spalt-----------------------------*/
#v_spalt a{
	font-family: "Century Gothic",san-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	color: blue;
}
#v_spalt a:hover{
	font-family: "Century Gothic",san-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	color: #000;
}