﻿/* STH: 30/11-2009 rettelser til layout: Fjernet hvid pil, fixet SIFR overskrifter og rettet contentArea*/
#contentArea {float:left; height:auto; width: 770px;}
td#col1, td#col2 {padding-right: 10px;}
table#spalter2 td#col1, table#spalter2 td#col2, table#spalter3 td#col1 {padding-right: 0px;}
div#body.standardside #contentArea {width: 1017px; padding-left: 0px;}
div#body.sektionsside  #spalter3 {padding-left: 15px;}
/*.sectionBox h1.sifrdarkblue.sIFR-replaced embed, .sectionBox h1.sifrdarkblue.sIFR-replaced object {height: 22px !Important;}*/
#contentArea #spalter3 {float: left !Important;}

.mbe { display: block !important; }
/* STH: 2009-01-06, Hvis man indsætter "<!--@Global:Extranet.UserName-->" i en class får man brugernavn og kan derigennem have noget skjult, med mindre det er testbrugeren "mbe" der er den besøgende på siden. */

body, table { margin: 0; padding: 0; color: #7a7a7a; font-size: 11px !important; line-height: 17px !important; }
/* STH: 2009-10-16, Line-height: 19px; */
.hidden { display: none; }
a { color: #0892c7; text-decoration: none; }

.darkblue, .news, #main h1, .middleBox h1, .sifrdarkblue { color: #11344b; }

.sifrblue { color: #216fa0; }

#3spalter { width: 500px; border: 1px solid red; }

.genericText { width: 500px; margin-left: 20px; float: left; }

.greay { color: #6f7678; }

.blue { color: #216fa0; }

.campainDark, .campainDark p { color: white; }
.campainBox p { vertical-align: bottom; padding-left: 25px; }

.middleBox h1 { font-size: 12px; }

div.middleBox { background-color: transparent; padding-left: 0; }

.campainBox, .middleBox { padding: 20px; background-color: #edf0f2; height: 160px; width: 210px; float: left; margin-left: 3px; }

.campainBox h1 { font-size: 18px; }

#main { width: 700px; float: left; padding-bottom: 50px; }

#main h1 { font-size: 23px; margin: 0px; padding: 0px; }

h1 { margin: 0px; padding: 0px; font-size: 20px; }

#right h1 { font-size: 21px; color: #3f82ad; border-bottom: 1px solid #bec7ca; font-weight: normal; line-height: 1em;}

.trigger a { color: red; border: 4px solid red; }

.news { border-bottom: 1px solid #bec7ca; margin-top: 20px; padding-bottom: 10px; font-weight: bold; }

.sitemap { color: #11344b; padding-left: 20px; padding-top: 0px; margin-top: 0px; width: 400px; float: left; }
.sitemap ul { padding: 0px; margin: 0px; list-style-type: none; }
.sitemap ul li { padding: 0px; padding-left: 20px; margin: 0px; list-style-type: none; }
.sitemap li { padding: 0px; margin: 0px; }
.sitemap h2 { padding: 0px; margin: 0px; font-weight: normal; }
.sitemap a { padding: 0px; margin: 0px; font-weight: bold; }


#sidetitel { clear: both; width: 1016px; height: 61px; background-image: url(  '/Files/Filer/templatedata/sidetitelbaggrund.png' ); background-repeat: no-repeat; background-position: 0px 0px; }
#sidetitelheader { padding-top: 18px; padding-left: 20px; float: left; }
#sidetitelknapper { padding-top: 10px; padding-right: 20px; float: right; text-decoration: none; }
#sidetitelknapper a { text-decoration: none; border: 0px; }

.subsectionBox { margin-top: 1px; padding-bottom: 3px; padding-left: 40px; width: 481px !important; float: left; *width:461px;
}
.subsectionBoxText { border-top: 0px solid #bec7ca; margin-top: 5px; padding-top: 6px; padding-right: 20px; width: 400px; }


/*.sectionBox { background-image: url(  '/Files/Filer/templatedata/sektionspil.jpg' ); background-repeat: no-repeat; background-position: 0px 10px; margin-top: 1px; padding-bottom: 30px; padding-left: 30px; width: 206px; float: left; }*/
.sectionBox { margin-top: 1px; padding-bottom: 30px; width: 236px; float: left; }
/*.sectionBoxText { border-top: 1px solid #bec7ca; margin-top: 5px; padding-top: 6px; padding-right: 20px; width: 176px; }*/
.sectionBoxText { border-top: 1px solid #bec7ca; margin-top: 5px; padding-top: 6px; padding-right: 20px; width: 206px; }

.readmore { width: 246px; margin-top: 10px; background-color: #d1dfe8; background-image: url(  '/Files/Filer/templatedata/readmorebackground.png' ); background-position: bottom; background-repeat: no-repeat; }
.readmoreheader { background-color: #d1dfe8; padding-left: 8px; }
.readmorelinks { color: #000000; /*#0892c7*/ /*font-weight:bold;*/ padding-left: 8px; padding-bottom: 8px; line-height: 17px; }
/* STH: 2009-10-16, Line-height: 19px; */

.readmorelinks a { font-size: 11px; font-weight: bold; }
/* STH: 2009-01-09, Font size sat ned fra 12px */
.readmorelinks a:link { text-decoration: none; color: #0892C7; font-weight: bold; }
.readmorelinks a:visited { text-decoration: none; color: #0892C7; font-weight: bold; }
.readmorelinks a:hover { text-decoration: none; color: #0892C7; font-weight: bold; }
.readmorelinks a:active { text-decoration: none; font-weight: bold; }

.contactbox { width: 246px; margin-top: 10px; background-color: #d1dfe8; background-image: url(  '/Files/Filer/templatedata/readmorebackground.png' ); background-position: bottom; background-repeat: no-repeat; min-height: 110px; /*134px;*/ }
.contactboxheader { background-color: #d1dfe8; padding-left: 8px; }
.contactboxtext { font-size: 10px; width: 150px; float: left; color: black; padding-left: 8px; padding-bottom: 0px; line-height: 17px; }
/* STH: 2009-01-06, Line-height: 18px; */
.contactboximage { width: 65px; float: left; padding-top: 6px; padding-left: 8px; padding-bottom: 0px; }

.contactboxtext a { font-size: 9px; font-weight: bold; }
/* STH: 2009-01-09, Font size sat ned fra 10px */
.contactboxtext a:link { text-decoration: none; color: #0892C7; font-weight: bold; }
.contactboxtext a:visited { text-decoration: none; color: #0892C7; font-weight: bold; }
.contactboxtext a:hover { text-decoration: none; color: #0892C7; font-weight: bold; }
.contactboxtext a:active { text-decoration: none; font-weight: bold; }

.advojobbanner { width: 466px; height: 109px; background-image: url(  '/Files/Filer/templatedata/advojobbannerbackground.png' ); background-position: top; background-repeat: no-repeat; padding-top: 8px; padding-bottom: 8px; }
.advojobbannerheader { padding-left: 8px; padding-top: 6px; padding-bottom: 0px; }
.advojobbannertext { width: 265px; font-size: 10px; color: black; padding-top: 0px; padding-left: 8px; padding-bottom: 6px; line-height: 17px; float: left; }
/* STH: 2009-10-16, Line-height: 19px; */
.advojobbannerlogo { padding-left: 23px; }
/* CKS: 2009-01-23 */




.komigangbox { width: 246px; min-height: 384px; background-position: left top; background-repeat: no-repeat; background-color: #d1dfe8; }
.komigangboxheader { padding-left: 8px; padding-top: 6px; padding-bottom: 0px; }
.komigangboxtext { font-size: 10px; color: black; padding-top: 0px; padding-left: 8px; padding-bottom: 6px; line-height: 17px; }
/* STH: 2009-10-16, Line-height: 19px; */

.komigangboxtext a { font-size: 10px; font-weight: bold; }
.komigangboxtext a:link { text-decoration: none; color: #0892C7; font-weight: bold; }
.komigangboxtext a:visited { text-decoration: none; color: #0892C7; font-weight: bold; }
.komigangboxtext a:hover { text-decoration: none; color: #0892C7; font-weight: bold; }
.komigangboxtext a:active { text-decoration: none; font-weight: bold; }

#sectionleftmenu { /* all lists */ border-top: 1px solid #afc9d9; }


#sectionleftmenu, #sectionleftmenu ul { /* all lists */ padding: 0; margin: 0; list-style: none; float: left; width: 247px; color: #216fa0; background-color: white; font-size: 13px; border-top: 0px solid #afc9d9; }

#sectionleftmenu { /* all lists */ border-top: 1px solid #afc9d9; }

#sectionleftmenu li { /* all list items */ position: relative; float: left; line-height: 30px; margin-bottom: 0px; width: 246px; color: #216fa0; background-color: white; border-top: 0px solid #afc9d9; }

#sectionleftmenu li ul { /* second-level lists */ position: relative; float: left; margin-left: 0px; margin-top: 0px; color: #216fa0; background-color: white; }
#sectionleftmenu li a { float: left; width: 246px; display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #afc9d9; border-top: 0px solid #afc9d9; border-right: 1px solid #afc9d9; padding: 0 0px; color: #216fa0; background-color: white; }

#sectionleftmenu li .L2_Active { float: left; width: 246px; display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #afc9d9; border-top: 0px solid #afc9d9; border-right: 0px solid white; padding: 0 0px; color: #216fa0; background-color: white; }

#sectionleftmenu li ul li a { padding: 0; margin: 0; float: left; width: 236px; display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #afc9d9; border-top: 0px solid #afc9d9; border-right: 1px solid #afc9d9; padding: 0 0px; margin-left: 10px; _margin-left: 5px; color: #216fa0; background-color: white; }

#sectionleftmenu ul li ul li ul li a { float: left; width: 226px; display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #afc9d9; border-top: 0px solid #afc9d9; border-right: 1px solid #afc9d9; padding: 0 0px; margin-left: 20px; _margin-left: 10px; color: #216fa0; background-color: white; }

#sectionleftmenu li a:hover { color: white; background-color: #11344b; width: 245px; border-left: 1px solid #afc9d9; line-height: 30px; padding: 0px; margin-left: 0px; }

#sectionleftmenu li li a:hover { color: white; background-color: #11344b; width: 235px; border-left: 1px solid #afc9d9; line-height: 30px; padding: 0px; margin-left: 10px; _margin-left: 5px; }

#sectionleftmenu li li li a:hover { color: white; background-color: #11344b; width: 225px; border-left: 1px solid #afc9d9; line-height: 30px; padding: 0px; margin-left: 20px; _margin-left: 10px; }

/*RAJ: 22/10-09
div under sectionleftmenu, der indeholder bg image, højden bliver justeret af jquery custom script*/
#sectionleftmenuBg {background: transparent url(/Files/Filer/templatedata/leftmenufade.jpg) no-repeat 100% 100%; clear: both;} 


#right { width: 227px; float: right; margin-top: 0px; /*background-image:url('/Files/Filer/templatedata/right-gradient.jpg');*/ background-repeat: no-repeat; /*padding-left:26px;*/ }

#topboxes { height: 195px; background-color: red; }

#bottom_box { background-color: #e2ebee; border-top: 1px solid #afc9d9; width: 1000px; margin-left: auto; margin-right: auto; }
#bottom_left { background-image: url(  '/Files/Filer/templatedata/bottom-left-gradient.jpg' ); height: 140px; width: 200px; border-right: 1px solid #afc9d9; background-repeat: repeat-y; padding-left: 70px; padding-top: 30px; float: left; }

#bottom_right { height: 140px; padding-top: 30px; padding-left: 15px; float: left; }
#bottom_farleft { background-color: red; float: left; }

#bottom_farright { float: left; background-color: red; }


#topmenu img { vertical-align: middle; }
#topmenu { color: #cddfe9; text-align: right; line-height: 19px; height: 40px; }
/* STH: 2009-01-06, Line-height: 18px; */
#topmenu a { font-size: 12px; }
#topmenu a:link { text-decoration: none; color: #0892C7; }
#topmenu a:visited { text-decoration: none; color: #0892C7; }
#topmenu a:hover { text-decoration: none; color: #0892C7; }
#topmenu a:active { text-decoration: none; }

#search .button { background-color: transparent; border: 0; color: white; font-weight: bold; }

input.text { border: 1px solid #afc9d9; width: 193px; margin-top: 4px; }
#search { float: right; background-image: url(  '/Files/Filer/templatedata/search.jpg' ); background-repeat: repeat-y; background-color: #0f85b5; height: 30px; width: 249px; }
#wrapper { margin-left: auto; margin-right: auto; width: 1017px; }

#menu { border-top: 1px solid #afc9d9; border-bottom: 1px solid #afc9d9; height: 30px; width: 1013px;}

.Legend { line-height: 30px; padding: 10px; }
.afterLegend { clear: both; height: 1px; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date { /*float: left;*/ width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(/Files/Filer/templatedata/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied { width: 140px; float: left; }




table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; }
table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; }
table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month { background: #ddd; color: #aaa; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected { background: #f66; color: #fff; }
table.jCalendar td.selected:hover { background: #f33; color: #fff; }
table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff; color: #000; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; }

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup { position: relative; background: #ccc; font-size: 11px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 12px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
.campainBox a { color: black; }
.campainBox a:hover { color: black; }

.campainDark a { color: white; }
.campainBox a:hover { color: white; }

.middleBox { width: 228px; }

#nyhedsbrevTilmeldingForside td { color: White; }

/* 3xSpalter-forside*/
div#spalter3 { width: 1014px; } /*height: 420px;*/

div#spalter3 div#col0 { width: 255px; float: left; vertical-align: top; padding: 0px;  margin-bottom: 12px;}
div#spalter3 div#col0 div.campainBox { height: 375px; float: left; width: 212px !important;}
div#spalter3 div#col1 { width: 510px; float: left; margin-right: 0px; padding: 0px;  vertical-align: top; padding: 0px; }
div#col1 div.middleBox { float: left; padding-left: 16px !important; padding-top: 0px !important; padding-right: 0px !important; margin-bottom: 0px; width: 217px; height: 230px; }




div#spalter3 div#col2 div#right { float: left; width: 247px !important; vertical-align: top; padding-top: 10px; }
div#spalter3 div.campainBox { padding-top: 12px !important; }
div#spalter3 div.campainBox h1 { border-bottom: 1px solid #BEC7CA; color: #3F82AD; font-size: 16px; margin-bottom: 5px; }
div#spalter3 div#col1 div.middleBox { padding: 0px 16px 0px 16px; margin-right: 0px; width: 217px; height: 185px; }
/* END 3xSpalter-forside END */

/* RSS_Page_presseoverblik */
#presseoverblik {height: 351px; overflow: hidden;}
#presseoverblik div.rssItem {padding-bottom: 10px;}

.clear {clear: both;}
.vfiller {height: 12px;}

/* PAGE */
#DATopLogo {margin-top:0px; margin-left: 10px;}
a img {border-width: 0px;}
#menu div.standardsideMenu {width: 1013px;}

#spacebeforeFooterFrontpage {}
div#body.standardside div#spacebeforeFooterFrontpage { margin-bottom: 20px;}

#loginbox {width: 436px; height: 60px; background-color: #d1dfe8; display: none; position: absolute; margin-left: 573px; text-align: left; color: black; margin-top: 19px; padding: 4px;}
#footerLeftSpacer {height:30px;}
.CVR {display: block; padding-top: 13px;}

/* VIDEO PARAGRAPH */
#col1 .DBA_FLV object, #col1 .DBA_FLV embed {width: 217px !Important; margin-left: 9px; margin-top: 9px; float: left;}

/* STH: Menu elementer tiløjet "last" class for den sidste - ifbm. ønske om at sidste ikke skal have højre streg. */
ul#dwddBar li.L1.last, ul.dwddBar li.last {border-right: none !Important;}

/* STH: 2011-10-11 poll */
  .poll {
    padding: 20px;
    background-color: rgb(237, 240, 242);
    height: 160px;
    width: 210px;
    float: left;
    margin-left: 3px;
  }
  .poll p {
    padding-left: 25px; margin-bottom: 10px;
  }
.module { margin-top: 10px; position: relative; height: 135px;}
.pollForm.canVote {margin: 0px !Important; padding: 5px 0px; bottom: 0; left: 0; padding-bottom: 0; position: absolute; width: 210px;}
.pollForm .pollItem input {margin-top: 1px !Important; margin-bottom: 1px !Important;}
.pollForm .submit {margin-top: 10px; display: block; float: right;}
.pollForm.canVote .currentVotes {display: none;}
.poll.dark, .poll.dark .sifrwhite {color: #11344B !Important;}
.poll.light, .poll.light .sifrdarkblue {color: white !Important;}
.pollForm .submit input {background-image: url(/files/system/ikoner/stem.png); background-repeat: no-repeat; width: 43px; height: 18px; border: none; background-color: transparent; cursor: pointer;}
.poll.light .pollForm .submit input {background-position: left top;}
.poll.ark .pollForm .submit input {background-position: left -30px;}

.pollForm.hasVoted {
  left: 4px;
  position: absolute;
  bottom: 0px;
  height: 89px;
}

