/* CSS Document */
body{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#F1EDE4;
}

table{
	text-align:left;	
	border-collapse:collapse;
}

table td{
	vertical-align:top;
	padding:0px;
	margin:0px;
	padding-right:20px;
}

table th{
	padding-right:10px;
	vertical-align:top;
	border-bottom:1px;
	border-bottom-color: #133679;
	border-bottom-style:solid;
}

#container{
	position:relative;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:781px;
	padding:0px;
	/*background-color:#FFFFFF;*/
	/*border: 1px solid #133679;*/
}

#top{
	position:relative;
	background: url(img/toplogga.jpg) no-repeat top left;	
	width:781px;
	height:184px;
	margin:0px;
	margin-left:0px;
	padding:0px;
	float:none;
}

#leftcontainer{
	padding:0px;
	float:none;
	position:relative;
	margin:0px;
	margin-left:0px;
	height:auto;	
	width:769px;
	padding-left:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	/*border: 1px solid #133679;*/
	border-top:0px;
	border-top-style:none;
	border-bottom:1px;
	border-bottom-color: #133679;
	border-bottom-style:solid;
	border-left:1px;
	border-left-color:#133679;
	border-left-style:solid;
	border-right:1px;
	border-right-color: #133679;
	border-right-style:solid;
}

	#left{
		position:relative;
		font-family:Tahoma, Arial;
		margin:0px;
		width:185px;
		min-width:187px; /* Måste anges för att Mozilla det ska se lika ut i både IE och MOZ */
		float:left;
		padding:0px;
		top:-19px;
	}
	
			#leftmeny{
				position:relative;
				height:250px;  /* Måste sättasa till 250 när alla länkar i menyn är på plats */
				width:187px;
				margin:0px;
				padding:0px;
				background-color:#0093C4;
				float:none;
			}
			
			#contact{
				position:relative;
				margin:0px;
				margin-left:2px;
				margin-top:30px;
				width:100%;
				float:none;
			}
			
			#contact a{
				margin:0px;
				padding:0px;
				color:#133679;
				text-decoration:none;
			}
			
			#contact a:hover{
				margin:0px;
				padding:0px;
				color:#B6080F;
				text-decoration:none;
			}
	
	#content{
		position:relative;
		background: url(img/upsidedown.gif) no-repeat top right;
		background-color:#EFEFEF;
		width:572px;
		margin:0px;
		/*height:322px;*/
		padding:0px;		
		padding-top:41px;
		padding-bottom:10px;
		float:left;
	}
			#content a{
				color:#0093C4;
				text-decoration:none;
			}
			
			#content a:hover{
				color:#B6080F;
				text-decoration:none;
			}
				
			#content_page{ /*Används på sidor som inte har contentleft och contentright*/
				position:relative;
				margin:0px;
				padding:0px;
				float:none;
				margin-left:20px;
				margin-right:20px;
				font-size:11px;
				line-height:1.5em;
			}
			
			#content_page h1{
				margin:0px;
				padding:0px;
				font-size:14px;
				color:#103378;
				font-weight:bold;
			}
			
			#content_page p{
				margin:0px;
				padding:0px;
				font-size:12px;
				line-height:1.5em;
			}
			
			#content_page img.imageleft{
				float:left;
				margin-top:5px;
				margin-bottom:2px;
				margin-right:4px;
				padding:0px;
			}
			
			#content_page img.imageright{
				float:right;
				margin-top:5px;
				margin-bottom:2px;
				margin-right:4px;
				padding:0px;
			}
			
			#contentleft{
				position:relative;
				width:280px;
				margin:0px;
				padding:0px;
				float:left;
			}
			
			#contentleft h1{
				margin:0px;
				padding:0px;
				font-size:14px;
				color:#103378;
				text-indent:20px;
				font-weight:bold;
			}
			
			#contentleft p{
				margin:0px;
				padding:0px;
				font-size:12px;
				padding-left:20px;
				line-height:1.5em;
			}
			
			#contentright{
				position:relative;
				width:264px;
				margin:0px;
				margin-left:5px;
				padding:0px;
				float:left;
			}
			
			#contentright img{
				margin:0px;
				padding:0px;
				text-decoration:none;
				border: 1px solid #000000;
			}
			
			#contactform h1{
				margin:0px;
				padding:0px;
				font-size:14px;
				color:#103378;
				text-indent:20px;
				font-weight:bold;
			}
			
			#craneimages{
				padding:0px;
				margin:0px;
				margin-top:24px;	/* *ndra till 24px då height på left är 250px */
				margin-left:-30px;
			}

					#craneimages #mc1300, #craneimages #mc750, #craneimages #mc700, #craneimages #liftingyoke, #craneimages #liftingyoke_sawed, #craneimages #bulkdipper, #craneimages #timbergrasper, #craneimages #transportwheels{
						/*position:relative;*/
						visibility:hidden;
						height:auto;
						width:571px;
						padding-left:10px;
						padding-bottom:5px;
						padding-right:10px;
						background-color:#FFFFFF;
						border-top:0px;
						border-top-style:none;
						border-bottom:1px;
						border-bottom-color: #133679;
						border-bottom-style:solid;
						border-left:1px;
						border-left-color:#133679;
						border-left-style:solid;
						border-right:1px;
						border-right-color: #133679;
						border-right-style:solid;						
						position:absolute;
						margin-top:20px;						
					}				
			

#leftmeny a{
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	margin-left:10px;
	text-decoration:none;
}

#leftmeny a:hover{
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#103378;
	margin-left:10px;
	text-decoration:none;
}

p.contact{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#133679;
	line-height:1.5em;
}

#content h2{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#000000;
	line-height:2em;
	font-weight:normal;
}

	#content #contentleft h2.dot{
		background-image:url(img/symbol2.gif);
		background-position:left;
		background-repeat:no-repeat;
		text-indent:13px;
		margin-left:20px;
	}

img.images{
	float:left;
	margin-top:8px;
	margin-bottom:2px;
	margin-left:20px;
	margin-right:4px;
	padding:0px;
}


#contactinfo, #fields{
	margin:0px;
	margin-left:20px;
	padding:0px;
	font-size:12px;
	color:#000000;
}

.wiseweb{
	position:relative;
	vertical-align:bottom;
}