/*--------------- 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:underline;
		color:#333333;
		}
	
	a:hover {
		text-decoration:underline;
		color:#999999;
		}
		
	h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#40497e;
		font-size:24px;
		font-weight:bold;
		margin-bottom:12px;
		margin-top:5px;
		line-height:22px;
		}
		
	h2 {
		font-family:Arial, Helvetica, sans-serif;
		color:#40497e;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:5px;
		}
		
/*--------------- MAIN LAYOUT -----------------*/
	
	#TopImg {
		margin-left: auto;
		margin-right: auto;
		margin-top:5px;
		padding:0px;
		width: 770px;
		overflow:hidden;
		}
	
	#Main {
		background-color:#dddddd;
		margin-left: auto;
		margin-right: auto;
		margin-top:5px;
		margin-bottom:10px;
		padding:5px;
		width: 760px;
		overflow:hidden;
		border:solid 0px #999999;
		}

		
	.ColumnLeft {
		width:500px;
		margin-right:10px;
		float:left;
		border:solid 0px #999999;
		}
		
		.ColumnWrap {
			width:490px;
			padding:5px;
			background-color:#FFFFFF;
			border: solid 1px #999999;
			margin-bottom:10px;
			overflow:hidden;
			}
		
		.ColumnOne {
			width:150px;
			margin-right:10px;
			float:left;
			}
			
		.ColumnTwo {
			width:330px;
			float:left;
			}
		
		
	.ColumnRight {
		width:238px;
		padding:5px;
		float:left;
		background-color:#ffffff;
		border:solid 1px #999999;
		}
		
		.RightMenu {
			width:226px;
			padding:5px;
			background-color:#c8ceeb;
			border:solid 1px #999999;
			margin-bottom:3px;
			text-align:left;
			font-size:14px;
			}
			
	.FiftyColumnOne {
		width:363px;
		padding:5px;
		margin-right:10px;
		margin-bottom:10px;
		float:left;
		background-color:#eeeeee;
		border:solid 1px #999999;
		}
		
	.FiftyColumnTwo {
		width:363px;
		padding:5px;
		margin-bottom:10px;
		float:left;
		background-color:#FFFFFF;
		border:solid 1px #999999;
		}
		
		.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;
				}
		

/*--------------- TOP -----------------*/		
		
	#Top {
		position:relative;
		width:916px;
		height:100px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:1px;
		margin-top:5px;
		}
		
			.Logo {
				position:absolute;
				left:73px;
				top:0px;
				}
				
			.Lang {
				position:absolute;
				left:690px;
				top:80px;
				font-size:12px;
				text-align:right;
				border:0px solid #000;
				}
				

/*--------------- 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:5px;
		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:200px;
			float:left;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}
			
		.BottomCenter {
			width:350px;
			float:left;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}
			
		.BottomRight {
			width:220px;
			float:left;
			text-align:right;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}


/*------------------ MENY --------------------

	.Menu {
		position:relative;
		background-image:url(../grafik/bg_mnu.gif);
		height:30px;
		width:774px;
		margin:auto;
		padding-top:3px;
		text-transform:uppercase;
		z-index:9999999;
		}
	
	ul.mainmenu	{
		margin: 0px;
		padding: 0px;
		position: relative;
		}
	
	ul.mainmenu li {
		position:relative;
		float:left;
		width:110px;
		list-style-type: none;
		}
		
			.mainmenu a {
				display:block;
				text-decoration:none;
				text-align:center;
				color:#40497e;
				font-size:12px;
				padding-left:16px;
				padding-right:16px;
				padding-top:7px;
				padding-bottom:13px;
				}
				
		
			.mainmenu a:hover {
				text-decoration:underline;
				color:#40497e;
				background-color:#93a1da;
				}
				
			.mainmenu span {
				display:block;
				position:absolute;
				left:0;
				bottom:0;
				width:100%;
				padding-bottom:0px;
				}

						
					ul.mainmenu li.active { 
						display:block;
						float:left;
						font-size:12px;
						font-weight:bold;
						color:#40497e;
						width:110px;
						text-align:center;
						}
						
						
		ul.submenu {
			margin: 0;
			padding: 0;
			left:0;
			list-style-type: none;
			border:solid 1px #4f5d91;
			position:absolute;
			}
		
		ul.submenu li {
			text-align:left;
			float:none;
			background-color:#93a1da;
			}
			
				.submenu a, li.active .submenu a {
					text-decoration:none;
					font-size:12px;
					color:#40497e;
					padding-top:5px;
					padding-bottom:3px;
					}
			
				.submenu a:hover {
					text-decoration:underline;
					color:#40497e;
					padding-top:5px;
					padding-bottom:3px;
					background-color:#93a1da;
					}
						
--*/

/*------------------ TOPMENY --------------------*/

	.Menu {
		position:relative;
		float:center;
		height:50px;
		width:770px;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		font-family:Verdana, Geneva, sans-serif;
		z-index:9999999;
		}
	
	ul.mainmenu	{
		margin: 0px;
		padding: 0px;
		position: relative;
		margin-left:auto;
		margin-right:auto;
		}
	
	ul.mainmenu li {
		float:left;
		margin-top:1px;
		margin-bottom:1px;
		font-size:13px;
		text-transform:uppercase;
		list-style-type: none;
		position:relative;
		}
		
			.mainmenu a {
				text-align:center;
				display:block;
				width:109px;
				height:50px;	
				text-decoration:none;
				color:#d4d3c9;
				background-image:url(../grafik/meu_off.png);
				border-right: 1px solid #fff;
				}

				
			.mainmenu span {
				display:block;
				position:absolute;
				left:0;
				bottom:0;
				width:100%;
				padding-bottom:17px;
				}
				
			.mainmenu a:hover {
				background-image:url(../grafik/mnu_on.png);
				color:#fff;
				}
				
				
					
					ul.mainmenu li.active {
						background-image:url(../grafik/mnu_on.png);
						border-right: 1px solid #fff;
						width:109px;
						}
						
						
						
					ul.mainmenu li.active a:hover { 
						background-image:url(../grafik/mnu_on.png);
						border-right: 1px solid #fff;
						}
						
					
					ul.mainmenu li.last-child { 
						border-right:0;
						}
						
							.mainmenu li.last-child a {
								border-right:0;
								}	
					
					
					ul.mainmenu li.last-child-active { 
						border-right:0;
						display:block;
						position:relative;
						width:100px;
						height:36px;
						color:#007b98;
						}
						
							.mainmenu li.last-child-active a {
								display:block;
								width:100px;
								height:36px;			
								text-decoration:none;
								color:#007b98;
								}
						
						
	
	
	
		ul.submenu {
			margin: 0;
			padding: 0;
			left:0;
			list-style-type: none;
			position:absolute;
			}
		
		ul.submenu li {
			float:none;
			height:22px;
			font-weight:normal;
			text-align:left;
			border-right: 0px solid #fff;
			}
			
				.submenu a, li.active .submenu a {
					background-image:url(../grafik/meu_sub_off.jpg);
					height:20px;
					width:155px;
					text-decoration:none;
					text-align:left;
					padding-top:4px;
					padding-bottom:2px;
					padding-left:5px;
					font-size:11px;
					color:#FFF;
					}
			
				.submenu a:hover {
					background-image:url(../grafik/mnu_sub_on.jpg);
					text-decoration:none;
					}

/* 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;
						}