/*--------------- IT DESIGNER.NET -----------------*/
/*			       Mikael Löfberg    		       */
/*				 info@itdesigner.se				   */
/*-------------------------------------------------*/


	html, body {
		background-image: url(../grafik/bg.gif);
		background-repeat: repeat-y;
		background-attachment: fixed;
		background-position: center;	
		height: 100%;
		margin: 0;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px;
		color: #444444;
	  }
	
	a:link,
	a:active,
	a:visited {
		text-decoration:none;
		color:#1b99c2;
		}
	
	a:hover {
		text-decoration:underline;
		color:#333;
		}
		
	h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#ccc;
		font-size:24px;
		font-weight:bold;
		margin-bottom:12px;
		margin-top:5px;
		}
		
		
/*--------------- MAIN LAYOUT -----------------*/
	
	#Main {
		background-color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		margin-bottom:10px;
		padding:0px;
		width: 770px;
		overflow:hidden;
		border:solid 0px #999999;
		}

	#Top {
		margin-left: auto;
		margin-right: auto;
		margin-top:5px;
		margin-bottom:5px;
		padding:0px;
		width: 770px;
		overflow:hidden;
		}
		
	.ColumnLeft {
		width:170px;
		margin-right:10px;
		float:left;
		border:solid 1px #cccccc;
		}
		
		
	.ColumnRight {
		width:578px;
		_width:570px;
		padding:5px;
		float:left;
		background-color:#FFFFFF;
		border:solid 0px #cccccc;
		}
		
		.CatContainer {
			
			padding:0;
			float:left;
			}
			
		.CatHead {
			width:162px;
			_width:152px;
			padding:5px;
			background-color:#e2e2e2;
			float:left;
			text-align:center;
			}
			
				.CatHead a:link,
				.CatHead a:active,
				.CatHead a:visited {
					text-decoration:none;
					font-size:12px;
					color:#ffffff;
					}
				
				.CatHead a:hover {
					text-decoration:underline;
					color:#cccccc;
					}
		
		.RightThreeColumn {
			_width:160px;
			width:172px;
			padding:10px;
			margin-bottom:20px;
			border:solid 0px #000;
			float:left;
			}
			
		.RightOneColumn {
			width:279px;
			padding-right:10px;
			margin-bottom:20px;
			float:left;
			}
			
		.RightTwoColumn {
			width:278px;
			padding-left:10px;
			margin-bottom:20px;
			float:left;
			text-align:left;
			border-left:solid 1px #ccc;
			}
		
		
	.Btn {
		position:relative;
		margin:5px;
		float:left;
		}
			
			.Btn a:link,
			.Btn a:active,
			.Btn a:visited {
				text-decoration:none;
				font-size:12px;
				color:#ffffff;
				}
			
			.Btn a:hover {
				text-decoration:underline;
				color:#cccccc;
				}
				
	.IcoPlus {
		/*position:relative;*/
		padding-right:5px;
		float:left;
		}
		
				
/*--------------- REFERENSER LAYOUT -----------------*/
		
	.ProdImg {
		width:578px;
		margin:auto;
		float:left;
		text-align:center;
		border:solid 0px #cccccc;
		}
		
	.ProdHead {
		width:130px;
		height:17px;
		padding-top:2px;
		margin:auto;
		float:left;
		color:#fff;
		text-align:center;
		background-color:#e2e2e2;
		border:solid 0px #cccccc;
		}

				
	
	ul.Prods	{
		position: relative;
		margin: 0px;
		padding: 0px;
		}
	
	ul.Prods li {
		position:relative;
		float:left;
		width:130px;
		height:150px;
		margin:7px;
		_margin:5px;
		padding:0px;
		border:solid 0px #ccc;
		list-style-type: none;
		}
		
			.Prods a:link,
			.Prods a:active,
			.Prods a:visited {
				width:130px;
				height:130px;
				}

				
			.Prods span {
				display:block;
				position:absolute;
				left:0;
				top:0px;
				width:100%;
				height:100%;
				padding-bottom:5px;
				}
		
			.Prods a:hover {
				background-color:#b2d5de;
				color:#007b98;
				}
				
				
				
	ul.ProdLines	{
		position: relative;
		margin: 0px;
		padding: 0px;
		}
	
	ul.ProdLines li {
		position:relative;
		float:left;
		width:553px;
		height:17px;
		margin:5px 5px 5px 7px;
		padding:5px;
		border:solid 0px #ccc;
		background-color:#ddd;
		text-align:left;
		list-style-type: none;
		}
		
			.ProdLines a:link,
			.ProdLines a:active,
			.ProdLines a:visited {
				width:553px;
				height:17px;
				}

				
			.ProdLines span {
				display:block;
				position:absolute;
				left:0;
				top:0px;
				width:100%;
				height:100%;
				padding:5px;
				}
		
			.ProdLines a:hover {
				background-color:#b2d5de;
				color:#007b98;
				}


