@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, tt, var, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}.clear:before, .clear:after {content: " "; display: table;} .clear:after {clear: both;} .clear {padding: 0;display: block;clear: both;}
/*
		 _                               _ _ 
		| |__   ___  _ __ ___  _ __   __| (_)
		| '_ \ / _ \| '__/ _ \| '_ \ / _` | |
		| |_) | (_) | | | (_) | | | | (_| | |
		|_.__/ \___/|_|  \___/|_| |_|\__,_|_|
		___
		www.borondi.no | 2014 | Martin Viste
*/
html {height:100%;-webkit-text-size-adjust: none;}
body {height:100%;padding:0px;background:#FFF;font-size:100%;font: 15px/1.4 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;color:#444;margin: 0;text-align: center;}

a {color: #83C88B;font-weight:300;text-decoration:underline;}
	a:hover {color:#000;text-decoration:underline;}
	a, a:visited, a:active, a:focus {border: none;outline: none;}
	
IMG {border:0;margin:0;padding:0;}
hr {padding:0;border:0;color:#C0C0C0;background-color:#C0C0C0;height:1px;margin:0;}

h1 {font: 40px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;color:#FFF;padding: 10px 20px;display:inline-block;text-align:center;}
h2 {font: 25px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;color:#FFF;padding: 10px 20px;display:inline-block;text-align:center;}

.clear {display:block;width:100%;clear:both;}
	.clear a {padding:0px 10px;border-right:1px solid #C0C0C0;text-decoration:none;}
		.clear a:last-child {border:0;}
		.clear a.aktiv {color:#000;}

.clear_breadcrumb {display:block;width:100%;clear:both;}
	.clear_breadcrumb a {padding:0px 5px;text-decoration:none;}
		.clear_breadcrumb a:last-child {border:0;}
		.clear_breadcrumb a.aktiv {color:#000;}
        
.roed_bg {display:block;width:100%;clear:both;background-color:red;}
    .roed_bg h1 {font-stretch:extra-expanded;font-weight:bold;}
    .roed_bg p {color:white; font-weight:500; padding-bottom:10px;}
	.roed_bg a {padding:0px 10px;border-right:1px solid #C0C0C0;text-decoration:none;}
		.roed_bg a:last-child {border:0;}
		.roed_bg a.aktiv {color:#000;}

#menybar {z-index:9999;display:block;width:100%;background:#83C88B;position:fixed;top:0;left:0;border-bottom:2px solid #FFF;}
    /* Fargen på den tynne streken under den grønne hovedmenyen kan om ønskelig endres fra hvit til lysegrå ved å endre fargen i 'border-bottom:2px solid #FFF' til #EFEFEF. */
	#menybar p {padding:15px 40px 23px 15px;}
	#menybar a IMG {width:35px;height:auto;border:0;margin-bottom:-10px;}
	#menybar a {font-size:16px;color:#FFF;text-decoration:none;padding:10px;}
		#menybar a:hover, #menybar a.aktiv {color:#387a3c;}
        
#frontboks, #frontsmal {width:900px;height:680px;position:relative;margin:0 auto;background:#333;border:10px solid #FFF;border-top:0;border-bottom:0;}
	#frontboks .hovedlogo {position:absolute;top:50%;left:50%;margin-top:-101px;margin-left:-101px;}
	#frontboks .frontsplitt {width:50%;height:100%;float:left;background-size:cover;}
	#frontboks .frontsplitt a, #frontsmal .frontsplitt a {z-index:998;display:block;width:100%;height:100%;}
	#frontboks .frontsplitt a:hover, #frontsmal .frontsplitt a:hover {background:rgba(116,192,121,.5);zoom:1;filter:alpha(opacity=100);opacity:1;}
	#frontboks 
        .front_tittel {position:absolute;top:36%;width:50%;height:59px;margin:0 auto;}
        /* var "top:41%" (uten opphørssalg)*/
		.front_info {display:none;position:absolute;bottom:20px;width:50%;text-align:center;color:#FFF;font-size:14px;text-decoration:none;}
		.front_info p {padding:30px;}
		.front_info span {font-size:14px;display:block;padding-bottom:15px;}
        	/* Opprinnelig font-size:20px (egnet for overskrift) */
		
#frontsmal {height:215px;}
	#frontsmal .frontsplitt {width:100%;height:215px;float:left;background-size:cover;}
	#frontsmal .front_tittel {position:absolute;top:32%;left:10%;}
	#frontsmal .front_info {left:40%;width:50%;}

#frontbg {width:100%;background: #83C88B;}
#bg {width:100%;background:#EFEFEF;}

#innhold {width:900px;margin:0 auto;}
	IMG#hovedbilde {width:100%;height:auto;}
	.gronn_bg {background:#83C88B;padding:10px 0;}
		.gronn_bg .gronn_linje {width:100%;background:url(../_img/linje.png) center center repeat-x;}
		.gronn_bg .gronn_linje IMG {background:#83C88B;padding:10px;padding-bottom:0;}
		.gronn_bg .gronn_linje h1, .gronn_bg .gronn_linje h2 {background:#83C88B;}
		.gronn_bg p {font-size:15px;color:#333333;padding:20px 90px;}
		.gronn_bg a {color:#333333;}
		.gronn_bg a:hover {color:white;}
        .gronn_bg caption {color:white;}
        table.gronn_table {border-collapse:collapse;margin-left:auto;margin-right:auto;}
        table.gronn_table, table.gronn_table th, table.gronn_table td {border:1px solid #333333;}
        table.gronn_table th, table.gronn_table td {padding:5px;color:#333333;}
        table.gronn_produkt_table {border-collapse:collapse;margin-left:auto;margin-right:auto;width:99%;}
        table.gronn_produkt_table th, table.gronn_produkt_table td {padding:5px;color:#333333;}
	.hvit_bg {background:#FFF;padding:10px 0;}
		.hvit_bg .hvit_linje {width:100%;background:url(../_img/linje_gronn.png) center center repeat-x;}
		.hvit_bg .hvit_linje h1, .hvit_bg .hvit_linje h2 {color:#83C88B;background:#FFF;}
		.hvit_bg p {font-size:15px;color:#333333;padding:20px 90px;}
		.hvit_bg a {color:#333333;}
		.hvit_bg a:hover {color:#83C88B;}
        .hvit_bg caption {color:#83C88B;}
        table.hvit_table {border-collapse:collapse;margin-left:auto;margin-right:auto;}
        table.hvit_table, table.hvit_table th, table.hvit_table td {border:1px solid #333333;}
        table.hvit_table th, table.hvit_table td {padding:5px;color:#333333;}
        table.hvit_produkt_table {border-collapse:collapse;margin-left:auto;margin-right:auto;width:98%;}
        table.hvit_produkt_table th, table.hvit_table td {padding:5px;color:#333333;}

#bunnfelt, #bunnfeltFront {display:block;width:100%;background:#EFEFEF;}
	#bunnfelt div, #bunnfeltFront div {width:900px;background:#333;text-align:left;margin:0 auto;}
	#bunnfelt div p, #bunnfeltFront div p {text-align:left;color:#C0C0C0;padding:30px;padding-bottom:40px;font-size:12px;float:left;line-height:17px;}
		#bunnfelt div p a, , #bunnfeltFront div p a {color:#C0C0C0;}
		#bunnfelt div p a:hover, #bunnfeltFront div p a:hover {color:#FFF;}
#bunnfeltFront {background:#83C88B;}
	#bunnfeltFront div:first-child {border:10px solid #FFF;}
		
a.knapp {color:#FFF;background: #777777;background-image: -webkit-linear-gradient(top, #777777, #444444);background-image: -moz-linear-gradient(top, #777777, #444444);background-image: -ms-linear-gradient(top, #777777, #444444);background-image: -o-linear-gradient(top, #777777, #444444);background-image: linear-gradient(to bottom, #777777, #444444);-webkit-border-radius: 12;-moz-border-radius: 12;border-radius: 12px;color: #ffffff;font-size: 15px;padding: 7px 20px 10px 20px;text-decoration: none; line-height: 3;}
	/*La til " line-height: 3;"*/
	a.knapp:hover {color:#FFF;background: #333333;background-image: -webkit-linear-gradient(top, #333333, #000000);background-image: -moz-linear-gradient(top, #333333, #000000);background-image: -ms-linear-gradient(top, #333333, #000000);background-image: -o-linear-gradient(top, #333333, #000000);background-image: linear-gradient(to bottom, #333333, #000000);text-decoration: none;}

/*Typisk medium: nettbrett på høykant*/
@media only screen and (max-width: 905px) {
	#frontboks {width:730px;height:650px;}
		#frontboks .hovedlogo {margin-top:-75px;margin-left:-75px;}
		#frontboks .hovedlogo IMG {width:150px;height;auto;}
	#frontsmal, #innhold {width:730px;}
		#frontsmal .front_tittel {top:30%;left:5%;}
		#frontsmal .front_info {left:40%;width:60%;}
		#frontsmal .front_info span {font-size:14px;padding-bottom:10px;}
        	/* Opprinnelig font-size:18px (egnet for overskrift) */
        	/* aa justere denne ser ikke ut til aa ha noen virkning paa noen skjermbredde?? */
	#bunnfelt div, #bunnfeltFront div {width:730px;}
}

/*Typisk medium: telefon liggende*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#frontboks, #frontsmal {border:0;}
	#frontboks {width:100%;height:400px;}
		#frontboks .hovedlogo {margin-top:-50px;margin-left:-50px;}
		#frontboks .hovedlogo IMG {width:100px;height;auto;}
		#frontboks .front_tittel IMG {width:270px;height;auto;}
		/*Opprinnelig width:250px*/
		#frontboks .front_info {bottom:10px;font-size:12px;}
			#frontboks .front_info p {padding:20px;}
			#frontboks .front_info span {font-size:12px;padding-bottom:10px;}
			/* Opprinnelig font-size:17px (egnet for overskrift) */
		#frontsmal .front_tittel {top:35%;left:5%;}
		#frontsmal .front_tittel IMG {width:90px;height;auto;}
	#frontsmal {width:100%;}
	#innhold {width:100%;}
		.gronn_bg p, .hvit_bg p {font-size:14px;padding:20px 40px;}
	#bunnfelt div, #bunnfeltFront div {width:100%;}
		#bunnfeltFront div:first-child {border:0;}
}

/*Typisk medium: telefon på høykant*/
@media only screen and (max-width: 480px) {
	h1 {font: 30px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;}
	h2 {font: 20px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;}
	#menybar p {padding:15px 0px 23px 0px;}
	#menybar a {font-size:13px;padding:10px 4px;}
	.clear a {font-size:11px;padding:0px 5px 0px 3px;}
	#frontboks, #frontsmal {border:0;}
	#frontboks {width:100%;height:400px;}
		#frontboks .hovedlogo {margin-top:-37px;margin-left:-37px;}
		#frontboks .hovedlogo IMG {width:75px;height;auto;}
		#frontboks .frontsplitt {width:100%;height:200px;float:left;clear:both;background-size:cover;}
		#frontboks .front_tittel {position:relative;top:30%;width:50%;height:59px;margin:0 auto;}
		#frontboks .front_tittel IMG {width:270px;height;auto;}
		/*Opprinnelig width:250px*/
			.front_info p {display:none;}
	#frontsmal {width:100%;height:120px;}
		#frontsmal .frontsplitt {height:120px;text-align:center;}
		#frontsmal .front_tittel {top:0;left:0;width:100%;padding-top:30px;}
		#frontsmal .front_tittel IMG {width:120px;height;auto;}
	#innhold {width:100%;}
		.gronn_bg p, .hvit_bg p {font-size:13px;padding:20px 30px;}
		.gronn_bg .gronn_linje IMG {width:250px;height:auto;}
		/* Var "width:100px", som gjør overskriften (modellnavnet) veldig liten når det er litt lang. Har også hatt 138px.*/
		.gronn_bg IMG, .hvit_bg IMG {width:95%;height:auto;}
                /* Var "width:40%", som gjør bildene veldig små*/
		.img_inline IMG {width:auto;height:auto;}
                /* Lagt til av Lars for aa oppheve foregaaende linje hvor oenskelig. */
        table.hvit_table th, table.hvit_table td, table.gronn_table th, table.gronn_table td {font-size:13px;}
	#bunnfelt div, #bunnfeltFront div {width:100%;}
		#bunnfeltFront div:first-child {border:0;}
	#bunnfelt div p, #bunnfeltFront div p {padding:10px 20px;clear:both;}
		#bunnfelt div p:first-child, #bunnfeltFront div p:first-child {padding-top:20px;}
}


/* OPPDATERINGER 17.12.2015: */

#spraakvalg {z-index:99999;position:absolute;top:7px;right:30px;font-size:12px;color:#000;}
	#spraakvalg a {color:#fff;text-decoration:none;}
.front-left {background:url('../_img/coffee_basic_bg_left.jpg') bottom center no-repeat;background-size:cover;}
.front-right {background:url('../_img/coffee_bg_right.jpg') bottom center no-repeat;background-size:cover;}
ol, ul {text-align:left;padding-bottom:10px;}
@media only screen and (max-width: 480px) {
	#spraakvalg {font-size:11px;}
	.front-left {background:url('../_img/coffee_basic_bg_left_455x200.jpg') bottom center no-repeat;background-size:cover;}
	.front-right {background:url('../_img/coffee_bg_right_455x200.jpg') bottom center no-repeat;background-size:cover;}
}

/* OPPDATERINGER 2016-01-30: */
/* For å sentrere bilder i galleri "slider" */
/* Ref. E-post fra Martin Viste sendt 2016-01-30 kl. 19:13 */

ul.bxslider {padding:0;margin:0;text-align:center;}
ul.bxslider li img {display:inline;}