* {
	padding: 0;
	margin-top: 0;
	margin-right: 8;
	margin-bottom: 0;
	margin-left: 3;
}
a img { border: none; }

body {
	font-size:				63.5%;
	font-family:			Arial;
	background:				#511433;
	text-align:				center;
	margin-bottom:			40px;
}


.clear { clear: both; }

/*==============================MAIN DIVS==============================*/

#container 
{
	width:					901px;
	background:				#fff;
	text-align:				left;
	padding-bottom:			2px;
	position:				relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	overflow:				hidden;
}

/*==============================OUR ROOMS==============================*/


#sidebar 
{
	width:					200px;
	float:					left;
	margin-top:				0px;
	margin-left:			3px;
}


#bottom 
{
	width:					901px;
	margin-top:				0px;
	text-align:				left;
	padding:				0px;
	position:				relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #231f20;
	height: 40px;
	color:					#fff;
	border-bottom:			7px solid #fff;
}

#extra 
{
	width:					881px;
	margin-top:				0px;
	text-align:				left;
	position:				relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.puffarea 
{
	width:					873px;
	margin-top:				0px;
	text-align:				left;
	position:				relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	height: 130px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 4px;
	background: #000;
	border-left:			12px solid #fff;
	border-right:			12px solid #fff;
	border-bottom:			9px solid #fff;
}


#container .logo {
	position: absolute;
	top: 64px;
	left: 13px;
	width: 264px;
	height: 20px;
}



/*==============================HEADER==============================*/

#header 
{
	margin-left:			0px;
	width:					901px;
	overflow:				hidden;
	position:				relative;
	padding-top:			0px;
}

/*==============================HUVUD MENY==============================*/

#header img {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#header img.skrivut {
	position:absolute;
	top: 16px;
	left: 706px;
	z-index: 6;
}

#header ul 
{
	width:					901px;
	height:					50px;
	margin:					0px;
	border-bottom:			1px solid #030303;
	list-style-type:		none;
	overflow:				hidden;
	background-color: 		#000000;
	position:				relative;
	z-index:				5;
}
#header  li 
{
	display:				block;
	float:					left;
	height:					50px;
	line-height:			50px;
	padding-left:			17px;
	padding-right:			9px;
}

#header  ul a 
{
	/*color:					#aeacad;*/
	color:					#ffffff;
	font-size:				0.9em;
	font-weight:			bold;
	padding-right:			3px;
}

.flag{position:absolute;z-index:10;}
.flag.swedish{top:18px;left:838px;}
.flag.english{top:18px;left:868px;}
.flag.protugese{top:18px;left:640px;}
.flag.finish{top:18px;left:808px;}

/*==============================MAIN MENY==============================*/

.main_puff ul li a{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-left:			7px;
	
}

.main_puff ul.ul_sub li a{
	margin: 0;
	padding: 0;
	margin-left:			5px;
	display:				block;
}

.main_puff ul 
{
	margin:					0px;
	margin-top: 48px;
	margin-left:            20px;
	list-style: 			none;
	padding:				0;
}

.main_puff ul.ul_sub
{
	 padding-bottom: 10px;	
}


.main_puff  li 
{
	line-height:			17px;
	display:				block;
	list-style:				none;
	text-transform:			uppercase;
	position:				relative;
	left:					-7px;
}

.main_puff div#ingress{
    line-height:auto;
	width: 311px;
	height: auto;
	margin-left: 19px;
	margin-top: 14px;
}

.main_puff div#ingress p{
	display:inline;
	margin: 0;
	padding: 0;
}

.main_puff div#ingress font{
	margin: 0;
	padding: 0;
	display:inline;
}

#menu ul a 
{
	font-size:				11px;
}

.main_puff  ul a 
{
	color:					#000000;
}

.main_puff  ul  a:hover 
{
	text-decoration: none;	color: #666;
}
.main_puff  ul  a:active 
{
	text-decoration: none;	color: #000;
	font-weight:bolder;
}

.main_puff li img 
{
	position:				absolute;
	left:					0;
	top:					4px;
}


.main_puff li a.active{
    /*background:url(../img/arrow.gif) center left no-repeat;*/
}

.main_puff li.sub a.active{
    /*background:url(../img/arrow.gif) center left no-repeat;*/
}

