/*
	utdatert: //Yellow: #DDD2 00 (light: E6DD 40)	
	--------------
	Grønn (yellow): d6d000
	Lys grønn (yellow): f5f3cf

	Rød: 901f00
	Lys rød: e7cbbc

	Nøytral lys: faf7ee 
	Nøytral mørk: f1ebd4
*/
body 
{
	margin: 0;
	padding: 0;
	text-align:center;
}

input,
textarea,
select,
#topContent #topMenuHorizontal .navigationbar *,
#mainNavWrapper .menuSubWrapper *
{
	font-size: 10px; 
	font-family: Verdana, Helvetica, Sans-Serif;
	
}

#contentWrapper 
{
	margin-left: auto;
    margin-right: auto;	
	text-align: left;
	width: 900px;
}

p 
{
	margin-top: 0;
	margin-left: 0;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	font-weight: bold;
}

div.floatclear { clear: both; }


/********************
	framework 
*********************/
#topContent 
{
	position: relative; 
	margin-top:5px;
	margin-bottom: 18px;
}

/* Note: the background image is set in kreator.css */
#topContent #menuBackground
{
	width:900px;
	height:215px;  
}

#topContent #topMenuLogo 
{
	background: url(/Images/VisitNorthCape/framework/logo.gif) no-repeat top left;
	width:92px;
	height:143px;
	
	position: absolute;
	top: 10px;
	left: 15px;
}

#topContent #topMenuOrderTab
{
	width:180px;
	height:94px;
	
	position: absolute;
	top: 43px;
	left: 746px;
}

#topContent #topMenuOrderTab .language_no
{
	width: 100%;
	height: 100%;
	background: url(/Images/VisitNorthCape/framework/ordertab_no.gif) no-repeat top left;
}

#topContent #topMenuOrderTab .language_en
{
	width: 100%;
	height: 100%;
	background: url(/Images/VisitNorthCape/framework/ordertab_en.gif) no-repeat top left;
}

#kreatorMainTable {width: 100%;}
td.contentUpperLeft{padding-right: 10px; }
td.contentUpperCenter{width:100%; }
td.contentUpperRight{padding-left: 10px; }

/************************
	Order tab content
*************************/
#topContent #topMenuOrderTab .activities
{
	display: block;
	position: absolute;
	top: 10px; 
	left: 27px;
	
	color: #D6D000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#topContent #topMenuOrderTab .accommodation
{
	display: block;
	position: absolute;
	top: 30px; 
	left: 27px;
	
	color: #D6D000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#topContent #topMenuOrderTab .mytravel
{
	display: block;
	position: absolute;
	top: 70px; 
	left: 27px;
	
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
                    

/* searchbar line */
#topContent #topMenuSearchBar 
{
	height: 22px;
	line-height: 22px;

	font-size: 12px;
	font-weight: bold;
	
	background-color: #D6D000;
	width: 900px;
}

#topContent #topMenuSearchBar .header 
{
	float: left; 
	padding-left: 120px;
	color: white;
	text-transform: uppercase;
}
#topContent #topMenuSearchBar .searchField 
{
	float: right;
	vertical-align: middle;
}
#topContent #topMenuSearchBar .searchField a
{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	padding-top: 2px;
	line-height: 22px;
}
#topContent #topMenuSearchBar .searchField input
{
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border: none;
	padding: 0 0 0 2px;
	height: 14px;
	
	margin-right: 4px;
	margin-left: 4px;
}


/**************************
	menu horizontal
**************************/
#topContent #topMenuHorizontal { padding-left: 115px; height: 20px;}
#topContent #topMenuHorizontal .navigationbar {float: left;}
#topContent #topMenuHorizontal .languagebar {float: right; width:70px; text-align:right;}
#topContent #topMenuHorizontal .navigationbar table {display: block;}

#topContent #topMenuHorizontal table.hmenuDepth1 {}
#topContent #topMenuHorizontal table.hmenuDepth1 td a
{
	text-decoration: none;
	color: #901F00;
	padding-left: 10px;
	padding-right: 10px;
}

#topContent #topMenuHorizontal table.hmenuDepth1 td span
{
	color: #d6d000;
}
#topContent #topMenuHorizontal table.hmenuDepth1 td.selected a
{
	text-decoration: underline;
}
/**************************
	menu vertical
**************************/
#mainNavWrapper{
	position: absolute;
	top: 20px;
	left: 120px;
	width: 320px;
	height: 215px;
	color: #023500;
}

#mainNavWrapper .backMain,
#mainNavWrapper .backSub {
	position: absolute;
	width: 160px;
	height: 215px;
	background-color: White;
	
}

#mainNavWrapper .backMain {	filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#mainNavWrapper .backSub  { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; left: 160px; }

#mainNavWrapper .menuMainWrapper{
    position: absolute;
	width: 160px;
	height: 215px;
	
}

