@charset "utf-8";

/*========================================index
/* +base element
/*   +list-style
/*   +margin/padding
/*   +color
/*   +font size
/*   +line-height
/* +link pseudo-class
/* +header
/* +container
/* +primary-contents
/* +secondary-contents
/* +footer
/* +clearfix
/* +a11y
========================================index*/

/*====================
 +base element
====================*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	}
body {
	background: url(/Media/Images/Lofoten/Lib/background.png) repeat-x;
	color: #969696;
	font-family: Arial, Helvetica, Verdana,	sans-serif;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	}
#pageContainer{
	width: 960px;
	text-align: left;
	margin: 0 auto;
}
/* +list-style */
ul,ol {
	list-style: outside;
	}
ul {
	list-style-type: square;
	}
ul ul,
ol ul {
	list-style-type: circle;
	}
ul ul ul,
ul ol ul,
ol ul ul,
ol ol ul {
	list-style-type: disc;
	}
ol {
	list-style-type: decimal;
	}

img, div, input { behavior: url("/Public/Styles/Lib/iepngfix.htc") }
 
/* +margin/padding */
.section01 h1,.section01 h2,.section01 h3,.section01 h4,.section01 h5,.section01 h6,
.section01 p,.section01 blockquote,
.section01 dl,
.section01 table {
	margin: 12px 0;
	}
.section01 li h1,.section01 li h2,.section01 li h3,.section01 li h4,.section01 li h5,.section01 li h6,
.section01 li p,.section01 blockquote,
.section01 dl,
.section01 table,
.section01 dd h1,.section01 dd h2,.section01 dd h3,.section01 dd h4,.section01 dd h5,.section01 dd h6,
.section01 dd p,.section01 dd blockquote,
.section01 dd dl,
.section01 dd table,
.section01 blockquote h1,.section01 blockquote h2,.section01 blockquote h3,.section01 blockquote h4,.section01 blockquote h5,.section01 blockquote h6,
.section01 blockquote p,.section01 blockquote blockquote,
.section01 blockquote dl,
.section01 blockquote table,
.section01 td h1,.section01 td h2,.section01 td h3,.section01 td h4,.section01 td h5,.section01 td h6,
.section01 td p,.section01 td blockquote,
.section01 td dl,
.section01 td table {
	margin: 6px 0;
	}

.section01 ul,.section01 ol {
	margin: 12px 0 12px 3em;
	}
.section01 li ul,.section01 li ol,
.section01 dd ul,.section01 dd ol,
.section01 blockquote ul,.section01 blockquote ol,
.section01 td ul,.section01 td ol {
	margin-top: 6px;
	margin-bottom: 6px;
	}

/* +color */
strong,
em {
	color: #919191;
	}
strong {
	color: #464646;
	}

/* +font size */
h1 {
	font-size: 20px;
	}
h2 {
	font-size: 20px;
	}
h3 {
	font-size: 16px;
	}
.caption {
	font-size: 84%;
	}
p {
	color: #464646;
	font-size: 13px;
}

/* +line-height */
#container {
	line-height: 1;
	}

/*====================
 +link pseudo-class
====================*/
a:hover,
a:hover span,
a.current {
	text-decoration: none;
	}
a:active {
	text-decoration: none;
	}
a:active,
a:focus {
	outline: none;
	}
a[href^="http"] {
	}
a[href^="http://test.ekeberg.rayon.no"],
a[href^="http://live.ekeberg.rayon.no"],
a[href^="http://www.ekebergrestauranten.no"],
a[href^="http://ekebergrestauranten.no"] {
	}


/*====================
 +header
====================*/
#header {
	position: relative;
	height:382px;
	width: 960px;
	margin: 0 auto;
	}
#header h1{
	margin:0;
	padding:0;
	position:absolute;
	top:70px;
	left: 17px;
}

/* globalNavigation */
#globalNavigation{
	float: right;
	padding-top: 2px;
}
#globalNavigation ul li{
	display: inline;
	padding-left: 20px;
	background: url(/Media/Images/Lofoten/Lib/menuSeparate.gif) no-repeat 6px 3px;
}
#globalNavigation ul li.first-child{
	background-image: none;
}
#globalNavigation ul li a{
	font-size: 10px;
	color: #969696;
	text-decoration: none;
	text-transform: uppercase;
}
#globalNavigation ul li a:hover{
	color: #000000;
	text-decoration: none;
}
#globalNavigation ul li.selected a{
	color: #000000;
	text-decoration: none;
}

div.mainVisual
{
	height: 365px;
	position: absolute;
	z-index: -1;
	top: 17px;
}

/* regionalNavigation */
#regionalNavigation {
	float: left;
	width: 105px;
}

#regionalNavigation img{
	height: 26px;
	display: block;
	padding-bottom: 12px;
}

