@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 {
	color: #70716f;
	font-family:
			Verdana, Georgia, Arial, Helvetica,
			sans-serif;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	}
#pageContainer{
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
/* +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 {
	font-weight: bold;
	}
strong {
	font-weight: bold;
	}

/* +font size */
h1 {
	font-size: 27px;
	}
h2 {
	font-size: 16px;
	}
h3 {
	font-size: 16px;
	}
.caption {
	font-size: 84%;
	}

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

/*====================
 +link pseudo-class
====================*/
a,
a span {
	text-decoration: underline;
	color: #373738;
	}
a:hover,
a:hover span,
a.current {
	text-decoration: underline;
	color: #373738;
	}
a:active {
	text-decoration: none;
	}
a:active,
a:focus {
	outline: none;
	}
a[href^="http"] {
	}
a[href^="http://www.havsmak.no"],
a[href^="http://havsmak.no"] {
	}


/*====================
 +header
====================*/
#header {
	width: 960px;
	height: 94px;
	position: relative;
	}
#header img{
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:32px;
}
img.backImage{
}

/* globalNavigation */

#globalNavigation{
	float: right;
	padding-right: 0;
	padding-top: 7px;
}
#globalNavigation ul li{
	font-family: Verdana;
	font-size: 9px;
	list-style: none;
	display: inline;
	padding-right: 0;
	margin-right: 0;
	border-right: 0px solid #ffffff;
}
#globalNavigation ul li.last-child{
	border: none;
}
#globalNavigation ul li a{
	font-size: 9px;
	color: #969696;
	text-decoration: none;
	line-height: 1.1;
	text-transform: uppercase;
	margin-left: 5px;
}
#globalNavigation ul li a:hover{
	color: #373738;
}
#globalNavigation ul li.selected a{
	color: #969696;
	font-style: normal;
}

/* language selector */

div#languageselector{
	position: absolute;
	left:747px;
	top:8px;
	font-size: 10px;
}
div#languageselector li{
	display: inline;
 	color:#ffffff;
 	font-family: Verdana;
}
div#languageselector li a{
	color:#ffffff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px 0 3px;
}
div#languageselector li a:hover{
	color: #ffffff;
	text-decoration: none;
}

/* regional Navigation */
#regionalNavigation{
	position: absolute;
	top: 0;
}
#regionalNavigation ul{
	
}
#regionalNavigation ul li{
	list-style: none;
	display: inline;
}
#regionalNavigation ul li.last-child{
	background-image: none;
}
#regionalNavigation ul li a{
	color: #70716f;
	font-size: 22px;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
}
#regionalNavigation ul li a:hover{
	color: #009bb0;
	text-decoration: underline;
}
#regionalNavigation ul li.selected a{
	color: #009bb0;
	text-decoration: underline; 
	/*font-style: italic;*/
}

/*====================
 +container
====================*/
#container {
	clear: both;
	position: relative;
	padding-top: 80px;
	}
/*====================
 +main
====================*/
#main {
	width: 735px;
	padding: 0;
	float: right;
	}
div#mainBox{
	width: 960px;
	min-height: 472px;
}
/*====================
 +primary-contents
====================*/
#primary-contents{
	width: 425px;
	float: left;
	padding-right: 64px;
	font-size: 12px;
}
#primary-contents h1{
	font-size: 28px;
	font-weight: normal;
	color: #000000;
	margin-bottom:30px;
}
#primary-contents h2{
	color:#373738;
	font-size:14px;
	font-style:italic;
	margin-bottom:15px;
}
#primary-contents p{
	margin-bottom: 13px;
	line-height: 1.2;
	font-size: 12px;
}
#primary-contents p span{
	font-size: 12px;
}
div#primary-contents input.sendBtn{
	background: url(../../Media/Images/Lib/button.gif) no-repeat right 6px;
	border: 0px;
	float:none;
	height:34px;
	color: #373738;
	font-weight: normal;
	padding-left: 0;
	font-family: Verdana;
}
div#primary-contents input.sendBtn:hover{
	color: #373738;
	font-weight: normal;
}
/*====================
 +secondary-contents
====================*/
#secondary-contents{
	width: 224px;
	float: right;
}
#secondary-contents h2{
	background: url(../../Media/Images/Lib/calTitle.png) no-repeat left top;
	height: 19px;
	overflow: hidden;
	padding-top: 3px;
}
#secondary-contents h2 span {
	color:#70716F;
	font-family:Verdana;
	font-size:22px;
	font-style:normal;
	font-weight:normal;
	position:absolute;
	text-transform:lowercase;
	top:20px;
}
div#calendar{
	width: 220px;
}
div#secondary-contents input{
	background: url(../../Media/Images/Lib/button.gif) no-repeat right 6px;
	border: 0px;
	float:right;
	height:34px;
	color: #373738;
	font-weight: normal;
}
div#secondary-contents input:hover{
	color: #373738;
	font-weight: normal;
}
div#secondary-contents div#calendar h2{
	background-image: none;
}
/*====================
 +leftNavigationColumn
====================*/
#leftNavigationColumn {
	float: left;
	width: 204px;
	padding-right: 10px;
	}
#leftNavigationColumn a{
	color: #373738;
	text-decoration: none;
}

#leftNavigationColumn h2{
	color: #70716f;
	line-height: 1;
	margin-bottom: 86px;
	font-size: 21px;
}
#leftNavigationColumn h3{
	color: #70716f;
	font-size: 12px;
	margin-bottom: 5px;
}
#leftNavigationColumn ul{
	margin-bottom: 23px;
}
#leftNavigationColumn ul li{
	margin-bottom: 5px;
}


/* 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 #373738;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.timeList h3{
	color: #373738;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}
div.timeList p{
	font-size: 12px;
	font-style: italic;
	color: #373738;
	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-family: Verdana;
	color:#009bb0;
	font-size:10px;
	height:60px;
	position:relative;
	clear: both;
	margin-bottom: 10px;
	padding-top: 20px;
	}
#footer a {
	color: #009BB0;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer-nav{
	margin-top: 1px;
	color: #969696;
}
#footer-nav ul{
	width: 900px;
	margin-left: 1px;
}
#footer-nav ul li{
	list-style: none;
	display: inline;
	padding: 0 2px;
}
#footer-nav ul li a{
	color: #969696;
	text-decoration: none;
	line-height: 1.4;
	white-space: nowrap;
}
#footer-nav ul li a:hover{
	color: #797979;
}
#footer-nav ul li:last-child a{
	background-image: none;
}
#footer p{
	padding-top: 3px;
	line-height: 1.2;
}
#footer p.copyright{
	border-bottom: 1px solid #969696;
	padding-bottom: 5px;
	margin-top: 0;
	padding-top: 4px;
	line-height: 1.4;
	margin-left: 4px;
}
/*====================
 +clearfix
====================*/
.clearfix {
	overflow: hidden;
	}

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

/* QUICKFIX */
body.meny #main #secondary-contents h2 span,
.restauranten #secondary-contents h2 span,
.historieliste #secondary-contents h2 span,
.kontaktliste #secondary-contents h2 span,
.restaurantliste #secondary-contents h2 span {
	/*color:#000000;
	font-size:14px;*/
	position:static;
}

body.meny #main #secondary-contents h2,
.restauranten #secondary-contents h2,
.historieliste #secondary-contents h2,
.kontaktliste #secondary-contents h2,
.restaurantliste #secondary-contents h2 {
	height:auto;
}