/************
  * AllmŠnna instŠllningar
  */
  
* {
	margin: 0;
	padding: 0;
}

html {
	background: #626467 url(grafik/bg.jpg) repeat;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

.imageLeft{
	float: left;
	margin: 0 15px 15px 0;
}

.imageRight{
	float: right;
	margin: 0 0 15px 15px;
}

img{border: none;}

fieldset{border: none;}

/*-------Formulär-------*/

form{
	font-size: 10px;	
	padding: 0;
	}

input{
	
	font-family: verdana,sans-serif;
	border: 1px solid #c0c0c0; 
	color: #454545; 
	font-size: 11px; 
	letter-spacing: 1px; 
	}
	
	
textarea{
	margin-top: -3px;
	font-family: verdana,sans-serif;
	font-size: 10px;
	border: 1px solid #c0c0c0; 
	color: #454545; 
	font-size: 11px; 
	letter-spacing: 1px;
	}
	
submit{
	color: #333; 
	background-color: #fff; 
	letter-spacing: 1px;
	border: solid 1px #;	
	font-size: 12px; 
	width: 55px; 
	height: 19px; 
	margin: 0; 
	padding: 0;
	}
	

/**************
 	Site Container Box
*/
#BgContainer {
	width: 810px;
	position: absolute; left: 50%;
	margin: 0 0 0 -405px;
}

#Top{
	float: left;
	margin-top: 52px;
	width: 810px;
	height: 148px;
	overflow: hidden;
	}


#Navigation {
	float: left;
	width: 810px;
	height: 34px;
	background-image:url(grafik/menu.jpg);
	overflow: hidden;
}

#Navigation ul
{
	margin: 3px 0 0 0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	font-size:1.1em;
	font-family: 'Century Gothic', Verdana, sans-serif;
	width:730px;
	margin-left: auto;
  	margin-right: auto;
}

#Navigation ul li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
#Navigation ul li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
}
	
#Navigation ul li a:hover
{	
	color:#FF6633;
	height:22px;		
}
	

#Navigation ul li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}


	

#Content {
	width: 810px;
	float: left; 	
	background-image:url(grafik/tot_bg.jpg);
	text-align: left;
	
}

#leftBox{
	width: 570px;
	float: left;
	padding: 0 0 0 30px;
}



#rightBox{
	width: 180px;
	float: left;
	margin-left: 20px;
}

#tot_content{
	width: 750px;
	padding: 0 0 0 30px;

}

#kategoriBox{
	width: 180px;
	margin-left: 20px;
	
	float: left;
	
}

#fofBox{
	width: 570px;
	float: left;
	padding: 0 30px 0 0;
}

/* Footer 
*****************************************/

	
#Footer { 

 	clear: both;  
	width: 810px; 
	height: 40px;
	
	overflow: hidden;
	text-align: center;
		color: #666;
		font-size: 0.95em;
		line-height: 1.8em;
		background-image:url(grafik/tot_bottom.jpg);
	}
	
  	#Footer a { 
	   	color: #369; 
	   	text-decoration: none;
		}
	#Footer a:hover {
		color: #369;
		text-decoration: underline;
	}

	
	.adress{float:left;}
	.copyright{float:right;}
	
/*** Fakta och Fšljesedlar ***/

.fakta-hast a, .fakta-sallskapsdjur a,
.fakta-lantbruk a, .fakta-vilt a, .fakta-exotiska a{	
									border: none;
									margin-left: 50px;
									display:block;
									text-indent:-9999px;
									width:420px; 
									height: 70px; 
									
									}
					
.fakta-hast a{background: url(grafik/faktafoljesedlar/hast.jpg) 0 0 no-repeat; margin-top: 35px;}
.fakta-sallskapsdjur a{background: url(grafik/faktafoljesedlar/sallskapsdjur.jpg) 0 0 no-repeat; margin-top: 15px;}
.fakta-lantbruk a{background: url(grafik/faktafoljesedlar/lantbruk.jpg) 0 0 no-repeat; margin-top: 15px;}
.fakta-vilt a{background: url(grafik/faktafoljesedlar/vilt.jpg) 0 0 no-repeat; margin-top: 15px;}
.fakta-exotiska a{background: url(grafik/faktafoljesedlar/exotiska.jpg) 0 0 no-repeat; margin-top: 15px;}
			
.fakta-hast a:hover,
.fakta-sallskapsdjur a:hover,
.fakta-lantbruk a:hover,
.fakta-vilt a:hover,
.fakta-exotiska a:hover{background-position:-420px;}

#faktahast a{
			border: none;
			}
			
			
			
#faktahast h5{margin-top: 20px;}
			
#faktahast .faktahastmer{color: #666;}

/**Kontakt**/

.kontaktruta{	display: block;
				width: 120px;
				height: 280px;
				margin: 30px 0 0 0;
				float: left;
				margin-right: 60px;

}

	


/*Priser*/

#priser p{
	margin: 0 0 10px 0;
	width: 450px;
	}

#priser table{float: left;}
#priser tr{vertical-align: top;}
#priser td{padding: 10px 12px 10px 0;}

#priser tr:first-cell{font-weight: bold; width: 50px;}

#priser h3{display: block;}


#ditto_pages .ditto_currentpage {
margin-right: 8px;
}
#ditto_pages .ditto_off {
margin-right: 8px;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
margin-right: 8px;
}

#start_puff{float: left;
width: 170px; 
height: 90px;
margin-right: 12px;
margin-bottom: 10px;
margin-top: 5px;
padding-left:5px;
border-right:1px #CCC solid;

}

#start_puff h3{ 
				
				
				margin-bottom: 3px;}
				

#start_puff a{margin-top: 0;
}