html { margin: 0; font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; }
body { margin: 0; background: #b2c3d5 url(../img/bg/body.jpg) 0 0 repeat-x; }
form { margin: 0; }
.clear { clear: both; height: 0; overflow: hidden; }
.hidden { display: none; }
a:hover { text-decoration: underline!important; }
::selection { background: #00a2ff; color: #fff; }
::-moz-selection { background: #00a2ff; color: #fff; /* Firefox */ }
/* Page HTML frame */
#wrapper { width: 980px; margin: 0 auto; background-color: #fff; }
#page { width: 960px; margin: 0 auto; position: relative; }
#head { height: 100px; }
#logo { position: absolute; top: 60px; left: 20px; outline: none; }
/* Site Search */
#sitesearch { position: absolute; top: 86px; right: 10px; /*IE6*/ width: 266px; height: 54px; z-index: 1; background: url(../img/bg/search.png) 0 0 no-repeat; }
#sitesearch .sitesearch { float: right; margin: 0; padding: 14px 10px 0 0; }
#sitesearch .searchfield { float: left; width: 162px; margin-right: 10px; border: 1px solid #7f9db9; font-family: arial; font-size: 14px; padding: 6px 2px; }
#sitesearch .searchbutton { float: left; display: block; height: 30px; color: #3f5982; text-decoration: none; background: url(../img/menu/search.png) 0 0 no-repeat; cursor: pointer; }
#sitesearch .searchbutton span { float: left; display: block; height: 30px; font: normal 14px/28px verdana; padding: 0 28px 0 8px; display: block; background: url(../img/menu/search.png) 100% 100% no-repeat; }
/* Content area overflow */
.content-area-overflow { overflow: auto; height: 120px; margin: 10px 0; padding: 0 2px; border: 1px solid #7F9DB9; }
/* Content */
#content { width: 960px; clear: both; }
#content iframe { padding: 0 10px; }
/* Content Rows */
#content .contentRow { clear: both; }
#content .contentRow .contentCell1 { width: 240px; float: left; min-height: 1px; }
#content .contentRow .contentCell2 { width: 480px; float: left; min-height: 1px; }
#content .contentRow .contentCell3 { width: 720px; float: left; min-height: 1px; }
#content .contentRow .contentCell4 { width: 960px; float: left; min-height: 1px; }
/* Content block Typography */
#content .content-block { padding: 10px; overflow: hidden; clear: both; }
#content .content-block h1 { font-size: 24px; line-height: 30px; margin: 0 0 10px; font-weight: normal; border-bottom: solid 1px #d3d3d3; clear: both; }
#content .content-block h2 { font-size: 15px; line-height: 20px; margin: 10px 0; font-weight: normal; border-bottom: solid 1px #d3d3d3; }
#content .content-block h3 { font-size: 15px; line-height: 20px; margin: 10px 0; font-weight: normal; }
#content .content-block h4 { font-size: 13px; line-height: 18px; margin: 10px 0; font-weight: normal; border-bottom: solid 1px #d3d3d3; }
#content .content-block h5 { font-size: 13px; line-height: 18px; margin: 10px 0; font-weight: normal; }
#content .content-block h6 { font-size: 11px; line-height: 16px; margin: 10px 0; font-weight: normal; }
#content .content-block h7 { font-size: 11px; line-height: 16px; margin: 10px 0; font-weight: normal; }
#content .content-block img { margin: 0 0 10px; }
#content .content-block p { font-size: 12px; line-height: 18px; margin: 0 0 10px; font-weight: normal; }
#content .content-block a { color: #00a2ff; text-decoration: none; }
#content .content-block a:hover { color: #00a2ff; text-decoration: underline; }
#content .content-block a:active { color: #0099cc; }
#content .content-block ol,
#content .content-block ul { margin-top: 1em; margin-bottom: 1em; }
#content .content-block ol ol,
#content .content-block ul ol,
#content .content-block ol ul,
#content .content-block ul ul { margin-top: 0.25em; margin-bottom: 0.25em; }
#content .content-block ul li { list-style: none; padding: 2px 18px; margin-left: -18px; background: transparent url(../img/icon/bullet-arrow.png) 0 2px no-repeat; }
#content .content-block table { margin: 10px 0; width: 100%; font-size: 13px; border-left: #fff solid 2px; border-right: #fff solid 2px; }
#content .content-block table tr { }
#content .content-block table tr.alt { background-color: #f2f6f7; }
#content .content-block table tr.over { background-color: #dde7ea; }
#content .content-block table tr th.header { background: transparent url(../img/icon/sort-arrows.png) 100% -35px no-repeat; white-space: nowrap; cursor: pointer; padding-right: 15px; }
#content .content-block table tr th.headerSortUp { background-position: 100% 8px; }
#content .content-block table tr th.headerSortDown { background-position: 100% -80px; }
#content .content-block table tr th.headerNoSort { background-position: 100% -200px; }
#content .content-block table tr td { font-size: 12px; padding: 8px; border: #d3d3d3 solid 1px; }
#content .content-block table tr th,
#content .content-block table tr td.head { font-size: 12px; background-color: #869bac; text-align: left; font-weight: bold; padding: 8px; }
#content .content-block table tr td.foot { border-top: #869bac solid 2px; border-bottom: #869bac solid 2px; background-color: #fff; }
#content .content-block .files { margin-top: -10px; }
#content .content-block .files a { display: block; padding-bottom: 6px; }
.spot-linklist { padding: 0 10px; }
.spot-linklist h4 { border-bottom: #e8e8e8 solid 1px; padding-bottom: 5px; margin-bottom: 5px; }
.spot-linklist ul { margin: 0; }
.spot-linklist ul li { list-style: none; padding: 2px 0; }
.spot-linklist ul li a { display: block; padding-left: 22px; line-height: 17px; color: #000; text-decoration: none; background: transparent url(../img/icon/link-arrow-stan.png) 0 0 no-repeat; }
.spot-linklist ul li a span { display: block; }
.spot-linklist ul li a span span.popup { display: inline; padding: 2px 25px 2px 0; background: transparent url(../img/icon/popup.png) 100% 50% no-repeat; }
.spot-linklist ul li a span span.lock { display: inline; padding: 2px 25px 2px 0; background: transparent url(../img/icon/lock.png) 100% 50% no-repeat; }
/* Link lists */
#medlemmer .spot-linklist ul li a { background-image: url(../img/icon/link-arrow-medl.png); }
#virksomheder .spot-linklist ul li a { background-image: url(../img/icon/link-arrow-virk.png); }
#organisationer .spot-linklist ul li a { background-image: url(../img/icon/link-arrow-orga.png); }
#ompensiondanmark .spot-linklist ul li a { background-image: url(../img/icon/link-arrow-opdk.png); }
/* Component headlines */
#content h2.component { height: 22px; margin: 0; padding-left: 10px; font-size: 13px; line-height: 22px; color: #fff; background: url(../img/bg/headline-stan.png) 0 0 no-repeat; }
#content h2.component span { display: block; height: 22px; background: url(../img/bg/headline-stan.png) 100% 0 no-repeat; }
#medlemmer #content h2.component { background-image: url(../img/bg/headline-medl.png); }
#medlemmer #content h2.component span { background-image: url(../img/bg/headline-medl.png); }
#virksomheder #content h2.component { background-image: url(../img/bg/headline-virk.png); }
#virksomheder #content h2.component span { background-image: url(../img/bg/headline-virk.png); }
#organisationer #content h2.component { background-image: url(../img/bg/headline-orga.png); }
#organisationer #content h2.component span { background-image: url(../img/bg/headline-orga.png); }
#ompensiondanmark #content h2.component { background-image: url(../img/bg/headline-opdk.png); }
#ompensiondanmark #content h2.component span { background-image: url(../img/bg/headline-opdk.png); }
/* Resize text */
#content .content-block h1.large { font-size: 30px!important; line-height: 36px!important; }
#content .content-block h2.large,
#content .content-block h3.large { font-size: 21px!important; line-height: 26px!important; }
#content .content-block h4.large,
#content .content-block h5.large { font-size: 19px!important; line-height: 26px!important; }
#content .content-block h6.large,
#content .content-block h7.large { font-size: 17px!important; line-height: 24px!important; }
#content .content-block p.large,
#content .content-block a.large,
#content .content-block span.large { font-size: 18px!important; line-height: 24px!important; }
#content .content-block td.large { font-size: 14px!important; line-height: 18px!important; }
#content .content-block select.large,
#content .content-block textarea.large { font-size: 18px!important; line-height: 24px!important; }
#content .content-block td.large { font-size: 14px!important; line-height: 18px!important; }
#content .content-block li.large { font-size: 18px!important; line-height: 18px!important; }
#content .content-block .step-guide span.large{ line-height: 16px!important; }
/* Icons */
.pdf { padding: 2px 0 2px 22px; margin-left: 2px; background: url(../img/icon/pdf.png) 0 0 no-repeat; }
.jpg { padding: 2px 0 2px 22px; margin-left: 2px; background: url(../img/icon/jpg.png) 0 0 no-repeat; }
.word { padding: 2px 0 2px 22px; margin-left: 2px; background: url(../img/icon/word.png) 0 0 no-repeat; }
.text { padding: 2px 0 2px 22px; margin-left: 2px; background: url(../img/icon/text.png) 0 0 no-repeat; }
.mailto { padding: 2px 0 2px 18px; background: url(../img/icon/mailto.png) 2px 49% no-repeat; }
.popup { padding: 2px 0 2px 18px; background: url(../img/icon/popup.png) 2px 49% no-repeat; }
.lock { padding: 2px 0 2px 18px; background: url(../img/icon/lock.png) 2px 49% no-repeat; }
.dankort-visa { padding: 3px 80px 3px 0; background: url(../img/icon/dankort-visa.png) 100% 49% no-repeat; }
/* read-speaker */
#rs_div { }
#rs_div .rs-box { padding-right: 10px; height: 25px; }
#rs_div .rs-box .rs-box-obj { float: right; text-align: right; }
#rs_div .rs-box .rs-box-obj a { color: #00a2ff; text-decoration: none; }
/* footer */
#footer { width: 980px; height: 275px; margin: 0 auto; padding-top: 20px; background: url(../img/bg/footer.png) 0 0 repeat-x; }
#footer .footer-content { height: 75px; font-size: 11px; color: #000; background: url(../img/bg/footer-content.png) 0 0 no-repeat; }
#footer .footer-content ul { margin: 0 auto; padding-top: 11px; text-align: center; }
#footer .footer-content ul li { display: inline; list-style: none; line-height: 11px; padding: 0 10px; border-right: #000 solid 1px; }
#footer .footer-content ul li.last { border: none; }
#footer .footer-content ul li a { color: #00a2ff; text-decoration: none; }
#footer .footer-content ul li span { margin-left: 5px; }
/* search result */
#searchresult .categories label,
.categories input { cursor: pointer; }
/* elements used to store html for js functionality */
.html-template { display: none; }
/* tables within panels */
#content .content-block .panel-content table { margin: 0; border: none; }
#content .content-block .panel-content td { padding: 4px; border: none; height: 12px; }
#content .content-block .panel-content .button-container,
#content .content-block .panel-content .button-container span { margin: 0; }
/* employee form */
#panel-add_employee div div { clear: both; }
#panel-add_employee label { float: left; width: 206px; }
#panel-add_employee .checkbox { width: auto; }
#panel-employees table.panel-content { margin: 0; border: none; }
#panel-employees td.control { width: 25px; text-align: center; }
#panel-employees td.services { text-align: center; }
#content .content-block #panel-employees .button-container { margin: 0; }
#content .content-block #panel-employees td { height: 12px; padding: 4px; border: none; }
/* prisliste made for dummy func table */
#content .content-block .prisliste { border: #f6f6f6 solid 1px; }
#content .content-block .prisliste th { background-color: #f2f6f7; color: #000; border-bottom: #000 solid 1px; color: #000000; vertical-align: top; text-align: left; }
#content .content-block .prisliste td { border: none; }
#content .content-block .prisliste input,
#content .content-block .prisliste input:focus { height: 21px; width: 111px; border: none !important; background: transparent url(../img/bg/input.png) 0 0 no-repeat; }
#content .content-block .prisliste .tooltip-trigger { margin: 0; padding-left: 3px; }