/* ------------------------------- */
/* HTML Elements & Classes
/* ------------------------------- */
html, body{margin:0; padding:0;}
body {background:#ffffff; color:black; font-family:Verdana,sans-serif;}
a {outline:none;}
.center{
text-align: center;
}
#bodyContent{
	font-family:Arial,sans-serif;
	font-size:10pt;
}
a,
a:visited,
a:link{
	color:#1a72ea;
	text-decoration:none;
	font-weight:normal;
}

a:hover{	
	color:#003680;
	text-decoration: underscore;
}
.gmnoprint {
height: 160px!important;
width: 490px!important;
display:block;
}
#infopopContent{

width: 490px!important;
display:block;
}
bodyContent{
width: 480px!important;
}

/* ------------------------------- */
/* PAGE Elements & Classes
/* ------------------------------- */
.Wrapper{width:100%; text-align:center; margin:0; padding:0;}
	#Header{
		width:860px;
		/*border:1px solid #252525; */
		/*border-bottom:1px solid #333333; */
		margin:0 auto 8px auto;
		padding:0;
		text-align:left;
		vertical-align:bottom;
	}

						ul#menu
						{
							background-color:#e4ecf7;
							margin:0;
							padding:0;
							list-style-type:none;
							width:auto;
							position:relative;
							display:block;
							height:30px;
							font-size:12px;
							font-weight:bold;
							font-family:Verdana,sans-serif;
							/*border-bottom:1px solid #000000;
							border-top:1px solid #000000;*/
							text-align:center;
						}
						ul#menu li{
							display:table;
							float:left;
							padding:8px 0px 0px 0px;
							margin: 0;
							text-align: center;
						}
						#HeaderMenu a,
						#HeaderMenu a:visited,
						#HeaderMenu a:link{
							display:inline;
							color:#000000;
							text-decoration:none;
							font-weight:normal;
							padding:8px 0px 0px 0px;
							margin-left: 15px!important;
							margin-top: 15px!important;
						}

						#HeaderMenu a:hover{	
							color:#000000;
							height:22px;
							font-weight: bold;
						}
	

						#HeaderMenu  a.active{
							color: #dc2223;
							font-weight: bold;
						}
		#HeaderImage {
			position:relative;
			height:351px;
			width:860px;
			padding:0 0 20px 0;
			margin:0; 
		}
			#HeaderImages{
				width:860px;
			    margin-bottom:10px;
			}
				.thumbnails{
					width: 93px;
					height: 70px;
				}

