@charset "utf-8";
/* CSS Document */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}

/* LAYOUT */
.clear { clear: both; }

body{background:url(gfx/tempbg.jpg) center top; padding-top:45px; font-family:Arial, Helvetica, sans-serif;}

#wrap{ position:relative; width:946px; margin:0px auto;}
#banner{ position:relative; width:946px; height: 367px; }
#bannerleft{ position:relative; float:left; width:313px; height:367px; }
#bannerlogo{ position:absolute; top:30px; left:14px;}
#bannerlogo.underside{z-index:100; left:0; top:0;}
#bannertekst{ position:absolute; width:170px; margin:14px; left:14px; top:158px; }
#bannertekst p{ color:#616163; font-size:12px; line-height:20px; text-align:justify;}
#bannertekst a{ color:#00AEEF;}
#bannerimage{ float:left; position:relative; width:633px; height:367px; background-color:#FFFFFF;}
#bannerimage.underside{width:946px;}
#bannerimage #bannerimages div{position:absolute; right:0; z-index:9; top:0; display:block;}
#bannerimage #bannerimages div.active{ z-index:10; display:block;}

#newstickercontainer {position:absolute; top:0; right:0; height:100px; line-height:24px; width:620px; z-index:25; text-align:right; padding: 0 10px 0 70px; font-size:12px;}
/*#newsticker {height: 30px;line-height: 25px;list-style-type: none;overflow: hidden;position: relative;}
#newsticker li {float: left;position: absolute;}
#newsticker li a{font-size:11px; color:#00AEEF; padding: 0 20px;}*/

#bannerbuttons{position:absolute; bottom:0; right:0; width:535px; height:76px; padding:8px; z-index:20;}
#bannerbuttons .bannerbutton{float:right; width:60px; height:60px; /*border:6px solid #D1D2D4;*/ margin:8px;}
#bannerbuttons .bannerbutton img{ width:48px; height:48px; border:6px solid #D1D2D4;}
#bannerbuttons .bannerbutton:hover a img{ border:6px solid #00AEEF; }
#bannerbuttons .bannerbutton a{ display:block;}
#bannerbuttons .active img{ border:6px solid #00AEEF; }
#bannergirl{ position:absolute; top:0px; left:0px; width:107px; height:367px; background:url(gfx/banner/bannergirl.png) left top no-repeat; z-index:30; }
#leaful{ position:absolute; width:181px; height:163px; background:url(gfx/banner/leaful.png) left top no-repeat; left:-128px; top:-45px; }
#leafbr{ position:absolute; width:126px; height:143px; background:url(gfx/banner/leaflr.png) left top no-repeat; right:-95px; bottom:-60px; }
#banshadtop{ position:absolute; width: 946px; height: 17px; background:url(gfx/banner/banshadtop.png) center top no-repeat; left: 0; top:-17px; }
#banshadbottom{ position:absolute; width:946px; height:18px; background:url(gfx/banner/banshadbottom.png) center bottom no-repeat; left:0px; bottom:-18px; }

#topmeny{ position:relative; height:67px; width:946px; float:left;}
#topmeny ul{height:17px; padding-top:25px; width:750px; font-size:16px;}
#topmeny ul li{float:left; padding:0px 23px 0px 23px; border-left: 1px solid #616163;}
#topmeny ul li a{color:#616163; text-decoration:none;}
#topmeny ul li:hover a{ color:#00AEEF;}
#topmeny ul li.first{padding-left:15px; border-left:none;}
#topmeny ul li.active a{color:#00AEEF;}
#topmeny ul li.last{}
#search{ width:190px; height:44px; padding-top:23px; right:0; top:0; position:absolute; }
#search input[type=text]{float:left; margin-right:5px; padding-left:5px; padding-right:5px; background:url(gfx/searchfield.png) no-repeat; border:none; width:128px; height:22px; line-height:22px; float:left; padding-top:1px; color:#616163;}
#search input[type=submit]{float:left; background:url(gfx/button.png); width:23px; height:23px; border:none; cursor:pointer;}

#middlebackground{width:100%; background:url(gfx/middlebg.png) center top repeat-x;}
#middlewrap{ position:relative; width:946px; margin:0 auto;}
#middlewrap div.focusbox{position:relative; float:left; width:296px; /*height:171px;*/ background-color:#ffffff; margin-right:29px; padding-bottom:20px;}
#middlewrap div.focusbox .focusbilde{ position:relative; width:296px; height:171px; z-index:2;}
#middlewrap div.last{margin-right:0px;}
#middlewrap div .shadowtop{position:absolute; left:0px; top:-11px; width:296px; height:11px; background:url(gfx/fokusbox/shadowtop.png) top left no-repeat; z-index:1;}
#middlewrap div .glimmeroverlay{position:absolute; width:296px; height:171px; top:0px; right:0px; background:url(gfx/fokusbox/glimmeroverlay.png) top right no-repeat; z-index:4;}
#middlewrap div .glimmeroverlay a{display:block; width: 296px; height: 171px;}
#middlewrap div .focustext{padding:12px;}
#middlewrap div .focustext h1{font-size:15px; line-height:18px; font-weight:bold; text-transform:uppercase; padding-bottom:10px; padding-top:5px;}
#middlewrap div .focustext h1 a{ text-decoration:none; color:#000000;}
#middlewrap div .focustext p{font-size:12px; line-height:20px; padding-bottom:5px; color:#616163;}

