/* css AirÅland standard style v1.0 */

/* basic elements */
body
	{
	color:rgb(0,0,0); background: rgb(229,233,240) url(../img/body_background.gif) repeat-y left top;
	padding:0px; margin:0px;
	font: normal 80% arial, verdana, sans-serif;
	}
	body div div
		{
		text-align:left; clear:right;
		}

H1 {font-family: "trebuchet MS", arial, verdana, sans-serif; color: #115EAB; font-size: 1.8em; font-weight: normal; padding-bottom:0px; margin-bottom:0px; } /* Stor rubrik (h1) */
H2 {font-family: "trebuchet MS", arial, verdana, sans-serif; color: #115EAB; font-size: 1.3em; font-weight: bold; } /* Medelstor rubrik (h2) */
H3 {font-family: arial, verdana, sans-serif; color: #115EAB; font-size: 1.1em; font-weight: bold; margin-bottom: 0 !important; } /* Liten rubrik (h3) */
H4 {font-family: arial, verdana, sans-serif; color: #115EAB; font-size: 1.1em; font-weight: bold; margin-bottom: 0; } /* Medelstor rubrik (h4) */
H5 {font-family: arial, verdana, sans-serif; color: #115EAB; font-size: 1.3em; font-weight: bold; margin-bottom: 0; } /* Kolumnrubrik (h5) */
p { color:#115EAB; font-size:1em; }

p, li { color: #888484; margin: 0; padding:0; }
tbody, p { font-size: 1em; }

legend {font-family: arial, verdana, sans-serif; color: #115EAB; font-size: 1.1em; font-weight: normal; margin-bottom: 0 !important; } /* Liten rubrik (h3) */

#content table { font-size: 10px; border-collapse: collapse; width:100%; }
#content th { text-transform:uppercase; font-weight:normal; }
#content td, th
	{
	border-collapse:collapse;
	font-size:9px; color:rgb(0,99,172); background-color: transparent;
	height:20px; vertical-align:middle; padding-left:3px;
	}
	#content td p
		{
		font-size:10px; color:rgb(0,99,172); background-color: transparent;
		}

p, legend { margin-bottom: 0; color:#115EAB; background-color: transparent; }

ul {margin-top: 4px; list-style-type: square;}
	li
		{
		color:#115EAB; color:#115EAB; background-color: transparent;
		}

hr
	{
	border:0px; height:1px; margin:0px 0px 4px 0px; padding:0px;
	color: rgb(133,133,133); background-color:rgb(133,133,133);
	}

/* LINK STYLING */

.more {background: url(../img/more.gif) no-repeat right; padding-right: 12px !important;}
a {color: #115EAB; }
.book {float: right; margin: 20px 0 0 0;}

a img { border:none; }

#flags a { text-decoration:none; }


/* specific divs */
	#header
		{
		width:960px; text-align:left; padding-top:0px;
		color: rgb(0,0,0); background-color: rgb(255,255,255);
		}
	#header img
		{
		margin-left:25px;
		}
	#main_menu
		{
		width:930px; padding-left:30px; height:100%;
		color: rgb(0,0,0); background-color: rgb(255,255,255);
		}
		#nav {clear: both; float:left; width: 750px; background: #006DB4; list-style-type: none; margin: 0px 0 10px 0; padding: 0;}
		#nav li {float: left; }
			#nav li a {color: #FFF; text-decoration: none; font-size: 90%; display: block; padding: 0.3em 1.4em; text-transform: uppercase; font-weight: bold; font-family: Arial, Verdana, sans-serif;}
			#nav li a:hover, #nav li a.active {background: #004A7A; color: #FFF;}

			#nav li ul {position: absolute; z-index: 2; margin: 0px; padding: 0 !important;  height: auto; width: 150px;  background: #FFF; border-width: 0 1px 1px 1px; border: 1px solid #999; }
	        #nav li ul li { display: block; float: none;   }
	        #nav li>ul li {height: auto !important;}
					 #nav ul li a {display:block; color: #666; font-size: 90%; text-transform: none;  border-bottom : 1px solid #CCC !important; height: 1.5em;}
					 #nav ul li a:hover {background: #F0F0F0; color: #000;}

			#nav li:hover ul, #nav li.over ul {display: block !important; }
			#nav ul {display: none;}

		#flags { width:166px; text-align: left; top: 0px;  float: right; padding-top:2px; }
	    #flags img { margin-left:5px; margin-top: 1px; }
	#content
		{
		clear:both; width:930px; height:100%; padding:8px 0px 0px 30px;
		color: rgb(0,0,0);
		background: rgb(255,255,255) repeat-y right top;
		}

	#bookingMenu
		{
		width:546px; margin-left:12px; margin-bottom:5px; height:27px; clear: both;
		color: rgb(255,255,255); background: rgb(170,182,204) url('../img/booking_bird.gif') no-repeat right;
		}
		#bookingNav {
			float:left;
			background:transparent; list-style-type:none;
			margin: 0px 0 5px 0; padding: 0;
			}
		#bookingNav li {float: left;}
			#bookingNav li a {
				color: #FFF; text-decoration: none; font-size: 90%;
				border-right:1px solid #004A7A;
				display: block; padding: 0.5em 1.4em; text-transform: uppercase; font-weight: bold; font-family: Arial, Verdana, sans-serif;}
			#bookingNav li a:hover, #bookingNav li a.active {background: #004A7A; color: #FFF;}

		#bookingText
			{
			width:244px; padding:5px 0px 0px 0px;
			font-weight:bold; font-size:12px; float:left;
			}
		.basketDesc
			{
			font-family:Verdana; font-size:10px; color:#7f94a8; font-weight:bold;
			width:220px; padding-left:0px; text-align:right;
			}
		#bookingAddons
			{
			margin-left:12px;
			}
		#bookingAdds {
			clear: both; float:left; width:546px;
			background:transparent; list-style-type:none;
			margin: 0px 0 5px 0; padding: 0;
			}
		#bookingAdds li {float: left;}
			#bookingAdds li a
				{
				color:#FFF; background:#004A7A url('../img/addon_bird.gif') no-repeat right;
				text-decoration: none; font-size: 85%;
				border-right:5px solid #FFF;
				display: block; padding: 0.4em 30px 0.4em 1.0em; text-transform: uppercase; font-weight: bold; font-family: Arial, Verdana, sans-serif;
				}

		#bookingFrame
			{
			margin-left:12px;
			}
		#startpage #content
			{
			background: rgb(255,255,255) repeat-y 743px top;
			}
		#leftColumn
			{
			float:left; width:439px; padding:0px 30px 4px 4px;
			}
		#left2Column
			{
			float:left; width:690px; padding:0px 30px 4px 4px;
			}
			.leftText
				{
				float:left; width:340px;
				}
			.rightText
				{
				float:left; width:340px;
				}
		#centerColumn
			{
			width: 250px; float: left;
			}
			#centerColumn #boxBlock {width: 250px; margin-left: 0 !important; padding: 0; }
			#centerColumn #boxBlock #midddleCol {float: left;}
		#outerLeftColumn
			{
			float:left; width:155px;
			}
			.submenu {list-style: none; padding: 0; margin :0; background: #FFF;}
			.submenu li
				{
				background: url(../img/menu_bird.gif) no-repeat right center;
				height: 33px;  text-indent: 5px;
				border-top: 3px solid rgb(166,188,221);
				}
			.submenu li.endBorder
				{
				background: rgb(255,255,255);
				height: 33px;  text-indent: 5px;
				border-top: 3px solid rgb(166,188,221);
				}
			.submenu li a
				{
				color: #006db4; font-size: 13px; text-transform: uppercase;
				font-family: arial; text-decoration: none;
				font-weight: bold; line-height: 31px;
				}
			.submenu li a:hover { color: #de9812; }

			.leftFormDiv
				{
				border:2px solid rgb(0,99,172); margin-bottom:5px;
				}
			#customerClub
				{
				background-color: rgb(254,222,157); color:rgb(0,0,0);
				}
				#bookingpage .leftFormDiv
					{
					display:none;
					}
				.leftFormDiv h5
					{
					color:rgb(255,255,255); background-color:rgb(0,99,172);
					text-transform: none;
					font-size:12px; font-weight:bold;
					padding: 4px 0px 4px 10px;
					margin:0px;
					}
				.leftFormDiv #question
					{
					padding-top:2px; padding-left:20px;
					}
				.leftFormDiv form
					{
					padding: 0px 4px 4px 10px;
					margin-top:5px; margin-bottom:5px;
					}
				.leftFormDiv p
					{
					padding: 5px 4px 4px 10px;
					font-size:11px; color:rgb(0,0,0);
					}
				.leftFormDiv label
					{
					margin:0px; padding:0px;
					font-size:11px;
					}
				.leftFormDiv #UID, .leftFormDiv #per_name
					{
					width:120px;
					}
				.leftFormDiv #PIN, .leftFormDiv #per_email
					{
					width:85px;
					}
				.leftFormDiv #sendLogin, .leftFormDiv #submit
					{
					width:30px;
					}
		#innerColumn, .innerColumn
			{
			float:left; width:575px; padding:0px 0px 0px 12px; height:auto; margin-bottom:0px;
			}
		.innerColumn2
			{
			float:left; width:575px; padding:0px 0px 0px 0px; height:auto; margin-bottom:0px;
			}
			#innerTopBorder
				{
				width:575px; height:8px; margin-left:3px; padding-left:1px; color: rgb(255,255,255);
				}
			#innerBottomBorder
				{
				clear:both; width:575px; height:8px; margin-top:0px; padding-top:0px;
				margin-left:3px; padding-left:1px; color: rgb(255,255,255); background-color: transparent;
				}
			#innerColumn hr
				{
				border:0px; height:1px; margin:0px 0px 5px 0px; padding:0px;
				color:#115EAB; background-color:#115EAB;
				}

		#packages #innerColumn
			{
			background: rgb(255,255,255) url(../img/innerBackground.gif) repeat-y 10px 1px;
			}
			#packages #innerTopBorder
				{
				background: rgb(255,255,255) url(../img/innerTopBorder.gif) no-repeat bottom left;
				}
			#packages .innerLeftColumn
				{
				margin:0px 0px 0px 4px;
				/*border-left:2px solid rgb(214,223,238);
				border-right:1px solid rgb(166,188,221);*/
				padding-right:1px;
				background-color: transparent;
				}
			#packages .innerRightColumn
				{
				padding-left:4px;
				background-color: transparent;
				}
			#packages #innerBottomBorder
				{
				background: rgb(255,255,255) url(../img/innerBottomBorder.gif) no-repeat top left;
				}
				#packages #specialTopBorder
					{
					width:295px; height:16px;  padding:0px; margin:0px 0px 0px 6px;
					background: rgb(255,255,255) url(../img/specialTopBorder.gif) no-repeat center bottom;
					}
				#packages #specialText
					{
					width:280px; color:#115EAB; background-color:rgb(246,168,18); padding-left:15px; margin:0px 0px 0px 6px;
					}
					#packages #specialText H1
						{
						margin:0px; padding:5px 0px 6px 0px;
						font-weight: normal;
						}
					#packages #specialText H2
						{
						margin:0px; padding:5px 0px 6px 0px;
						font-weight: normal;
						}
				#packages #specialBottomBorder
					{
					width:295px; height:16px; margin:0px 0px 0px 6px; padding:0px;
					background: rgb(255,255,255) url(../img/specialBottomBorder.gif) no-repeat center bottom;
					}

		#textpage #innerColumn
			{
			background: rgb(255,255,255) url(../img/innerBackgroundText.gif) repeat-y 10px 1px;
			}
			#textpage .framed #innerColumn
				{
				background: rgb(255,255,255) url(../img/innerBackgroundText2.gif) repeat-y 10px 1px;
				}
			#textpage #innerTopBorder
				{
				background: rgb(255,255,255) url(../img/innerTopBorderText.gif) no-repeat bottom left;
				}
				#textpage .framed #innerTopBorder
					{
					background: rgb(255,255,255) url(../img/innerTopBorderText2.gif) no-repeat bottom left;
					}
			#textpage .innerColumn
				{
				width:550px; padding-left:10px;
				}
			#textpage #innerBottomBorder
				{
				background: rgb(255,255,255) url(../img/innerBottomBorderText.gif) no-repeat bottom left;
				}
				#textpage .framed #innerBottomBorder
					{
					background: rgb(255,255,255) url(../img/innerBottomBorderText2.gif) no-repeat bottom left;
					}
			#textpage .innerLeftColumn, #textpage .innerRightColumn
				{
				width:267px; background-color:transparent;
				}
			#textpage .column3 .innerLeftColumn, #textpage  .column3 .innerRightColumn , #textpage  .column3 .innerCenterColumn
				{
				width:170px; background-color:transparent;
				}
				#textpage .framed .innerRightColumn
					{
					padding-left:10px;
					}
				#textpage .innerLeftColumn th, #textpage .innerRightColumn th
					{
					font-family: arial, verdana, sans-serif; color: rgb(0,0,0);
					font-size: 1.0em; font-weight: bold;
					}
				#textpage .innerLeftColumn td, #textpage .innerRightColumn td
					{
					font-family: arial, verdana, sans-serif; font-size: 1.0em;
					color: rgb(0,0,0);
					}
					.timeHeader td
						{
						background-color: rgb(206,212,233) !important; color: rgb(0,0,0);
						}
				#textpage #specialTopBorder
					{
					width:265px; height:14px; margin:0px; padding:0px;
					background: rgb(255,255,255) url(../img/specialTopBorderText.gif) no-repeat center bottom;
					}
				#textpage #specialText
					{
					width:255px; color:#115EAB; background-color:rgb(252,212,148); padding-left:10px;
					}
					#textpage #specialText H2
						{
						margin:0px; padding:5px 0px 6px 0px;
						font-weight: normal;
						}
				#textpage #specialBottomBorder
					{
					width:265px; height:14px; margin:0px; padding:0px;
					background: rgb(255,255,255) url(../img/specialBottomBorderText.gif) no-repeat center bottom;
					}
		#innerLeftColumn, .innerLeftColumn
			{
			float:left; width:230px; background: rgb(255,255,255); padding: 0px 8px 0px 12px; margin-bottom:0px;
			/*height:29em;*/
			}
		#innerLeftColumn2, .innerLeftColumn2
			{
			float:left; width:305px; background: rgb(255,255,255); padding: 0px 8px 0px 12px; margin-bottom:0px;
			/*height:29em;*/
			}
		.innerCenterColumn
			{
			float:left; padding: 0px 16px 0px 8px; margin-bottom:0px;
			}
		#innerRightColumn, .innerRightColumn
			{
			float:left; width:310px; padding-right:8px; margin-bottom:0px;
			}
		#innerRightColumn2, .innerRightColumn2
			{
			float:left; width:230px; padding-right:8px; margin-bottom:0px;
			}
		#outerRightColumn, #rightColumn
			{
			float:left; width:150px; padding-left:4px; text-align:center;
			}
		.innerBottom
			{
			padding: 10px 20px 5px 15px;
			clear:both; width:525px; margin-top:0px;
			}

/* TEXTMENU STYLING */
#textMenu {margin: 0px 0 0 0}
#textMenu ul {list-style-type: none; padding: 0; border: solid #CCC; border-width: 1px 0 0 0; margin: 0;}
#textMenu li {}
#textMenu li a {display:  block; padding: 0.7em 1em;  border: solid #CCC; border-width: 0 0px 1px 1px;  text-decoration: none; color: #888;}
#textMenu a:hover {color: #3475B7 !important; }
a.active {color: #3475B7; font-weight: bold; background: #F4F4F4;}

/* CHARTERFORM STYLING */
#charterForm fieldset
	{
	padding:2px; border:0px solid #8cbceb;
	}