#Content{
	width:860px;
	/*border:1px solid #252525;*/
	/*border-bottom:1px solid #333333; */
	margin:0 auto 8px auto;
	padding:0;
	text-align:left;
	vertical-align:bottom;
}
	#Content-Table{
		width:860px;
		margin-left:auto;
		margin-right:auto;
		vertical-align:top;
	}
		#Content-Right-Column {
			width:248px;
			text-align:center;
			padding-left: 8px;
		}
			#Events{
				margin: 4px auto 8px auto;
				padding:5px 0px 0px 0px;
				text-align:left;
				overflow: auto;
			}
				.eventContainer{padding-left:10px; margin-top:10px;}
					.eventDate{
						font-size:13px;
						color:#000000;
						font-style:normal;
						font-weight:bold;
						font-family:time;
					}
					.eventContent{
						font-size:11px;
						color:#484846;
						font-style:normal;
						font-weight:normal;
						font-family:verdana;	
					}
					.eventColor1{color:#000000;}
					.eventColor1:first-line {color:#FF0000}
					.eventColor2{font-weight: bold;color:#ae8a52;}
					.eventLink{
						font-size:13px;
						color:#000000;
						font-style:normal;
						font-weight:normal;
						font-family:verdana;
						padding-left:5px;
					}
					.eventLink a:hover{color:#dc2223; text-decoration:none;}
					.eventLink a ,
					.eventLink a:link, 
					.eventLink a:visited {
						font-size:13px;
						color:#000000;
						text-decoration:none;
						font-family:verdana;
						margin-left:5px;
					}
		.Intro, .Bokningmap
		{
			width: 612px;
			margin:0px 0 20px 0;
			padding:5px 10px 10px 10px;
			height:auto;
			background:black;
			font-size:14px;
			background-color:#e4ecf7;
			letter-spacing:0.2px;
			color:#2c2e2b;
		}
		.map
		{
			width: 840px;
			margin:0px 0 20px 0;
			padding:5px 10px 10px 10px;
			height:auto;
			background:black;
			font-size:14px;
			background-color:#e4ecf7;
			letter-spacing:0.2px;
			color:#2c2e2b;
		}		
.Title
{
	font-size: 				14px;
	font-weight: 			bold;
	font-family:			Arial;

}
.Title2
{
	font-size: 				12px;
	font-weight: 			bold;
	font-family:			Arial;

}
.Title3
{
	padding-left: 			0px;
	font-size: 				13px;
	font-weight: 			bold;
	font-family:			Arial;
	text-align:				left;
	padding-bottom:			5px;
}
.Bread{
	font-size: 				11px;
	font-weight: 			normal;
	font-family:			Arial;
}
#visit{
width: 612px;
}
.Content-Footer-Table
{
	width: 					632px;
}


/* ------------------------------- */
/* BOOKING Elements & Classes
/* ------------------------------- */
.bokningInfo{
	padding: 5px 10px 10px 10px;
	width: 510px;
	float: left;
	background-color:#e4ecf7;
	font-size:12px;
	color:#000000;
	height: 170px;
}
.bokningErbjudande{
	width: 305px;
	padding: 0px 0px 10px 10px;
	float: left;
	margin-left: 15px;
	font-size:12px;

	color:#000000;
}
.ErbjudandeContainer{
	border: 1px solid #000000;
	padding: 5px 4px 5px 4px;
	height: 155px;
	overflow:auto;
}

#bokning{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin:0 auto;
	text-align:left;
	width: 860px;
	background:#f4f5f7;
	
}
#form_container{
	text-align:left;
	width:650px;
	padding:5px 10px 10px 10px;
	position: relative;
}

#bokningsform
{
	background: #e5e9f1;
	height: auto;
	position: relative;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
}
.clear{
	clear:both;
}
#top
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:655px;
}

#bottom
{
	display:block;
	height:10px;
	margin:0 auto;
	width:655px;
}

.row{
	display: block;
	clear:both;
	height: auto;
	padding: 2px 0px 2px 5px;
	margin-bottom: 0px;
	overflow: hidden;
	position:relative 
	/*border:1px solid #000;*/
}
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:12px;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}
label.description1
{
	border:inline;
	float:left;
	color:#222;
	display:block;
	font-size:12px;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
	width: 130px;
}
label.description2
{
	border:inline;
	float:left;
	color:#222;
	display:block;
	font-size:12px;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
	width: 160px;
}
form div div.leftCol{
	display:inline;
	float:left;
	width:33%;
}

form div div.centerCol{
	display:inline;
	float:left;
	width:33%;
}
form div div.rightCol{
	display:inline;
	float:left;
	width:33%;
}
form div div.twoCol{
	display:inline;
	float:left;
	width:49%;
}
form div div.oneCol{
	display:inline;
	float:left;
	width:100%;
}
form div div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	margin:0;
	padding-top:3px;
}
.section_break{
	background: #d1dae1;
	padding: 5px 0px 5px 10px;
	margin-bottom: 10px;
}
.section_break font{

	/*border:1px solid #000;*/
}

form div span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}
select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff;
	border:1px solid #b3bcc7;

}
input.text
{
	color:#333;
	font-size:100%;
	background:#fff;
	border:1px solid #b3bcc7;
	margin:0;
	padding:2px 0;
}
textarea.textarea
{
	color:#333;
	font-size:100%;
	background:#fff;
	border:1px solid #b3bcc7;
	margin:0;
	padding:2px 0;
	height: 100px;
}
.buttons{
text-align:center;
}
.button{
color:#fff;
font-size:100%;
background:#344c66;
margin:0 0 0 25px;
padding:2px 0;
border-color: #000;
}
textarea.large{
width: 360px;
}
input.medium
{
	width:250px;
}

select.small
{
	width:80px;
}

select.medium
{
	width:120px;
}
select.large
{
	width:220px;
}
text.medium
{
	width:120px;
}
input.small
{
	width:30px;
}

.error{  
     background: #f8dbdb;  
     border-color: #e77776; 
     color: #000000;
     position: relative;
     width: auto;
 }  
 input.error { border: 1px dotted red; }
 select.error { border: 1px dotted red; }
 .ui-datepicker-trigger{ display:inline; position:inherit; top 0px; }