/*--------------- CONTACT -----------------*/
	
	.ContactLeft {
		float:left;
		width:90px;
		padding-right:10px;
		text-align:right;
		margin-bottom:3px;
		border: 0px solid #000000;
		}
		
	.ContactRight {
		float:left;
		width:350px;
		margin-bottom:3px;
		border: 0px solid #000000;
		}
		
		.ContactRow {
			width:348px;
			border: 1px solid #999999;
			}
			
		.ContactSend {
			margin-left:395px;
			}
	
	

/*--------------- BOTTOM -----------------*/		

	#Bottom {
		width:770px;
		height:20px;
		margin: auto;
		margin-bottom:10px;	
		}
		
		.BottomLeft {
			width:300px;
			float:left;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}
			
		.BottomRight {
			width:470px;
			float:left;
			text-align:right;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}


/*------------------ LEFTMENY --------------------*/
	
	ul.LeftMenu {
		margin: 0px;
		padding: 0px;
		position: relative;
		background-image:url(../grafik/bg_mnu_left.jpg);
		}
	
	ul.LeftMenu li {
		margin:1px;
		border-bottom:solid 1px #ffffff;
		list-style-type: none;
		padding-left:10px;
		padding-right:10px;
		padding-top:7px;
		padding-bottom:7px;
		/*position:relative;*/
		}
		
	.LeftMenu span {
		display:block;
		/*position:relative*/
		left:10;
		bottom:0;
		width:100%;
		cursor:pointer;
		}
		
	.LeftMenu span.LeftMenuCat {
		text-decoration:none;
		font-size:14px;
		color:#009fb1;
		}
		
			.LeftMenu a:link,
			.LeftMenu a:active,
			.LeftMenu a:visited {
				text-decoration:none;
				font-size:14px;
				color:#009fb1;
				}
		
			.LeftMenu a:hover {
				text-decoration:underline;
				color:#6be2f5;
				background-color:#333333;
				width:100%;
				}
				

/*------------------ LEFT SUBMENY --------------------*/

		ul.sub {
			margin: 0;
			margin-top:2px;
			padding: 0;
			list-style-type: none;
			border:solid 1px #ccc;
			
			}
		
		ul.sub li {
			text-align:left;
			float:none;
			background-color:#FFF;
			padding-top:0px;
			padding-bottom:0px;
			}
			
		.sub span {
			display:block;
			/*position:relative*/
			left:10;
			bottom:0;
			width:100%;
			cursor:pointer;
			}
			
				.sub a:link,
				.sub a:active,
				.sub a:visited {
					display:block;
					text-decoration:none;
					font-size:12px;
					color:#009fb1;
					padding-left:0px;
					padding-right:0px;
					padding-bottom:5px;
					padding-top:5px;
					}
			
				.sub a:hover {
					display:block;
					text-decoration:underline;
					color:#6be2f5;
					background-color:black;
					padding-left:0px;
					padding-right:0px;
					padding-bottom:5px;
					padding-top:5px;
					}

#ul_one, #ul_two, #ul_three, #ul_four, #ul_five, #ul_six, #ul_seven, #ul_eate, #ul_nine, #ul_ten, #ul_eleven {
		display:none;
		}
		
		
/*------------------ TOPMENY --------------------*/

	.Menu {
		background-image:url(../grafik/bg_mnu.gif);
		background-repeat:no-repeat;
		height:35px;
		width:770px;
		margin:auto;
		margin-top:5px;
		padding-top:7px;
		text-transform:uppercase;
		}
	
	ul.mainmenu	{
		margin: 0px;
		padding: 0px;
		position: relative;
		}
	
	ul.mainmenu li {
		float:left;
		margin:1px;
		border-right:solid 1px #fff;
		list-style-type: none;
		padding-left:3px;
		padding-right:5px;
		padding-top:3px;
		padding-bottom:3px;
		position:relative;
		}
		
			.mainmenu a:link,
			.mainmenu a:active,
			.mainmenu a:visited {
				text-decoration:none;
				font-size:12px;
				color:#fff;
				padding-left:7px;
				padding-right:7px;
				padding-top:3px;
				padding-bottom:3px;
				}
		
			.mainmenu a:hover {
				text-decoration:underline;
				color:#ccc;
				background-color:#999;
				padding-left:7px;
				padding-right:7px;
				padding-top:3px;
				padding-bottom:3px;
				}
				
					
					ul.mainmenu li.last-child { 
						border-right: 0; 
						}
						
					ul.mainmenu li.active { 
						font-size:12px;
						font-weight:bold;
						color:#ffffff;
						padding-left:20px;
						padding-right:20px;
						}
						
					ul.mainmenu li.last-child-active { 
						border-right:0;
						font-size:12px;
						font-weight:bold;
						color:#ffffff;
						padding-left:10px;
						padding-right:10px;
						}
						

						
/* Lightbox */

	#Object {
		width:630px;
		padding:0px;
		margin:0px;
		}
		
			ul.ObjectImg {
				display:inline;
				float:left;
				margin:0px;
				padding: 0px 0px 0px 0px;
				width:500px;
				border: #777777 0px solid;
				}
				
					ul.ObjectImg li {
						display: block;
						float: left;
						margin-right:7px;
						margin-bottom:7px;
						list-style-type: none;
						}
						
					ul.ObjectImg li.last-child-active { 
						margin-right:0px;
						}