@charset "UTF-8";
/* CSS Document */

/* CSS reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}
/* /CSS reset */

/* Globale definisjoner */
html  {}

body {
	background: #f2f1e8 url(../grafikk/main_bg.gif) repeat-x top;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
	body#error404 {background: none;}

ol, ul {
	padding: 10px;
	list-style-position: inside;
	}

li {margin-bottom: 5px;}

/* /globale definisjoner */


/* Global typografi */

h1 {font-size: 22px;	
	padding: 30px 0 10px 0;}

h2 {
	font-size: 18px;	
	padding: 20px 0 6px 0;
	}

h3 {
	font-size: 18px;	
	padding: 20px 0 6px 0;
	}

h4 {}

b, strong {font-weight: bold;}

p, em {
	line-height: 1.2;
	margin-bottom: 10px;
	}

em {
	font-style: italic;
	}
	
a, a:visisted, a:hover, a:active {
	text-decoration: none!important;
	}	
	
a:link {color: #90a932;}

a:visited {color: #413504;}

a:hover {}

a:active {}

/* /Global typografi */

/* Pure design elements */

/* Pure design elements */

/* Layout */
#pageWrapper {
	width: 950px;	
	margin: 0 auto;
	position: relative;
	}
	
	#swirlOne {
	width: 1186px;
	height: 754px;
	z-index: -2;
	position: absolute;
	left: -100px;
	top: 96px;
	}
	
	#mastHead {
		border: 1px solid transparent;
		position: relative;
		height: 529px;
		}
		
		#matmeglerenLogo {	
			position: absolute;
			top: 0;
			left: 20px;
			z-index: 50;
			}
		
		#accesibilityLinks, h1#pageTitle {
			position: absolute;
			left: -5000px;
			}
		
		#navigation {
			padding: 0;
			position: absolute;
			right: 0;
			}
				
			#navigation li {
				float: left;
				width: 156px;
				height: 33px;
				background: url(../grafikk/navigation_bg.png) no-repeat;
				margin: 0 5px 0 0;
				list-style-type: none;
				text-align: center;
				}
				
				#navigation li a {
					margin-top: 9px;
					display: block;
					color: #413504;
					text-decoration: none;
					font-weight: bold;
					font-size: 12px;
					}
					
				#navigation li a:hover {
					color: white;
					}
		
		#slideShow, .slideShow {
			height: 432px;
			width: 100%;
			margin-top: 95px;
			}
			
		
		h2#pageSlogan {
			position: absolute;
			top: 60px;
			right: 10px;
			text-transform: uppercase;
			color: white;
			font-size: 24px;
			font-weight: normal;
			letter-spacing: 2px;
			padding: 0;
			}
		
	#mainContent {
		padding: 28px 0 0 15px;
		display: table;
		padding-bottom: 70px;
		}
		
		#mainContent img {float: right; margin-bottom: 3px;}
		
		#produktnytt li {
			display: table;
			list-style-type: none;
			height: 100%;
			margin-bottom: 15px;
			}
			
			#produktnytt img {
				margin-right: 10px;
				float: left;
				}
	
		.secondaryContent {
			width: 320px;
			height: 171px;
			float: right!important;
			background: url(../grafikk/nyhetsboks_bg.png) no-repeat;
			margin-left: 10px;
			padding: 15px 20px 20px 20px;
			}
				
				.secondaryContent a {
					text-decoration: none;
					color: #413504;
					}
				
				.secondaryContent h2 {
					padding: 0;
					margin-top: 6px;
					}
				
				.secondaryContent h2 a {
					font-size: 28px;
					line-height: 1.3;
					}
					
				#lesMer {float: right;}
	
	#footer {
		background-color: #413504;
		padding-bottom: 15px;
		overflow: visible;
		margin-top: 50px;
		}
		
		#footerContent {
			width: 950px;
			display: table;
			margin: 0 auto;
			text-align: right;
			padding-top: 20px;
			overflow: visible;
			}
			
			#footerContent h2 {
				color: #a8c53b;
				font-size: 18px;
				}
				
			#footerContent p {color: white;}

			#footerContent img {
				float: right;
				margin-top: -80px;
				margin-left: 10px;
				z-index: 5;	 
				}

/* /layout */

/* 404 */
#feilmelding {
	border: 15px solid #413504;
	background-color: #90a932;
	width: 500px;
	margin: 300px auto;
	padding: 30px;
	display: table;
	}
	
#logo404 {
	margin-top: -30px; 
	display: block; 
	width: 160px; 
	float: left;
	margin-right: 15px;
	}
	
	#feilmelding h2 {padding-top: 0px!important;}

#sitemap {}

#content404 {
	float: right;
	width: 64%;
	}
/* /404 */

/* kontaktoss */
#kontaktOss {
    height: 250px; 
    float: left; 
    width: 563px;
    }
/* /kontaktoss */

/* om oss */

#nonstoplink {width: 400px; height: 15px; float:left; margin-top: 30px;}
#nonstoplink a {color: #f2f1e8;}
#nonstoplink a:hover {color: #f2f1e8; text-decoration:none;}

#bildetittel {
    float: right; 
    display: table; 
    width: 290px;
    margin-bottom: 20px;
	margin-left: 20px;
	font-style: italic;
	font-size: 11px;
    }

#language {height:28px; width:150px; float:left; position:absolute; margin-left: 200px;margin-top:5px;}