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


	html, body {
	  background-image:url(../grafik/bg.jpg);
	  background-repeat:repeat-x;
	  margin: 0;
	  padding: 0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color: #333333;
	  }
	
	a:link,
	a:active,
	a:visited {
		text-decoration:none;
		color:#82609E;
		}
	
	a:hover {
		text-decoration:underline;
		color:#aa87c9;
		}
		

	h1 {
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			font-size:26px;
			line-height:30px;
			font-weight:bold;
			margin-top:5px;
			}
			
	h2 {
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			font-size:16px;
			font-weight:bold;
			margin:0px;
			}
			
	h3 {
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			font-size:14px;
			font-weight:bold;
			margin:0 0 5px 0;
			}


/*--------------- HUVUDDELAR -----------------*/

	#container {
		width: 1080px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		}
		
	#Banner {
		float:right;
		margin-top:0px;
		margin-bottom:5px;
		}
	
	#main {
		width: 900px;
		overflow:hidden;
		}
		
	.News {
		background-image:url(../grafik/bg_news.gif);
	 	background-repeat:repeat-x;
		position:relative;
		text-align:left;
		width:890px;
		height:36px;
		padding-top:4px;
		padding-left:10px;
		margin-bottom:15px;
		margin-top:10px;
		border:solid 0px #000000;
		z-index:1;
		}
		
			.NewsRow {
				width:150px;
				height:16px;
				padding:3px;
				border: 1px solid #ccc;
				}
				
			.NewsBtn {
				background-image:url(../grafik/btn_news.gif);
				background-repeat:no-repeat;
				width:100px;
				height:21px;
				padding-top:4px;
				}
				
					.NewsBtn a {
						display:block;
						width:100px;
						height:25px;			
						text-decoration:none;
						text-align:center;
						font-family:Arial, Times New Roman, Times, serif;
						font-size:14px;
						color:#fff;
						}
					
					.NewsBtn span {
						display:block;
						position:absolute;
						left:0;
						bottom:0;
						width:100%;
						}
		
	#Top {
		position:relative;
		text-align:left;
		width:900px;
		height:70px;
		margin-bottom:15px;
		margin-top:10px;
		border:solid 0px #000000;
		z-index:1;
		}
		
		.Logo {
			position:relative;
			float:left;
			top:-7px;
			left:0;
			width:206px;
			text-align:right;
			padding-right:10px;
			border:solid 0px #000000;
			}
		
		.Search {
			position:absolute;
			float:left;
			top:32px;
			left:500px;
			border:solid 0px #000000;
			}
		
				.SearchRow {
					width:150px;
					height:16px;
					padding:3px;
					border: 1px solid #ccc;
					}
					
		
		.LangPosition {
			position:absolute;
			left:785px;
			float:left;
			top:30px;
			border:solid 0px #000000;
			}
			
		.TopLinks {
			position:absolute;
			left:790px;
			top:10px;
			float:left;
			border:solid 0px #000000;
			}
			
	#TopImg {
		position:relative;
		text-align:left;
		width:900px;
		height:300px;
		margin-top:10px;
		border:solid 0px #000000;
		z-index:1;
		}
		
		
    div.infotexts{
		margin-top:15px;
		padding-bottom:10px;
        width:900px;
		overflow:hidden;
		}
    
    div.infocol {
        width:290px;
        padding-left:5px;
        padding-right:5px;
        float:left;
    }
		
	.ColumnLeft {
		width:900px;
		float:left;
		margin-bottom:10px;
		line-height:15px;
		}
		
		.LeftContainer {
			width:725px;
			float:left;
			margin-bottom:10px;
			line-height:15px;
			border-bottom:1px solid #666666;
			}
		
		.LeftImg {
			width:225px;
			float:left;
			margin-bottom:10px;
			}
			
		.LeftText {
			width:460px;
			float:left;
			margin-left:20px;
			margin-bottom:10px;
			line-height:15px;
			}
		
		.WhiteTop {
			/*background-image:url(../grafik/white_bgtop.jpg);*/
			background-repeat:no-repeat;
			position:relative;
			width:705px;
			padding:10px;
			margin-bottom:10px;
			border-bottom:solid 1px #000000;
			overflow:hidden;
			}
		
		.Map {
			background-image:url(../grafik/worldmap.jpg);
			background-repeat:no-repeat;
			position:relative;
			width:725px;
			height:300px;
			margin-bottom:10px;
			border-bottom:solid 1px #000000;
			}
				
			.Destination {
				position:relative;
				width:180px;
				top:120px;
				left:530px;
				border:solid 0px #000000;
				}
				
		.FPLeft {
			width:535px;
			padding-left:5px;
			float:left;
			}
			
		.FPRight {
			width:169px;
			margin-left:16px;
			float:left;
			}
			
		.FPLeftDest {
			width:164px;
			margin-top:5px;
			margin-right:16px;
			padding-left:5px;
			float:left;
			}
		
		.FPRightDest {
		    margin-top:5px;
			width:700px;
			padding-left:5px;
			float:left;
			}
			
		
		
		