#mainNavWrapper .menuSubWrapper {
	position: absolute;
	width: 160px;
	height: 215px;
	left: 160px;
	
}

#mainNavWrapper .menuSubWrapper,
#mainNavWrapper .menuMainWrapper {
    padding-top: 15px;
}

#mainNavWrapper a {
    color: #023500; 
    text-decoration: none;
	
}
#mainNavWrapper a.selected {text-decoration: underline;}

#mainNavWrapper table { width:100%; }
#mainNavWrapper .menuMainWrapper table { height: 185px; /* 215 - 15 - 15 */ }

#mainNavWrapper .menuMainWrapper a {font-size: 10px; font-weight: bold;}
#mainNavWrapper .menuMainWrapper td div {padding-left: 10px;}

#mainNavWrapper .menuSubWrapper a:hover {text-decoration: underline;}
#mainNavWrapper .menuSubWrapper td div {padding-left: 10px; padding-bottom: 1px;}

/*************
	footer 
*************/
#footer
{
	border-top: solid 1px #d6d000;
	text-align: center;
	color: #d6d000;
	padding-top: 8px;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 100%;
}
#footer a 
{
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #901F00;
	font-size:10px;
}
#footer .right,
#footer .left
{
	width: 217px;
}

#footer .right a{padding: 0;}

/********************
	contentmenu (depth 2)
*********************/
.contentmenu 
{
	width: 160px;
}
.contentmenu .text
{
	padding-left: 10px;
	background-color: #D6D000;
	margin-bottom: 2px;
	vertical-align: middle;
	height: 23px;
	overflow: hidden; 
}

.contentmenu .arrow
{
	background: url(/Images/VisitNorthCape/framework/contentMenuArrowRight.gif) no-repeat top left;
	width:10px;
	height:23px; 
	display: block;
	margin-bottom: 2px;
}

.contentmenu a
{
	display:block;
	width: 100%;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}

.contentmenu a.selected
{
	text-decoration: underline;
}

/*************************
 Order brochure 
*************************/
.orderBrochureWrapper table.formTable td
{
	vertical-align: top;
}

.orderBrochureWrapper td.sendorder
{
	text-align: right;
}
.orderBrochureWrapper td.sendorder a 
{
	color: #023500;
	text-decoration: none;
	font-weight:bold;
}

.orderBrochureWrapper input,
.orderBrochureWrapper textarea
{
	width: 200px;
}

.orderBrochureWrapper select
{
	width: 100px;
}

.orderBrochureWrapper .checkBoxList input
{
	width: auto;
}

/********************
	articles/news
*********************/
/*.newsSummaryWrapper*/

.newsDate,
.newsAuthor
{
	font-size: 9px; 
	color: #aaa;
}
.newsArticleWrapper .newsHeader 
{
	color: #d6d000;
	font-weight: bold;
}
.newsArticleWrapper .newsHeader { font-size: 18px; }
.newsArticleWrapper .backlink { text-align:right; }

.newsPickerWrapper .newsHeader,
.newsPickerWrapper .newsHeader a,
.newsLinkNormal,
.newsPickerWrapper .newsNormal
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}


/*****************
	Menu - sidebar
*******************/
.sidebarMargin{width:165px;}

.sidebarLeft{}
.sidebarRight{margin-right: -10px; }

.sidebarElement
{
	position: relative;
	background: url(/Images/VisitNorthCape/framework/sidebarArrowLeft.gif) no-repeat top right;
	width:165px;
	height:75px;
	margin-bottom: 10px;
} 
.sidebarElement a
{
	display: block;
	width: 100%;
	height: 100%;
	
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
}
.sidebarElement a:hover
{
	filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
	cursor: pointer;
}
.sidebarElement a span 
{
	display:block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 150px;
}
.sidebarElement a img
{
	width: 155px;
	height: 75px;
	border: none;
}
/********************
	tellus lists
*********************/

table.tellusItemTable
{
	 width: 400px;
}
.tellusItemTableTop 
{
	/*background-color: #faf7ee;*/
	background-color: #F5F3CF;
	padding: 5px 5px 5px 5px;
	height: 100%;
	width:100%;
}
.tellusItemTableBottom
{
	background-color: #D6D000;
	height: 20px;
	width:100%;
}

/*
.tellus_BookingFieldBackground
{
	background-color: #C1D3E6;
}
.tellus_InfoFieldBackground
{
	background-color: #C1D3E6;
}
.tellus_SpaceFieldBackground
{
	background-color: #ffffff;
	width: 1px;
}
.tellus_ImageFieldBackground
{
	padding-top: 1px;
	background-color: #C1D3E6;
}*/


