@import "/Styles/reset.css";
@import "/Styles/content.css";

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}

body {
	border: 0;
	/*DETTE KAN VÆRE EN LØSNING på font utfordringen
	font-size: 62.5%;*/
	color: #333;
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px;
	padding: 0}
#page {
	width: 980px;
	margin: 0 auto; 
	padding: 10px 10px 0 10px }
#header {
	width: 100%;
	height: auto;
	z-index: 1}
#sub_header {
	overflow: hidden;
	z-index: 1;
	padding: 20px}
.logo {
	float: left;
	position: relative;
	z-index: 10;
	padding: 10px}
#navigation ul{
	max-width: 980px;
	z-index: 50}
#navigation_horisontal {
	display: none;}
#language {
    float: right;
	margin: 12px 10px;
	padding: 0}
#userwrapper {
	float: left;
	margin: 10px}
#userwrapper_trans {
	position: relative;
	background: url(../Images/designmaler/bg_50prosent.png);
	float: right;
	margin: 10px 0 }
#content {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0}
#maincontent {
	height: 100%;
	overflow: hidden;
    min-height:450px
}
.sideWrapper {
	margin: 0;padding:0;
	/*margin-bottom: -7000px; padding-bottom: 7000px;*/	}
#sidebar1{
	float: left;
	width: 210px;
	padding: 0 10px }
#sidebar2{
	width: 210px;
	float: right;
	padding: 10px}
#sidebar1, #sidebar2 {
	/*margin-bottom: -8000px; padding-bottom: 8000px;*/
	/*min-height: 550px*/}
#fnopenarea {
	float: left;
	font-size: .8em;
	line-height: 1.5em;
	width: 190px;
	margin: 0 0 10px 0;
	padding: 10px;}
#footer, #footer2 { font-size: .7em;padding: 10px}
#footer2 {width: 730px!important;float: right}
#adminwrapper {
	width: 980px;
    font: normal .6em Arial;
    font-weight: 700;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    margin: 4px auto 50px;}

#adminwrapper a, a:hover.loginstyle {
    color: #fff; 
    font-family: Trebuchet MS, Arial, Sans-Serif; 
    vertical-align: middle; 
    text-align: center;}
#admin{
	float: right;
    width: 60px;
    background: url(../Images/bakgrunn_admin.gif) no-repeat;
    margin-right: 768px;
    text-align:center;
    height:15px ;
    padding-top: 1px}

#firmanett, #firmanett2, #sitemap {
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;}

#firmanett,#firmanett2 {
	width: 82px;
    float: left;
    margin-right: 5px}
#sitemap {float: left;width: 60px}

a.loginstyle{
    /*display: block;*/
    font-weight: 700;
    text-decoration: none;}

a:hover.button {color: #3ea6f0;}
.firmanett,.sitemap {display:block;	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0}

#search {
	float: left;
	width: 210px;
	display: block;
	height: 30px;
	margin: 10px 0}
.search {clear: both;margin: 0}
#search .button {padding: 0 4px}
#userwrapper_trans #search,
#gallery #search  {float: right;}
#sidebar1 #search,
#navi #search{margin: 10px 10px 10px 0}
#sidebar2 #search {margin: 0 10px 10px 0}
#lang_and_search #search {float: right;margin: 10px}
.ExtranetTexBox, .watermarked {
	height: 20px;
	font-size: 12px;
	margin-right: 5px;
	color: #666;
	background: #eee;
	padding: 1px 3px}
.search input {height: 20px;float: left}
.searchField {
	margin-right: 5px;
	background: #eee;
	padding: 1px 3px}
	
input, button {overflow: visible}
#search .button, table .search .button, .contact .button,
#userwrapper .ExtranetButton, #userwrapper_trans .ExtranetButton{
	float: left;
	height: 25px;
	color: #eee;
	cursor: pointer;
	font-size: 12px;
	border: 0;
	font-weight: 700;
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_link.gif) 0;}

.ExtranetButton {float: left;width: 70px}
.contact .button:hover, #search .button:hover, #userwrapper .ExtranetButton:hover{
	color: #fff;
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_hover.gif) 0 -2px;
	cursor: pointer;}
#gallery table{margin: 2px 20px 15px 0}
#gallery{margin-top: 6px}

.oldTemplate td{padding:5px}
.spacing10{border-collapse:separate;border-spacing:10px}
div.mal31Container .image_mal31{margin:20px 20px 0 0}
div.mal28Container .fntextClass,div.mal31Container .fntextClass,div.mal28Container .image_mal28 {
    display:block;
    margin:20px 10px 0 0 }
div.mal32Container .fntextClass {
    display:block;
    margin:10px 10px 0 0 }
div.mal29Container .fntextClass, div.mal29Container .image_mal29, div.mal30Container .image_mal30, div.mal30Container .fntextClass {
    display:block; margin:20px 15px 0 0}
div.mal31Container .fnTextImgCell .fnTextClass{ margin-top:15px;}

.gr_expandable{z-index:0; position:static }
.gr_expanded {
z-index:1; 
background-color:#fff; 
border:1px solid #000; 
position:absolute; 
padding:4px}
.gr_expandable img, .gr_expanded img{border:0}
#newsWrapper{float:left;}
.spaceoldTemplate{width:98%}
#navigation_sub{display:block;width:210px}
ul#psub-menu{list-style:none;margin:0;padding:20px 0 0}
#psub-menu li{margin:1px 0;padding:2px 0}
#psub-menu li a{display:block;text-decoration:none;color:#666;padding:0.4em}
#sub-menu-level2,#sub-menu-level3{list-style:none;margin:0}
#sub-menu-level2 li{text-indent:20px;font-size:0.9em;margin:0;padding:0}
#sub-menu-level2 li.last{padding-bottom:5px}
#sub-menu-level3 li{padding-left:0;text-indent:40px;margin:0}
.arrow{background:url('http://gen.firmanett.no/images/Expandable.png') no-repeat scroll right 4px transparent}
ul#psub-menu .selected{color:#000}
.ContentTable td{padding:3px 1px}
.ContentTable input[type=text], .ContentTable textarea {width:220px}