/*--------------- BUTTONS -----------------*/

	.BtnRow {
		float:left;
		width:100%;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		padding-left:470px;
		border: solid 0px #000000;
		}
	
	.Btn {
		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;
			}
	
/*--------------- BLOG -----------------*/
	
	.BlogField {
		width:530px;
		border:solid 1px #666666;
		font-size:12px;
		}
		
	#BlogContainer {
		width:530px;
		float:left;
		margin-top:10px;
		}
	
	.BlogTopLeft {
		width:419px;
		float:left;
		padding-left:10px;
		border-left:solid 1px #666666;
		border-top:solid 1px #666666;
		border-bottom: solid 1px #66666;
		background-color:#eeeeee;
		font-size:12px;
		font-weight:bold;
		}
		
	.BlogTopRight {
		width:89px;
		float:left;
		border-right:solid 1px #666666;
		border-top:solid 1px #666666;
		border-bottom: solid 1px #66666;
		background-color:#eeeeee;
		font-size:12px;
		font-style:italic;
		text-align:right;
		padding-right:10px;
		}
	
	.BlogBox {
		width:508px;
		height:80px;
		padding:10px;
		border:solid 1px #666666;
		background-color:#99FFFF;
		font-size:12px;
		overflow:auto;
		}
		

/*--------------- LONG HEAD -----------------*/
		
		.LongHead {
			background-image:url(../grafik/long_head.gif);
			background-repeat:no-repeat;
			position:relative;
			width:540px;
			height:20px;
			text-align:center;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			padding-top:2px;
			border:solid 0px #000000;
			}
			
		.LongMiddle {
			background-image:url(../grafik/long_middle.gif);
			position:relative;
			width:520px;
			padding:10px;
			border:solid 0px #000000;
			}
			
			.LongColumn {
				width:260px;
				float:left;
				overflow:hidden;
				}
				
			.LongField {
				position:relative;
				width:220px;
				height:16px;
				padding:3px;
				border: 1px solid #666666;
				}
		
/*--------------- NYHETER -----------------*/

		.NyheterHead {
			background-image:url(../grafik/nyheter_head.gif);
			background-repeat:no-repeat;
			position:relative;
			width:169px;
			height:20px;
			text-align:center;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			padding-top:2px;
			border:solid 0px #000000;
			}
			
		.NyheterMiddle {
			background-image:url(../grafik/nyheter_middle.gif);
			position:relative;
			width:149px;
			padding:10px;
			border:solid 0px #000000;
			}

/*--------------- SEARCH RESULT -----------------*/

		.SearchResult {
			width:690px;
			background-color:#cef6ee;
			float:left;
			padding:5px;
			margin-bottom:10px;
			line-height:15px;
			border:1px solid #666666;
			}
			
			.SearchDate {
				position:absolute;
				left:645px;
				font-style:italic;
				}
				
			.SearchBtn {	
				position:relative;
				left:636px;
				height:19px;
				width:75px;
				}
				
				.SearchBtn a:link,
				.SearchBtn a:active,
				.SearchBtn a:visited {
					text-decoration:none;
					font-size:11px;
					color:#ffffff;
					}
			
				.SearchBtn a:hover {
					text-decoration:none;
					color:#cccccc;
					}

/*--------------- AKTIVITETER -----------------*/

		.ActiveOne {
			float:left;
			width:80px;
			padding-right:10px;
			margin-bottom:5px;
			font-weight:bold;
			text-align:right;
			}
			
		.ActiveTwo {
			float:left;
			width:150px;
			margin-bottom:5px;
			}


					/*---------------INBOX PAGES -----------------*/		
			
						#InboxPages {
							width:540px;
							margin-left: auto;
							margin-right: auto;
							text-align:center;
							}
						
						ul.InboxPages {
							margin: 0px;
							margin-bottom:10px;
							overflow:hidden;
							}
						
						ul.InboxPages li {
							float:left;
							padding:2px;
							margin:2px;
							border:solid 1px #eeeeee;
							list-style-type: none;
							}
							
								.InboxPages a:link,
								.InboxPages a:active,
								.InboxPages a:visited {
									text-decoration:none;
									}
							
								.InboxPages a:hover {
									text-decoration:underline;
									}
													
								ul.InboxPages li.active { 
									font-weight:bold;
									background:#cccccc;
									}
									
								ul.InboxPages li.active { 
									border:0px;
									}


/*--------------- FORM -----------------*/

		.ContactLeft {
			float:left;
			width:90px;
			padding-left:10px;
			margin-bottom:5px;
			}
			
		.ContactRight {
			float:left;
			width:440px;
			margin-bottom:5px;
			}
			
		.FormRow {
			width:300px;
			border: 1px solid #666666;
			}
			
		.SendRow {
			width:190px;
			padding-left:350px;
			border: 0px solid #666666;
			}
			
		.FormPostNr {
			width:50px;
			border: 1px solid #666666;
			}
			
		.FormPostAdd {
			width:235px;
			margin-left:10px;
			border: 1px solid #666666;
			}	
		
		

	#Bottom {
		width:900px;
		margin-bottom:10px;
		line-height:15px;
		border:solid 0px #bbbbbb;
		}



