/*Colors
----------------------------------------------------
Background : #F6F6F4
Baby blue  : 54a9c2
--------------------------------------------------*/

/*Document
--------------------------------------------------*/
html, body{margin:0; padding:0; height:100%; }
body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#4d4242; background:#e5e5e5 url('../gfx/bg_html.jpg') bottom left repeat-x fixed;}
#container {padding-bottom:10px;}
p, .infobox li, .projectList li {font-size:1.2em; line-height:1.6em; }

a, a:active, a:link, a:visited, a:hover {outline:none; color:#712722; text-decoration:none; font-weight:bold;}
a:visited{ /*color:#54a9c2;*/ }
a:hover,.bread a:hover{color:#cd5606; }
.bread a {color:#999;}
a.read-more{ display:inline-block; font-family: Verdana, sans-serif; color:#941f16 !important; font-size:0.8em !important; text-transform:uppercase; background:url(../gfx/read-more-arrow.gif) right 6px no-repeat; padding-right:12px;}

h1, h2, h3, h4, h5,  h1 a, h2 a, h3 a, h4 a { color:#4a3c3c; }
h3 {font-size:1.8em; }
h4 {font-size:1.4em; }
h5 {font-size:1.2em; font-weight:bold;}

/*------------------------------------------------*/

/*Blueprint
--------------------------------------------------*/
.colborder{margin-right:9px; padding:0; border-right:1px solid;}
.last{float:right !important;}
/*------------------------------------------------*/

/*------------------------------------------------*/
/*####################Layout######################*/
/*------------------------------------------------*/

/*Page
--------------------------------------------------*/
#page{width:970px; margin:0 auto; background:#ffffff; min-height:100%; position:relative; }
/*------------------------------------------------*/

/*Header
--------------------------------------------------*/
#header{background:url('../gfx/header-background.png'); height:120px;}
h1#logo{width:182px; height:120px; margin:0; padding:0; float:left;}
h1#logo a{background:url('../gfx/logo.png'); display:block; width:182px; height:120px; text-indent:-9999em;}
#circles{background:url('../gfx/header-circles.png'); width:659px; height:120px; float:right; text-indent:-9999em;}
/*------------------------------------------------*/

/*Main menu
--------------------------------------------------*/
#main-menu{overflow:visible; margin:2px 0; padding:0; position:relative; font-family:Verdana, Georgia, sans-serif; margin-bottom:10px;}
#main-menu.circles{background:url('../gfx/background-circles.jpg') top right no-repeat; margin:0px; padding:2px 0;}
#main-menu li{float:left; margin:0; list-style:none; overflow:hidden; font-size:1.0em !important; }
#main-menu li a{display:block; padding:7px; margin:0; color:#111111; text-transform:uppercase; font-weight:normal !important;}
#main-menu > li.active > a{ font-weight:bold !important; color:#a2241a !important;}
#main-menu li.important a{background:#a2241a; color:#ffffff !important; font-weight:normal !important; margin:0 2px 0 0; padding:7px 15px;}
#main-menu li:hover{ overflow:visible;}
#main-menu li:hover a{ color:#a2241a;}
#main-menu li.dropdown:hover a{background:#703d29; color:#ffffff !important;}
#main-menu li > div{ position:absolute; top:29px; left:0px; margin:0 !important; padding:15px 0 20px 10px; min-height:269px; background:#703d29; z-index:5555; display:none; width:620px !important; }
/*#main-menu li div.large{ min-height:438px;}*/
#main-menu li > div *{color:#ffffff; padding:none !important; }
/*#main-menu li div > div{ margin:0 0 10px 0;}*/
#main-menu li ul{ padding:0px !important; display:block !important; clear:both !important; margin-bottom:10px !important;}
#main-menu li ul li{ padding:0px 10px !important; float:none; margin:0px !important; line-height:1em !important;}
#main-menu li ul li h2{ margin:15px 0px 5px 0px; font-size:1.6em !important; line-height:1.6em; padding:0px 10px;}
#main-menu li ul li h3{ margin:10px 0px 5px 0px; font-size:1.1em !important; text-transform:uppercase; padding:0px 10px !important; border-bottom:1px dotted #fff; }
#main-menu li ul li a{ display:block; margin:0px !important; font-size:0.9em !important; line-height:1.2em !important; text-transform:none; padding:5px 10px !important; background:none !important; position:relative;}
#main-menu li a span{position:absolute; top:0px; left:0px; display:block; background:#572a19; color:#ffffff; font-size:1em; line-height:1.2em !important; text-transform:none; padding:5px 10px !important; display:none; float:left;}
#main-menu li a:hover span{display:inline-block; z-index:1111;}
#main-menu li ul li a:hover{ background:#572a19 !important;}
#main-menu li.dropdown:hover div{display:block;}
/*------------------------------------------------*/

/*Main content
--------------------------------------------------*/
#main-content{margin-bottom:55px; position:relative;}
.textItem {margin: 5px 10px;}
/*------------------------------------------------*/

/*Main image
--------------------------------------------------*/
#main-image{position:relative; margin-bottom:10px;}
#main-image ul{margin:0; padding:0; overflow:hidden; width: 630px; height:300px; z-index:222; }
#main-image ul li{  margin:0; padding:0; list-style:none; position:absolute; width:630px; height:300px; }
#main-image h4{display:block; position:absolute; bottom:0px; left:0px; background:url(../gfx/black-overlay.png); margin:0; padding:9px 16px; font-size: 1.4em; color:#ffffff;}
#main-image ul li img{z-index:223;}
#main-image ul li h4{left:70px;}
#main-image ul li h4.noslide{left:0px;}

ul#main-image-controls{ position:absolute !important; bottom:0px; left:0px; width:68px !important; height:34px !important; padding:1px 1px 0px 0px !important; background:#fff !important; z-index:333; z-index:3333; }
#main-image-controls li{float:left; list-style:none; width:34px !important; height:34px !important; position:relative !important;; }
#main-image-controls li a{display:block; width:34px; height:34px; line-height:34px; text-align:center; font-size:18px; background:#666666; color:#ffffff;}
#main-image-controls li a:hover{background:#712722;}
/*------------------------------------------------*/

/*Right content
--------------------------------------------------*/
#right-content{ float:right; /*width:290px; position:absolute; right:0px; */height:100% !important; padding:15px 0 0 0;}
#right-content h3{padding-left:10px;}
.right-content-search{margin:25px 0 0 0; position:absolute; bottom:15px;}
.right-content-search .text{width:200px; margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.right-content-search .blank-search{background:none; border:none; font-weight:bold; font-size:11px; cursor:pointer;}
/*------------------------------------------------*/

/*Ansatte
--------------------------------------------------*/
/*.avdeling{width:950px; clear:both; border-bottom:1px solid #dddddd; overflow:hidden; margin:10px 0 10px 0; float:left;}*/
.ansatt.last{margin:0; clear:right;}

.info{padding-left:10px; width:140px !important;}
.info h3{font-size:1.5em; margin:5px 0 3px; text-transform: uppercase; }
.info h5{font-size:1.3em; font-weight:bold;  margin-bottom:0px; }
.info p{margin-bottom:10px; }

.avdeling{margin:12px 0 0 0;}

/*.avdeling .info a.read-more{background:url(../gfx/read-more-arrow.png) right 4px no-repeat;}*/
/*.avdeling .info .big a.read-more{background:url(../gfx/read-more-arrow.png) right 6px no-repeat;}*/
.avdeling .spacer{text-indent:-9999em;}
.ansatt img {outline: 1px solid #dfdfdf; margin-bottom:5px;}
.ansatt h4{ margin:0px 0 4px 0 !important; font-size:1.1em; text-transform:uppercase}
.ansatt p{margin-bottom:4px; font-size:11px;}
.ansatt table td{padding:0; margin-right:5px;}
.ansatt table td:first-child{width:40px;}
/*------------------------------------------------*/

/*News list
--------------------------------------------------*/
.news-list{margin:0; overflow:hidden;}
.news-list h3{margin:5px; line-height:1.3em !important;}
.news-list h3 a{color:#4a3c3c;}
.news-list p{margin:0 5px 5px 5px;}
.news-list .date{color:#999999; display:block; clear:both; margin:2px 5px 5px 5px;}

.news-archive .article{margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #dddddd; clear:both;}
/*.news-archive h2{color:#333333; margin:10px 0 20px 0; font-size:20px;}*/
.news-archive h3{margin-left:5px;}
.news-archive h3 a{ }
.news-archive h3 a:hover{}
.news-archive h4{margin:5px 0 0 0;}
.news-archive h4 a{margin:0px; color:#4a3c3c;}
.news-archive p{margin:5px 0;}
.news-archive .date{color:#999999; display:block; clear:both; margin:2px 0 5px;}
.news-archive ul{padding:0px;}
.news-archive li{list-style:none; font-size:10px; margin:0 0 7px 0; padding:0; line-height:12px;}
.news-archive li a{color:#999999; font-weight:normal;}
.news-archive li a:hover{color:#333333;}
/*------------------------------------------------*/

/*Otiumgruppen
--------------------------------------------------*/
#otiumgruppen{background:url(../gfx/background-circles.jpg) right -33px no-repeat; width:746px; height:605px; margin:0; padding:15px 0 0 0; float:right;}
#otiumgruppen li{list-style:none; margin:0; padding:7px 0; position:relative; overflow:visible; z-index:111; width:180px; text-align:right;}
#otiumgruppen li a{ display:inline-block;}
#otiumgruppen li h3 a{color:#999999;}
#otiumgruppen li.active h3 a{color:#712722;}
#otiumgruppen li a:hover{}
#otiumgruppen li div{position:absolute; top:5px; left:197px; width:310px; display:none; z-index:3333; text-align:left;}
#otiumgruppen li div img{margin-bottom:7px;}
#otiumgruppen li div a{display:inline-block; background:url(../gfx/read-more-arrow.gif) right 9px no-repeat; padding-right:10px; color:#54a9c2; font-size:12px;}
#otiumgruppen li div.open{display:block;}
/*#otiumgruppen li:hover div{display:block;}

/*#otiumgruppen li.otium-hovedkontor{padding-left:72px;}
#otiumgruppen li.otium-ost{padding-left:48px;}
#otiumgruppen li.otium-sor{padding-left:31px;}

#otiumgruppen li.favoritthytten{padding-left:19px;}
#otiumgruppen li.favoritthus{padding-left:10px;}

#otiumgruppen li.team-bygg{padding-left:5px;}

#otiumgruppen li.otiumcopter{padding-left:2px;}
/*------------------------------------------------*/

/*News list
--------------------------------------------------*/
.projectList{ margin:0; padding:0px; overflow:hidden; list-style-type:none;}
.projectList li{ padding:0px !important; margin-bottom:2px;}
.projectList h3{margin:5px; line-height:1.3em !important;}
.projectList h4 {font-size:1.2em !important; margin:0.7em 0px 0.4em 0px !important;}
.projectList li:first-child h4 { margin:0em 0px 0.3em 0px!important;}
.projectList a {font-weight:normal !important; color: #4d4242 !important;}
.projectList a:hover {color:#cd5606 !important; }

/*------------------------------------------------*/

/*Footer
--------------------------------------------------*/
#footer{margin-top:25px; padding:10px 0px 20px 0px; position:absolute; bottom:0px; left:10px; font-size:1.0em; color:#999999; background:#f5f5f5;}
#footer p{margin:0 15px;}
#footer a{color:#999999; font-weight:normal;}
#footer span{color:#111111;}
/*------------------------------------------------*/

/*------------------------------------------------*/
/*###################Styles#######################*/
/*------------------------------------------------*/

/*Headings
--------------------------------------------------*/
h3{margin:0 0 10px 0; line-height:25px !important;}
h5{margin:0 0 5px 0; font-size:16px;}

#left-content h3 {margin: 0px 10px 10px 10px; }
/*------------------------------------------------*/

/*Lists
--------------------------------------------------*/
ul{padding:0 0 0 14px; margin:0 0 5px 0; clear:left;}

ul.pagination{margin:5px 0; padding:0; float:right; clear:both;}
ul.pagination li{float:left; margin:0 5px 0 0; padding:0; list-style:none;}
ul.pagination li a{display:block; padding:2px 6px; border:1px solid;}
ul.pagination li a:hover{ color:#a2241a; border:1px solid #a2241a; }
ul.pagination li.active a{ font-weight:bold;}
/*------------------------------------------------*/
/* p
--------------------------------------------------*/
.infobox{background:#dedede; width:100%; padding-bottom:25px;}
.infobox div{ width:280px;; padding:10px 15px; float:left;}
.infobox h5{ font-size:1.5em; line-height:1.3em !important; margin:0 0 15px 0;}
.infobox h5 a {color:#4a3c3c !important; }
.infobox p{ margin-bottom:5px;}

/*------------------------------------------------*/

/*Announce
--------------------------------------------------*/
#announce{width:100%; padding:5px 0; background:#54a9c2; color:#ffffff; border-bottom:1px solid #3b90aa;}
#announce .container{text-align:center;}
#announce a{color:#ffffff; font-weight:bold;}
#announce a:hover{text-decoration:underline;}
/*------------------------------------------------*/

/*Tabular table
--------------------------------------------------*/
.tabular-table th{background:#444444; color:#ffffff;}
.tabular-table td{border-bottom:1px solid #444444;}
.tabular-table tr.odd td{background:#eeeeee;}
/*------------------------------------------------*/

/*Misc
--------------------------------------------------*/


.read-more{display:inline-block; font-family:Verdana sans-serif; text-transform:uppercase; background:url(../gfx/read-more-arrow.png) right 9px no-repeat; padding-right:10px;}
.arrow{display:inline-block; background:url(../gfx/read-more-arrow.png) right center no-repeat; padding-right:10px;}
.btm10 {margin-bottom:10px;}
/*.read-more:hover{background-image:url(../gfx/read-more-arrow-active.png);}*/
.project_teaser {height:200px; margin-bottom:10px;}
hr.space{margin-bottom:20px;}

small {font-size: 0.9em; color:#999999;}
.bread {font-face:Verdana, sans-serif; text-transform:uppercase;  }
span.search {text-decoration:underline; font-weight:bold; background:#ececec !important; }
.text-right{text-align:right;}
.facebook-icon{float:right; margin:0 6px 0 0;}
.facebook-text{float:right;}
#ensign-link{display:block; width:90px; height:14px; text-indent:-9999em; overflow:hidden; float:right; clear:both; background:url(../gfx/ensign-logo.gif); margin:8px 0 0 0;}
#ensign-link:hover{background-position:0px -16px;}
/*------------------------------------------------*/

/*Important
--------------------------------------------------*/
.javascript{display:none !important;}
.no-margin-btm{margin-bottom:0 !important;}
/*------------------------------------------------*/