body {
	font-family: Arial, Helvetica, verdana, georgia, sans-serif;
	font-size: 62.5%;
	color:#393939;
}

a{outline:none !important;}


#topnavi ul, #topnavi li{
	list-style-type:none;
}
#topnavi ul {margin-top: 0px; width:100%; clear:both;}
#topnavi li {}


#topnavi a { display:inline-block; margin-top:-5px; padding:5px 15px; border:5px solid #92ae2a; font:normal 1.688em/1.088em DIN, Arial,sans-serif; text-transform:uppercase; text-decoration:none; color:#7c8116; background: #fff; outline:none; }
#topnavi a:hover {color:#f36e21; }
#topnavi a.active {background-color:#f36e21; color:#FFFFFF; position:relative; z-index:9999;}
#header div.active { position:absolute; display:inline-block; padding: 3px 30px; border:8px solid #f36e21; border-top:4px solid #f36e21; border-bottom:4px solid #f36e21;font:normal 2.231em/1.631em DIN, Arial,sans-serif; text-transform:uppercase; color: #fff; background:#f36e21; z-index:5;}

#header #topnavi {top:0px; left:0px;}

.clear{display:block; clear:both;}


/*
#topnavi #topnavi01, #topnavi #topnavi01act {width:140px;}
#topnavi #topnavi02, #topnavi #topnavi02act {width:205px; background-position: 0px -45px;}
#topnavi #topnavi03, #topnavi #topnavi03act {width:180px; background-position: 0px -90px;}
#topnavi #topnavi04, #topnavi #topnavi04act {width:365px; background-position: 0px -135px;}
#topnavi #topnavi05, #topnavi #topnavi05act {width:253px; background-position: 0px -180px;}
#topnavi #topnavi06, #topnavi #topnavi06act {width:155px; background-position: 0px -225px;}
#topnavi #topnavi07, #topnavi #topnavi07act {width:120px; background-position: 0px -270px;}



*/

