body, html { margin:0; padding:0; color:#000; background:#f2f6fa; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

h1,h2,h3,h4 { font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000; font-weight:normal; }
h1 { font-size:30px; margin:0px 0 10px 0; line-height:30px; margin-top:0px; }
h2 {  font-size:24px; margin:0px 0 10px 0; }
h3 { font-size:20px; margin:0px 0 7px 0; line-height:25px; }
h4 { font-size:15px; margin:0px 0 5px 0; }
p { margin-bottom:9px; }
b, strong { font-weight:bold; }
i, em { font-style: italic; }
.logo { position:absolute; top:9px; left:3px; }
a,a:visited { text-decoration:none; color:#00f;}
table { background:#f6f6f6; border:1px solid #eee; padding:5px 10px 5px 10px; width:100%; }
th { font-weight:bold; }
td { padding:2px; border-bottom:1px solid #ddd; }
a:hover h3, a:hover { color:#069; text-decoration:underline; }
.overline { border-top:1px solid #ddd; margin-top:15px; padding-top:10px; }
.underline { border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px; }
#outer { background:transparent url(../grafikk/turn-topp-bkgr3.jpg) top center no-repeat; }
#wrapper { width:985px; position:relative; margin:0 auto; padding:0; } 
#header-wrapper { width:975px; height:149px; padding:0 5px 0 5px; background:transparent url(../grafikk/topp-background3.png) no-repeat; }
#main-wrapper { width:975px; overflow:hidden; padding:15px 5px 20px 5px; background:transparent url(../grafikk/content-background.png) repeat-y; }

#header { position:relative; height:113px; padding-top:0px; }
#header-topp { position:relative; height:57px; margin-left:698px; clear:both; }
#header-topp-left { margin-top:11px; float:left; width:18px; height:46px; background:url(../grafikk/header-topp-bg-left.png) no-repeat;}
#header-topp-middle { margin-top:11px; float:left; width:230px; height:26px; padding:10px; background:url(../grafikk/header-topp-bg.png) repeat-x; }
#header-topp-middle form { margin-top:5px; }
#header-topp-right { margin-top:11px; float:left; width:9px; height:46px; background:url(../grafikk/header-topp-bg-right.png) no-repeat; }

/* CSS for søkefeltet */
#ajaxSearch_input { position:absolute; top:26px; padding:2px 1px 0px 7px; width:162px; height:18px; border:1px solid #999; background:#fff; color:#444; float:left; }
#ajaxSearch_input:focus { background:#efe url(../grafikk/pencil.png) right no-repeat; border:1px inset; }
#ajaxSearch_input:hover { background:#dfd url(../grafikk/pencil.png) right no-repeat; border:1px inset; }
#ajaxSearch_submit { position:absolute; top:26px; right:15px; margin-left:10px; width:50px; height:24px; padding:0px 3px 10px 0px; }

#header-bottom { clear:both; }
#header-bottom-left { float:left; width:9px; height:56px; background:url(../grafikk/header-bottom-bg-left.png) no-repeat; }
#header-bottom-middle { float:left; width:966px; height:56px; background:url(../grafikk/header-bottom-bg.png) repeat-x; }
#header-bottom-right { float:left; width:9px; height:56px; background:url(../grafikk/header-bottom-bg-right.png) no-repeat; }

#title-area { margin:9px 0 0 130px; }
#title-area-left-left { float:left; width:9px; height:47px; background:url(../grafikk/logo-box-left2.png) no-repeat; }
#title-area-left-right { float:left; width:9px; height:47px; background:url(../grafikk/logo-box-right2.png) no-repeat; }
#title-area-left { float:left; width:auto; height:59px; padding:7px 10px 5px 8px; background:url(../grafikk/logo-box-bkgr.png) repeat-x; }
#title-area-left h1 { font-family:'Trebuchet MS', Helvetica, sans-serif; color:#f1f0e2; font-weight:bold; text-decoration:none; font-size:24px; }
#google_translate_element { position:absolute; top:62px; left:710px; width:250px; padding:0 0 5px 15px; color:#fff; }
#google_translate_element a { color:#fff; }
#title-area-middle { position:absolute; top:65px; right:80px; padding:0px 5px 0px 10px; color:#fff; }
#title-area-middle a.topp-link { color:#fff; text-decoration:none; }
#title-area-middle a:hover.topp-link { color:#fff; text-decoration:underline; }
#title-area-right { float:right; width:auto; height:67px; padding:5px 15px 5px 10px; color:#fff; }
#title-area-right a img { border:1px solid #069; }
#title-area-right a:hover img { border:1px solid #eee; }

#nav { width:975px; margin-left:5px; height:39px; padding:0; background:transparent url(../grafikk/nav-bkgr.png) repeat-x; position:absolute; top:110px; }

/* css for the contact-form */
#feedbackForm { margin: 0px; }
.markering { border-top:1px solid #a2ef95; border-bottom:1px solid #a2ef95; margin:10px 0 10px 0; background:#c8ffbf; padding:10px 10px 10px 13px; } 
.errors { border-top:1px solid #df7d7d; border-bottom:1px solid #df7d7d; margin:10px 0 10px 0; background:#ffdfdf; padding:10px 10px 10px 13px; }
#feedbackForm fieldset { border:1px solid #dedede; background:#dffffe; margin:0px; width:660px; display:block; padding:10px 10px 10px 10px;  }
#feedbackForm label { font-size:13px; display:block; float:left; width:150px; text-align:right; margin:10px 10px 0px 0px; }
#feedbackForm label.comment { width:420px; text-align:left; }
#feedbackForm input { width:460px; margin:5px 0px 0px 0px; border-top:1px solid #bcbcbc; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-left:1px solid #bcbcbc; padding:3px 18px 5px 5px; color:#524b19; letter-spacing:0.06em; background:#fff; }
#feedbackForm input#date { width:20px; }
#feedbackForm input#month { width:20px; margin-left:35px; }
#feedbackForm input#year { width:40px; margin-left:35px; }
#feedbackForm input#postnumber { width:60px; }
#feedbackForm input#place { width:231px; }
#feedbackForm input#vericode { width:290px; }
#feedbackForm textarea { width:460px; height:200px; margin:5px 0px 0px 0px; border:1px inset #999; padding:3px 18px 5px 5px; color:#524b19; letter-spacing:0.06em; background:#fff url(../grafikk/formSkygge.png) repeat-x; }
#feedbackForm textarea.innmelding { width: 425px; }
#feedbackForm input:hover { color:#333333; background:#fff url(../grafikk/pencil.png) right no-repeat; border-top:1px solid #80bfff; border-right:1px solid #d5e9fd; border-bottom:1px solid #d5e9fd; border-left:1px solid #80bfff; }
#feedbackForm input:focus { color:#333333; background:#fff url(../grafikk/pencil.png) right no-repeat; border-top:1px solid #80bfff; border-right:1px solid #d5e9fd; border-bottom:1px solid #d5e9fd; border-left:1px solid #80bfff; }
#feedbackForm input:active { color:#333333; background:#fff url(../grafikk/pencil.png) right no-repeat; border-top:1px solid #80bfff; border-right:1px solid #d5e9fd; border-bottom:1px solid #d5e9fd; border-left:1px solid #80bfff; }
#feedbackForm textarea:hover { color:#333333; background:#fff url(../grafikk/pencil.png) top right no-repeat; border-top:1px solid #80bfff; border-right:1px solid #d5e9fd; border-bottom:1px solid #d5e9fd; border-left:1px solid #80bfff; }
#feedbackForm textarea:focus { color:#333333; background:#fff url(../grafikk/pencil.png) top right no-repeat; border-top:1px solid #80bfff; border-right:1px solid #d5e9fd; border-bottom:1px solid #d5e9fd; border-left:1px solid #80bfff; }
#feedbackForm input.submit { font-weight:bold; width:485px; height:30px; background:#aaa; color:#fff; border:1px outset #657887; padding: 3px 0px 5px 0px; }
#feedbackForm input.submit:hover, #feedbackForm .submit:focus { background:#069; color:#fff; border:1px outset #ccc; }
#feedbackForm img.verimage { float:left; margin:5px 15px 2px 0px ; border:1px solid #555; }
#feedbackForm p { margin:10px 0px 10px 155px; }

#main { float:left; width:710px; padding:0px; margin:0; }
a.blokk-title-link { display:block; margin:-23px 0 5px 10px; color:#fff; text-decoration:none; font-size:14px; }
a:hover.blokk-title-link { text-decoration:underline; }
.blokk-title-les-mer { margin-left:10px; font-size:12px; color:#eee; }

#main-topp-content { min-height:305px; padding:0px 0 10px 0; background:#fff; margin:10px 15px 15px 15px; border-bottom:1px solid #ddd; }
#main-topp-content img { border:1px solid #dedede; padding:3px; margin:5px 15px 5px 0; }
#main-topp-content a:hover img:hover { border:1px solid #069; }
.horizontal-divider { height:1px; width:100%; margin:10px 0 25px 0; border-bottom:1px solid #ddd; }
.nyhetsTopp { font:11px arial; margin:5px 0 10px 0; padding:5px 5px 2px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#999; height:30px; }
.nyhetsTopp span { color:#666; }
.publisertDato { float:left; padding:0px 8px; border-right:1px solid #efefef; height:27px; }
.publisertOppdatert { float:left; padding:0px 8px; border-right:1px solid #efefef; height:27px; }
.skrivUt { height:8px; width:90px; float:right; padding:5px 0 0 8px; }
#main-topp-content a img.noBorder { margin:0 0 0 10px; padding:0; border:none; }
#main-topp-content a:hover img.noBorder:hover { margin:0 0 0 10px; padding:0; border:none; }

#main-topp-blokk { position:relative; width:680px; height:315px; margin:0px 0px 15px 15px; padding:0px 0 10px 0; background:#fff; border-bottom:1px solid #a8a49d; }
#mtb-left { float:left; }
#mtb-right { float:right; width:233px; height:270px; padding:5px 0px 15px 0px; margin:0; }
.newslist-topp-title { border-bottom:1px solid #999; height:27px; margin-bottom:10px; }
#mtb-right a.read-more { position:absolute; bottom:13px; right:-17px; width:68px; height:18px; padding:0px 2px 0px 7px; font-size:11px; color:#777; background:url(../grafikk/readmore-bkgr.png) no-repeat; text-decoration:none; }
#mtb-right a:hover.read-more { text-decoration:underline; }

#main-left-blokk { position:relative; float:left; width:340px; margin:0 10px 15px 15px; }
.green-topp { margin-bottom:-5px; display:block; }
#arr-list { list-style-type: none; margin:0px; padding:10px; width:315px; height:379px; background:#d6d4ce; }
#arr-list li { position:relative; margin:2px 10px 5px 0px; }
#arr-list li a { display:block; height:70px; width:300px; padding:10px 5px 10px 10px; text-decoration:none; color:#000; background:#fff url(../grafikk/gradient_back.jpg) bottom repeat-x; border-bottom:1px solid #a8a49d; }
#arr-list li p { margin:5px 0 3px 0; }
#arr-list li .arr-list-date { width:100px; height:35px; margin-left:200px; font-size:11px; color:#a82c16; margin-top:-5px; padding:0; }
#arr-list li img { float:left; margin-right:10px; border:none; }
#arr-list li .read-more { position:absolute; bottom:8px; right:-18px; width:68px; height:18px; padding:0px 2px 0px 7px; font-size:11px; color:#777; background:url(../grafikk/readmore-bkgr.png) no-repeat; }
#arr-list li a:hover { background:#dffffb url(../grafikk/arrHoverBkgr.jpg) repeat-x; cursor:pointer; border-bottom:1px solid #888; }
#arr-list li a:hover p { color:#069; }
#arr-list li a:hover .read-more { text-decoration:underline; }

#main-right-blokk { position:relative; float:right; width:330px; height:417px; margin:0 15px 15px 0; }
#mrb-inner { height:399px; padding:0px; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; overflow:auto; }
#mrb-inner .mrb-inner-text { border-bottom:3px double #ddd; color:#900; padding:5px 15px 5px 15px; }
.mrb-inner-text p { margin-bottom:5px; }
.mrb-inner-text p a,.mrb-inner-text p a:visited { color:#f00; }

#news-list { list-style-type: none; margin:0px; padding:0px; }
#news-list li a { display:block; width:auto; padding:2px 15px 2px 15px; text-decoration:none; color:#069; border-bottom:1px solid #eee; }
#news-list li a:hover { background:#dffffb url(../grafikk/arrHoverBkgr.jpg) repeat-x; cursor:pointer; }
.newslist-topp-title h4 { margin:0; padding:0; font-weight:bold; color:#666; }
.newslist-blokk { border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:3px; }
.news-kat { float:left; font-size:11px; color:#888; padding:0; }
.news-date { float:right; font-size:11px; color:#888; padding:0; }
.newslist-title { clear:both; padding:0; color:#047; line-height:15px; }

#main-bottom-blokk { position:relative; clear:both; width:680px; margin:0 10px 0px 15px; background:#fff; }

#sidebar { float:right; width:250px; margin:0px 15px 15px 0; }

#antallDeltagere { margin-bottom:10px; padding:0px 8px 5px 8px; border:1px solid #ddd; font-size:13px; }
#antallDeltagere td { padding-top:5px; }
#antallTall { font-size:20px; font-weight:bold; }

#sidebar-topp { position:relative; float:right; width:250px; height:325px; margin:0 0 15px 0; background:#2b506a; border-bottom:1px solid #a8a49d; font-size:12px; }
#sidebar-topp-cnt { position:absolute; top:5px; left:0; padding:0 10px 0 10px; width:230px; height:312px; color:#ddd; }
#sidebar-topp-cnt #kontakt-data-tlf { float:right; }
.sidebar-topp-line { width:100%; height:1px; border-bottom:1px solid #45586e; margin:4px 0 7px 0; }
#sidebar-topp-cnt hr { margin-bottom:15px; }
#sidebar-topp-cnt table { background:transparent; width:230px; margin-bottom:2px; border-collapse:collapse; border:none; }
#sidebar-topp-cnt td.ekstraHeight { padding-top:5px; }
#sidebar-topp-cnt td { border-bottom:1px solid #45586e; padding:0px; }
#sidebar-topp-cnt img#maraton-img { position:absolute; margin-left:-10px; margin-bottom:55px; bottom:0; padding:0; width:250px; height:60px; }
#sidebar-topp-cnt img#skimaraton-img { position:absolute; margin-left:-10px; bottom:-7px; padding:0; width:250px; height:60px; }
#sidebar-topp-cnt a { color:#dffffe; }
#sidebar-topp-cnt a:hover { color:#ffe900; }

#sidebar-menus { position:relative; float:right; width:250px; height:auto; margin:0 0 15px 0; background:#2b506a; border-bottom:1px solid #a8a49d; font-size:12px; }
#sidebar-menus ul { width:250px; }
#sidebar-menus li a { display:block; width:230px; height:10px; padding:6px 10px 14px 10px; color:#fff; border-bottom:1px solid #355872; text-decoration:none; }
#sidebar-menus li a.first { border-top:1px solid #466983; }
#sidebar-menus li a:hover { background:#006699; color:#ff0; font-weight:bold; }

#sidebar2 { float:left; position:relative; width:250px; margin:0px 15px 0px 0; font-size:11px; }
#sidebar2-topp { height:30px; padding:0; margin:0; }
#sidebar2cnt { padding:0; width:248px; height:auto; background:#f4f4f4; border-left:1px solid #ccc; border-right:1px solid #ccc; }

/* treningstidene i blokka på høyresiden */
#treningstider { width:248px !important; border-collapse:collapse; }
#treningstider th, #treningstider td { border-bottom:1px solid #ccc; }
#treningstider th { background-color:#dffffe; color:#000; font-weight:bold; }
#treningstider tr:hover { background-color:#dffffb; cursor:pointer; }
.time-list-group { width:168px; padding:2px 5px 1px 5px; border-right:1px solid #ccc; }
th.time-list-hall { width:35px; padding:2px 0 1px 5px; border-right:1px solid #ccc; }
td.time-list-hall { text-align:center; width:40px; padding:2px 0 1px 0; border-right:1px solid #ccc; }
#treningstider th.time-list-time { width:73px; padding:2px 0 1px 10px; color:#b00; }
td.time-list-time { text-align:center; width:80px; padding:2px 0 1px 0; }
#treningstider a,#treningstider a:link,#treningstider a:active,#treningstider a:visited { color:#000; background:none; text-decoration:none; }
#mon,#tue,#wed,#thu,#fri,#sat,#sun { display:block; float:left; width:33px; height:25px; padding:5px 2px 0 0; text-align:center; border-left:1px solid #aaa; background:#069; color:#fff; text-decoration:none; }
#mon { border-left:none; margin-left:-1px; }
#sun { border-right:none; width:32px; margin-right:-1px; }
#mon:hover,#tue:hover,#wed:hover,#thu:hover,#fri:hover,#sat:hover,#sun:hover { background:#28292a; }
#sidebar2cnt .clicked { background:#28292a; }

#footer { color:#fff; background:#345165 url(../grafikk/footer-bkgr.gif) top left repeat-x; }
#footer-wrapper { width:960px; height:205px; padding:20px 13px 20px 12px; margin:0 auto; background:url(../grafikk/topp-background.png) repeat-y; }
#footer p { margin:0; }
#footer a { color:#fff; }
#footer a:hover { color:#fff; text-decoration:underline; }
.footer-block { float:left; min-width:200px; max-width:250px; height:150px; background:#456276; border:1px solid #234154; margin:0 7px 0 7px; padding:15px; color:#fff; }
#footer-under-blokk { clear:both; padding:10px; color:#777; }
#footer-under-blokk a { color:#888; }

/* Stilsett for påmeldingsskjemaene */

#registerForm { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#efefef; }
#registerForm .content { padding:3px 0 3px 0; border-bottom:1px solid #ddd; width:100%; }
#registerForm .left { width:200px; float:left; padding:7px 0px 0px 7px; min-height:14px; }
#registerForm .leftShort { float:left; padding:7px 0px 0px 7px; min-height:24px; }
#registerForm .right { float:left; padding:5px; min-height:24px; }
#registerForm .must { padding:0 5px 0 0; color:#d00; font-weight:bold; margin-left:-10px; }
#registerForm .mustNot { padding:0 10px 0 0; margin-left:-10px; }
#registerForm .clear { float:none; clear:both; height:0px; }
#registerForm .row { background-color:none; display:block; min-height:15px; }
#registerForm .text { width:400px; }
#registerForm .textExtraShort { width:70px; }
#registerForm .textShort { width:193px; }
#registerForm .textMedium { width:316px; }
#registerForm .ruler { width:400px; border-bottom:dashed 1px #dcdcdc; }
#registerForm .over { background-color:#fffcdf; }
#registerForm .out { background-color:none; }
#registerForm .textareaBox { width:400px; overflow:auto; }
.form-info-box { float:left; width:305px; margin:2px 0 0 20px; padding:4px 15px 5px 15px; background:#ddd; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }