/* 2009(c) Meat Digital AS */
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }

body{
	color: #464646;
	font: 12px/1.4em Arial, sans-serif;
	/*background: url("../img/bg.png") repeat-x;*/
	background: #fdfefe url("../img/bg_pattern.jpg") repeat-x top left;
}

#preload {
	display: none;
}

#wrapper{
	width: 820px;
	margin: 0 auto auto;
	clear: both;
}

#menu {
	
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	top: 240px;
	left: 8px;
}

#menu ul li {
	background-color: #FFF;
	display: block;
	margin: 0;
	padding: 5px 0;
	height: 33px;
	float: left;
}

#menu ul li a:link, #menu ul li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	height: 33px;
	float: left;
}

#menu ul li.hjem {
	padding-left: 5px;
}

#menu ul li.om {
	padding-right: 0px;
}

#menu ul li a.hjem { width: 76px; background: transparent url("../img/menu/hjem_off.jpg") no-repeat center center; }
#menu ul li a.hjem:hover, #menu ul li a.hjem_sel { width: 76px; background: transparent url("../img/menu/hjem_on.jpg") no-repeat center center; }

#menu ul li a.barn { width: 74px; background: transparent url("../img/menu/barn_off.jpg") no-repeat center center; }
#menu ul li a.barn:hover, #menu ul li a.barn_sel { width: 74px; background: transparent url("../img/menu/barn_on.jpg") no-repeat center center; }

#menu ul li a.info { width: 155px; background: transparent url("../img/menu/info_off.jpg") no-repeat center center; }
#menu ul li a.info:hover, #menu ul li a.info_sel { width: 155px; background: transparent url("../img/menu/info_on.jpg") no-repeat center center; }

#menu ul li a.kurs { width: 78px; background: transparent url("../img/menu/kurs_off.jpg") no-repeat center center; }
#menu ul li a.kurs:hover, #menu ul li a.kurs_sel { width: 78px; background: transparent url("../img/menu/kurs_on.jpg") no-repeat center center; }

#menu ul li a.bursdag { width: 113px; background: transparent url("../img/menu/bursdag_off.jpg") no-repeat center center; }
#menu ul li a.bursdag:hover, #menu ul li a.bursdag_sel { width: 113px; background: transparent url("../img/menu/bursdag_on.jpg") no-repeat center center; }

#menu ul li a.om { width: 70px; background: transparent url("../img/menu/om_off.jpg") no-repeat center center; }
#menu ul li a.om:hover, #menu ul li a.om_sel { width: 70px; background: transparent url("../img/menu/om_on.jpg") no-repeat center center; }


#menu ul li a.english_sel, #menu ul li a.english { display: none; }

#menu ul ul { 
	display: none;
}

#submenu {
	margin-left: 10px;
	min-height: 10px;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#submenu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#submenu ul li a:link, #submenu ul li a:visited {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 10px;
	font-weight: bold;
	color: #4c7b8a;
	font-size: 11px;
}

a.youtube:link, a.youtube:visited {
	
}

#submenu ul li a:hover, #submenu ul li a.selected {
	color: #1397c5;
}

#page{
	clear: both;
}

#header{
	width: 818px;
	height: 287px;
	background: #FFF url("../img/header_bg.jpg") no-repeat left top;
	margin-top: 10px;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header ul li {
	position: absolute;
}

#header ul li img {
	position: absolute;
	width: 802px;
	height: 272px;
	top: 7px;
	margin-left: 7px;
}

#subheader{
	position: absolute;
	top: 10px;
	width: 818px;
	height: 287px;
}

#subheader div#logo {
	position: relative;
	left: 0px;
	top: -40px;
}

#header img#headerimg {
	width: 802px;
	height: 272px;
	top: 7px;
	left: 8px;
	position: relative;
}

#contectbtns {
	position: relative;
	width: 233px;
	height: 39px;
	background: transparent url("../img/contactbtn_bg.png") repeat top left;
	float: left;
	top: 240px;
	left: 8px;
}

#contectbtns img {
	display: block;
	float: left;
	position: relative;
	top: 11px;
	left: 12px;
}

#contectbtns span {
	color: #FFF;
	font: normal 12px Arial;
	display: block;
	float: left;
	position: relative;
	top: 12px;
	left: 23px;
}

#contectbtns span a:link, #contectbtns span a:visited {
	color: #FFF;
	font: normal 12px Arial;
	text-transform: uppercase;
}

#newsletter{
	background-image: url("../img/bg_footer.png");
	height: 25px;
	padding:7px;
	clear: both;
	text-align:right;
	color: #7f7e7e;
}

