body {
	font-family: Arial;
	font-size: 11px;
	background-color: #fff;
	margin: 0;
}
#headwrapper {
	height: 105px;
	width: 100%;
	background: transparent url(../images/design/header_bg.gif) 0 0 repeat-x;
	border-bottom: 1px solid #dddddd;
}
#header_top {
	margin: 0 auto;
	width: 960px;
	background: transparent url(../images/design/header_bg.gif) 0 0 repeat-x;
}
#logoer {
	height: 72px;
	width: 251px;
	margin: 0 auto;
}
#header {
	margin: auto;
	width: 960px;
}
#toppmeny {
	float: right;
}
#pagewrapper {
	margin: 0 auto;
	width: 960px;
}
#bannerframe {
	height: 197px;
	width: 960px;
}
.sidemeny {
	margin: 10px 0 6px 0;	
}
table.ref_tabell {
	margin-top: 15px;	
}
a {
	color: #000;
}
td.ref_tabell {
	padding: 5px;
}
img.ref_bilde {
	opacity:0.4;filter:alpha(opacity=40)	
}
.ref_tabell a {
	color: #000;
}
img {
	border: none;
}
/* Menystyling */
ul#menu_top {
	margin: 25px;
	/* padding:0; */
	list-style-type: none;

	/* position:relative;
	display: inline; */
	height: 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}
ul#menu {
	margin: 15px;
	/* padding:0; */
	list-style-type: none;

	/* position:relative;
	display: inline; */
	height: 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}
ul#menu_top li {
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0 40px 0 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 50px;
}
ul#menu_top li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding: 0 0 0 0;
}	
ul#menu li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding: 0 0 0 0;
}
ul#menu_top li a:hover {	
	color:#dddddd;	
}	
ul#menu li a:hover {	
	color:#dddddd;	
}
ul#menu_top li a.current {
	color:#888888;
	display:inline;
	float:left;
	margin:0;
}
ul#menu li a.current {
	color:#888888;
	display:inline;
	float:left;
	margin:0;
}
/* Menystyling slutt */
/* Mellombokser */
div#prodbokser {
	height: 147px;
	width: 959px;
	border-right: 1px solid #c0c0c0;
}
div#prodbokser_pk {
	height: 155px;
	width: 959px;
	border-right: 1px solid #c0c0c0;
}
div#design {
	width: 181px;
	height: 135px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 5px;
}
div#webutvikling {
	width: 191px;
	height: 145px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#grafisk {
	width: 191px;
	height: 145px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#plast {
	width: 191px;
	height: 145px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#profilering {
	width: 190px;
	height: 145px;
	float: left;
	background-color: #e9eae9;
	border: 1px solid #c0c0c0;
}
div#fullboks {
	width: 938px;
	min-height: 105px;
	padding: 20px 10px 20px 10px;
	float: left;
	background-color: #e9eae9;
	border: 1px solid #c0c0c0;
}
div#fullboksREF {
	width: 938px;
	min-height: 105px;
	padding: 20px 10px 20px 10px;
	float: left;
	background-color: #d9d9d9;
	border: 1px solid #c0c0c0;
}
div#fullboks h3 {
	color: #737373;	
	font-size: 13px;
	font-weight: bold;
}
div#fullboks td.info {
	color: #737373;
	font-size: 11px;
	font-weight: bold;
}
div#fullboks_omoss {
	width: 938px;
	min-height: 105px;
	padding: 20px 10px 20px 10px;
	float: left;
	background: #e9eae9 url(../images/design/boks_bg.jpg) 0 0 repeat-x;
	border: 1px solid #c0c0c0;
}
div#sjuhundreogtjue {
	width: 698px;
	height: 105px;
	padding: 20px 10px 20px 10px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#sjuhundreogtjue_pk {
	width: 698px;
	height: 155px;
	padding: 20px 10px 20px 10px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#tohundreogforti {
	width: 219px;
	height: 125px;
	padding: 10px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#tohundreogforti_pk {
	width: 219px;
	height: 175px;
	padding: 10px;
	float: left;
	background-color: #e9eae9;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
