@import url(menuStyles.css);
@import url(initalia_tabs.css);
@import url(initalia_fees.css);

BODY {
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 8pt;
    padding: 0;
    margin: 0;
}
.fp_td td
{
	font-size:10pt;
	
}
TD {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 8pt;
    color: #404040;
    vertical-align: top;
}
INPUT {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 8pt
}
SELECT {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 8pt
}
TEXTAREA {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 8pt
}

.headline, .headline_normal {
    FONT-FAMILY: Times New Roman, Tahoma, Arial, Verdana;
    FONT-SIZE: 20pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}

.normalfont {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 10pt
}
H1 {
    FONT-FAMILY: Times New Roman, Tahoma, Arial, Verdana;
    FONT-SIZE: 20pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}

.frontpageh1 {
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 16pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
}

H2
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 18pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}

.frontpageh2
{
    FONT-FAMILY: Tahoma, Verdana;
    FONT-SIZE: 14pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
}

H3
{
    FONT-FAMILY: Tahoma, Verdana;
    FONT-SIZE: 11pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}

.frontpageh3
{
    FONT-FAMILY: Tahoma, Verdana;
    FONT-SIZE: 10pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}
.landingh3
{
    FONT-FAMILY: Tahoma, Verdana;
    FONT-SIZE: 11pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: 15px;
	margin-bottom: -10px;
}
.texth3
{
    FONT-FAMILY: Tahoma, Verdana;
    FONT-SIZE: 11pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: 15px;
	margin-bottom: -10px;
}

.suggestionh2
{
	text-align:left;
    FONT-FAMILY: Tahoma, Verdana;
    color:#006734;
    FONT-SIZE: 13pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: 3;

	border-bottom:solid 1px silver;
}

.suggestionh3
{
    FONT-FAMILY: Tahoma, Verdana;
    color:#006734;
    FONT-SIZE: 10pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: 3
}


.headlineme
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 18pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}
.headlinesm
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 12pt;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1

}
.bigfont
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 14pt;
	font-weight: bold
}
.largefont
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 14pt
}
.xFac
{
    BORDER-RIGHT: tomato thin solid;
    BORDER-TOP: tomato thin solid;
    BORDER-LEFT: tomato thin solid;
    BORDER-BOTTOM: tomato thin solid;
}
A
{
	color:#006734;
	text-decoration:none;
}
A:HOVER
{
    text-decoration:underline;
}

.SilverBorder {
	border: 1px solid #E4E4E6;
}

.centerBigfont
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 18pt;
    color: #B14E13;
	font-weight: bold;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}
.rightBigfont
{
    FONT-FAMILY: Times New Roman, Arial, Tahoma, Verdana;
    FONT-SIZE: 14pt;
    color: #B14E13;
	line-height: 100%;
	margin-top: -1;
	margin-bottom: -1
}
.pHead
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: black;
}
.pHead2
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: black;
	background-color:#F6DA86;
	text-align: center
}
.pHead3
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: black;
	background-color:#F6DA86
}
.pWeek
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: bold;
	text-align: center
}
.pPeriod
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	text-align: center
}
.pPrice
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	text-align: center
}
.pPriceOld
{
	text-align: center;
	color:Silver;
	font-size:10pt;
}
.pPriceFee
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt
}
.pFee
{
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt
}
.smallfont
{
    vertical-align: middle;

}

/* here is our table */
#table {
    margin: auto;
    width: 81em;
    text-align: left;
    border-top: 1px solid #CCC;
}
#table ul {
    list-style: none;
    clear: both;
    height: 4.4em;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
#table ul li {
    float: left;
    height: 4em;
    border-left: 1px solid #CCC;
    width: 7em;
    padding: 0.2em 0.5em;
}
#table ul.header {
    height: 3.1em;
    background: #EEE;
}
#table ul.header li {
    height: 2em;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 0;
}

.fp_week {
	FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: white;
	font-weight: bold;
	background-color: #F0C30A;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
.selected {
	background-color: #B56302;
}

/* Styles for the New resorts box */

#new_resorts {
	width: 140px;
}

#new_resorts, #new_resorts .headline {
    FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 1em;
}

#new_resorts .headline {
	color: #404040;
	font-weight: bold;
	font-size: 1em;
}

#new_resorts .box {
	padding-bottom: 8px;
	border-bottom: 1px solid #ffcc19;

	cursor: pointer;
	cursor: hand;
}

#new_resorts .resort_name {
	margin: 5px 0px;
}

/* Styles for boxes */

.content_box {
	FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 1em;
	padding: 2px 2px 6px 2px;
	margin: 3px;
	border-bottom: 1px solid #E4E4E6;
	width: 140px;
}

.content_box p {
	margin: 0px 0px;
}

.content_box .headline, #link_collection .headline {
	FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 2px;
}


.city_facts {
	FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 1em;
	padding: 2px 2px 6px 2px;
	margin: 3px;
	border: 1px solid black;
}

.city_facts_headline {
	font-weight:bold;
	font-size:1.2em;
}
.city_facts ul {
	margin: 2px 15px;
	padding: 2px 2px 6px 2px;
	list-style-type:disc;
}

.infobox {
	FONT-FAMILY: Tahoma, Arial, Verdana;
	font-size: 1.1em;
	padding: 2px 2px 6px 2px;
	margin: 3px;
}

.infobox p {
	margin: 5px 5px;
}


#link_collection .headline {
	font-size: 1.2em;
	padding-top: 15px;
}

/*
.content_box input {
	background-color: #FFDE6B;
}
*/

.optionheadline {
	background-color:#006734;
	color:white;
	font-weight:bold;
	disabled:disabled;
}

.optionsub
{
	margin-left:5px;
}

.content_box ul {
  padding:0;
  margin:0;
}

.content_box li {
  list-style-type: none;
}

.highlight_red {
	color: #404040;
}

.content_box .search_navigation {
	text-align: right;
	font-weight: normal;
}

#search_results .headline {
	background-color: #F7F7F7;
	padding: 2px;
}


#search_results ul {
	padding-left: 15px;
	max-width: 100%;
	overflow: hidden;
}

#search_results li {
	list-style-type: circle;
}

#popular_cities {
	height: 3.5em;
}

#popular_cities ul {
	width: 100%;
	clear: both;
}
#popular_cities li {
	float: left;
	list-style-type: none;
	padding-right: .2em;
}

/* Styles for Miscellaneous box */
#miscellaneous li {
	font-weight: bold;
}

/* Styles for the New resorts box */

#new_resorts ul {
	margin-top: 5px;
}

#new_resorts li {
	padding-bottom: 8px;
	border-bottom: 1px solid #ffcc19;
	cursor: pointer;
	cursor: hand;
}

.selected {
	font-weight: bold;
}

.recommend_t
{
	margin-bottom: 4;
	margin-bottom: 4;
}

/*
Styles for the buttons and information shown at the top of resorts
*/
#top_button_bar,
#top_information
{
	position: relative;
	width: 100%;
	height: 25px;
	clear: both;
	padding: 0 2px;
}

#top_information_full
{
	position: relative;
	width: 100%;
	height: 25px;
	clear: both;
}


#top_button_bar #button_0,
#top_button_bar #button_1,
#top_button_bar #button_2,
#top_button_bar #button_3,
#top_button_bar #button_4,
#top_button_bar #button_5,
#top_button_bar #button_6,
#top_button_bar #button_7,
#top_button_bar #button_nyhed
{
	margin: 2px;
	float: left;
}

#top_information .breadcrumb {
	width: 100%;
}

#top_information .breadcrumb,
#top_information #other_languages,
#individual_room #room_name
{
    margin: 4px 2px;
}


#top_button_bar #first_buttons,
#top_information .breadcrumb,
#individual_room #room_name
{
	float: left;
}

#top_button_bar #last_buttons,
#top_information #other_languages,
#individual_room #show_all_rooms
{
	float: right;
	padding-right: 4px;
}

#individual_room
{
	position: relative;
	width: 100%;
	height: 42px;
	clear: both;
	padding: 0 2px;
}

#individual_room #room_name
{
	font-size: 10pt;
	color: maroon;
}


#resort_name {
	text-align: center;
	padding: 3px;
}

#page_header {
	text-align: center;
	padding-bottom: 3px;
	vertical-align:baseline;
}

.breadcrumb_header {
	float: left;
	padding-right: 9px;
	font-weight: bold;

}

.breadcrumb_trail ul {
	width: 100%;
	padding:0;
	margin:0;
}

.breadcrumb_trail li {
	list-style-type: none;
	float: left;
	list-style-type: none;
	padding-right: .2em;
}

#areamap div,
#distances div,
#regionmap div,
#address div,
#information div,
#opening_hours div,
#links div,
#payment div,
#latest_viewed div
{
	padding: 2px 0;
	text-align: right;
}

#travel_tales
{
	font-weight: bold;
}

#itab {
  float:left;
  width:100%;
  line-height:normal;
  }
#itab tr {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#itab td {
  float:left;
  FONT-SIZE: 9pt;
/*  background:url("images/b_tab_left.gif") no-repeat left top; */
  margin:0;
  padding:0 0 0 0px;
  height:40px;
  text-align:center;
  }
#itab div
{
  background:url("images/b_tab_right.gif") no-repeat right top;
  height:40px;
  font-size:100%;
  border-left:solid 1px silver;

}
#itab a
{
  padding:5px 15px 4px 6px;
  display:block;
  height:75%;
  text-decoration:none;
  color:#765;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#itab a {float:none;}
/* End IE5-Mac hack */
#itab a:hover {
  color:#333;
  }
#itab .current {
  background:url("images/b_tab_left_on.gif") no-repeat left top;
  font-weight:bold;
  }
#itab .current div {
  background:url("images/b_tab_right_on.gif") no-repeat right top;
  color:#333;
  }
#itab .nolink {
/*  background:url("images/tab_left_off.gif") no-repeat left top; */
}

#itab b {
  padding:5px 15px 4px 6px;
  display:block;
  text-decoration:none;
  color:silver;
  font-weight:normal;
/*  background:url("images/tab_right_off.gif") no-repeat right top; */
  }
#itab .notab
{
	background:url("images/blank.gif") no-repeat left top;
}

/* Dynamic Search */
.selector {
	position: absolute;
	background-color: #FFFFFF;
	border:1px solid  #7EA0BA;
	width: 400px;
	float: left;
	z-index: 10;
}

.selector div {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-left: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}

.noselection {
	background-color: #ffffff;
}

.selection {
	background-color: #ffee6b;
}

/* .overlap er Peters tmp metode til at vise runde hjørner    */

.overlap {
    position: relative;           /* establish new containing block */
    width: 20px; height: 20px;  /* must specify width/height */
  }

  .overlap .c1, .overlap .c2, .overlap .c3, .overlap .c4, .overlap .showimg { position: absolute; }
  .overlap .c1 {    top: 0; left: 0; z-index: 1; }
  .overlap .c2 {    top: 0; right: 0; z-index: 2; }
  .overlap .c3 {    bottom: -1; right: 0; z-index: 3; }
  .overlap .c4 {    bottom: -1; left: 0; z-index: 4; }
  .overlap .showimg { bottom: 0;  left: 0; z-index: 5; }


/* http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.PollQuestion
{
    background-color: WhiteSmoke;
    font-family:Tahoma;
	font-weight:bold;
    color: Black;
    padding:3px;
}