#newsletter form {
	padding-top: 2px;
}

#newsletter input.input {
	color: #7f7e7e;
	border: none;
	border-top: 1px solid #c5c5c5;
	border-left: 2px solid #c5c5c5;
	padding: 2px 3px;
}

#newsletter input.error {
	color: #7f7e7e;
	border: none;
	border-top: 1px solid #f17373;
	border-left: 2px solid #f17373;
	padding: 2px 3px;
	background-color: #fff1f1;
}

#newsletter input.submit {
	border: none;
	width: 42px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 5px;
	background: transparent url("../img/newsletter_submit.jpg") no-repeat center center;
}

#newsletter input.loading {
	display: none;
	border: none;
	width: 42px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 5px;
	background: transparent url("../img/loading.gif") no-repeat center center;
}

#footer{
	height: 40px;
	font-size: 9px;
	padding:7px;
	text-align: center;
}

#main{
	clear: both;
	float: left;
}

/* @group Fonts */

h1{
	color: #000;
	display: block;
	font: normal 20px Georgia;
	margin-bottom: 6px;
	margin-top: 3px;
}

h2{
	color: #ff8004;
	font: bold 13px Arial, sans-serif;
	margin-bottom: 2px;
}

a:link, a:visited {
	color: #4c7b8a;
	text-decoration: none;
}
a:hover{
	color: #1397c5;
	text-decoration: none;
}

a.lesmer:link, a.lesmer:visited {
	padding: 0;
	margin: 0;
	width: 69px;
	height: 30px;
	display: block;
	background: transparent url("../img/lesmer.jpg") no-repeat center center;
}

a.bursdag:link, a.bursdag:visited {
	padding: 0;
	margin: 0;
	width: 117px;
	height: 31px;
	display: block;
	background: transparent url("../img/bursdagsknapp.jpg") no-repeat center center;
	margin-top: 25px;
}

/* @end */

/* @group Front */

#leftpane{
	width: 480px;
	float: left;
}

#rightpane{
	margin-left: 10px;
	width: 316px;
	float: left;
	padding: 7px;
}

.frontad{
	
	background-image: url(../img/frontad_bg.png);
	width: 480px;
	height: 170px;
	margin-bottom: 5px;
}

.frontad_inner{
	padding: 7px;
}

.frontad_media{
	float: left;
}

.frontad_content{
	float: left;
	width: 225px;
	margin-left: 10px;
}

.frontad_content_top {
	height: 117px;
}

.frontad_content_footer a:link, .frontad_content_footer a:visited {
	float: right;
}

.article_content_top { width: 818px; height: 4px; background: transparent url("../img/content_top.jpg") no-repeat top left; }
.article_content_content { width: 818px; min-height: 400px; background: transparent url("../img/content_content.jpg") repeat-y top left; }
.article_content_content_padding { padding: 8px 15px; }
.article_content_content_padding_right { padding-right: 270px; }
.article_content_content_padding_gallery { padding:8px 15px; }
.article_content_footer { width: 818px; height: 4px; background: transparent url("../img/content_footer.jpg") no-repeat top left; margin-bottom: 10px; }

.content_image { float: left; width: 306px; }
.content_image img { margin-bottom: 6px; }
.content_right { float: right; width: 465px; }

#openinghours, #prices{
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	float:left;
	width:327px;
	margin-bottom: 3px;
}

 #specialtekst{
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
	float:left;
	width:327px;
}

.rightpane_inner{
	padding-left: 5px;
}

#openinghours p {
	margin: 10px 0;
}

#payoff{
	clear: both;
	text-align: center;
	padding-top: 15px;
}

ul.narrow {
	width: 170px;
	float: left;
}

ul.auto {
	width: auto;
}

span.left {
	display: block;
	clear: left;
	float: left;
	width: 60px;
}

span.large {
	width: 100px;
}

span.right {
	display: block;
	clear: right;
	float: left;
}

div.article_content_content ul, div.article_content_content ol {
	margin: 10px 20px;
}

div.article_content_content ul li {
	list-style-type: circle;
}

div.article_content_content ol li {
	list-style-type: decimal;
}


/* @end */

/* @group Accordion */
#accordion {
	margin-top: 20px;
}

div.accordion_content {
	padding: 6px 0;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	height: auto;
	clear: both;
}

div.accordion_content div.kurs_left {
	float: left;
	width: 265px;
}

div.accordion_content div.kurs_right {
	float: right;
	width: 200px;
	text-align: right;
}