/* Mellombokser slutt */
/* Bunnbokser */
div#bunnboks {
	margin-top: 10px;
	border-bottom: 1px solid #999999;
	float: left;
	padding-bottom: 10px;
}
div#bunnboks_sub {
	border-bottom: 1px solid #999999;
	float: left;
	padding-bottom: 10px;
}
div#bunnbredbanner {
	width: 718px;
	border: 1px solid #c0c0c0;
	float: left;
	height: 145px;
}
div#innlogging {
	float: left;
	width: 219px;
	height: 135px;
	padding: 5px 10px;
	font-size: 11px;
	background: #d9d9d9;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0; 
}
div#hundreognitti {
	width: 190px;
	height: 144px;
	float: left;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	background: #d9d9d9;
}
div#tohundreognitti {
	width: 289px;
	height: 144px;
	float: left;
	border-bottom: 1px solid #c0c0c0;
	background: #d9d9d9;
}
div#firehundreogatti {
	width: 458px;
	height: 104px;
	float: left;
	padding: 20px 10px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #d9d9d9;
}
div#firehundreogatti_banner {
	width: 479px;
	height: 144px;
	float: left;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	background: #d9d9d9;
}
div#firehundreogatti_omoss {
	width: 458px;
	height: 105px;
	float: left;
	padding: 20px 10px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #e9eae9 url(../images/design/boks_bg.jpg) 0 0 repeat-x;
}
div#tohundreogforti_omoss {
	width: 219px;
	height: 125px;
	padding: 10px;
	float: left;
	background: #e9eae9 url(../images/design/boks_bg.jpg) 0 0 repeat-x;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#innlogging table {
	margin: 4px -6px;
}

