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


/* resets */

* {  
	font-family: inherit;  
	font-style: inherit;  
	font-size: 100%;  
	border: none;  
	padding: 0;  
	margin: 0;  
	}  

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {  
	margin: 20px 0;  
	}  
li, dd, blockquote {  
	margin-left: 40px;  
	}  
table {  
/*	border-collapse: collapse;  */
/*	border-spacing: 0;  */
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}

fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
/* resets */

/* typo */



#meny a, #meny a:visited {
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	height:25px;
	width:100px;
		padding-left:10px;
	padding-right:10px;
}

#meny a:hover {

		color:#FFF;
		background:gray;
}

.level1_aktiv a {

		color:#FFF;
		background:red;
}

a.active {
		color:#FFF;
		background:red;
}
a, a:visited {
	color:red;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	
	color:#000;
	
}


h1 {
	color:#F00;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:8px;
	
}

h2 {
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:8px;
	
}

h3 {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:8px;
	
}


body {
	background-color:#f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin:0px;
	padding:0px;

}

#modell {
	background-image:url(bilder/design_elementer2015/bakgrunn2015e.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	max-width: 1500px;
	min-width: 1400px;
	min-height:1020px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:0px;

}

#ytreramme {
	width:981px;
	height:auto;
	display:block;
	margin-left:10%;
	margin-right:auto;
	padding-top:50px;

	
	
}

#header_rammme {
	background-image:url(design_elementer/topp_ramme.png);
	width:981px;
	height:94px;
	display:block;
	background-repeat:no-repeat;
	
}

#arr_logo {
	background-image:url(bilder/design_elementer2015/arr_logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:422px;
	height:72px;
	display:block;
	float:left;
	margin-top:37px;
	margin-left:30px;
	

}

#head_slogan {
	background-image:url(bilder/design_elementer2015/header_slogan.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:296px;
	height:33px;
	display:block;
	float:right;
	margin-top:55px;
	margin-right:30px;
	

}

#innhold {
		width:920px;
		margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	min-height:700px;

}

#menyboks {

	padding-top:25px;
	width:920px;
	display:block;
	height:25px;
	margin-left:auto;
	margin-right:auto;


	
}

#meny {

	color:#F00;
	width:920px;
	display:block;
		height:25px;
			width:920px;
				background-color:#000;


}
	


#body_ramme {
	width:981px;
	display:block;
	background-image:url(design_elementer/hoved_ramme.png);
	background-repeat:repeat-y;
	min-height:750px;
}

#footer_ramme {
	width:981px;
	height:26px;
	display:block;
	background-image:url(design_elementer/bunn_ramme.png);
	background-repeat:no-repeat;
	
}


#meny li {
	float:left;
	display:block;
	width:120px;
	height:25px;
	color:white;
	line-height:2.2em;
	text-align:center;
	border-right:1px solid silver;
}



#bunn {
	width:920px;
	height:70px;
	display:block;
	border-top:1px solid silver;
			margin-left:auto;
	margin-right:auto;
	
	
}

#sas_bunn {
background-image:url(design_elementer/sas_bunn.png);
float: right;
width:195px;
height:25px;
margin-top:30px;
display:block;
margin-right:20px;


}

#arr_logo_bunn {
	background-image:url(/bilder/design_elementer/bunn_arr_logo2.png);
float: left;
background-repeat: no-repeat;
height: 64px;
width: 324px;
display: block;
margin-right: 0px;
margin-left:325px;
margin-top: 12px;
	
	
}

#høyre {
	margin-top:40px;
	width:680px;
	float:left;
	height:auto;
	display:block;
	padding-right:10px;
	overflow:hidden;
	padding-bottom:20x;
	
}
#venstre {
	margin-top:40px;
	width:219px;
	float:right;
	padding-left:10px;
	border-left:1px solid silver;
	height:600px;
	display:block;
	margin-bottom:10px;
		overflow:hidden;
	
	
}

#utstillerlogos {
	width:80%;
	height:95%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}

#argo {
margin-left: auto;
margin-right: auto;
width: 300px;
text-align: center;
padding-top: 10px;
color: gray;

}



#innhold ul {
margin-left: 14px;
list-style: circle;
list-style-type: square;
}

b, strong {
	font-weight: bold;
}

#argo a, #argo a:visited {
	color: gray;
	text-decoration:none;
}

input {
	border: 1px solid silver;
padding: 2px;
margin: 2px;
font-family: georgia;
font-size: 12px;


}

input[type="text"]  {
	width: 240px;
	
}

textarea {
	border: 1px solid silver;
width: 305px;

height: 100px;
}

img.border {
	border: 2px solid silver;
padding: 2px;
}

