#HomePageBlok {margin-left: 15px; width: 942px;}
#HPRow1 {height: 308px; width: 100%; overflow: hidden;}
#HPRow1.Mobile_HP_sbox {width: 100%; overflow: hidden; margin-bottom: 25px;}
#HPSubNav {width: 156px; height: 100%; float: left; background-image: url(http://graphics.tn-media.be/homepage/HPSubNavBG.png); padding: 1px 1px 2px 0;}
#HPSubNav a {display: block; width: 155px; height: 61px;background-image: url(http://graphics.tn-media.be/homepage/HPSubNav.png); background-repeat: no-repeat; position: relative; text-decoration: none;}
#HPSubNav a:hover {background-position: bottom left;}
#HPSubNav span {width: 130px; height: 20px; position: absolute; top: 25px; left: 25px; display: block; font-size: 18px; color: #58595b; line-height: 20px; font-family: BreuerTextRegular;}
#HPSubNav a:hover span {font-family: BreuerTextBold;}
#HPSBox {width: 773px; height: 100%; float: left; margin-left: 6px; background: url(http://graphics.tn-media.be/homepage/sbox_default.png); position: relative;}
#HPSBox.mobilehomepage {margin-left: 0;}
#HPSBox .sboxenHP {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
#HPTabNav {position: absolute; bottom: 1px; left: 1px; width: 770px; height: 62px; background-image: url(http://graphics.tn-media.be/homepage/tabs_sbox.png);background-position: top left;}
#HPTabNav.tabs2 {background-image: url(http://graphics.tn-media.be/homepage/tabs_sbox_2.png);}
#HPTabNav.tabs3 {background-image: url(http://graphics.tn-media.be/homepage/tabs_sbox_3.png);}
#HPTabNav.tabs4 {background-image: url(http://graphics.tn-media.be/homepage/tabs_sbox_4.png);}
#HPTabNav.tabs5 {background-image: url(http://graphics.tn-media.be/homepage/tabs_sbox.png);}
#HPTabNav  ul{width: 100%; height: 62px; margin: 0; padding: 0; margin: 0 2px 0 1px;}
#HPTabNav ul li {width: 154px; height: 62px;list-style: none; display: inline-block; float: left; background: none; padding: 0; margin: 0;}
#HPTabNav.tabs2 ul li {width: 385px;}
#HPTabNav.tabs3 ul li {width: 256px;}
#HPTabNav.tabs4 ul li {width: 192px;}
#HPTabNav.tabs5 ul li {width: 154px;}
#HPTabNav ul li a{width: 100%; height: 100%; display: block; text-align: center; font-size: 17px; line-height: 21px; color: #4d4d4f; text-decoration: none;}
#HPTabNav span.smallertext{font-size: 13px; line-height: 15px; display: block;}
#HPTabNav span.singleline{display: block; margin-top: 30px;}
#HPTabNav span.dualline{display: block; margin-top: 20px;}
#HPRow2 {height: 163px; width: 100%; overflow: hidden; padding-top: 17px;}
.HPRow2Block {width: 307px; height: 100%; float: left;}
.HPRow2Block .titelveld{width: 100%; height: 45px; overflow:hidden;}
.HPRow2Block  h2 {color: #8c8c8c; font-size: 20px; margin: 10px 15px 10px 15px; padding: 0;}
.HPRow2Block .tekstveld{width: 100%; height: 80px; overflow:hidden;}
.HPRow2Block .tekstveld p {color: #58595b; font-size: 12px; line-height: 15px; margin: 0 15px; padding: 0;}
.HPRow2Block .linkveld {width: 100%; height: 38px; overflow:hidden; margin: 0 15px; padding: 0;}
.HPRow2Block .promoveld{width: 100%; height: 118px; overflow:hidden;}
.HPRow2Block .promoveld p {background: url(http://graphics.tn-media.be/homepage/bg_dottedyellow.png) no-repeat bottom center; padding: 5px 0 5px 7px; margin: 0; font-size: 12px; line-height: 15px;}
.HPRow2Block .promoveld p.last {background: none;}
.HPRow2Block .promoveld a{/*background: url(http://graphics.tn-media.be/GreyArrowIcoon.png) no-repeat left top; padding-left: 21px;*/padding-left:9px; text-decoration: none; display: inline-block; min-height: 16px;}
.HPRow2Block .promoveld a span.rodetekst {color: #ed1c24;}
.HPRow2Block .promoveld a span.orange, .HPRow2Block .promoveld a:hover{color: #ec6410;}
.blockmiddle {margin-left: 11px;}
.blockright {margin-left: 10px;}
#HPRow3 {width: 100%; overflow: hidden; margin-top: 17px;}
#HPRow3OS {width: 625px; height: 100%; float: left; background: url(http://graphics.tn-media.be/homepage/bg_bottom_OS.png) no-repeat left bottom;}
.hpTopBalk625 {width: 100%; height: 57px; background: url(http://graphics.tn-media.be/homepage/bg_top_OS.png) no-repeat left top; overflow: hidden;}
.hpTopBalk625Title {width:315px; float: left;}
.hpTopBalk625Title h1 {font-size: 18px; line-height: 21px; color: #58595b; font-family: BreuerTextRegular; margin: 12px 2px 5px 15px; padding: 0;}
.hpTopBalk625Zoek {width:310px; float: right; margin-top: 7px;}
.hpTopBalk625Zoek .zoekPanelBlok1 {width: 270px; background: url(http://images.tn-media.be/header/bg_zoek_input2.png) no-repeat;}
.hpTopBalk625Zoek .zoekPanelBlok1 input {width: 250px;}
.hpContent625 {width: 100%; overflow: hidden; background: url(http://graphics.tn-media.be/homepage/bg_dottedyellow.png) no-repeat 10px bottom; padding: 8px 0 20px 0;}
.hpContent625A {width: 250px; float: left; padding: 10px 17px 0 20px;}
.hpContent625B {width: 300px; float: left; margin: 10px 17px 0 20px;}
.hpContent625B p {padding: 0; margin: 0;}
.hpContent625C {width: 587px; ; padding: 10px 17px 0 20px;}
.hpContent625 h2, .HPContact h2, #hpTekstMT h2  {color: #58595B; font-size: 15px; font-family: BreuerTextBold; padding: 0;}
a.HelpCat {font-family: BreuerTextRegular; font-size: 16px; line-height: 35px; display: block; margin: 10px 0; padding-left: 40px; text-decoration: none; background: url(http://graphics.tn-media.be/homepage/ill_categorie.png) no-repeat;}
#Cat_klantworden {background-position: 0 0;}
#Cat_klantworden:hover {background-position: -250px 0;}
#Cat_verhuizen {background-position: 0 -46px;}
#Cat_verhuizen:hover {background-position: -250px -46px;}
#Cat_promo {background-position: 0 -95px;}
#Cat_promo:hover {background-position: -250px -95px;}
#Cat_installeren  {background-position: 0 -140px;}
#Cat_installeren:hover  {background-position: -250px -140px;}
#Cat_aanmelden {background-position: 0 -185px;}
#Cat_aanmelden:hover {background-position: -250px -185px;}
#Cat_beveiliging {background-position: 0 -235px;}
#Cat_beveiliging:hover {background-position: -250px -235px;}
.HPContact {padding: 25px 15px 30px 20px}
.HPContactBox {width: 100%; overflow: hidden;}
.hpTopBalkMT {width: 100%; height: 57px; background: url(http://graphics.tn-media.be/homepage/bg_top_MT.png) no-repeat left top; overflow: hidden;}
.hpTopBalkMT h1 {font-size: 18px; line-height: 21px; color: #58595b; font-family: BreuerTextRegular; margin: 12px 2px 5px 15px; padding: 0;}
.hpBottomBalkMT {width: 100%; background: url(http://graphics.tn-media.be/homepage/bg_bottom_MT.png) no-repeat left bottom;}
#hpAanmeldingMT{width: 100%; background: url(http://graphics.tn-media.be/homepage/bg_dotted_MT.png) no-repeat left bottom; overflow: hidden; font-size: 13px; padding-bottom: 10px;}
#enThuis #hpAanmeldingMT{background: none;}
#AanmeldingTekst {width: 140px; float: left; margin-left: 15px; display: none;}
#AanmeldingButton {width: 120px; float: left; margin-left: 15px;}
#AanmeldingWW {width: 140px; float: left; margin-left: 15px;}
#AanmeldingWW  a{font-size: 10px; font-weight: bold;}
#logoutbutton2 {display: none;}
#hpTekstMT {padding: 20px 15px 10px 20px; color: #101010; font-size: 13px;}
#hpTekstMT ul {margin:0; padding: 0; padding-top: 10px;}
#hpTekstMT p {padding: 0; margin: 0;}
#hpSocialMedia{margin-top: 10px; background: url(http://graphics.tn-media.be/homepage/bg_bottom_SM.png) no-repeat left bottom; font-size: 11px; line-height: 13px; padding-bottom: 10px;}
#hpSocialMedia p {font-size: 11px; line-height: 13px; margin: 0; padding: 0;}
.SocialBlock {padding: 0 10px 10px; margin: 0 6px 6px; width: 274px; overflow: hidden;}
.SocialBlockDivider {background: url(http://graphics.tn-media.be/homepage/bg_dotted_SM.png) no-repeat left bottom;}
.SocialBlockText {width: 100%; overflow: hidden;}
.SocialBlockTimeNumber {width: 100%; overflow: hidden;}
.SocialBlockTime {width: 140px; float: left; color: #b5b4b4;}
.SocialBlockNumber {width: 125px; float: right;}
a.RedArrowIcoon{background: url(http://graphics.tn-media.be/YellowArrowIcoon.png) no-repeat right center; padding-right: 25px; color: #f26534; font-size: 15px; font-family: BreuerTextBold, Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-weight: bold; text-decoration: none; display: inline-block;}
#ImportantMessageBanner{height: 15px; padding-left: 20px; height: 20px;background: url(http://images.tn-media.be/homepage/ico_important.png) no-repeat top left;}
#ImportantMessageBanner strong{color: #E3000B;}
#ImportantMessageBanner a {text-decoration: none;}
#ImportantMessageBanner p, #ImportantMessageBanner div{display: inline;}
.Mobile_HP_Bottom_toprow {width: 100%; overflow: hidden; background: url(http://graphics.tn-media.be/mobile2012/homep/bg_greyblok_top.png) top left no-repeat;}
.Mobile_HP_Bottom_bottomrow {width: 100%; overflow: hidden; background: url(http://graphics.tn-media.be/mobile2012/homep/bg_greyblok_bottom.png) bottom left no-repeat;}
.Mobile_HP_Bottom_cell {width: 252px; float: left;}
.Mobile_HP_Bottom_toprow .Mobile_HP_Bottom_cell {height: 100%;}
.Mobile_HP_Bottomnotlastcell {padding-right: 8px;}
.Mobile_HP_Bottom_innercell {width: 222px; padding: 5px 15px 20px 15px; }
.Mobile_HP_Bottom_cell_top .Mobile_HP_Bottom_innercell {padding: 20px 15px 0 15px;}
.Mobile_HP_Bottom_cell_title {font: 22px/24px BreuerTextBold,Verdana,Arial,Helvetica,sans-serif; color: #f26534;}