div#innlogging input.kundelogginn {
	width: 147px;
	height: 26px;
	border: 0px solid #000;
	padding: 0px 0px 3px 10px;
	background: transparent url(../images/design/form_felt.png) 0 0 no-repeat;
	color: #737373;
	font-size: 11px;
	font-weight: bold;
}
div#innlogging input.loggpaa {
	width: 63px;
	height: 29px;
	background: transparent url(../images/design/logginn.png) 0 0 no-repeat;
	border: 0px solid #000;
	padding: 0px 0px 3px 10px;
}
div#footer {
	clear: both;
	margin: auto;
	line-height: 1.5em;
	width: 960px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #3f3f3f;
}
div#footer a {
	font-size: 12px;
	font-weight: bold;
	color: #3f3f3f;	
	text-decoration: none;
}
/* dragable test */
ul {
	margin: 0;
	padding: 0;
}
#contentLeft {
	float: left;
	margin: 0 auto;
	border-right: #c0c0c0 solid 1px;
	/* width: 960px; */
}
#contentLeft li {
	cursor: auto;
}
#contentLeft li {
	/* width: 171px; */
	/* height: 105px; */
	float: left;
	list-style: none;
	margin: 0;
	/* padding: 20px 10px; */
	background-color: #e9eae9;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	border-top: #c0c0c0 solid 1px;
	border-bottom: #c0c0c0 solid 1px;
	border-left: #c0c0c0 solid 1px;
}
#contentLeft li.prodframe h3 {
	font-size: 24px;
	margin: 0;
}
#contentLeft li.prodframe p {
	margin: 4px 0px;
	padding: 90px 10px 0 10px;
	z-index: 1000;
	text-align: center;
}
#contentLeft li.prodframe img {
	z-index: 1;
}
#contentLeft li.prodframe {
	padding: 0px 0px;
	width: 191px;
	height: 145px;
	cursor: pointer;
}
.design {
	background: transparent url('../images/design_bg.png') 0 0 no-repeat;
}
.webutvikling {
	background: transparent url('../images/webutvikling_bg.png') 0 0 no-repeat;
}
.grafisk {
	background: transparent url('../images/grafisk_bg.png') 0 0 no-repeat;
}
.profilering {
	background: transparent url('../images/profilering_bg.png') 0 0 no-repeat;
}
.nyhet {
	background: transparent url('../images/nyhet_bg.png') 0 0 no-repeat;
}
/* dragable test slutt */
table.prodtabell_ut {
	margin: 20px;
}
td.prodtabell {
	padding: 10px;
}
td.prodtabell h3 {
	color: #2d2d2d;
	font-size: 19px;
	margin: 0px;
	font-weight: normal;
}
div#folkeramme_ne {
	margin-top: -23px;
	margin-left: -5px;
	background: transparent url(../images/folk/ne_logo.png) 100% 10px no-repeat;
}
div#folkeramme_gk {
	margin-top: -23px;
	margin-left: -5px;

}
div#folkeramme_gr {
	margin: 0;
}
#folk a {
	cursor: pointer;
}
div#produkter {
	overflow: hidden;
}
/* Kontaktskjema */
#contact{
	border: 0px solid #000;
	margin-top: 7px;
	margin-left: -7px;
    /* width:600px; */
    /* height:410px; */
}
.contact_field_short {
	background: transparent url('../images/design/form_felt.png') 0 5px no-repeat;
	width: 158px;
	height: 33px;
	border: 0px;
	z-index: 100;
}
input.contact_field_short {
	color: #737373;
	font-size: 12px;
	font-weight: bold;
	padding-left: 8px;
	line-height: 12px;
	z-index: 100;	
}
.contact_field_long {
	background: transparent url('../images/design/comment.png') 0 0 no-repeat;
	width: 328px;
	height: 88px;
	border: 0px;
}
textarea.contact_field_long {
	color: #737373;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-left: 8px;
	line-height: 25px;
	margin-left: 0px;
}
.contact_send_button {
	background: transparent url('../images/design/send_button.png') 0 0 no-repeat;
	width: 466px;
	height: 29px;
	border: 0px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-left: 2px;
	padding-bottom: 7px;
	margin-top: 10px;
}
.contact_table_td {
	border: 0px;
	color: #737373;
	font-size: 12px;
	font-weight: bold;
	margin-left: 2px;
	padding-top: 10px;
}
.contact_radio {
	margin-top: 6px;
	vertical-align: bottom;
	position: relative;
    top: -1px;

}
label {
	margin: 5px;
}	
#oblig {
	width: 10px;
	height: 20px;
	margin-left: -14px;
	vertical-align: top;
	z-index: 1000;
}
.error{
    background-color:#6F6968;
    border:1px solid #333;
    border-left:none;
    width:180px;
    height:29px;
    position:absolute;
    top:4px;
    right:-168px;
    font-size:10px;
    letter-spacing:0px;
    color:#ddd;
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-radius:0px 5px 5px 0px;
}
.error span{
    margin-left:10px;
    line-height:30px;
    text-shadow:1px 1px 1px #333;
}
.loader{
    background:transparent url(../images/ajax-loader.gif) no-repeat top left;
	width: 230px;
    height:31px;
    /* position:absolute;
    top: -20px;
    left:100px; */
	float: right;
}
.success{
    height:31px;
    position:absolute;
    top:0px;
    left:0px;
    text-align:right;
    padding:5px 20px 0px 0px;
    width:250px;
    background-color:#6F6968;
    border:1px solid #333;
    height:25px;
    font-size:10px;
    letter-spacing:0px;
    color:#ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    text-shadow:1px 1px 1px #333;

}
.envelope img{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-88px;
    margin-left:-123px;
}
/* Kontaktskjema slutt */
a.drag {
	color: #000;	
}
div#bottom_footer {
	clear: both;
	margin: auto;
	width: 960px;
}
div#bottom_footer a {
	text-decoration: none;
	color: #000;
}
a.fb {
	margin: 2px;
}
/* Validation CSS */
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
/* Validation CSS slutt */
#ajax-message {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;	
}
