html{ border:none; margin:0px; }
body{ margin:0px auto; border-bottom:300px solid #EEE;}
#topp, #meny,#innhold,#footer{margin:0px auto; width: 95%; max-width: 1100px; min-width: 900px; }
.clearing{ height:0; clear:both; }
#banner{ margin-top:10px; }
#topp-wrapper{ background-color:#333; position:absolute; height:25px; width:100%; left:0px; z-index:1;}
.hidden{ display:none; }
.no-javascript{z-index:30; position:absolute; top:120px;}
#topp { height:85px; padding:0px;}
#topp  a:link ,#topp a:visited{color:#AABB2D; font-size:0.9em;}
#topp  a:hover{color:#FFF;}
#topp .logo{ position:absolute; margin-top:10px; z-index:30;}
#topp .logobue{ position:absolute; margin-top:5px; z-index:1;}
#topp .brukerinfo{ float:right;  position:relative; z-index:2;}
#topp form{display:inline; margin:0px; padding:0px;}
#topp .sokeboks , #topp .logginnboks{ float:right; color:#FFF; height:20px; position:relative; z-index:2; margin:0px; padding:2px; line-height:20px;}
#topp input { height:20px; padding:0px 2px; margin:2px 0px 0px 0px; background:url(img/search_field.gif) no-repeat 0px 0px #333; width:136px; border:none; font-size:1em; vertical-align:top;}
#topp input.sok { background:url(img/knapp_sok_topp.gif) no-repeat 0px 0px; width:60px; height:20px;}
#topp input:hover.sok{ cursor:pointer;}
#topp .logginnboks{display:none;}
#topp .meny{ float:left; position:absolute; font-size:1.0em; color:#999999; z-index:3;}


#topp .logo{ position:absolute; margin-top:10px; z-index:30;}
#topp .meny .wrapper { margin-left:290px;}


#topp .meny a:link.legg_til,#topp .meny a:visited.legg_til{ background:url("img/ikon_legg_til_gra.gif") no-repeat 15px 2px; padding-left:0px; color:#0099CC; text-decoration:underline;}
#topp .meny a:hover.legg_til { background:url("img/ikon_legg_til_bla.gif") no-repeat 15px 2px;}
#topp .meny a, #topp .meny a:visited{text-align:center;text-indent:-15px; position:relative; margin-left:-17px;float:left;color:#FFF;display:block; width:133px; height:29px; line-height:20px;text-decoration: none; font-weight: normal; background:url(img/topmenu_bg.png) no-repeat;}
#topp .meny a:hover,#topp .meny a.current, #topp .meny a:visited.current{background:url(img/topmenu_current_bg.png) no-repeat; z-index:30;}
#topp .breadcrumbs{float:left; height:21px; padding-top:4px;  position:relative; z-index:2; color:#666;text-transform: lowercase; }
#topp .breadcrumbs .host a:link ,#topp .breadcrumbs .host a:visited{color:#666;}
#topp .breadcrumbs .host a:hover{color:#FFF;}

.banners { height:250px;}
.banner { display:none;}
.banner-wrapper { position:absolute; height: 240px; width:100%; left:0px; z-index:0; margin-top:7px; background:#EEE;}
.banner-img { float:left;  height: 247px; width: 45%; background: bottom left no-repeat; margin-left:60px; position:relative; z-index:2;}
.banner-tekt { float:right; height: 220px; width:45%; padding-top: 30px; position:relative; z-index:2;  margin-top:0px; background:url("img/banner_bg.gif") right 7px no-repeat;}
.banner-tekt h1 { font-size: 3em; }
.banner-tekt p{ width: 300px; margin:0px 0px 5px 0px; }
#banner_logo_bue {position:absolute; margin-left:-50px; margin-top:6px;}

#ifokus{ background-color:#1E1A19; color:#FFF; width:90%; padding:10px 10px 10px 10px;}
#ifokus{ *padding:10px 10px 0px 10px;} /* Hate hate IE*/ 
#ifokus h1 { color:#FFF; font-size:1.5em;}
#ifokus p { margin:0px; }
#ifokus a:link.image ,#ifokus a:visited.image {background:#CCC; border:solid 5px #FFF; height:150px; display:block;}
#ifokus .upper-left{width:10px; height:10px; background:url(img/ifokus_bg.gif); position:absolute; margin:-10px 0px 0px -10px;}
#ifokus .upper-right{width:10px; height:10px; background:url(img/ifokus_bg.gif) 10px 0px; float:right; margin:-10px -10px 0px 0px;}
#ifokus .down-right{width:10px; height:10px; background:url(img/ifokus_bg.gif) 10px 10px; float:right; margin:0px -10px 0px 0px;}
#ifokus .down-left{width:10px; height:10px; background:url(img/ifokus_bg.gif) 0px 10px; float:left; margin:0px 0px 10px -10px;}
#ifokus .image_overlay {background:url(img/video_overlay.png) no-repeat; width:50px; height:50px; position:absolute; margin:55px 0px 10px 150px; cursor:pointer;}

#footer{height: 300px; clear:both; margin-bottom:-270px;}
#footer h3{ margin-bottom:5px; font-size:1.4em;}

.hoyre_bue{ margin:-42px 0px 0px -180px; background:#EEE url(img/banner_bue_nede.gif) no-repeat 15% 0px; width:458px; height:24px; position:absolute; z-index:2;}
.etter_hoyre_bue { margin-top:-32px; position:relative; z-index:2;}

.kol { }
.kol-20{ width: 20%; float: left; margin:15px 0px;}
.kol-30{ width: 30%; float: left; margin:15px 0px;}
.kol-30-right{ width: 30%; float: right; margin:15px 0px;}
.kol-40{ width: 40%; float: left; margin:15px 0px;}
.kol-50{ width: 50%; float: left; margin:15px 0px;}
.kol-60{ width: 60%; float: left; margin:15px 0px;}
.kol-70{ width: 70%; float: left; margin:15px 0px;}
.kol-80{ width: 80%; float: left; margin:15px 0px;}
.kol-90{ width: 90%; float: left; margin:15px 0px;}
.kol-100{ width: 100%; float: left; margin:15px 0px;}

.ramme-graa{ border: solid #E5E5E5 3px; padding: 1px; }

.resizable{ overflow: hidden; width:90%; display: block; text-align: center; border: solid #E5E5E5 7px; background-position: center center; background-repeat: no-repeat; }
.resizable a,.resizable a:visited{ height: 215px; display: block; border: solid #FFF 3px; color: #FFF; text-transform: uppercase; font-weight: bold; }


#undermeny{color:#999; margin-top: 20px; height:17px; display:inline; position:absolute;}
#undermeny .wrapper{}
#undermeny a:link,#undermeny a:visited{color:#AABB2D; padding:5px 15px 5px 15px; display:block; float:left; background: url('img/undemeny_devider.gif') no-repeat right -1px #333; line-height:15px}
#undermeny a:link.current, #undermeny a:visited.current{ color:#999; text-decoration:none;}
#undermeny a:hover,#undermeny a:hover.current { color:#FFF; }
#undermeny a:link.legg_til ,#undermeny a:visited.legg_til{ }
#undermeny .left { color:#AABB2D; padding:0px 0px; display:block; float:left; height:25px; width:7px; background:url(img/undermeny_bg_left.gif); margin:0px;}
#undermeny .right { color:#AABB2D; padding:0px 0px; display:block; float:left; height:25px; width:7px; background:url(img/undermeny_bg_right.gif); margin:0px;}
#undermeny a:link.legg_til, #undermeny a:visited.legg_til{color:#0099CC;  background:url("img/ikon_legg_til_gra.gif") no-repeat 0px 5px; padding-left:20px; width:80px; height:25px; float:left;}
#undermeny a:hover.legg_til { background-image:url("img/ikon_legg_til_bla.gif"); color:#AABB2D; }
.placeholder{ width:100px; height:17px; display:block; float:left;}
#undermeny .admin{ float:left; margin-left:10px;}
#undermeny #menu_extention { padding:3px 15px 5px 15px; margin:0px; line-height:20px;}
#undermeny #menu_extention a { background:none;  line-height:18px; background-repeat:no-repeat; float:none; display:inline; padding-top:0px;}
/*  Linker */
table td{ padding:2px 25px 2px 2px; }
table tr.odd{ background-color:#EFEFEF; height:28px; }
table th{ color:#CE5C00; font-size:0.8em; text-align:left; }
table { margin-bottom:10px; }

/*  UL li */
ul { margin:0px; padding:0px; }
li { list-style:none; background:url(img/bullet_black.gif) no-repeat 0px 8px; padding:1px 0px 1px 20px; margin-left:10px;	 }
.program { font-size: 0.9em; margin-top: 7px; width:90%;}
.program li { list-style:none; background:none; border-top: dashed 1px #ccc; padding:2px 2px 5px 2px; margin:2px 0px 2px 0px; clear: right; min-height:12px; font-size:0.9em;}
.program p { display: block; padding:0px 0px 0px 100px; margin:0px; }
.program .dato { font-family: 'Trebuchet MS', Verdana, Sans-Serif; float: left; color: #666; margin-top:5px; }
.program .dato strong { width: 35px; display: block; float: left; color: #333; }
/*.program li.current { background:#C2D247;} */

.program li.current { background:#C2D247; border:none; margin-top:-7px;}
.program li.no_border { border:none; }
.program li.no_border h2 { margin-top:10px;}

/*  Meldinger */
.feil, .ok, .info , .errorExplanation, .notice{ border:#CCCCCC 2px solid; padding: 3px 5px 5px 10px; margin-top:25px; min-width:400px; width:50%; margin-bottom:15px; }
.feil label, .info label, .ok label, .errorExplanation label, .notice label{ display: block; margin: 0px; font-size: 1em; padding: 0px; }
.feil , .errorExplanation {   background-color: #FCC;  border-color:#C66;}
.feil li{ background-image:url(img/bullet_red.gif); }
.ok, .notice {  background-color: #CFC; border-color:#6C6;}
.ok li, .notice li{ background-image:url(img/bullet_green.gif); }
.ok label , .notice label{ }
.info li{  }
.info label { }
.info{ background-color: #FFF9D8; border-color:#E3D2BB;}


.bildekarusell{ width:350px;}

.images_holder{ height:68px; overflow:hidden; margin: 5px 0px; }
form .images_holder{ height:auto; }
.label_color{ height:15px; width:15px; background-color:#000; display:block; float:left; margin-right:10px; }

#eventinfo{ border:solid 2px #333; background-color:#fff; position:absolute; left:0px; top:0px; width:160px; padding:3px 6px 6px 6px; display:none;}
#eventinfo .arrow { background:url("img/eventinfo_arrow.gif") no-repeat; height:10px; width:160px; position:absolute; left:70px; margin-top:-15px;}

.calendar li { background-image: none; padding:4px 0px 4px 0px; }
.preview_sms{ background:url("img/mobile_bg.gif") no-repeat; height:364px; width:137px; padding:35px 25px 10px 25px; line-height:125%; font-size:0.9em;}
.preview_mail { background:url("img/mail_bg.png"); width:514px; line-height:125%; font-size:1.2em;}
.preview_mail .top { background:url("img/mail_top.png") no-repeat; height:74px; width:514px;}
.preview_mail .bottom { background:url("img/mail_bottom_bg.png") no-repeat; height:25px; width:514px;}
.preview_mail .body{ padding:20px;}
.preview_wrapper{}
#sms_wrapper{}

.ansatt{ height:100px; padding:5px; margin:0px 0px 15px 15px; font-size:1em; line-height:120%; border-top:1px #999 dotted;}
.ansatt div{ font-size:0.9em; padding:0px 5px 0px 108px;}
.ansatt p{margin:2px 0px;}
.ansatt img { float:left; width:100px; height:100px; background:#CCC; margin-right:10px;}
.ansatt h1 { margin:0px; padding:0px; font-size:1.2em; line-height:100%;}
.ansatt h2 { margin:0px; padding:0px; font-size:1.0em; line-height:100%;}

#new-password-holder{display:none;}

.attachment{margin-bottom:10px}
.attachment .spinner {margin-right:10px; width: 12px; height: 12px;}
.attachment .icon {}

li.attachment{background:url(img/mime/unknown.png) no-repeat 0px 3px; list-style:none; margin:0px 10px;}
li.pdf{background-image:url(img/mime/pdf.png)}
li.doc, li.docx{background-image:url(img/mime/doc.png)}
li.ppt{background-image:url(img/mime/ppt.png)}

.can-do li{background:none; line-height:190%; padding:0px;}
.can-do ul{margin:0px; padding:0px;}

.sitemap{}


.sitemap li {font-size:16px; margin-top:20px;}
.sitemap li ul li {font-size:14px; margin-top:5px;}
.sitemap li ul li ul li{font-size:12px; margin-top:5px; }