#accordion h3{
	border-top: 1px solid #ccc;
	cursor: pointer;
	color: #4c7b8a;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 16px;
}

#accordion h3 a:link, #accordion h3 a:visited {
	float: left;
}

span.accordion_ingress {
	font: normal 11px Arial;
	color: #535353;
	display: block;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
}

a.kurs_bestilling:link, a.kurs_bestilling:visited {
	display: block;
	padding: 0;
	margin-top: 15px;
	width: 118px;
	height: 30px;
	background: transparent url("../img/send_bestilling_kurs.jpg") no-repeat center center;
}

div.gallery_fancy {
	width: 615px;
	height: 400px;
	background-color: #FFF;
}

div.gallery_fancy_padding ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.gallery_fancy_padding ul li {
	position: absolute;
	height: 388px;
	width: 603px;
	display: block;
	margin-top: 6px;
	margin-left: 6px;
}

div.gallery_fancy_padding ul li img {
	display: none;
}

div.gallery_footer {
	
}

div.gallery_footer span {
	display: block;
	float: left;
	color: #FFF;
	margin-top: 5px;
}

div.gallery_footer span a:link, div.gallery_footer span a:visited {
	color: #FFF;
	text-decoration: none;
}

div.gallery_footer span.last_ned a:link, div.gallery_footer span.last_ned a:visited {
	font-size: 12px;
	text-transform: uppercase;
}

div.gallery_footer span.copy {
	margin-left: 15px;
	color: #999;
}

div.gallery_footer span.nav {
	float: right;
	margin-top: 0;
}

div.gallery_footer span.nav p {
	display: block;
	float: right;
}

div.gallery_footer span.nav p#galleri_valgt {
	margin-top: 4px;
}

div.gallery_footer span.nav a#galleri_next:link, div.gallery_footer span.nav a#galleri_next:link {
	display: block;
	height: 24px;
	width: 29px;
	background: transparent url("../img/arrow_right.png") no-repeat center center;
}

div.gallery_footer span.nav a#galleri_previous:link, div.gallery_footer span.nav a#galleri_previous:link {
	display: block;
	height: 24px;
	width: 29px;
	background: transparent url("../img/arrow_left.png") no-repeat center center;
}

a.galleri_thumb:link, a.galleri_thumb:visited {
	display: block;
	float: left;
	margin: 0 10px 6px 0;
}

a.galleri_thumb_last:link, a.galleri_thumb_last:visited {
	margin: 0 0 10px 0;
}

div.bestill_kurs_left {
	float: left;
	width: 450px;
}

img.bestill_kurs_img {
	float: right;
	margin-bottom: 10px;
}

form.kurs_bestilling {
	width: 430px;
}

form.kurs_bestilling fieldset {
	margin: 20px 0 0 0;
	padding: 0;
}

form.kurs_bestilling fieldset label { 
	display: block; 
	float: left; 
	width: 200px;
	margin-bottom: 6px;
	clear: left;
}

form.kurs_bestilling fieldset label span {
	color: #ff9936;
	font-weight: bold;
}

form.kurs_bestilling fieldset p {
	float: left;
	margin-bottom: 6px;
	width: 220px;
}

form.kurs_bestilling fieldset input.input, form.kurs_bestilling fieldset textarea.text { 
	color: #ff9936;
	border-top: 1px solid #b2b2b2;
	border-left: 2px solid #b2b2b2;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 3px 4px;
	color: #464646;
	font: 11px/1.5em Arial, sans-serif;
	width: 200px;
}

form.kurs_bestilling input.submit {
	padding: 0;
	margin-top: 15px;
	width: 118px;
	height: 30px;
	background: transparent url("../img/send_bestilling_kurs.jpg") no-repeat center center;
	border: none;
}

form.kurs_bestilling input.bursdag {
	width: 117px;
	background: transparent url("../img/bursdagsknapp.jpg") no-repeat center center;
}

form.kurs_bestilling input.engelsk {
	width: 77px;
	background: transparent url("../img/order_here.jpg") no-repeat center center;
}



form.kurs_bestilling img {
	display: block;
	margin-left: 46px;
	margin-top: 18px;
	display: none;
}

form.kurs_bestilling fieldset input.error {
	border-top: 1px solid #f17373;
	border-left: 2px solid #f17373;
	border-right: 1px solid #ffadad;
	border-bottom: 1px solid #ffadad;
	background-color: #fff1f1;
}

form.kurs_bestilling fieldset input.medium {
	width: 133px;
}