/*------------------ MAINMENY --------------------*/
	.TopMenu {
		position:relative;
		width:900px;
		height:40px;
		margin-top:5px;
		z-index:10;
		}
		
	.BottomMenu {
		position:relative;
		width:900px;
		height:40px;
		margin-top:5px;
		margin-bottom:30px;
		z-index:9998;
		}




	ul.mainmenu	{
		position:relative;
		margin:0;
		padding-left:2px;
		}
	
	ul.mainmenu li {
		position:relative;
		display:block;
		float:left;
		width:126px;
		height:40px;
		background-image:url(../grafik/mnu_btn_off.gif);
		background-repeat:no-repeat;
		margin:1px;
		padding:0;
		text-align:center;
		list-style-type: none;
		}
		
			.mainmenu a {
				display:block;
				width:126px;
				height:40px;			
				text-decoration:none;
				font-family:Arial, Times New Roman, Times, serif;
				font-size:16px;
				color:#666;
				}
			
			.mainmenu span {
				display:block;
				position:absolute;
				left:0;
				bottom:0;
				width:100%;
				padding-bottom:10px;
				border:solid 0px #000;
				}
					
			.mainmenu a:hover {
				text-decoration:none;
				color:#333333;
				}
				
						
			ul.mainmenu li.active {
				display:block;
				position:relative;
				font-weight:bold;
				color:#000000;
				background-image:url(../grafik/mnu_btn_on.gif);
				background-repeat:no-repeat;
				}
				
							.mainmenu li.active a {
								display:block;
								width:126px;
								height:40px;			
								text-decoration:none;
								color:#007b98;
								}


/*------------------ SUBMENY --------------------*/												
		
		ul.submenu {
			margin: 0;
			padding: 0;
			left:0;
			list-style-type: none;
			position:absolute;
			float:left;
			width:auto;
			display:inline-block;
			}
		
		ul.submenu li {
			float:none;
			background-color:#87c0ce;
			background-image:url("../grafik/mnu_btn_sub.gif");
			background-position: 0px -10px;
            background-repeat:repeat;
            border-bottom:0px solid #BBBBBB;
            
			height:18px;
			padding-top:2px;
			font-weight:normal;
			text-align:left;
			width:auto;
			margin: 0px;
			}
			
				.submenu a, li.active .submenu a, ul.submenu li.nochoice {
					height:20px;
					font-weight:bold;
					text-decoration:none;
					padding-top:2px;
					padding-bottom:2px;
					padding-left:5px;
					font-size:12px;
					color:#333;
					min-width:126px;
					}
			
				.submenu a:hover {
					text-decoration:none;
					}
					
/*------------------ SUBMENY BOTTOM --------------------*/												
		
		ul.Bottomsubmenu {
			margin: 0;
			padding: 0;
			left:0;
			position:relative;
			}
		
		ul.Bottomsubmenu li {
			float:left;
			height:20px;
			padding-top:1px;
			font-weight:normal;
			text-align:left;
			}
			
				.Bottomsubmenu a, li.active .Bottomsubmenu a {
					text-decoration:none;
					float:left;
					padding-top:2px;
					padding-bottom:2px;
					padding-left:5px;
					font-size:12px;
					color:#333;
					}
			
				.Bottomsubmenu a:hover {
					text-decoration:none;
					}
						
    /*Submeny Destination*/
    ul.destsubmenu {
        list-style: none;
        	color:#000000;
			padding: 0px;
			overflow:hidden;
    }
    
    ul.destsubmenu li {
        margin:0px;
			padding-top:2px;
			padding-bottom:2px;
			padding-left:10px;
			border-bottom:solid 1px #cccccc;
			list-style-type: none;
			text-transform: uppercase;
    }

    ul.destsubmenu li.subs {
        background-image:url("../grafik/plus.gif");
        background-repeat:no-repeat;
        cursor:pointer;
    }
    
    ul.destsubmenu li.active 
    {
        font-weight:bold;
    }
    
    ul.destsubmenu li ul li
    {
        border:none;
    }
    
    ul.destsubmenu li ul {
        list-style:none;
        padding: 0px;
    }
    
    .destsubmenu a:link,
				.destsubmenu a:active,
				.destsubmenu a:visited {
					text-decoration:none;
					font-size:11px;
					color:#000000;
					}
			
				.destsubmenu a:hover {
					text-decoration:none;
					color:#333333;
					}
						
		/*-------- IMAGE GALLERY - LIGHTBOX ----------*/

	#Object {
		width:525px;
		padding:0px;
		margin:0px;
		z-index:9999;
		}
		
			ul.ObjectImg {
				display:inline;
				float:left;
				margin:0px;
				padding: 0px 0px 0px 0px;
				width:630px;
				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;
						}
						
						
	.slideshow
	{
	    height:288px;
	}