/* --- PARAGRAPHS ---*/
p {font-size: 1.2em; line-height: 1.5em; margin-bottom:0.8em; }
p.small{font-size:10px;}
.newsteaser { margin:0px; padding:5px 15px; border-bottom:10px solid #93af2a;}
.stillingteaser { margin:0px; padding:5px 0px; border-bottom:3px solid #93af2a;}

/* --- LIST ---*/
#main ol, #main ul { font-size: 1.2em; line-height:1.5em; margin-bottom: 0.8em; padding: 0px 15px;}

ul.accordion li *.accordion-content{display:none; margin:0 !important; padding:5px !important;}
ul.accordion li.active *.accordion-content{display:block;}
ul.accordion li ul.accordion-content {margin:0 !important; padding:5px !important;}
ul.accordion li ul.accordion-content li{border:none;}


ul.accordion{margin:0 0 10px 13px; padding:0 !important; width:100%;}
ul.accordion li{width:100%; margin:0; padding:0; clear:both;}
ul.accordion li a{display:block; width:100%; padding:2px 5px !important; font-weight:bold; font-size:1.2em;}


ul.stilling-slide{margin:0 !important; padding:10px !important; height:129px;}
ul.stilling-slide li{margin:0; padding:0; list-style:none;}



/* --- Links --- */
a {text-decoration: none; color:#f36e21; /*padding-left: 12px; background: url(../gfx/link_arrow_a.gif) no-repeat;*/ }
a:hover{text-decoration: underline; color:#7c8116; /*background: url(../gfx/link_arrow_b.gif) no-repeat;*/}

a.lesmer, a.back {font-weight:bold;}
a.back {text-decoration: none; color:#f36e21; padding-left: 12px; background: url(../gfx/link_back_arrow_a.gif) no-repeat; }
a.back:hover{text-decoration: underline; color:#7c8116; background: url(../gfx/link_back_arrow_b.gif) no-repeat;}



#otium_footer a{ clear:both; display:block; text-decoration:none; width:820px; height:40px; padding:0px 40px; background:#a2291d;}


/* --- HEADLINEs --- */
h1 {
	font-size:;
	margin-bottom:0.7em;
	color:#f36e21;
}

h1.small{ margin-bottom:2px; font-size:1.6em;}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
}

h4 {
	font-size:1.2em;
	font-weight:bold;
}

h5{
	margin:-10px 0 10px 0;
	color:#101010;
	font-size:1.4em;
}



/* --- BOXES --- */
.col33 {width:150px; margin-right:10px; float:left;}
.bgGgreen470 {	background: #bdc08a; padding:30px; }
.bgDgreen470 {	background: #7c8116; padding:30px; color:#ffffff;}
.bgDgreen{	background: #7c8116; padding:5px 15px; color:#ffffff; margin-bottom:10px;}
.bgLgreen470 {	background: #93af2a; padding:10px; color:#ffffff;}
.bgOrange{	background: #f36e21; padding:15px 15px 5px 15px; }
.bgOrange250 {	background: #f36e21; padding:15px; color:#ffffff; font-weight:bold;}
.bgGgreen250 {	background: #bdc08a; padding:15px;}
.bgOtiumred250 {	background: #ae2d25; padding:15px; color:#d8d9db;}
.stillingbox { border: 5px solid #7c8116; padding:10px; overflow:auto; height:145px;}
.noborder {border:none;}
.borderDgreen { border: 5px solid #7c8116; padding:10px;}
.borderLgreen { border: 5px solid #93af2a; padding:10px;}
.spacer15 {width:15px; height:15px;}
.floatright {float:right;}
.floatleft {float:left;}
.imglink {background:transparent; padding:0px; }
.NSR_reg {border:1px solid #bdc08a; margin-top:0px !important; margin-bottom: 20px !important; padding:10px 20px; border-top:none;}
h2.nsr.bgOrange {margin-bottom:0px; color:#fff; padding:5px 15px !important; line-height:1.6em; margin-top:15px; }

.gronn_boks{display:block; background:#93AF2A; color:#FFFFFF; padding:10px; margin:0;}
.gronn_boks_mork{display:block; background:#7C8116; color:#FFFFFF; padding:10px; margin:0; position:relative;}
.gronn_boks_mork a{color:#FFFFFF;}
.gronn_boks_mork a:hover{color:#FFFFFF;}
.gronn_boks_lys{display:block; background:#BDC08A; color:#111111; padding:10px; margin:0;}
.orange_boks{display:block; background:#f36e21; color:#FFFFFF; padding:10px; margin:0;}
.hvit_boks{display:block; background:#FFFFFF; color:#111111; padding:10px; margin:0;}
.hvit_boks a{color:#f36e21 !important;}
.hvit_boks a:hover{color:#f36e21 !important;}
.border_darkgreen {padding:10px; border:8px solid #7C8116; }

p.red_boks{display:block; background:#A2291D; color:#FFFFFF; padding:10px; margin:0; font-size:10px;}
h1.red_boks{display:block; background:#A2291D; color:#FFFFFF; padding:10px; margin:-10px 0 0 0;}

.nomargin{margin:0 !important; padding:0 !important;}
.green{background:#7C8116 !important; color:#FFFFFF !important;}
.green *{color:#ffffff !important;}

.otiumweb { display:block; position:absolute; right:40px; float:right; width:85px; height:40px; padding:0; margin:0; border:none; }
.otiumgruppen { display:block; position:absolute; left:40px; float:left; width:139px; height:40px; padding:0; margin:0; border:none; }

.nyheter{background:#7C8116; width:100%; padding:3px 0 3px 0; margin:-15px 0 0 0;}
.nyheter h2{display:block; margin:0; padding:2%; width:96%; background:#f36e21; color:#FFFFFF;}
.nyheter .news-list{margin:10px; padding:10px; height:129px; max-height:200px; overflow:auto; background:#FFFFFF;}
.nyheter .news-list .news-block{padding:0; display:block; border-bottom:2px solid #7C8116; margin-bottom:10px;}
.nyheter .news-list .news-block h3{margin:5px 0 5px 0; padding:0; display:block; width:auto; clear:both;}

.prosjekter{width:100%; padding:0; margin:0;}
.prosjekter h2{display:block; margin:0; padding:2%; width:96%; background:#f36e21; color:#FFFFFF;}
.prosjekter .proj-list{margin:0; padding:0;}
.prosjekter .proj-list .proj-block{padding:0; display:block; border-bottom:1px solid #7C8116; margin-bottom:10px;}
.prosjekter .proj-list .proj-block h3{margin:5px 0 5px 0; padding:0; display:block; width:auto; clear:both;}

#en-del-av-otiumgruppen{position:absolute; display:none; background:url(../gfx/en-del-av-otiumgruppen.jpg); top:318px; right:70px; z-index:9999;}
#en-del-av-otiumgruppen a{display:block; width:140px; height:12px;}


/* --- HEADER --- */
.header01 {background: url(../gfx/header_01.jpg) no-repeat top right; }

/* --- FORM --- */
input, textarea { border: 1px solid #7c8116; }
label { font-size:1.2em; display: block; float:left; font-weight: bold; width:100px;}
fieldset {clear:both; margin-bottom:3px; border:none;}
.textfield250 {width:250px;}
.submit {background:#f36e21; font-weight: bold; color:#ffffff; padding: 3px 5px; border: 1px solid #393939; }

#contactForm{display:block; color:#111111; margin:20px 0 0 0;}
#contactForm label{width:60px;}
.contactRow{margin-bottom:5px;}
#contactForm .submit{background:#f36e21; border:1px solid #7C8116; float:left; margin:0 5px 0 0;}



.floatLeft{float:left; width:200px;}
.floatRight{float:right; width:200px;}

img.left{float:left; margin-right:10px;}
img.margin{margin:0 !important;}
.margin{margin:0 !important;}



/* --- Ansatte --- */
.ansatte .ansatt{float:left; width:268px; margin:0 5px 10px 0; padding:0;}
.ansatte .ansatt .image{float:left; width:100px; margin:0 5px 0 0; padding:0;}
.ansatte .ansatt p{margin:0;}
.ansatte .ansatt .info{float:right; text-align:left; width:163px; font-size:9px;}
.ansatte .ansatt .info a{font-size:9px;}
.ansatte .ansatt .info img{display:none;}