/* begin Page */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #3C3C3C;
	background-image: url('images/bgr.jpg');
	background-repeat:repeat-y;
	background-position:top center; 
}

.Main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}




.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */


/* begin Header */
.Header
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 900px;
	margin: 0px auto 0px auto;
}
/* end Header */


/* begin Content */
.Content
{
	position: relative;
	z-index:0;
	overflow:hidden;
	width: 800px;
	margin: 0px auto 5px auto;
}
/* end ContentLayout */




/* Start images */
a img
{
	border: 0;
}

.article img, img.article
{
	margin: 1em;
}

.metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
	background-color:Transparent;
}

.article th, .article td
{
	padding: 2px;
	border: solid 1px #696969;
	vertical-align: top;
	text-align:left;
}

.article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}

/* Finish tables */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

.PostContent
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
  color: #000000;
}



/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5C5C5C;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5C5C5C;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #5C5C5C;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #513AD5;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  color: #35302F;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  color: #35302F;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #787878;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #C7C7C7;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #C7C7C7;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #C7C7C7;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */


/* begin Button */
.Button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:32px;
	margin:0;
	padding:0;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.Button .btn
{
	display:block;
	position:relative;
	float:left;
	height: 32px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	color: #F2F2F2;
}

.Button .btn .t
{
	display:block;
	height: 32px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 19px;
	line-height: 32px;
	text-decoration: none !important;
}

input, select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.Button .hover, .Button:hover
{
	color: #EDEDED;
	text-decoration: none !important;
}

.Button .active
{
	color: #F2F2F2;
}

.Button .btn .l, .Button .btn .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 96px;
	background-image: url('images/Button.png');
}

.Button .btn .l
{
	left:0;
	right:12px;
}

.Button .btn .r
{
	width:417px;
	right:0;
	clip: rect(auto, auto, auto, 405px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
	top: -32px;
}

.Button .btn.active .l, .Button .btn.active .r
{
	top: -64px;
}


/* end Button */


/* begin LayoutCell */
.contentLayout .sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 224px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: center;
	overflow: hidden;
	width: 673px;
}
.contentLayout .content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 897px;
}
/* end LayoutCell */

/*Meny */
a.nav {
display: block;
height: 100px;
width: 100px;
}

a.nav span {
display: none;
}

a#omemus {
background-image: url('images/omemus-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#omemus {
background-image: url('images/omemus-liten.jpg');
	width: 85px;
	height: 85px;
}

a#justnu {
background-image: url('images/justnu-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#justnu{
background-image: url('images/justnu-liten.jpg');
	width: 85px;
	height: 85px;
}
a:current#justnu{
background-image: url('images/justnu-liten.jpg');
	width: 85px;
	height: 85px;
}


a#biljetter {
background-image: url('images/biljetter-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#biljetter{
background-image: url('images/biljetter-liten.jpg');
	width: 85px;
	height: 85px;
}
a:current#biljetter{
background-image: url('images/biljetter-liten.jpg');
	width: 85px;
	height: 85px;
}

a#smakprov {
background-image: url('images/smakprov-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#smakprov{
background-image: url('images/smakprov-liten.jpg');
	width: 85px;
	height: 85px;
}

a#media {
background-image: url('images/media-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#media{
background-image: url('images/media-liten.jpg');
	width: 85px;
	height: 85px;
}

a#gastbok {
background-image: url('images/gastbok-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#gastbok{
background-image: url('images/gastbok-liten.jpg');
	width: 85px;
	height: 85px;
}

a#kontakt {
background-image: url('images/kontakt-liten60.jpg');
	width: 85px;
	height: 85px;
}
a:hover#kontakt{
background-image: url('images/kontakt-liten.jpg');
	width: 85px;
	height: 85px;
}