.tellus_InfoFieldLink, .tellus_InfoFieldLink:link,  .tellus_InfoFieldLink:visited, .tellus_InfoFieldLink:hover
{
	padding-left: 0.3em;
	padding-right: 0.3em;
	/*font:normal 0.8em trebuchet MS; */
	/*color: #191919;*/
	/*letter-spacing: 0;
	font-size: 0.6em;*/
	text-decoration:none; 
	text-transform:uppercase;
	color: #000;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;
	vertical-align:middle;
	
}

td.tellus_Header
{
		font-family: Verdana;
		color:Black;
		font-weight: bold;
		font-size: 12px;
			
}

a.tellus_Header_link
{
	color: #000;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
}

.tellus_Header_link
{
	color:Black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
}

td.tellus_Description{}

.tellus_BookableImage
{
	padding-top: 2px;
}

/*************************
 TellusEventCalendar 
*************************/
.eventCal_ListHeader
{
	width: 60px;
	height: 80px;
	vertical-align: top;
	
}
.eventCal_TextTD
{
	padding-left: 5px;
}

.eventCal_Header
{
	color: #DF2055;
	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
	vertical-align: top;
	line-height: 14px;
}
.eventCal_Description
{
	color: #191919;
	font-size: 10px;
	font: Arial;
	vertical-align: top;
	line-height: 14px;
}
.eventCal_Link
{
	color: #0F49D5;
	font-size: 0.6em;
	font: Trebuchet MS;
	vertical-align: top;
	line-height: 1em;
	text-decoration: underline;
}
.eventCal_Table
{
	background-color: #F3F3FB;
	width: 235px;
	height: 80px;
	border-width: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: none 0px #FF0000;

}
.eventCal_TR1
{
	height: 80px;
}

.eventCal_TD1
{
	vertical-align: top;
	
}
.eventCal_BR
{
	line-height: 12px;
}

.eventCal_OuterTable
{

	border-width: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: none 0px #FF0000;
}

.CultureCal_OuterTable
{
	width:200px !important;
}