#secondaryNavigation ul{
	margin: 45px 0;
}
#secondaryNavigation ul li a{
	font-size: 11px;
	color: #969696;
	text-decoration: none;
	text-transform: none;
}
#secondaryNavigation ul li a:hover{
	color: #009CCA;
	text-decoration: none;
}
#secondaryNavigation ul li.selected a,
#secondaryNavigation ul li.selected{
	color: #009CCA;
}
/*====================
 +container
====================*/
#container {
	background-color: #FFFFFF;
	clear: both;
	padding:20px 17px 30px;
	/*margin-top: 14px;*/
}
/*====================
 +main
====================*/
#main {
	float: right;
	width: 706px;
	background: #ffffff;
	padding: 0;
	}
/*====================
 +leftNavigationColumn
====================*/
#leftNavigationColumn {
	float: left;
	width: 220px;
}
#leftNavigationColumn a{
	color: #969696;
	text-decoration: none;
}

#leftNavigationColumn h2{
	color: #969696;
	line-height: 1;
	margin-bottom: 86px;
	font-size: 21px;
}
#leftNavigationColumn h3{
	color: #969696;
	font-size: 12px;
	margin-bottom: 5px;
}

/* subNavigation */
#subNavigation{
	font-size: 14px;
	line-height: 1;
	width: 103px;
	float: right;
	padding-left: 12px;
	padding-top: 14px;
}

#subNavigation ul{
	list-style: none;
}

#subNavigation ul li{
	/*overflow: hidden;*/
	margin-bottom:4px;
}

#subNavigation ul li a{
	color: #B0B0B0;
	text-decoration: none;
	text-transform: none;
	font-size:0.9em;
}
#subNavigation ul li a:hover{
	color: #009CCA;
	text-decoration: none;
}
#subNavigation ul li.selected a,
#subNavigation ul li.selected{
	color: #009CCA;
}
/*====================
 +primary-contents
====================*/
#primary-contents{
	width: 445px;
	float: left;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 19px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	min-height: 262px;
	color: #919191;
}
#primary-contents h1{
	font-size: 20px;
	font-weight: normal;
	color: #009CCA;
	margin-bottom:20px;
}
#primary-contents h2{
	font-size: 20px;
	font-weight: normal;
	color: #009CCA;
	margin-bottom:20px;
}

#primary-contents h3{
	font-size: 16px;
	font-weight: normal;
	margin-bottom:13px;
}

#primary-contents h4{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-bottom:13px;
}

#primary-contents h5 p strong{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-bottom:13px;
}

#primary-contents h6{
	font-weight: normal;
	color: #969696;
	line-height: 1.1em;
}

#primary-contents h7, #primary-contents a{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	font-style: italic;
	color: #969696;
}

#primary-contents a:hover {
	color: #464646;
	text-decoration: underline;
}

#primary-contents p, #primary-contents h5{
	margin-bottom: 13px;
	line-height: 1.2;
	font-weight: normal;
}
div#primary-contents input.sendBtn{
	background:transparent url(/Media/Images/Lofoten/Lib/sendBtn.gif) no-repeat scroll left top;
	border: 0px;
	float:none;
	height:24px;
	width: 59px;
	color: #464646;
	font-weight: normal;
	padding-left: 0;
	font-size: 13px;
	font-family:Georgia;
	font-style: italic;
	margin-left: 58px;
}
div#primary-contents input.sendBtn:hover{
	color: #464646;
	font-weight: normal;
}
div#primary-contents div.dp-popup div.dp-nav-prev a,
div#primary-contents div.dp-popup div.dp-nav-next a{
	color: #ffffff;
}
/* Calender in Primary Contents */
div#inputArea input{
	background: url(/Media/Images/Lofoten/Lib/textInputBg.gif) no-repeat left top;
	width: 269px;
	height:20px;
	padding:3px 8px;
	color: #969696;
	font-size: 13px;
	font-family: Georgia;
	font-style: italic;
	border: none;
	margin-bottom: 4px;
}
div#primary-contents div#calendar{
	width: 270px;
	background: url(/Media/Images/Lofoten/Lib/calLargeBgTop.gif) left top no-repeat;
	padding-top: 8px;
	margin-bottom: 10px;
	margin-top: 5px;
}
div#primary-contents div#calendar h2{
	background-image: none;
	background-color: #83cde6;
	color: #464646;
	margin:0 5px;
}

div#primary-contents input:hover{
	color: #969696;
	font-weight: normal;
}
div#primary-contents div#calendar h2{
	background-image: none;
	background-color: #83cde6;
	margin:0 5px;
	font-size:14px;
	font-family: Georgia;
	font-weight: bold;
	color: #000000;
}
#primary-contents label{
	font-family: Georgia;
	font-style: italic;
	color: #969696;
	font-size: 11px;		
}
div#timeSelect, div#number {
	float:left;
	margin-right:20px;
}
div#timeSelect label,
div#number label {
	display:block;
	font-size:13px;
	line-height:1.4;
}
div#reservation select,
div#reservation option {
	font-family:Georgia;
	font-style: italic;
}
div#primary-contents select,
div#primary-contents select{
	font-size: 13px;
	text-align: center;
	color: #464646;
}

