body { font-family: verdana,arial,helvetica; font-size: 11px; }
normal { font-family: verdana,arial,helvetica; font-size: 11px; }
td { font-family: verdana,arial,helvetica; font-size: 11px; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#new_letter_box .divstyle {float:left;width:360px;font-family: Verdana, Arial, Helvetica, Sans-serif;font-size:10px;} 
#new_letter_box .divstyle input.noborder {border:0px} 
#new_letter_box input {border: 1px solid green;} 
#new_letter_box strong {font-weight:normal;font-size:1.0em;} 
#new_letter_box label {font-weight:normal;font-size:1.0em;} 
#new_letter_box input.news_submit_button {font: normal 10px "trebuchet ms",helvetica,sans-serif;font-weight:bold; background-color: #fed;  color:#000000;padding-left: 2px;}


#logon_error {float:left; width:370px; height:78px;}
.error_left {width:300px;float:left;border:0px solid black;font-family: Verdana, Arial, Helvetica, Sans-serif;font-size:10px;font-weight:bold; color:#ff0000;}
.error_right {width:70px;height:80px; float:left;border:0px solid black;background:url(http://www.taenk.dk/img/haengelaas.png) no-repeat;}

#logon_email {float:left; width:370px; height:78px;}
.email_left {width:300px;float:left;border:0px solid black;font-family: Verdana, Arial, Helvetica, Sans-serif;font-size:10px;font-weight:bold; color:#ff0000;}
.email_right {width:70px;height:80px; float:left;border:0px solid black;background:url(http://www.taenk.dk/img/email.png) no-repeat;}

.delete_right {width:70px;height:80px; float:left;border:0px solid black;background:url(http://www.taenk.dk/img/delete.png) no-repeat;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(http://www.taenk.dk/img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.taenk.dk/img/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.taenk.dk/img/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.taenk.dk/img/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.taenk.dk/img/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(http://www.taenk.dk/img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.taenk.dk/img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.taenk.dk/img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.taenk.dk/img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.taenk.dk/img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.taenk.dk/img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.taenk.dk/img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://www.taenk.dk/img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.taenk.dk/img/controls_taenk.png) 0px 0px no-repeat; width:70px; height:22px; text-indent:-9999px;}
        #cboxClose.hover{background-position:0px -21px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.taenk.dk/img/borderMiddleRight.png, sizingMethod='scale');}

#reservedForPassword {
    display:none;
}

p {
    margin: 0px 0px 16px 0px;
}

.hiddenelement {display:none;} /* en style der sættes på js elementer så man senere kan tænde og slukke dem dynamisks */

DIV.error {border:1px solid red;}

img {
    border: none;
}

.makeinvisible { visibility:visible;}
.contentColumn img {
    margin: 0px 8px 0px 8px;
}

.ImageTextOneliner {
    font-style:italic;
    font-size:10px;
    color:#787878;
}

.docHeader {
    width: 100%;
    background-position: left 3px;
    background-repeat: no-repeat;
}
.headerCell {
    vertical-align: bottom;
    font-weight: bold;
    color: #276F9F;
    border-bottom: 1px solid #276F9F;
}

.headerCell h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.AlertBox {
    width: 980px;
    color: #666;
    font-size: 90%;
    margin-bottom: 8px;
    padding: 4px;
    text-align: center;
    border: 2px solid #ffa0a0;
    background-color: #fff0f0;
}

.leftColumn {
    width: 170px;
    vertical-align: top;
}

.rightColumn {
    width: 170px;
    vertical-align: top;
    margin: 0px;
}

#Subsections td {
    padding: 4px;
}

a { font-family: verdana,arial,helvetica;  font-weight: bold; text-decoration: none; color: #276f9f; }
a:hover {
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    text-decoration: none;
    /*color: #276f9f;*/
    color: #95bd64;
}
a:visited { font-family: verdana,arial,helvetica;  font-weight: bold; text-decoration: none; color: #276f9f; }
a:active { font-family: verdana,arial,helvetica; font-weight: bold; text-decoration: none; color: #276f9f; }

span { font-family: verdana,arial,helvetica; font-size: 11px; text-decoration: none; color: #000000; margin-left: 0px; padding: 0px; }

.Footer { font-family: verdana,arial,helvetica; font-size: 7pt; font-weight: bold; text-decoration: none; color: #ffffff; }

.FooterLink:link { font-family: verdana,arial,helvetica; font-size: 7pt; font-weight: bold; text-decoration: none; color: #ffffff; }
.FooterLink:visited { font-family: verdana,arial,helvetica; font-size: 7pt; font-weight: bold; text-decoration: none; color: #ffffff; }
.FooterLink:active { font-family: verdana,arial,helvetica; font-size: 7pt; font-weight: bold; text-decoration: none; color: #ffffff; }
.FooterLink:hover {
    font-family: verdana,arial,helvetica;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
    /*color: #ffcc33;*/
    color: #83a210;
}

.Bullets { margin-left: 16px; }

.TopmenuBg {
    /*background-color: #619b13;*/
    background-color: #20597f;
}
.BgGreen { background-color: #619b13; color: #ffffff; }
.BgLokal { background-color: #2f75c3; color: #ffffff; }

.Place1:td { background-color: #619b13; color: #ffffff; }
.Place1:link { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.Place1:active { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.Place1:visited { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.Place1:hover {
    font-family: verdana;
    font-size: 11px;
    /*color: #ffcc33;*/
    color: #83a210;
    font-weight: bold;
    text-decoration: none;
}

.Place1Active { background-color: #334b05; color: #ffffff; }
.Place1Active:hover { background-color: #334b05; color: #ffffff; }
.Place1Active:active { background-color: #334b05; color: #ffffff; }
.Place1Active:visited { background-color: #334b05; color: #ffffff; }

.Place0:td { background-color: #ffffff; color: #276f9f; }
.Place0:link { font-family: verdana; font-size: 11px; color: #276f9f;
        font-weight: bold; text-decoration: none; }
.Place0:visited { font-family: verdana; font-size: 11px; color: #276f9f;
        font-weight: bold; text-decoration: none; }
.Place0:active { font-family: verdana; font-size: 11px; color: #276f9f;
        font-weight: bold; text-decoration: none; }
.Place0:hover {
    font-family: verdana;
    font-size: 11px;
    /*color: #009933;*/
    color: #83a210;
    font-weight: bold;
    text-decoration: none;
}
.Place0Active { background-color: #ffffff; color: #276f9f; }

.HeaderLink { font-family: verdana; font-size: 12px; color: #276f9f; font-weight: bold; text-decoration: none; }
.HeaderLink:visited { font-family: verdana; font-size: 12px; color: #276f9f; font-weight: bold; text-decoration: none; }
.HeaderLink:active { font-family: verdana; font-size: 12px; color: #276f9f; font-weight: bold; text-decoration: none; }
.HeaderLink:hover { font-family: verdana; font-size: 12px; color: #276f9f; font-weight: bold; text-decoration: none; }

.HeaderWhiteLink { font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.HeaderWhiteLink:visited { font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.HeaderWhiteLink:active { font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.HeaderWhiteLink:hover { font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }

.ContentLink:td { background-color: #ffffff; color: #276f9f; }
.ContentLink:Link:link,visited,active { font-family: verdana; font-size: 11px; color: #276f9f;
        font-weight: bold; text-decoration: none; }
.ContentLink:Link:hover {
    font-family: verdana;
    font-size: 11px;
    /*color: #009933;*/
    color: #83a210;
    font-weight: bold;
    text-decoration: none;
}
.ContentLinkActive:link,visited,hover,active  { background-color: #ffffff; color: #276f9f; }


.SubsectionLink { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: normal; text-decoration: none; }
.SubsectionLink:visited { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: normal; text-decoration: none; }
.SubsectionLink:active { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: normal; text-decoration: none; }
.SubsectionLink:hover { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: normal; text-decoration: none; }

.TopmenuLinkAlt1 { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.TopmenuLinkAlt1:visited { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.TopmenuLinkAlt1:active { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }
.TopmenuLinkAlt1:hover { font-family: verdana; font-size: 11px; color: #ffffff;
        font-weight: bold; text-decoration: none; }


.EmployeeName { font-family: verdana; font-size: 8pt; color: #276f9f; font-weight: bold; text-decoration: none;}
.EmployeeFunction { font-family: verdana; font-size: 11px; color: #276f9f; font-weight: bold; text-decoration: none; }
.EmployeeInfo { font-family: verdana; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; }
.EmployeeDescription { font-family: verdana; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; }

.PublishDate { font-family: verdana; font-size: 11px; color: #666666; font-weight: normal; text-decoration: none; float: left;}
.DocType { font-family: verdana; font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; }

.Header { font-family: verdana; font-size: 12px; color: #000000; font-weight: normal; text-decoration: none; }
.HeaderWhite { font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.HeaderContent { font-family: verdana; font-size: 12px; color: #276f9f; font-weight: bold; text-decoration: none; }
.Title { font-family: verdana; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; }

.GreenTitle { font-family: verdana; font-size: 12px; color: #619b13; font-weight: bold; text-decoration: none; }

h3, h4, h5 {
    font-family: verdana;
    font-size: 12px;
    /*color: #276f9f;*/
    font-weight: bold;
    text-decoration: none;
}
h2 {
    font-family: verdana;
    font-size: 12px;
    /*color: #276f9f;*/
    font-weight: bold;
    text-decoration: none;
}
h1 {
    font-family: verdana;
    font-size: 24px;
    /*color: #276f9f;*/
    font-weight: bold;
    text-decoration: none;
}


.InputText {
    font-family: verdana,arial,helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    padding-left: 2px;
}

.Button {
    font-family: verdana,arial,helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #cccccc;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    margin-top: 4px;
    margin-bottom: 4px;
}


.BoxTable {
    margin-bottom: 8px;
}

.BoxTable td {
    padding:6px 0px 4px 0px;
}

.BoxTable .BoxTableText {
    padding:0px 0px 6px 0px;
}

.BoxTable img {
    margin: 2px 4px 2px 0px;
}


.BoxTable .BoxTableText img {
    margin: 4px;
}

.RightBoxTable {
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #cccccc;
}

.RightBoxTable td {
    padding:0px 0px 10px 0px;
}

.RightBoxTable img {
    margin: 2px 4px 2px 0px;
}



/* STYLE av fbr.dk forside HC */
.TopSpotHead {
    font-family: verdana;
    font-size: 18px;
    color: #619b13;
    font-weight: bold;
    text-decoration: none;
    margin:0px 0px 10px 0px;
}



.TopSpot .TopSpotStory a, .TopSpot .TopSpotStory a:hover {
    text-decoration:none;
    color:#000000;
    font-weight:normal;
}

#venstrespalte {
    /*background-color: #f4f4f4;*/
    background-color: #ffffff;
}

.menuDead a:hover, .menuActive a:hover {
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    text-decoration: none;
    color: #528cb2;
}
div.menuDead:hover, div.menuActive:hover {
    background-color: #DDE9F1; /*#ECECEC;*/
}

.menuBox {
    width: 100%;
    font-size:13px;
}
.menuBox .menuDead, .menuBox .menuActive, .menuBox .menuSpecial, .menuBox .menuCurrent {
    border: 1px dotted #e1e8d2;
    margin-bottom: 2px;
    text-decoration: none;
    padding: 5px 5px 5px 10px;
    background-color: #f6f6f6; /* lys blå: dde9f1*/
}

.menuBox .menuCurrent {
    background-color: #DDE9F1; /*#ECECEC;*/
}

.menuBox .menuCurrent:hover {
    background-color: #DDE9F1; /*#ECECEC;*/
}

.menuBox .menuDead {
    background-image: url('../img/plus_bg.gif');
    background-position: top right;
    background-repeat: no-repeat;
}

.menuBox .menuSpecial {
    border: 1px dotted #CCCCCC; /*#e1b5ad;*/
    background-color: #dde9f1;
}

.subMenuBox {
    border-left: 10px;
    border-left-color: white;
    font-size: 11px;
}
.subMenuBox .menuDead, .subMenuBox .menuActive {
    text-align: right;
    padding-right:12px;
}

.boxHead {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 3px;
    margin: 0px;
}
.boxHead a {
    color: #276f9f;
}

.boxHeadRight {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 3px;
    margin: 0px;
}

/* fungerer ikke i IE, derfor droppet */
.FillerLeft {
    background-color: #f8f8f8;
    height:100%;
    width:98%;
}

/* style til nye skabeloner HC oktober 2008 */
#Subsections {
    width:100%;
}
#Subsections td {
    vertical-align:top;
    text-align:left;
    padding:10px 10px 15px 10px;
    /*
    border-left:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    border-right:none;
    border-top:none;
    */
}
#Subsections td.Right {
    border-right:1px solid #eeeeee;
}
#Subsections td.Top {
    border-top:1px solid #eeeeee;
    width:33%;
}

#ShowSubsections {
    margin:10px 0px 30px 0px;
}

.Clear {
    clear: both;
    height:0;
    line-height:0;
    font-size: px;
}

.contentColumn {
    /*height:600px;*/
    vertical-align:top;
    padding-bottom:30px;
}


.LoginAndShopLink, .NeedLogonAlert {
    margin: 8px;
    width: 90%;
    border: 1px dotted #92B63D;
    padding: 4px;
    clear: both;
}

.NeedLogonAlert {
    background-color: #F3F8E2;
    font-weight: bold;
    color: #92503D;
}

/* global boks */
.globalBox {
    /*border: 1px solid #619B14;*/
    background-color: #c5e5fb;
    padding: 6px 6px 8px 6px;
    margin: 10px 0px 5px 0px; 
}

/* faktaboks */
.factBox {
    float: right;
    /*border: 1px solid #619B14;*/
    background-color: #c5e5fb;
    padding: 6px 6px 8px 6px;
    margin-right: 4px;
    margin-bottom: 4px;
    width: 35%;
}

.factBoxTitle {
    font-weight:bold;
    font-size:12px;
}

/* clientcide FormValidator */
.validation-advice {
    color: darkred;
    font-weight: bold;
}

/* tooltip */
#tooltip, #tooltipwide {
    position: absolute;
}


.tooltip, .tooltip label, .tooltip input, .tooltipleft, .tooltipleft label, .tooltipleft input, .tooltipwide {
    cursor:                 help;
}

div.tooltip, div.tooltipleft, div.tooltipwide {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size:              12px;
}

div.tooltip .tip, div.tooltipleft .tip {
    width:                  200px;
}

div.tooltipwide .tip {
    width:                  340px;
}

.tooltip .tip-title, .tooltipleft .tip-title, .tooltipwide .tip-title {
    background:             #334b05;
    color:                  #f3f8e2;
    padding:                4px;
    font-weight:            bold;
}

.tooltip .tip-text, .tooltipleft .tip-text, .tooltipwide .tip-text {
    background:             #f3f8e2;
    color:                  green;
    padding:                4px;
    border:                 1px solid #334b05;
}
.testTableTips {
    padding: 0;
    margin: 0;
}

.testTableTips .tip {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    color: #000;
    padding: 0px;
    margin: 0;
    width: 100%;
}

.testTableTips .tip .tip-top, .testTable .tip .tip-bottom {
    display: none;
}

.testTableTips .tip .tip-title {
    font-weight: bold;
    color: #3E4F14;
    background: #F3F8E2;
    padding: 4px;
    border:1px solid #334B05;
}

.testTableTips .tip .tip-text {
    margin-top: 0px;
    padding: 4px;
    background: #F3F8E2;
}


#NewsletterBox {
    margin:0px 0px 15px 0px;
}

#NewsletterBox .newsletterHeader {
    border-bottom:1px solid #92B63D;
    margin-left:3px;
    margin-bottom:5px;
}

#NewsletterBox .newsletterContent {
    margin-left:3px;
    margin-bottom:2px;
    color:#444444;
}