.main_puff ul ul 
{
	position:				absolute;
	left:					160px;
	top:					-47px;
	height:					auto;
	z-index:				100;
	width: 200px;
}
.main_puff ul ul a
{
	text-transform:			none;
	font-size: 8px;
	font-family: Arial;
}

#extra .content_area h3, #extra .event h3 
{
	font-size:				18px;
	border-bottom:			1px solid #242021;
	font-weight:			normal;
	text-transform:			uppercase;
	color:					#242021;
	letter-spacing:			1px;
	padding-bottom:			7px;
	font-family:			"Times New Roman";
}


/* Separat undermeny 
------------------------------------------------------ */

.main_puff ul#separate-menu{
    margin-left: 70px;
    margin-top: 10px;
}

.main_puff ul#separate-menu li{
    line-height: 11px;
}

.main_puff ul#separate-menu li a{
    font-size: 10px;
}



/*==============================LÄNKAR==============================*/

h1 {
	display:				none;
}
h1 a {

}

a 		{	text-decoration: none;	color: #2b2728;	}
a:hover { 	text-decoration: underline; color:	#000000;}

a.white 		{	text-decoration: none;	color: #ffffff;	}
a.white:hover { 	text-decoration: underline; }

a.topSmall 			{ font-family: "Times New Roman", Times, serif; color:	#a09e95; text-decoration: none; }
a.topSmall:hover 	{ color:	#511432;  }
a.topSmall:active 	{ color:	#511432;  }

a.main 			{ font-family: "Times New Roman", Times, serif; color:	#2b2728; text-decoration: none;  text-transform: uppercase;	font-size:				1.1em;	line-height: 1.3em;}
a.main:hover 	{ color:	#511432;  }
a.main:active 	{ color:	#511432;  }


a.top 			{ font-family: arial, verdana; color:	#a09e95; font-size:	10px;  text-transform: uppercase; text-decoration: none; font-weight:bold;}
a.top:hover 	{ color:	#511432;  }
a.top:active 	{ color:	#511432;  }

a.sub 			{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.sub:hover 	{ color:	#cd0000;  }
a.sub:active 	{ color:	#cd0000;  }

a.topWhite 			{ color:	#ffffff; text-decoration: none; }
a.topWhite:hover 	{ color:	#511432;  }
a.topWhite:active 	{ color:	#511432;  }


/*==============================CONTENT==============================*/

#container #language_change 
{
	position:				absolute;
	vertical-align: 		top;
	left:					549px;
	top:					19px;
	width: 116px;
	height: 14px;

}

#container .main_puff 
{
	width: 311px;
	float: left;
	margin-right: 19px;
	margin-top: 13px;
}

#extra .content_area 
{
	float:left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
	width:					380px;
	text-align:				justify;
	line-height: 16px;
}
#extra .content_area p
{
	margin-bottom: 10px;
	line-height: auto;
}
#extra .event 
{
	float:left;
	margin-left: 43px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
	width:					387px;
	text-align:				justify;
}
#extra .event p
{
	margin-bottom: 10px;
	margin-top:				12px;
	font-size:				16px;
	text-align:				left;
	font-family:			"Times New Roman";
}

#extra .event .textteaser
{
	float:					left;
	width:					119px;
	margin-right:			10px;
	margin-bottom:			10px;
}
#extra .event .textteaser img
{
	display:				block;
	margin:					0;
}
#extra .event .textteaser p
{
	margin:					0;
	font-family:			Arial;
	font-size:				12px;
}
#extra .event .textteaser p span.date
{
	font-size:				11px;
	color:					#999;
	display:				block;
}
#extra .event .textteaser p a
{
	font-weight:			bold;
	display:				block;
}
#extra .event .textteaser p span.evenemang
{
	font-size:				11px;
	color:					#BD3C75;
	display:				block;
	text-transform:			uppercase;
	font-weight:			bold;
}

#container .side_puff 
{
	width:					538px;
	margin-top:				9px;
	float:right;
	margin-right:			0;
	margin-bottom:			6px;
	position:				relative;
	left:					-13px;
}

.puffarea .small_puff 
{
	float:					left;
	width:					209px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	height: 125px;
} 

.puffarea .small_puff_form 
{
	float:					left;
	width:					145px;
	padding: 5px;
	padding-left:			7px;
	padding-top:			4px;
	margin-left: 9px;
	height: 116px;
	background-color:#000000; 
	color:#FFF; 
	font-size:11px;
	font-weight:			bold;
} 

.puffarea .small_puff2 
{
	float:					left;
	background:				#fff;
	width:					286px;
	margin-right:			0;
	margin-top:				3px;
	margin-left: 			23px;
}
.puffarea. small_puff_top 
{
	float:					left;
	width:					285px;
	margin:			0;
	background-color: #fff;
	background-image: url(../img/backgrounds/corner_white_up.gif);
	height: 30px;
	padding-left: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #511433;
	padding-top: 13px;
	font-weight: 400;

}
.puffarea .small_puff_bottom 
{
	float:					left;
	width:					295px;
	margin:			0;
	background-color: #fff;
	background-image: url(../img/backgrounds/corner_white_down.gif);
	height: 20px;

}

#content .big_puff_bottom 
{
	float:					left;
	width:					653px;
	background-color: 		#fff;
	background-image: 		url(../img/backgrounds/corner_big_bottom.gif);
	height: 				18px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

#content h2
{
	background:				url(../img/backgrounds/h2.gif) repeat-x;
	height:					44px;
	text-transform:			uppercase;
	font-size:				1.1em;
	font-weight:			bold;
	margin-bottom:			1px;
	color:					#5E5E5E;
	padding-left:			10px;
	padding-top:			3px;
}

#content_sub  h2
{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #000000;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: 400;
}

#content h2 span
{
	font-size:				18px;
	display:				block;
}


#content p 
{
	font-size:				1.1em;
	margin-left:			0px;
	
}

#content_sub p 
{
	font-size:				1.1em;
	margin-left:			0px;
	margin-right:			120px;
	
}

#content p strong 
{
	display:				block;
	text-transform:			none;
	margin-right: 			10px;
	margin-left: 			10px;
	margin-top: 			3px;
}

#content_sub p strong 
{
	text-transform:			none;
	color:#000000;

}
#content p a 
{
	display:				block;
}

/*==============================SIDEBAR==============================*/

#sidebar .box 
{
	background:				#511432;
	color:					#FFF;
	margin-bottom:			0px;
	padding-bottom:			9px;
}

#sidebar h2 
{
	height:					20px;
	text-transform:			uppercase;
	font-size:				1.2em;
	font-weight:			bold;
	margin-bottom:			1px;
	color:					#FFFFFF;
	padding-left:			10px;
	padding-top:			3px;
	background-color: 		#511433;
	background-repeat: 		repeat-x;
	padding-bottom: 		10px;
}
#sidebar h2 span
{
	font-size:				18px;
	display:				block;
}

#sidebar .box p 
{
	margin:					0 15px;
	font-size:				1.1em;
}

#sidebar .box p strong 
{
	display:				block;
	text-transform:			uppercase;
}

#sidebar .box p a 
{
	display:				block;
}

.white {
color:#fff;
}

/*==============================BOTTOM==============================*/

#bottom ul 
{
	height:					100%;
	float:					left;
	margin:					2px 0 0 0;
	padding:				0;
	margin-right:			10px;
}
#bottom ul li 
{
	float:					left;
	list-style-type:		none;
	margin:					0;
	padding:				0;
	line-height:			35px;
	margin-left:			16px;
	margin-right:			0;
	font-size:				10px;
	display: inline;
}
#bottom li a 
{
	text-transform:			uppercase;
	font-family:			arial;
}
#bottom a 
{
	color:					#fff;
}
#bottom p 
{
	padding-top:			7px;
	font-family:			arial;
	font-size:				10px;
	font-family:			helvetica;
	margin: 0;
	position: static;
	margin-right:			12px;
	text-align:				right;
	width:					290px;
	height:					25px;
	float: right;
	overflow:				hidden;
}

/*==============================FOOTER==============================*/

#footer p 
{
	font-size:				1em;
}

#footer 
{
	color:					#fff;
	margin-top:				15px;
	font-weight:			bold;
}

/*==============================BOKNING==============================*/

.puffarea .small_puff_bokning 
{
	float:					left;
	width:					157px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 52px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 125px;
	background:				#000;
	display:				inline;
}
.puffarea .small_puff_bokning h2 
{
	color: #fff;
	margin: 5px 7px;
	text-transform: uppercase;
	font-size: 11px;
	font-family:			"Times New Roman";
}
.puffarea .small_puff_bokning form 
{
}
.puffarea .small_puff_bokning form fieldset 
{
	border:					none;
	float:					left;
	margin: 0;
	padding: 0;
}
.puffarea .small_puff_bokning form input
{
	width: 93px;
	height: 19px;
	margin-bottom: 3px;
	background: url(../img/bokning/input.gif);
	border: none;
	outline: none;
	margin-left: 4px;
}
.puffarea .small_puff_bokning form select
{
	height: 18px;
	margin-left: 4px;
	font-size: 12px;
	position: relative;
	top: 2px;
}
.puffarea .small_puff_bokning form input.submit-sv
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_sv.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 4px;
}
.puffarea .small_puff_bokning form input.submit-en
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_en.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 4px;
}
.puffarea .small_puff_bokning form input.submit-fi
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_fi.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 4px;
}
.puffarea .small_puff_bokning form label
{
	display: inline;
	color: #fff;
	float: left;
	padding: 0;
	margin: 0 0 0 4px;
}

/* Stora bokningspuffen
--------------------------------------------------------- */

#container .side_booking_puff 
{
	width: 370px;
	height: 246px;
	background: #000;
	color: #fff;      
	margin-top: 13px;
	padding: 10px;
	float:left;
	margin-left: 40px;
}

#container .side_booking_puff h2
{
	font-size: 16px;
}



#container .side_booking_puff  form label
{
	display: inline;
	color: #fff;
	float: left;
	padding: 4px 0 0 3px;
	margin: 0;
	height: 11px;
}

#container .side_booking_puff  form label.date
{
	padding: 4px 0 0 0;
}


#container .side_booking_puff form input
{
	width: 93px;
	height: 19px;
	margin-bottom: 0;
	background: url(../img/bokning/input.gif) no-repeat;
	border: none;
	outline: none;
	margin-left: 0;
	float: left;
}

#container .side_booking_puff form select
{
	height: 18px;
	margin-left: 4px;
	font-size: 12px;
}

#container .side_booking_puff form input.submit-sv
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_sv.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 3px;
}
#container .side_booking_puff input.submit-en
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_en.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 3px;
}
#container .side_booking_puff input.submit-fi
{
	width: 101px;
	height: 21px;
	background: url(../img/bokning/visa_bokning_fi.gif);
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 3px;
}

/* Nya bokningspuffen
--------------------------------------------------------- */

#booking2
{
	position:				absolute;
	left:					0;
	top:					-14px;
	width:					215px;
	height:					175px;
	background:				#000;
	border-right:			3px solid #fff;
}

#booking2 select
{
	display:				block;
	margin-bottom:			5px;
	margin-left:			9px;
	width:					143px;
}
#booking2 div select
{
	margin-left:			4px;
	width:					40px;
}
#booking2 div label
{
	
}

#booking2 label, #booking2 input, #booking2 fieldset
{
	display:				block;
	margin-left:			4px;
}
#booking2 fieldset
{
	float:					left;
	width:					100px;
	margin-bottom:			5px;
}
#booking2 fieldset.last
{
	width:					220px;
}

#booking2 fieldset div
{
	float:					left !important;
	width:					50%;
}

.puffarea #booking2 fieldset #submitBooking, #specialPriceCode
{
	float:					left;
}

#specialPriceCode
{
	font-size:				12px;
	line-height:			19px;
	padding:				0 5px;
	width:					83px;
}

#bookning2 fieldset input
{
	background: none !important;
}

form input.submit-sv2
{
	width: 90px !important;
	height: 21px;
	background: url(../img/bokning/visa_bokning_sv2.gif) !important;
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 11px !important;
}
input.submit-en2
{
	width: 90px !important;
	height: 21px;
	background: url(../img/bokning/visa_bokning_en2.gif) !important;
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 11px !important;
}

input.submit-fi2
{
	width: 90px !important;
	height: 21px;
	background: url(../img/bokning/visa_bokning_fi2.gif) !important;
	outline: none;
	border: none;
	font-weight: bold;
	margin-left: 11px !important;
}