#quiz {width:650px;padding:0 0 25px 25px}
#quiz .clear {clear:both;border-top:1px solid red}
#quiz .questions {width:615px;border:1px solid red;margin-top:-4px}
#quiz .firma {float:left;width:165px;height:100%;padding:17px 0 0 15px}
#quiz .firma,#quiz .firma-red h4 {font-size:16px;height:75px}
#quiz .firma-red {float:left;color:white;background:red;width:165px;height:80px;padding:19px 0 0 15px;font-size:15px;font-weight:bold;}
#quiz .question {float:left;width:400px;padding:4px 15px 0 10px;font-size:12px;font-weight:bold;height:80px;}
#quiz .question  p {font-size:12px;float:left;margin:10px 0 2px;width:400px}
#quiz h1 {font-size:23px;margin-bottom:15px}
#quiz h2 {font-size:18px;margin-bottom:20px}
#quiz h4 {font-size:18px;margin-top:23px}
#quiz p {margin-bottom:25px;font-size:16px}
#quiz .personinfo {margin-top:30px;height:57px;width:618px}
#quiz .personinfo .navnmobilepost {float:left;width:206px}
h3.forste {font-size:18px}



/*
Facebook konkurranse
*/

form.kontaktskjema {}
form.kontaktskjema fieldset { width: 300px; border:0; margin:0; padding: 0; }
form.kontaktskjema label { width: 300px; display: block; padding: 5px 0; }
form.kontaktskjema input { width: 290px; padding: 5px 5px; font: normal 14px/20px Arial, sans-serif; border: 2px solid #8c8c8c; border-radius: 5px; }
form.kontaktskjema textarea { width: 290px; padding: 5px 5px; font: normal 14px/18px Arial, sans-serif; border: 2px solid #8c8c8c; border-radius: 5px; min-height: 150px; }
form.kontaktskjema input.submit { width: 100px; margin-top: 10px; cursor: pointer; background: #532d62; color: #fff; float: right; border: none; }
form.kontaktskjema input.submit:active { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.45) inset; padding: 6px 5px 4px; }


input::-webkit-input-placeholder {color:#3c3c3c}
input:-moz-placeholder {color:#3c3c3c}
input:-ms-input-placeholder {color:#3c3c3c}
::-webkit-input-placeholder {color:#3c3c3c}
:-moz-placeholder {color:#3c3c3c}
:-ms-input-placeholder {color:#3c3c3c}

form[name="kontaktskjema"] {
  width: 480px;
}
form[name="kontaktskjema"] input[type="text"], form[name="kontaktskjema"] input[type="email"], form[name="kontaktskjema"] textarea {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08), #ffffff 0 1px 0;
  border: 1px solid #8c8c8c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
width:325px; 
  padding:4px;
  margin:8px 0 10px;
}

form[name="Flyttemelding"] input[type="text"], form[name="Flyttemelding"] input[type="email"], form[name="Flyttemelding"] textarea {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08), #ffffff 0 1px 0;
  border: 1px solid #8c8c8c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
width:325px; 
  padding: 4px;
}

form[name="kontaktskjema"] input[type="text"]:hover, form[name="kontaktskjema"] input[type="email"]:hover, form[name="kontaktskjema"] textarea:hover {
  border: 1px solid #EEC075;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
form[name="kontaktskjema"] input[type="text"]:focus, form[name="kontaktskjema"] input[type="email"]:focus, form[name="kontaktskjema"] textarea:focus {
  outline: none;
  border: 1px solid #EEC075;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
form[name="kontaktskjema"] textarea, form[name="Flyttemelding"] textarea {
  width: 396px;
  height: 140px;
}

form[name="Flyttemelding"] input.inputTall {
  width: 200px;
}

form[name="kontaktskjema"] button, form[name="Flyttemelding"] button, a.tilbake {
  border: 1px solid transparent;
  background: red;
  color: #fff;
  height: 35px;
  padding: 4px 8px;
  font-size:15px;
  width:215px;
  margin-left:196px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  background-color: red;
  background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(#d73535));
  background-image: -webkit-linear-gradient(top, red, #d73535);
  background-image: -moz-linear-gradient(top, red, #d73535);
  background-image: -o-linear-gradient(top, red, #d73535);
  background-image: -ms-linear-gradient(top, red, #d73535);
  background-image: linear-gradient(top, red, #d73535);
}
form[name="kontaktskjema"] button:hover {
cursor:pointer;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid red;
  background-color: red;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d73535), to(red));
  background-image: -webkit-linear-gradient(top, #d73535, red);
  background-image: -moz-linear-gradient(top, #d73535, red);
  background-image: -o-linear-gradient(top, #d73535, red);
  background-image: -ms-linear-gradient(top, #d73535, red);
  background-image: linear-gradient(top, #d73535, red);
}
form[name="kontaktskjema"] button:active {
cursor:pointer;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
form[name="kontaktskjema"] span.nb {
  float: right;
  clear: right;
  margin-top: 5px;
  font-size: 0.8em;
}