#colright{position:relative; float:right; width:550px; min-height:400px; background-color:#ffffff; padding:28px 28px 42px 42px;}
#colright h1{font-size:16px; text-transform:uppercase; margin-top:14px; margin-bottom:14px; line-height:20px;}
#colright h2{font-size:13px; text-transform:uppercase; margin-top:18px; margin-bottom:14px;}
#colright p, #colright label {font-size:12px; color:#616163; margin-top:14px; margin-bottom:14px; line-height:20px;}
#colright a{ color:#00AEEF;}
#colright #aktueltbilde{float:right; margin-left:7px; margin-top:14px;}
#colright #aktueltbilde img{ border: 1px solid #C5C6C8; padding:7px;}
#shadowtopright{position:absolute; top:-14px; left:0px; width:620px; height:14px; background:url(gfx/undersider/shadowtopright.png);}

#sokeresultat{position:relative;}


#colleft{position:relative; float:left; width:296px; min-height:400px; background-color:#ffffff;}
#colleft a{color:#00AEEF;}
#colleft div.shadowtop{position:absolute; left:0px; top:-11px; width:296px; height:11px; background:url(gfx/fokusbox/shadowtop.png) top left no-repeat; z-index:0;}
#colleftmenu{position:relative; width:296px; background:url(gfx/undersider/colleftmenubg.jpg) repeat-y; z-index:1;}
#colleftmenu h1{font-size:20px; text-transform:uppercase; height:22px; background:url(gfx/undersider/colleftheadbg.png); padding:22px 30px; padding-left:23px; }
#colleftmenu ul li{ padding-left:30px; padding-right:30px; height:31px; padding-top:14px; background:url(gfx/undersider/menulibg.png);}
#colleftmenu ul li a{ font-size:16px; color:#616163; text-decoration:none;}
#colleftmenu ul li.last{background:none;}
#colleftmenu ul li.active a{color:#00AEEF; }
#colleft .colleftinfo{margin: 30px 30px 20px;}
#colleft .colleftinfo h1{font-size:15px; font-weight:bold; padding-bottom:15px; text-transform:uppercase;}
#colleft .colleftinfo table{ font-size:12px; font-weight:normal; color:#616163; line-height:20px; width:100%;}
#colleft .colleftinfo #infopakkeskjema td{padding-bottom:14px;}
#colleft .colleftinfo p{ font-size:12px; color:#616163; line-height:23px;}
#colleft .colleftinfo input[type=submit]{background:url(gfx/undersider/button.png); width:23px; height:23px; border:none; cursor:pointer;}
#colleft .colleftinfo input[type=text]{float:right; background:url(gfx/inputfield.png) no-repeat; border:none; height:23px; width:149px; margin-right:5px; padding-left:5px; padding-right:5px;}
#footer{position:relative; width:946px; height:115px; margin:0 auto; }
#footer .footertext{ text-align:center; font-size:12px; color:#ABADB0; padding-top:16px; }
#footer .footertext a{color:#ABADB0;}

.prosjekt{position:relative;}
.prosjekt .prosjektbilde{float:left; width:130px; height:130px; margin:7px 7px 7px 0px;}
.prosjekt .prosjektbilde img{padding:7px; border:1px solid #C5C6C8;}
.prosjekt .prosjekttekst{float:left; width:405px; height:110px; margin:20px 0px 14px 7px;}
.prosjekt .prosjekttekst h3{font-size:13px; color:#616163; text-transform:uppercase;}
.prosjekt .prosjekttekst h3 a{color:#616163 !important; text-decoration:none;}
.prosjekt .prosjekttekst h3 span{font-size:12px;}
.prosjekt .prosjekttekst p{margin:0px !important;}

/*AjaxSearch*/
.ajaxSearch_result{margin-top:5px; margin-bottom:5px;}

/*Tidsfrist*/
#tidsfristsubmit{border:none; background:url(gfx/button.png) no-repeat; cursor:pointer; height:26px; width:23px;}
#prosjektform{height:23px;}
#prosjektform select{ color:#616163; border:none; background:url(gfx/dropdown.png) no-repeat; width:87px; height:23px; line-height:23px; vertical-align:top; padding-left:3px; padding-top:1px; padding-bottom:1px;}

.ramme {
	background:url(gfx/wallpaper.jpg) repeat;
	padding: 20px 30px 30px 30px;
	border: solid 1px #00AEEF;
}

#TipsSkjema input[type=submit]{background:url(gfx/undersider/button.png); width:23px; height:23px; border:none; cursor:pointer;}
#TipsSkjema input[type=text]{background:url(gfx/inputfield.png) no-repeat; border:none; height:23px; width:149px; margin-right:5px; padding-left:5px; padding-right:5px;}
#TipsSkjema textarea{background:url(gfx/textfield.png) no-repeat; border:none; height:65px; width:290px; padding:5px; }

#newsticker {background:url(gfx/newsticker_bg.png) no-repeat;height: 60px;margin: 16px;position: absolute;right: 0;width: 350px;}
#newsticker a {display: block;position: relative;text-align: right;text-decoration: none;width: 350px;cursor:pointer;}
#newsticker a div {color: #00aeef;float: left;height: 36px;line-height: 18px;overflow: hidden;padding: 12px 12px 12px 62px;width: 200px;}
#newsticker a:hover div {text-decoration: underline;}
#newsticker a img {border: none;padding: 6px;margin-left: 16px;}

#hvemstarbak tr {border-bottom: solid 1px #ccc;}
#hvemstarbak .first {border-top: solid 1px #ccc;}
#hvemstarbak .logo {padding-right: 0; vertical-align: top;width: 115px;}
#hvemstarbak .even {background-color: #F9F9F9;}
#hvemstarbak td {padding: 15px;}
#hvemstarbak h2 {margin: 0;}