@import "http://www.kontoret.no/Styles/reset.css";
@import "http://www.kontoret.no/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;}
.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: 0 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; }

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

#firmanett,#firmanett2 {
	width: 82px;
    float: left;
    margin-right: 5px}
/*#firmanett2{
	width: 171px;
	height: 25px;
	float: left;
	background: url(../Images/designmaler/admin/footertabs_logo.png) no-repeat;
	margin:0 5px 0 230px;}*/
#sitemap {
	float: left;
    /*background: url(../Images/designmaler/admin/footertabs_sitemap.png) no-repeat;*/
    width: 60px;}

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

/*a.button {
	display: block;
	color: #555;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 5px;
	text-decoration: none;}*/
a:hover.button {
	color: #3ea6f0;}
.firmanett {
	display:block;	}

.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 5px}
#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://www.kontoret.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://www.kontoret.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}