.eventCal_HeaderWithTextLabel
{
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.eventCal_Date
{
	color: #191919;
	font-size: 1em;
	font: Verdana;
	vertical-align: top;
	line-height: 0.0em;
}

/* Culture calendar */
.cultureCal_HeaderWithTextLabel
{
	color: #FF4900;
	font-family: Trebuchet MS;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	line-height: 50px;

}

.cultureCal_Link
{
	color: #0F49D5;
	font-size: 0.7em;
	font: Trebuchet MS;
	vertical-align: top;
	line-height: 1.2em;
	text-decoration: underline;
	cursor: hand;
	background-color: #ffffff;
	border: none;
}
.cultureCal_ListHeader
{
	width: 77px;
	height: 77px;
	vertical-align: top;
}

.cultureCal_Table
{
	background-color: #FFFFFF;
	width: 364px;
	height: 77px;

	border-width: 0.0em;
	border-collapse: collapse;
	margin: 0.0em;
	padding: 0.0em;
	border: none 0.0em #FF0000;

}

.cultureCal_Header
{
	color: #28b40c;
	font-size: 1.2em;
	font: Verdana;
	vertical-align: top;
	line-height: 1.8em;
}
.cultureCal_Description
{
	color: #787878;
	font-size: 0.7em;
	font: Verdana;
	vertical-align: top;
	line-height: 1.4em;
}

.cultureCal_Date
{
	vertical-align: top;
	font-family: Trebuchet MS,Arial,Verdana;
	font-size: 0.6875em;
	line-height: 1.1em;
	color: #333333;
	
	
}

.cultureCal_TextTD
{
	padding-left: 2.0em;

}

.cultureHR
{
	height: 1px;
	background-color: #C0C0C0;	
}
.cultureHRPad
{
	height: 1px;
	background-color: #FFFFFF;	
}

cultureCal_TR1
{
	height: 1px;
}


.cultureBack, .cultureBack:link,  .cultureBack:visited, .cultureBack:hover
{
	color: #FF4900;
	text-decoration:none; 
	font-size: 0.7em;
}


.element
{
background:transparent url(Symbols/bg-fade-light.png) repeat-x scroll center bottom;
border-color:#E7E7E7 rgb(210, 210, 210) rgb(210, 210, 210) rgb(231, 231, 231);
border-style:solid;
border-width:1px;
color:#000000;
font-family:Verdana,Sans-Serif;
font-size:0.8em;
padding:12px 6px;
}

.temperature
{
border-top: solid 1px silver;
border-bottom: solid 1px silver;
font-size:28px; 
padding-left:4px;
padding-right:4px; 
text-align: center;
vertical-align:middle;
color: #3DA1DD;
}

.temperatureRed
{
border-top: solid 1px silver;
border-bottom: solid 1px silver;
font-size:28px; 
padding-left:4px;
padding-right:4px; 
text-align: center;
vertical-align:middle;
color: Red;
}


.cellLink
{
font-family : Verdana;
	font-size: 14px;
	font-weight: bold;
	height: 20px;

}

.cellSymbol
{
	background:transparent url(../../Symbols/bg-fade-light.png) repeat-x scroll center bottom;
	border: solid 1px #E7E7E7;
	padding: 4px;
	width:30px;
}

.cellTemp
{
	background:transparent url(../../Symbols/bg-fade-light.png) repeat-x scroll center bottom;
	border-top: solid 1px #E7E7E7;
	border-bottom: solid 1px #E7E7E7;
	font-family : Verdana;
	font-size: 12px;
	font-weight: bold;
	color: Red;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	width:30px;
}

.cellTempBelowZero
{
	background:transparent url(../../Symbols/bg-fade-light.png) repeat-x scroll center bottom;
	border-top: solid 1px #E7E7E7;
	border-bottom: solid 1px #E7E7E7;
	font-family : Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #3DA1DD;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	width:30px;
}

.cellWind
{
	background:transparent url(../../Symbols/bg-fade-light.png) repeat-x scroll center bottom;
	border: solid 1px #E7E7E7;
	border: solid 1px #E7E7E7;
	font-family : Verdana;
	font-size: 12px;
	color: Black;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	width: 30px;
}

.cellDate
{
	background:transparent url(../../Symbols/bg-fade-light.png) repeat-x scroll center bottom;
	border: solid 1px #E7E7E7;
	border: solid 1px #E7E7E7;
	font-family : Verdana;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	width:90px;
	height: 28px;
}

.weatherArea
{
border : solid 1px silver; 
background:transparent url(../../Symbols/bg.jpg) repeat-x scroll center top; 
padding-left:8px; 
padding-right: 8px; 
padding-bottom: 8px;
width:713px;
}


.DefaultTab
{
	background-color: #8B2412;
	color: White;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-decoration:none;
	text-transform: uppercase;
	height:20px;
	font-family: Verdana;
	color:White;
	font-size: 10px;
	cursor:pointer;
}

.DefaultTabLook
{
	background-color:#8B2412;
	color: White;
	text-align:left;
	font-weight:bold;
	font-family: Verdana;
	vertical-align:middle;
	text-transform: uppercase;
	height:20px;
	font-family: Verdana;
	color:White;
	font-size: 10px;
	cursor:pointer;
}

.DefaultTabHover
{
	background-color: #DDAA8C;
	color: White;
	text-align:left;
	font-weight:bold;
	font-family: Verdana;
	vertical-align:middle;
	text-decoration:none;
	padding-left: 6px;
	padding-right: 6px;
	text-transform: uppercase;
	height:20px;
	font-family: Verdana;
	color:White;
	font-size: 10px;
	cursor:pointer;
}

.SelectedTab
{
	height:20px;
	background-color:#8B2412;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-decoration:none;
	color:White;

	
}

.tellusDetailViewHeader
{
	font-weight:bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-transform:uppercase;
	padding: 0px 8px 0px 8px;
	text-decoration:none;
	color:Black;
}

.tellusViewInfoBar
{
background-color:#D6D000;
	font-weight:bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-transform:uppercase;
	padding: 0px 8px 0px 8px;
	text-decoration:none;
	color:Black;
	height: 20px;

}

.tellusDetailIntroductionHeader
{
	font-weight:Bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
	color:White;
}

.tellusDetailIntroductionHeaderBlack
{
	font-weight:Bold;
	font-size: 10px;
	font-family: Verdana;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
	color:Black;
}


.productBodyText
{
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
	color:Black;

	
}

.productBodyTextNew
{
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
	color:Black;

	
}

.productBodyHeader
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	color:Black;
	
}

.productBodyLink
{
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
	color:Black;
	text-decoration: underline;

}
.productHeader
{
	font-size: 18px;
	/*color: #901f00;*/
	font-weight: bold;
}

.documentBoxHeader
{
	color: White;
	/*background-image: url(../../Images/EStarProperty/boxtop_bg.gif);
	background-repeat: repeat-x; */
	background-color: #959698;
	height: 23px;
	font:Arial;
	font-size: 12px;
	color:White;
}

.documentTable
{

 width: 555px;
}


.documentTextHeader
{

}


.subscribeNewsLetter	
{
	width: 145px;
}