input.sendBtn {
	background:transparent url(/Media/Images/Lib/submitBtn.gif) no-repeat scroll left top;
	border:medium none;
	color:#CCCCCC;
	cursor:pointer;
	float:right;
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	height:24px;
	margin-right:10px;
	margin-top:15px;
	width:58px;
}
body.kontaktliste div#primary-contents textarea{
	background:transparent url(/Media/Images/Lofoten/Lib/calLargeBgTop.gif) no-repeat scroll left top;
	width:270px;
	border: none;
	height: 120px;
}

body.kontaktliste div#primary-contents div#askform{
	background:transparent url(/Media/Images/Lofoten/Lib/calLargeBgBottom.gif) no-repeat scroll left bottom;
	width:270px;
	padding-bottom:3px;
}

body.kontaktliste div#primary-contents input.sendBtn{
	margin-left: 210px;
}


/*====================
 +secondary-contents
====================*/
#secondary-contents{
	font-style: italic;
	width: 198px;
	float: right;
	padding-left: 19px;
	padding-right: 3px;
	/*border-left: solid 1px #969696;
	min-height: 300px;*/
}

#secondary-contents h2{
	font-weight: normal;
	margin-bottom: 20px;
	font-style: italic;
}
#secondary-contents a {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	font-style: italic;
	color: #969696;
	font-weight: normal;
}
#secondary-contents a:hover {
	color: #464646;
	text-decoration: underline;
}
#secondary-contents p{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	font-style: italic;
	line-height: 1.4;
	color: #969696;
	padding-bottom: 6px;
	font-weight: normal;
}
div#calendar{
	width: 191px;
	background: url(/Media/Images/Lofoten/Lib/calendarTop.gif) left top no-repeat;
	padding-top: 5px;
	margin-bottom: 5px;
}
div#secondary-contents input{
	background: url(/Media/Images/Lofoten/Lib/button.gif) no-repeat right 1px;
	border: 0px;
	height:25px;
	width: 45px;
	color: #969696;
	font-weight: normal;
	font-size: 13px;
	font-family: Georgia;
	font-style: italic;
	margin-left: 10px;
}
div#secondary-contents input:hover{
	color: #969696;
	font-weight: normal;
}
div#secondary-contents div#calendar h2{
	background-image: none;
	background-color: #83cde6;
	color: #464646;
	margin:0 5px;
}
#secondary-contents label{
	font-family: Georgia;
	font-style: italic;
	color: #969696;
	font-size: 11px;		
}

/* restaurantType1 */

body.restaurantenType1 #secondary-contents h2{
	background: url(Media/Images/Lib/opentimeTitle.gif) no-repeat left top;
	height: 36px;
	overflow: hidden;
	margin-bottom: 30px;
}
div.timeList{
	border-bottom: 1px solid #969696;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.timeList h3{
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
div.timeList p{
	font-size: 12px;
	font-style: italic;
	color: #969696;
	line-height: 1.2;
	margin:2px 0 0;
}
body.restaurantenType1 #secondary-contents div.last-child{
	border: none;
}
body.restaurantenType1 #primary-contents h2{
	text-transform: uppercase;
}
/*====================
 +footer
====================*/
#footer {
	font-size:10px;
	padding-top:35px;
	padding-bottom:10px;
	clear: both;
	font-family: Verdana, sans-serif;
	}
#footer p.copyright{
	color:#009CCA;
	line-height:1.6;
	text-align: center;
	border-bottom:1px solid #DDDDDD;
	font-size: 10px;
}
#footer p.copyright a {
	color:#009CCA;
	text-decoration: none;
}
#footer p.copyright a:hover {
	text-decoration: underline;
}
#footer-nav{
	text-align: center;
}
#footer-nav ul{
	padding-top: 2px;
}
#footer-nav ul li{
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:0;
	color: #969696;
	line-height: 1.2;
	font-size: 10px;
}
#footer-nav ul li.first-child{
	background-image: none;
}
#footer-nav ul li a{
	color: #969696;
	text-decoration: none;
}
#footer-nav ul li a:hover{
	color: #000000;
	text-decoration: none;
}
#footer-nav ul li:last-child a{
}
/*====================
 +clearfix
====================*/
.clearfix,
div#container {
	overflow: hidden;
	_overflow: visible;
}

/*====================
 +a11y
====================*/
.a11y,
#secondary-contents h2 span,
#globalNavigation h2,
#header h1 span,
#footer h2 {
	width: 0;
	height: 0;
	overflow: hidden;
	/*display: none;*/
	}