/*###################################
 CSS by aarfing | http://aarfing.dk/

 INFO: http://manual.tdconline.dk/
#####################################*/

/* includes */
@import url(tdcdesign.css);

/* generel */
body {padding: 0; margin: 0; background: #E8E8E8 url("https://i.tdconline.dk/gfx/f5/common/bodybg.gif") repeat-x scroll 0% 0%; text-align: center}
#t-w {position: relative; margin: 0 auto; width: 770px; text-align: left; z-index: 1}
#t-lines {border-left: 1px solid #fff; border-right: 1px solid #fff}
.t-bug {display: inline; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden}
#logingfx, #t-stat {display: none}
.t-on, .t-on:visited, .t-on a, .t-on a:visited {color: #000000 ! important}

/* header */
#t-t {width: 768px; height: 80px; background: #fff}
#t-t1 {width: 576px; height: 80px; background: #fff}
#t-t2 {width: 175px; height: 80px; position: absolute; left: 585px; top: 5px; background: #a7bada; color: #000}
#t-t2 input, #t-t2 select {height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
#t-t2 .t-s-input {width: 128px}
#t-t2 .t-s-button {width: 40px; padding: 0}
#t-t2 select {width: 172px}
#t-t2 div {font-weight: bold; margin-top: 10px}
#t-logo {margin: 15px 0 0 22px}

/* topnavi */
#t-tn {height: 27px; background: #fff; border-bottom: 1px solid #fff}
#t-tn a {font-size: 11px; font-weight: bold; display: block; border-left: 1px solid #009; border-right: 1px solid #009}
#t-tn div {display: block; position: absolute; top: 83px; height: 23px; text-align: center; padding-top: 4px}
#t-tn1 {left: 0; width: 68px}
#t-tn2 {left: 67px; width: 82px}
#t-tn3 {left: 148px; width: 118px}
#t-tn4 {left: 265px; width: 110px}
#t-tn5 {left: 374px; width: 80px}
#t-tn1 a {border-left: 0}

/* topsubnavi */
#t-tsn {background: #fff; height: 22px; padding-left: 4px; white-space: nowrap; font-size: 11px}
#t-tsn div {padding-top: 4px}
#t-tsn a {display: inline; font-size: 11px; border-right: 1px solid #999; padding: 0 14px 0 10px; height: 11px}

/* login and basket */
#t-loginbox {position: relative; top: 0; left: 576px; z-index: 102; width: 192px; font-size: 0; line-height: 0}
#t-login {position: absolute; top: 0; left: 0; width: 192px; font-size: 10px; font-weight: bold; line-height: 18px; background: #fff}
#t-bas, #t-shop, #t-selv, #t-buy {border-bottom: 1px solid #fff}
#t-bas, #t-buy {background: #009 url(../gfx/icon/basket_white16.gif) no-repeat 5px 50%; color: #fff}
#t-bas a, #t-basket a:visited, #t-buy a, #t-buy a:visited {color: #fff ! important}
#t-bas-inv {float: left; width: 116px; height: 18px; text-indent: 26px}
#t-bas-sep {float: left; width: 16px; height: 18px; text-align: center; font-size: 11px; font-weight: bold}
#t-bas-amo {float: left; width: 55px; height: 18px; text-align: right}
#t-bas .clear {clear: left; height: 0; font-size: 0; line-height: 0}
#t-shop {position: relative; background: #A6B2C0 url(../gfx/icon/lock_blue16.gif) no-repeat 5px 50%; cursor: pointer}
#t-shop-log {padding-left: 26px; height: 18px; color: #009; overflow: hidden}
#t-shop-name {font-weight: normal; color: #333333}
#t-shop-flip {position: absolute; top: 0; left: 169px; width: 22px; height: 18px; background: url(../gfx/loginarrow_down.gif) no-repeat}
.t-shop-flip-up {background: url(../gfx/loginarrow_up.gif) no-repeat ! important}
#t-shop .clear {clear: left; height: 0; font-size: 0; line-height: 0}
#t-shop-box {background: #ddd url(../gfx/corner_blue.gif) no-repeat bottom right; font-weight: normal}
#t-shop-box {padding: 10px 0 0 0}
#t-shop-box div input {float: left; background-color: #fff; width: 172px; margin: 0 0 5px 0; border: 1px solid #999}
#t-shop-box div input.t-button {width: 60px; float: right; background: #9eb6bf url(../gfx/loginbut.gif) no-repeat right ! important}
#t-shop-box .t-pwdimg {width: 100px; background: #fff url(../gfx/pwd.gif) no-repeat}
#t-shop-inp {height: 50px; padding: 0 10px; border-bottom: 1px solid #fff}
#t-shop-user {height: 55px; padding: 0 10px; border-bottom: 1px solid #fff}
#t-shop-link {padding: 10px; line-height: 14px; font-weight: bold}
#t-shop-user div {float: left; width: 100px; height: 40px; line-height: 12px; overflow: hidden}
#t-shop-user input.t-button {margin-top: 5px}
#t-buy {text-indent: 26px}

/* main */
#t-m {width: 768px; border-top: 1px solid #999; background: #fff}
#t-m .t-lines {width: 768px; background: url(../gfx/backlines.gif) repeat-y 191px}
#t-c, #t-c2 {float: left; overflow: hidden; width: 384px; padding-bottom: 10px}
#t-mb {clear: left; width: 768px; height: 1px; font-size: 0; line-height: 0; background: #fff}

/* left */
#t-l {float: left; width: 192px}
#t-lp {width: 14px; height: 320px; float: left}
#t-ln {float: left; width: 173px; padding: 10px 0; overflow: hidden}
.t-ln-head {font-size: 11px; font-weight: bold; padding: 0 0 10px 0}
#t-ln div {white-space: nowrap}
#t-ln a, #t-lx a, #t-related a {cursor: pointer}
.t-lnx, .t-ln0, .t-ln1, .t-ln2, .t-ln3, .t-ln4, .t-ln5, .t-ln6 {height: 20px}
.t-lnx {font-size: 10px; font-weight: bold; line-height: 20px}
.t-ln0 {font-size: 10px; padding-left: 13px; font-weight: bold}
.t-ln1 {font-size: 10px; padding-left: 1px; font-weight: bold}
.t-ln2 {font-size: 10px; padding-left: 14px}
.t-ln3 {font-size: 9px; padding-left: 25px}
.t-ln4 {font-size: 9px; padding-left: 36px}
.t-ln5 {font-size: 9px; padding-left: 47px}
.t-ln6 {font-size: 9px; padding-left: 58px}
.t-ln-img {width: 9px; height: 9px; vertical-align: middle; margin-right: 3px; cursor: pointer}
.loginlock {width: 7px; height: 9px; margin-left: 4px; vertical-align: middle; border: 0}
#t-lr {padding: 10px 0}
#t-lr-head {font-size: 11px; padding: 0 0 10px 0; color: #000}

/* right */
#t-r, #t-r2, #t-r3 {float: left; width: 192px; overflow: hidden; margin: 0}

/* bottom */
#t-b {clear: both; background: #00aab5; height: 28px; line-height: 28px; color: #fff; padding: 0 24px}
#t-b a, #t-b a:visited {color: #fff ! important}
#t-bl {float: left}
#t-br {float: right}

/* level 1 main */
#t-teaser {background: #fff; position: relative; top: 0; left: 0}

#t-imgnavi {position: absolute; top: 0; width: 768px; height: 21px; background: #333}
#t-imgnavi div {float: left; width: 192px; height: 21px}
#t-imgnavi a {display: block; text-align: center; border-bottom: 1px solid #999; border-right: 1px solid #fff; line-height: 20px}
#t-imgnavi a, #t-imgnavi a:visited {color: #fff ! important}
#t-imgnavi a.t-on, #t-imgnavi a.t-on:visited {background: #fff; font-weight: bold; color: #009 ! important; text-decoration: none ! important}
#t-imgnavi .t-on {border-bottom: 1px solid #fff; border-right: 1px solid #999}

#t-imgtext {position: absolute; top: 120px; left: 450px; width: 195px; height: 82px; color: #000; background: #fff; overflow: hidden; border: 1px solid #ccc}
html>body #t-imgtext {width: 193px; height: 80px}
#t-imgtext div {padding: 10px}
#t-imgtext h1 {font-size: 16px; font-weight: bold; padding: 0; margin: 0; width: 165px}
#t-imgtext p {margin: 5px 0 0 0}
#t-imgtext, #t-splash {display: none}
#t-splash {height: 0}

#t-mnavitop {position: absolute; top: 237px; width: 768px; height: 22px}
#t-mnavitop div {position: absolute; top: 0}
#t-mnavitop .line {left: 383px; width: 1px; height: 152px; background: #009}
#t-p {left: 0; height: 22px}
#t-e {left: 384px; height: 22px}
#t-p, #t-e {background: #fff; width: 92px; line-height: 21px}
#t-p a, #t-e a {display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: center; color: #333333; border-top: 1px solid #009; border-right: 1px solid #009}
#t-mnavi {background: #fff; border-top: 1px solid #009; border-bottom: 1px solid #009}
#t-mnavi2 {height: 130px}
.t-mnavi {float: left; width: 384px; height: 128px}
#t-mnavi p {padding: 10px 15px 10px 15px; margin: 0}
#t-mnavi .links {width: 383px; height: 80px}
#t-mnavi .links div {float: left; width: 190px; height: 40px; font-weight: bold}
#t-mnavi .links div img {width: 36px; height: 36px; margin: 0 3px 0 8px; vertical-align: middle}

#t-com {background: #a7bada; height: 70px}
#t-com #t-com1, #t-com #t-com2, #t-com #t-com3, #t-com #t-com4 {float: left; width: 192px; height: 70px}
#t-com .line {height: 70px; border-right: 1px solid #fff}
#t-com div div {padding: 0px 12px}
#t-com img {margin: 8px 0 5px 0}
#t-com a {display: block}
#t-com1 img {margin-bottom: 11px}
#t-com4 img {margin-bottom: 4px}

/* level styles */
#t-1 .t-lines, #t-2 .t-lines {background: none}
#t-1 #t-m {border-top: 0 ! important}
#t-1 #t-m .t-lines, #t-2 #t-m .t-lines {background-image: none}
#t-2 #t-m {border-top: 1px solid #fff; background-image: none}
#t-1 #t-c {width: 768px; overflow: visible; padding: 0}
#t-2 #t-c, #t-3 #t-c, #t-3 #t-c2 {overflow: visible; padding: 0}
#t-1 #t-r, #t-2 #t-r {margin: 0}

/* wide */
body.wide #t-c {width: 576px}
body.wide #t-m .t-lines {background: url(../gfx/backline.gif) repeat-y 191px}