form.kurs_bestilling fieldset input.small {
	width: 53px;
}


div.bestill_kurs_left form.kurs_bestilling label {
	width: 135px;
}

div.bestill_kurs_left form.kurs_bestilling fieldset.tidspunktvalg {
	margin-bottom: 30px;
}


div#produkter {
	margin-top: 25px;
}

div.produkt {
	width: 394px;
	height: 134px;
	float: left;
}

div.produkt img {
	float: left;
	margin-right: 12px;
}

div.produkt div {
	float: right;
	width: 188px;
}

div.produkt div.header h1 {
	font-size: 14px;
}

div.produkt div.beskrivelse {
	margin-bottom: 12px;
	overflow: hidden;
}

div.produkt div.pris {
	color: #FF8004;
}

div#produkt_linker {
	text-align: right;
	position: relative;
	top: 420px;
}


div.ansatt {
	width: 107px;
	height: 231px;
	margin-right: 28px;
	float: left;
}

div.ansatt div.header {
	font-weight: bold;
}

div.last {
	margin-right: 0;
}



/* 
   root element for the scrollable. 
   when scrolling occurs this element stays still. 
*/ 
div.scrollable { 

   /* required settings */ 
   position:relative; 
   overflow:hidden; 
   width: 788px; 
   height:439px; 
}

div.big {
	height: 490px;
}

div.big div#produkt_linker {
	top: 470px;
}

/* 
   root element for scrollable items. Must be absolutely positioned 
   and it should have a extremely large width to accomodate scrollable items. 
   it's enough that you set width and height for the root element and 
   not for this element. 
*/ 
div.scrollable div.items { 
   /* this cannot be too large */ 
   	width:20000em;
	height: 402px;
   	position:absolute; 
} 

/* 
   a single item. must be floated in horizontal scrolling. 
   typically, this element is the one that *you* will style 
   the most. 
*/ 
div.scrollable div.items div.item { 
	width: 788px; 
	height:402px;
	float: left;
}

div.youtube_fancy {
	background-color: #FFF;
	width: 652px;
	height: 397px;
}

div.youtube_fancy embed {
	margin: 6px 0 0 6px;
}


div.kart_left {
	float: left;
	width: 290px;
}

div.kart_right {
	float: right;
	width: 476px;
}

div.kart_left a.rute:link, div.kart_left a.rute:visited {
	display: block;
	height: 30px;
	width: 127px;
	background: transparent url("../img/reiserute.jpg") no-repeat center center;
	margin-top: 25px;
}
/* @end */


form#kontakt label {
	width: 70px;
}

form#kontakt p.textarea {
	clear: both;
}

form#kontakt p.textarea textarea {
	width: 270px;
	height: 150px;
}

form#kontakt label.textarea {
	width: auto !important;
}


form#kontakt input#kontakt {
	display: block;
	height: 30px;
	width: 66px;
	background: transparent url("../img/kontaktskjema.jpg") no-repeat center center;
}

/* @group 1.5 million kampanje */

#kampanje_bg{
	width: 785px;
	height: 422px;
	float: left;
	background-image: url(../img/million_form.png);
}

#kampanjeform {
	margin: 0;
	padding: 0;
	margin-left: 410px;
	margin-top: 225px;
	padding-right: 10px;
	width: 360px;
}

#kampanjeform input {
	height: 0.9em;
	font-size: 0.9em;
	height: 10px;
	font-size: 9px;
}


#kampanjeform ul {
	list-style: none;
	margin: 0;
	
}

#kampanjeform li {
	list-style: none;
	width: 300px;
	height: 15px;
	position: relative;
	padding-bottom: 5px;
	clear: both;
}

#kampanjeform li .left {
float: left;
width: 150px;
}

#kampanjeform li #dato_label {
	width: 220px;
}

#kampanjeform li #dato {
	width: 70px;
}

#kampanjeform li .right {
	width: 130px;
	float: right;
}

#kampanjeform li #brev_knapp {
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	top: 20px;
	left: -5px;
}


#kampanje_knapp {
	width: 105px;
	height: 67px;
	position: relative;
	left: 250px;
	top: -20px;
	padding: 30px;
	padding-top: 27px;
	padding-left: 40px;
	background: url("/app/design/frontend/ob/img/send_knapp_draape.png") no-repeat 0 0;
	border: 0;
	cursor: pointer;
	color: #fff;
}

#kampanje_knapp:hover {
	background: url("/app/design/frontend/ob/img/send_knapp_draape.png") no-repeat 0 -64px;
}




/* @end */