/* 
CSS Trail

(c) 2010 Atle Lillehovde
atle@apasje.no
*/
/* Colours:
Red: ed1b2e
Blue: 0b3d79
Light-blue: ebf5f8
*/
/*---------------------------------- DEFAULT ---*/
html, body, div, p, *{
margin: 0;
padding: 0;
border: 0;
}
body {
color: #333;
font: 11px/16px Verdana, Sans-serif;
background: #e2eaec url(images/bg_body.jpg) no-repeat 50% 0%;
}
/*-------------------------------- STRUCTURE ---*/
#wrapper {
width: 804px;
margin: 0 auto;
}
#masthead {
padding: 28px 0 0 0;
margin: 0 0 20px 170px;
}
#mainmenu {
}
#content {
}
#sidebar {
width: 150px;
float: left;
margin-top: 3px;
}
#maincontent {
width: 638px;
float: right;
}
#footer {
clear: both;
text-align: right;
padding: 0px 5px 20px 0;
}
/*------------------------------------ BOXES ---*/
.article {
padding:;
margin:;
}
.kontakt {
width: 240px;
float: right;
text-align: right;
}
.kontakt div {
float: left;
}
#forside .item {
margin-top: 14px;
}
.item{
padding: 0px 0px 5px 0;
margin: 0 0px;
}
.item .top {
background: url(images/bg_item_top.png) no-repeat 0% 0%;
height: 14px;
}
.item .content {
background: url(images/bg_item.png) repeat-y 0% 0%;
padding: 0 14px;
margin: 0px 0px;
}
.top_header {
background: url(images/bg_item_top_header2.png) no-repeat;
margin: 0px 0px 0 0px;
padding: 0 14px 10px 14px;
}
.bottom{
background: url(images/bg_item_bottom.png) no-repeat;
height: 14px;
margin: 0px 0px 0px 0px;
}
#forside .intro {
padding: 17px 0 14px 0;
width: 638px;
background: url(images/bg_intro_front.png) no-repeat 0% 100%;
}
#forside .referanse {
width: 295px;
}
.referanse {
position: relative;
border-bottom: 1px solid #d4ebf2;
padding: 10px 0;
min-height: 260px;
}
#page_referanser .referanse .text {
width: 295px;
float: left;
}
.ansatt {
border-bottom: 1px solid #d4ebf2;
width: 300px;
min-height: 135px;
margin-bottom: 7px;
padding-bottom: 7px;
}
.skjema h3 {
clear: both;
border-top: 1px solid #d4ebf2;
}
/*------------------------------ NAV & LINKS ---*/
#mainmenu {
padding:;
margin: 0 0 10px 0;
border-top: 1px solid #FFF;
}
#mainmenu li {
font-size: 16px;
list-style-type: none;
text-align: right;
padding:;
margin:;
}
#mainmenu li a:link, #mainmenu li a:visited {
color: #0b3d79;
padding: 7px 0;
display: block;
border-bottom: 1px solid #FFF;
text-decoration: none;
}
#mainmenu li a:hover, #mainmenu li a:active {
background: #FFF;
padding-right: 5px;
}
ul#referanser {
margin: 0!important;
}
#referanser li {
display: inline;
float: left;
width: 152px;
font-size: 14px;
}
#referanser li a:link, #referanser li a:visited {
background: #ebf5f8;
padding: 3px 5px 5px 5px;
margin: 0 5px 5px 0;
display: block;
text-decoration: none;
}
#referanser li a:hover, #referanser li a:active {
background: #FFF;
}
h1 a {
color: 0;
padding:;
margin:;
}
h2 a {
color: 0;
padding:;
margin:;
}
h3 a {
color: 0;
padding:;
margin:;
}
.top_header h3 a {
color: ;
text-decoration: none;
background: url(images/ikon_pil.png) no-repeat 100% 50%;
padding: 0px 22px 3px 0;
}
.kontakt h3 a {
text-decoration: none;
background: url(images/ikon_post.jpg) no-repeat 100% 50%;
padding: 5px 33px ;
}
a:link, a:visited {
text-decoration: underline;
color: #0b3d79;
}
a:hover, a:active {
color: #000;
text-decoration: none;
color: 0;
}
img a, a img {
border: none;
}
.ansatt a {
font-size: 0.85em;
letter-spacing: -0.00em;
}
.stillingledig {
background: url(images/ikon_pil.png) no-repeat 0% 50%;
text-align: right;
margin-top: 10px;
padding: 0px 0px 3px 20px;
float: right;
font-size: 12px;
}
#footer a, #footer p {
color: #92b0d4;
}
/*------------------------------------- TYPO ---*/
h1 {
color: #0b3d79;
font-size: 18px;
line-height: 22px;
padding: 11px 0 18px 0;
}
#masthead h1 {
display: none;
}
h2 {
font-size: 14px;
line-height: 18px;
padding: 7px 0 14px 0;
}
.top_header h2 {
color: #0b3d79;
font-size: 12px;
float: left;
padding-bottom: 5px;
}
h3 {
font-size: 12px;
line-height: 16px;
padding: 4px 0 12px 0;
color: #ed1b2e;
}
.top_header h3 {
font-size: 11px;
float: right;
padding: 7px 0 0 0;
}
p {
padding: 0 0 7px 0;
}
ul {
padding:;
margin:;
}
li {
padding:;
margin:;
}
.ingress {
color: 0;
padding:;
margin:;
}
.kontakt h3 {
padding: 0px 0px 5px 5px;
}
.kontakt p {
font-size: 12px;
}
.intro p {
font-size: 14px;
line-height: 18px;
padding: 0px 14px 10px 180px;
}
.referanse p {
display: block;
clear: both;
border-top: 1px solid #d4ebf2;
}
.referanse strong {

float: left;
font-weight: bold;
padding-bottom: 3px;
width: 120px;
}
.referanse span {
float: right;
padding-bottom: 3px;
width: 170px;
}
.content ul {
margin: 0 0 10px 30px;
}
/*----------------------------------- IMAGES ---*/
a img.ansvarsrett {
float: right;
}
#page_referanser .referanse .mainimg {
position: absolute;
top: 10px;
right: 0;
z-index: 1;
width: 295px;
height: 250px;
background: #999;
border: 1px solid #d4ebf2;
}
.thumbs img {
background: #999;
}
.ansatt img {
width: 110px;
float: left;
margin-right: 7px;
border: 1px solid #d4ebf2;
}
/*------------------------------------ FORMS ---*/
form {
width: 400px;
}
label {
width: 80px;
display: block;
float: left;
margin: 5px 0;
}
input, textarea {
border: 1px solid #a3c4ce;
margin: 0px 0 0 5px;
padding: 2px;
}
.required {
font-weight: bold;
color: #ed1b2e;
}
.button {
margin: 10px 0 0 0;
}
/*-------------------------------------- DIV ---*/
.left {
float: left;
}
.right {
float: right;
}
/*--------------------------------- CLEARFIX ---*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*----------------------------------- SLIDES ---*/
/*.photo {
padding:20px; 
background:#222; 
width:600px; 
height:330px; 
text-align:left; 
margin:0 auto 20px auto;
}
.photo h1 {
font-size:14px; 
font-weight:normal; 
color:#fc0; 
margin:0; 
padding:0; 
}*/
.referanse ul {
padding:10px 0 0 0; 
margin: 0; 
clear: both;
}
.referanse ul li {
display:inline; 
float:left; 
margin: 5px 5px 0 0;
background: #FFF;
}
.referanse ul li a {
display: block;
border: 1px solid #d4ebf2!important;
text-decoration:none;
background: #FFF;
width: 60px;
height: 51px;
}
.referanse ul li a b {
display:none;
}
.referanse ul li a img {
display:block; 
width:60px;
}
.referanse ul li a:hover {
}
.referanse ul li a:hover img {
}
.referanse ul li a:active, .referanse ul li a:focus {
position:static; 
outline:0;
background: #FFF;
}
.referanse ul li a:focus img, .referanse ul li a:active img {
position:absolute; 
right: 0; 
top:10px;
z-index: 10;
height: 250px;
width: 295px;
border: 1px solid #d4ebf2;
background: #FFF;
}
#forside .referanse ul li a:focus img, #forside .referanse ul li a:active img {
position:absolute; 
right: 0; 
top:42px;
z-index: 10;
height: 250px;
width: 295px;
border: 1px solid #d4ebf2;
background: #FFF;
}