﻿html { overflow-y: scroll; }
html, body { margin: 0; padding: 0; height: 100%; width: 100%; }

* { font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 11px; color: #747474; }
img { border: none; }
form { margin: 0; padding: 0; }
a { color: #ec008c; text-decoration: none; }
a:hover { color: #f287b7; }
#curr_PageName { display: none; }

/* START Sticky footer opsætning */
div#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -108px; }
div#container div.footerpush { height: 107px; }
div#footer { height: 107px; width: 100%; min-width: 100%; text-align: center; }
div#footer div#footerContent{ text-align: left; width: 100%; background-color:#ed008c;}
div#footerContent table.BundTable {width:800px; height:79px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#FFFFFF; margin:auto;}
div#footerContent table.BundTable td { color:#FFFFFF; margin:auto; }
div#footerContent table.BundTable td a { color:#FFFFFF; }
div#footerContent table.BundTable td a:hover { color:#f287b7; }
div#footerContent table.BundTableTop {width:800px; height:2px; margin:0; padding:0; margin:auto;}
div#footerContent table.BundTable td.BundTableDivider {width:1px; height: 79px; background-color:#000000;}
div#footerContent table.BundTable td.BundTdPadding {padding-left:5px; width:133px;}
/* END Sticky footer opsætning */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h1.h1 { font-size: 20px; color: #8dc73f; font-weight: normal; }
h2, h2.h2 { font-size: 14px; color: #8dc73f; }
h3, h3.h3 { font-size: 12px; color: #747474; font-weight: bold; }
h4, h4.h4, h5, h5.h5, h6, h6.h6 { font-size: 11px; color: #747474; font-weight: bold; }
.fp_quote { font-size: 14px; font-weight: bold; font-style: italic; }


/* GRUNDOPSÆTNING */
#container { width: 800px; margin: 0 auto; }
#top { margin-bottom: 11px; }
#top_logo { height: 55px; padding-top: 45px; width: 630px; float: left; }
#top_soeg { padding: 75px 20px 0 0; width: 148px; height: 25px; overflow: hidden; float: right; text-align: right; }
#top_soeg form { margin: 0; padding: 1px 0 0 0; }
#top_soeg input { margin: 0; padding: 0; border: 0; height: 12px; width: 140px; font-size: 10px; }

#top_menu { clear: both; height: 21px; background: url(/files/billeder/gfx/pink/menu_baggrund.gif) no-repeat; padding: 3px 0 0 17px; position: relative; z-index: 99;}
#top_menu ul { list-style-type: none; margin: 0; padding: 0; }
#top_menu ul li { display: inline; margin: 0; padding: 0; }
#top_menu ul li a { color: #ec008c; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0px 23px 0 0; background: url(/files/billeder/gfx/pink/menu_divider.gif) no-repeat top right; }
#top_menu ul li a:hover { text-decoration: none; }
#top_menu ul li a.lastitem { background: none; }

#midt { padding-bottom: 14px; }

/*#bund { clear: both; }
#bund_adresse { border-bottom: 1px solid #c8c9c6; border-top: 1px solid #c8c9c6; padding: 3px 0; color: #838383; text-align: right; }
#bund_adresse a { color: #838383; }
#bund_adresse img { }
#bund_footer_txt { width: 699px; float: left; font-size: 10px; font-family: Tahoma; color: #777; padding: 8px 0 0 0; }
#bund_footer_logo { width: 100px; float: right; text-align: right; }
#bund_footer_logo img { margin-top: 8px; }*/


/* FORSIDE BANNERE */
#banner { height: 293px; }
#_banner_txt { position: relative; top: 0px; left: 0px; z-index: 1; height: 293px; overflow: hidden; }
#banner_img { margin-top: 24px; background: url(/files/billeder/gfx/pink/banner_ditcc.png) no-repeat top right; height: 250px; width: 290px; position: relative; z-index: 3; float: right; }
#bannere { margin-top: 14px; color: #FFFFFF;}
.bannere { width: 256px; height: 243px; position: relative; }

.bannere_1 { float: left; margin-right: 17px; }
.bannere_2 { float: left; }
.bannere_3 { float: right; color: #FFFFFF; }

.bannerLeft a, .bannerMid a, .bannerRight a  { color: #FFFFFF; text-decoration: none; }
.bannerLeft {   padding-top: 0px; padding-left: 0px; margin-top: -20px; margin-left: -82px; width: 274px; height: 243px;  }
.bannerLeft div.linkspacer { margin-top: 28px; }
.bannerLeft div.txt {  margin-left: 60px; margin-right: 40px; text-align: right; padding-right: 10px; }
.bannerMid {   padding-top: 25px; padding-left: 18px; margin-top: -7px; width: 272px; height: 243px; }
.bannerMid div.linkspacer { margin-top: 25px; }
.bannerRight { padding-top: 25px; padding-left: 18px; margin-top: -7px; width: 272px; height: 243px; }
 
// .bannerLeft a, .bannerMid a, .bannerRight a  { color: #FFFFFF; text-decoration: none; }
// .bannerLeft {   padding-top: 25px; padding-left: 30px; margin-top: -7px; margin-left: -18px; width: 274px; height: 243px;  }
// .bannerLeft div.linkspacer { margin-top: 28px; }
// .bannerLeft div.txt {  margin-left: 60px; margin-right: 40px; text-align: right; padding-right: 10px; }
// .bannerMid {   padding-top: 25px; padding-left: 18px; margin-top: -7px; width: 272px; height: 243px; }
// .bannerMid div.linkspacer { margin-top: 25px; }
// .bannerRight { padding-top: 25px; padding-left: 18px; margin-top: -7px; width: 272px; height: 243px; }

/* Forside Form felter */
.forside_login_textField { width: 150px; color: #666666; font-weight: normal; }
#frontpageNewsletterlogin #NewsLetterV3LoginPassword { margin-top: 4px; margin-bottom: 4px; }
.bannerRight #AccessUserName { width: 200px; color: #666666; font-weight: normal;}
.bannerRight #AccessUserEmail { width: 200px; margin-top: 4px;  color: #666666; font-weight: normal; }
.bannerRight #AccessUserEmailRepeat { width: 200px; margin-top: 4px; margin-bottom: 4px;  color: #666666; font-weight: normal;}
.bannerRight td { color: #FFFFFF; }
.bannerRight td span#requiredAccessUserEmail, .bannerRight td span#uniqueAccessUserEmail, .bannerRight td span#correctAccessUserEmail  { background: #FFFFFF; color: #ec008c; padding: 4px; }

.clear { clear: both; float: none; height: 1px; }


/* FORSIDE LOGIN */
.forside_login { height: 225px; padding: 12px 30px 12px 47px; }
.forside_login_v { width: 90px; height: 40px; float: left; }
.forside_login_h { width: 50px; height: 40px; float: right; text-align: right; }
.forside_login_h_banner { width: 50px; height: 40px; margin-top: -25px; margin-left: 160px;}
.forside_login_txt { clear: both; padding-top: 8px;  }
.forside_login_txt * { font-size: 10px; font-style: italic; }

/*#forside_login_username { margin-bottom: 5px; }*/
#forside_login_txt1 { height: 63px; vertical-align: top; overflow: hidden; }
#forside_login_txt2 { color: #FFF; font-style: normal; font-size: 11px; vertical-align: top; height: 60px; padding-top: 15px; overflow: hidden; }
#forside_login_txt2 h2 { color: #FFF; }
#forside_login_txt2 a { color: #FFF; font-style: normal; font-size: 11px; font-weight: bold; background: url(/files/billeder/gfx/pink/pil_lille_hvid.png) no-repeat 0 5px; padding-left: 8px; }
#forside_login_txt2 a:hover { text-decoration: underline; }

a.fp_glemtpassword { font-style: italic; }


/* UNDERSIDE */
#ps_underside {}
#ps_underside_venstre { width: 150px; border: 1px solid #ec008c; background: #FFF url(/files/billeder/gfx/pink/menu_bgg_top.jpg) no-repeat; float: left; margin-right: 11px; padding-bottom: 14px; }
#ps_underside_venstre_header { height: 17px; color: #FFF; font-size: 12px; font-weight: bold; padding: 3px 0 0 16px; }
#ps_underside_venstre_header a { color: #FFF; font-size: 12px; font-weight: bold; }
#ps_underside_venstre ul { list-style-type: none; margin: 10px 0 0 16px; padding: 0; }
#ps_underside_venstre ul li { padding: 0 0 5px 0; margin: 0; }
#ps_underside_venstre ul li a { text-decoration: none; font-size: 12px; color: #747474; }
#ps_underside_venstre ul li a:hover { text-decoration: underline; }
#ps_underside_venstre ul li.aktiv a { color: #ed008c; }
#ps_underside_venstre ul li.inpath a { color: #ed008c; }
#ps_underside_midt { width: 425px; border: 1px solid #ec008c; background: #fff; float: left; padding: 16px; }
#ps_underside_hojre { width: 167px; float: right; }


/* MIN SIDE */
#ps_minside { width: 798px; border: 1px solid #95aab8; padding-bottom: 7px; background: #FFF; }
#ps_minside_table { width: 798px; }
#ps_minside_td1 { vertical-align: top; width: 151px; background: url(/files/billeder/gfx/pink/minside_divider.jpg) no-repeat 150px 0; }
#ps_minside_td2 { vertical-align: top; width: 647px; background: url(/files/billeder/gfx/pink/minside_top_bgg.jpg) no-repeat; }

#ps_minside_venstre { width: 150px; background: #FFF url(/files/billeder/gfx/pink/menu_bgg_top_minside.jpg) no-repeat; float: left; padding-bottom: 14px; }
#ps_underside_venstre_header { height: 17px; color: #FFF; font-size: 12px; font-weight: bold; padding: 3px 0 0 16px; }
#ps_underside_venstre_header a { color: #FFF; font-size: 12px; font-weight: bold; }
#ps_minside_venstre ul { list-style-type: none; margin: 10px 0 0 16px; padding: 0; }
#ps_minside_venstre ul li { padding: 0 0 5px 0; margin: 0; }
#ps_minside_venstre ul li a { text-decoration: none; font-size: 12px; color: #747474; }
#ps_minside_venstre ul li a:hover { text-decoration: underline; }
#ps_minside_venstre ul li.aktiv a { color: #ed008c; }
#ps_minside_venstre ul li.inpath a { color: #ed008c; }
#ps_minside_midt { width: 422px; float: left; padding: 7px; }
#ps_minside_hojre { width: 202px; float: right; padding: 7px 7px 7px 0; }

#ps_minside_top {  background-color: #ed008c;  height: 26px; }
#minside_top_navn { width: 338px;  float: left; padding: 4px 0 0 12px; background-color: #ed008c; }
#minside_top_menu { width: 230px; float: left;  background-color: #ed008c;}
#minside_top_logud { width: 64px; float: right; padding-top: 4px;  background-color: #ed008c;}


/* MIN SIDE - BOXE */
.minside_midt_m_bgg { margin-bottom: 7px; color: #FFF; }
.minside_midt_m_bgg_header { height: 23px; padding: 3px 0 0 6px; background-color: #ed008c; color: #FFF; }
.minside_midt_m_bgg_txt { padding: 6px; }
.minside_midt_m_bgg * { color: #747474; }

/* BOXE */
.hojrebox_nyhedsbrev { height: 183px; background: url(/files/billeder/gfx/pink/box_baggrund.jpg) no-repeat; margin-bottom: 15px; padding: 12px; }
.hojrebox_nyhedsbrev #AccessUserName, .hojrebox_nyhedsbrev #AccessUserEmail { width: 100px; }

.hojrebox_login { height: 219px; background: url(/files/billeder/gfx/pink/boxlogin_bgg.png) no-repeat; margin-bottom: 15px; padding: 12px; }
.hojrebox_login_v { width: 90px; height: 40px; float: left; }
.hojrebox_login_h { width: 50px; height: 40px; float: right; text-align: right; }
.hojrebox_login_txt { clear: both; padding-top: 8px; }
.hojrebox_login_txt * { font-size: 10px; font-style: italic; }
.hojrebox_login_textField { width: 84px; border: 1px solid #c8c9c6; height: 13px; padding: 1px 3px; }
#hojrebox_login_username { margin-bottom: 5px; }
#boxlogintd1 { height: 63px; vertical-align: top; overflow: hidden; }
#boxlogintd2 { color: #FFF; font-style: normal; font-size: 11px; vertical-align: top; height: 70px; padding-top: 15px; }
#boxlogintd2 a { color: #FFF; font-style: normal; font-size: 11px; font-weight: bold; background: url(/files/billeder/gfx/pink/pil_lille_hvid.png) no-repeat 0 5px; padding-left: 8px; }
#boxlogintd2 a:hover { text-decoration: underline; }


/* RART AT VIDE BOKS */
#rartatvide { height: 212px; background: url(/files/billeder/gfx/pink/rartatvide_bgg.jpg) no-repeat; color: #FFF; padding: 14px 11px 11px 11px; }
#rartatvide * { color: #FFF; }
#rartatvide h2 { color: #FFF; }
#rartatvide_t { height: 180px; width: 400px; }
#rartatvide_td1 { width: 183px; vertical-align: top; padding-right: 40px; }
#rartatvide_td1 div { padding: 6px 0; border-bottom: 1px solid #FFF; }
#rartatvide_td1 span { display: block; width: 183px; padding: 2px; }
#rartatvide_td1 span:hover { background: #ff0096; }
#rartatvide_td2 { vertical-align: top; padding-top: 6px; }
.rartatvide_d_aktiv { background: #ff0096; }


/* AFSNIT */
.standard_m_bgg { position: relative; }
.standard_m_bgg_img { position: absolute; left: -16px; bottom: -16px; }
.standard_m_bgg_txt { position: absolute; }


/* DROP DOWN MENU */
/* Done by Imar Spanjaars / http://imar.spaanjaars.com/ */
#navlist { float:left; list-style: none; width: 100%; margin: 0; padding: 12px 0 0 1px; margin-bottom: 7px; position: absolute; z-index: 99; }
#navlist li { float: left; position: relative; z-index: 99; height: 23px; text-align: left; }
#navlist ul { list-style: none; padding: 0; margin: 0; }
#navlist li:hover, #navlist li.over {color: #ec008c;}
#navlist li li:hover, #navlist li li.over { background-image: none; background-color: #ec008c; color: #fff;}
#navlist li a { color: #000; text-decoration: none; height: 17px; margin: 0; /* padding: auto; float: left; display: block; */ }
#navlist li ul.subMenu { padding-top: 4px; margin-left: -10px; }
#navlist li li { display: block; background-color: #fff; width: 205px; padding: 0; margin: 0; border: 1px solid #ec008c; border-top: none; float: none; height: 20px; }
#navlist li li.firstitem { border-top: 1px solid #ec008c; }
#navlist li li a { display: block; font-weight: bold; color: black; background-color: #fff; font-size: 11px; padding-top: 2px; padding-left: 9px; color: #ec008c; background-image: none; }
#navlist li li a:hover { border-color: #ec008c; border-width: 1px; color: #FFF; background-color: #ec008c; }
#navlist ul li  { text-align: left; }
li ul { display: none; position: absolute; top: 17px; left: 0; font-weight: normal; padding: 0; }
#navlist li:hover ul, li.over ul { display: block; }
#navlist { display: block; /* Show dynamic menu for modern browsers */ }
#navlist li.selected { }
#navlist li li.selected { background-image: none; }
#navlist .selected ul li:hover { background-color: #ec008c; }
#navlist .selected ul li a { background-color: #FFF; color: #ec008c; background-image: none; }
#navlist .selected ul li a:hover { background-color: #ec008c; color: #FFF; background-image: none; }


/* Tilmeldingsform (USerControl) */
#aspnetForm p { padding-top: 4px; padding-bottom: 4px;  } 
#aspnetForm p, #aspnetForm input, #aspnetForm select { color: rgb(99, 99, 99); font-family: Tahoma, Verdana, Geneva, sans-serif;  }
#aspnetForm input.txt, #aspnetForm select { width: 380px;  }
#aspnetForm input.dd { width: 20px;   }
#aspnetForm input.dddd { width: 33px; }
#aspnetForm input.zip { width: 60px; }
#aspnetForm input.city { width: 330px;  }
#aspnetForm p.BannerButton { background-color: #8DC63F; color: #FFF; font-size: 17px; padding: 4px; }
#aspnetForm p.BannerButton a:link, #aspnetForm p.BannerButton a:visited, #aspnetForm p.BannerButton a:active { color: #FFF; text-decoration: none;}
div#clones div.maalerform { border: solid 1px #DDDDDD; margin-top: 4px;}
#aspnetForm #ctl01_txtBynavn { width: 300px; }
#aspnetForm #ctl01_foedselsdato { width: 60px; } 
#aspnetForm #ctl01_foedselsdatoCprCifre { width: 80px; }
#aspnetForm .RedAlert { border-bottom-color: red; border-top-color: red; border-right-color: red; border-left-color: red; }
#tooltip { position: absolute; top: 0px; left: 0px; z-index: 100; background: #fff;padding: 4px; border: 1px solid #747474; }

/* Bliv kunde oprettelse af bruger profil */
input.profilTextFelt { width: 200px; color: #666666; font-weight: bold; margin-top: 4px;}
span.valideringsInfo { background: #FFFFFF; color: #ec008c; padding: 4px; }

/* Små pop up bokse */
.tooltipText { position: absolute; display: none; z-index: 100; background: #fff;padding: 4px; border: 1px solid #747474; width: 300px;}
div#tooltipCpr {}
div#tooltipAftagernummer {}
div#tooltipMaalernavn {}
div#tooltipLeverandoerSkift {}
div#tooltipAarligforbrug {}	

/* Konkurrence sep 2009 */
.clickclick-competition-content {position:relative; z-index:1;}
.clickclick-competition-form {float:left; width: 230px;}
.clickclick-competition-rightgfx {position:absolute; z-index: 99;left:414px; width:216px; height:390px; top:135px;}
.clickclick-competition-rightgfx img {z-index:100;}

.input-checkbox-area {margin-bottom: 10px;}
.input-checkbox {border:none;}
.input-text {width: 200px;padding: 3px 3px 3px 8px; margin-bottom: 4px; border: 1px solid #747474;}
.input-zipcode {width: 50px;}

.input-city {width: 125px;}
.input-mark {font-weight:bold; color:#fff; margin:0 0 0 2px;}
.submit-text {cursor:pointer;}
.infobox {color:#fff;}
