html, body { background-color:#999999; color:#666; font:normal 11px Verdana, Arial, Sans-Serif; margin:0;}
div.clr {clear:both;}
p {padding:0; margin:0;}
img {border:none;}
table {border-collapse:collapse;}
td {padding:0; text-align:left; font-size:11px; line-height:13px;}
forms {padding:0; margin:0;}
ul {margin:0; padding:0;}
li {background:url(../images/list_bullet.gif) no-repeat left center; margin:0 0 2px 0; padding:0 0 0 10px; list-style-type:none;}
/* Home */
div.DIVContainer {width:982px; margin:0 auto; background-color:#fff; padding:0 40px 40px;}
div.DIVContainer div {text-align:left;}
/*##################################################################################################################################
Telepunkt billedetekst
##################################################################################################################################*/
address {color:#666666; font-size:10px; line-height:12;}
/*##################################################################################################################################
Telepunkt headers h1, h2, h3, h4, h5 og h6
##################################################################################################################################*/
h1 {font-family: Verdana; font-size:17px; line-height:21px; font-weight:normal; margin:0 0 6px 0; padding:0; color:#910159;}
h4 {font-family: Verdana; font-size:17px; line-height:21px;font-weight:normal; margin:0 0 6px 0; padding:0; color:#505050;}
h2 {font-family: Verdana; font-size:15px; line-height:18px; font-weight:bold; margin:0 0 2px 0; padding:0; color:#910159;}
h5 {font-family: Verdana; font-size:15px; line-height:18px; font-weight:bold; margin:0 0 2px 0; padding:0; color:#505050;}
h3 {font-family: Verdana; font-size:13px; line-height:15px; font-weight:bold; margin:0 0 2px 0; padding:0; color:#910159;}
h6 {font-family: Verdana; font-size:13px; line-height:15px; font-weight:bold; margin:0 0 2px 0; padding:0; color:#505050;}
/*##################################################################################################################################
Telepunkt topnavigation
##################################################################################################################################*/
div.Topnavigation {background:url(../images/topnavigation_bg.gif) no-repeat; width:660px; height:30px; border-bottom:solid 1px #cccccc; float:left; font-family:Arial; font-size:12px;}
div.Topnavigation li.vline {background:url(../images/topnavi_navi_space.gif) no-repeat; margin:0; margin:0;}
div.Topnavigation ul {margin:9px 0 0 13px; padding:0;}
div.Topnavigation li {display:inline; float:left; margin:0 20px 0 0; line-height:100%; background:none;}
/* aktive menupkt. */
div.Topnavigation li.TopNavi_Active a:link,
div.Topnavigation li.TopNavi_Active a:visited {color:#910159;}
div.Topnavigation li img {vertical-align:middle;}
div.Topnavigation li a:link, div.Topnavigation li a:visited {text-decoration:none; color:#666;}
div.Topnavigation li a:hover {color:#91005a;}
/*##################################################################################################################################
Telepunkt søgefunktion
##################################################################################################################################*/
div.SogeFunktion {float:left; width:240px; background:url(../images/sog_bg.gif) no-repeat; height:30px; border-bottom:solid 1px #cccccc}
div.SogeFunktion input.NormalTextBox {border:solid 1px #ccc; background-color:#fff; width:102px; margin:5px 0 0 106px; color:#505050;}
div.SogeFunktion a {color:#000; margin:8px 0 0 80px; position:absolute;}
/*##################################################################################################################################
Telepunkt logo
##################################################################################################################################*/
div.Logo {float:left; width:200px; height:75px; text-align:left;}
/*##################################################################################################################################
Telepunkt quickmenu i øverste højre hjørne
##################################################################################################################################*/
div.QuickMenu {float:right;}
div.QuickMenu table {float:right; margin:10px 0 0;}
div.QuickMenu table ul {padding:0; margin:0;}
div.QuickMenu table li {display:inline; float:left; margin:0 10px 0 0; padding:0; background:none;}
div.QuickMenu table td table {width:225px; margin:10px 0 0;}
div.QuickMenu table td table td {text-align:center;}
div.DIVContainer div.QuickMenu table a {color:#666;} /* links i QuickMenu */
/*##################################################################################################################################
Telepunkt baggrund under topmenu 6 px høj
##################################################################################################################################*/
div.BGUnderMenu {float:left; width:900px; background:url(../images/bg_under_menu.gif) repeat-x; height:4px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
/*##################################################################################################################################
Telepunkt uden topbanner
##################################################################################################################################*/
div.TopNoBanner {float:left; width:900px; clear:left; background-color:#fff; height:10px; overflow:hidden;}
/*##################################################################################################################################
Telepunkt med topbanner
##################################################################################################################################*/
div.TopBanner {float:left; width:900px; height:60px; clear:left; background-color:#fff; margin:0 0 10px 0;}
/* venstre kolonne forside */
div.LeftColumn {float:left; width:650px; height:470px; padding:0; margin:0;}
/*##################################################################################################################################
Telepunkt forside
##################################################################################################################################*/
/* Annonce 1 */
div.Annonce1Forside {width:650px; height:270px; float:left; padding:0; margin:0 0 10px 0; overflow:hidden;}
div.Annonce1Forside div.ForsideContainer {height:270px; width:450px; padding:0; margin:0; vertical-align:top; max-height:270px;}
div.Annonce1Forside div.ForsideContainer div.HiddenLayer {overflow:hidden; height:270px;}
/* Annonce 3 */
div.Annonce3Forside {float:left; width:400px; height:190px; margin:0 10px 0 0; padding:0; display:inline;}
div.Annonce3Forside div.ForsideContainer {height:190px;}
div.Annonce3Forside div.ForsideContainer table td.MiddleBG div.HiddenLayer {overflow:hidden; height:166px;}
/* Annonce 4 */
div.Annonce4Forside {float:left; width:240px; height:190px; margin:0; padding:0; display:inline; max-height:190px;}
div.Annonce4Forside div.ForsideContainer {height:190px;}
div.Annonce4Forside div.ForsideContainer table td.MiddleBG div.HiddenLayer {overflow:hidden; height:166px;}
/* annonce 2 [240 x 190] */
div.Annonce2Forside {float:left; width:240px; height:190px; margin:0; padding:0; display:inline; max-height:190px;}
div.Annonce2Forside div.ForsideContainer {height:190px;}
div.Annonce2Forside div.ForsideContainer table td.MiddleBG div.HiddenLayer {overflow:hidden; height:166px;}
/* annonce 5 [240 x 270] */
div.Annonce5Forside {float:left; width:240px; height:270px; margin:10px 0 0 0; padding:0; display:inline; max-height:270px;}
div.Annonce5Forside div.ForsideContainer {height:270px; vertical-align:top; margin:0; padding:0;}
div.Annonce5Forside div.ForsideContainer div.HiddenLayer {overflow:hidden; height:246px;}
div.RightColumn {float:left; width:240px; height:470px; margin: 0 0 10px 10px;}
div.BottomContent {float:left; margin: 0 0 14px 0;}
/*##################################################################################################################################
Telepunkt produktforside + undersider
##################################################################################################################################*/
div.LeftColumnTemplate {float:left; width:190px; margin:0 10px 0 0; background-color:#fff; padding:0;}
div.MiddleColumnTemplate {float:left; width:450px; margin:0px 10px 0 0; padding:0;}
div.RightColumnTemplate {float:left; width:240px; height:470px; margin: 0 0 14px; padding:0;}
/* Annonce 1 */
div.Annonce1Produkter {width:450px; height:270px; float:left; display:inline; margin:0 0 10px 0;}
div.Annonce1Produkter div.ForsideContainer div.Normal {line-height:14px;} /* line-height for brødteksten på undersider */
div.Annonce1Produkter div.ForsideContainer {height:270px;}
div.Annonce1Produkter div.ForsideContainer div.HiddenLayer {overflow:hidden; height:270px;}
/* Annonce 3 */
div.Annonce3Produkter {float:left; width:220px; height:190px; margin:0 10px 0 0; display:inline; padding:0;}
div.Annonce3Produkter div.ForsideContainer {height:190px;}
div.Annonce3Produkter div.ForsideContainer div.HiddenLayer {overflow:hidden; height:166px;}
/* Annonce 4 */
div.Annonce4Produkter {float:left; width:220px; height:190px; margin:0; display:inline; padding:0;}
div.Annonce4Produkter div.ForsideContainer {height:190px;}
div.Annonce4Produkter div.ForsideContainer div.HiddenLayer {overflow:hidden; height:166px;}
/* Annonce 2 [infoboks i øverste højre hjørne] */
div.Annonce2Produkter {float:left; width:240px; height:190px; margin:0; padding:0; display:inline; max-height:190px;}
div.Annonce2Produkter div.ForsideContainer {height:190px;}
div.Annonce2Produkter div.ForsideContainer table td.MiddleBG div.HiddenLayer {overflow:hidden; height:166px;}
/* Annonce 5 [infoboks i nederste højre hjørne] */
div.Annonce5Produkter {float:left; width:240px; height:270px; margin:10px 0 0 0; display:inline; max-height:270px;}
div.Annonce5Produkter div.ForsideContainer {height:270px; vertical-align:top; margin:0; padding:0;}
div.Annonce5Produkter div.ForsideContainer div.HiddenLayer {overflow:hidden; height:246px;}
/* Produkter underside */
div.ProdukterUnderside {float:left; width:450px; display:inline;}
div.DIVContainer div.LoginDIV {width:900px; text-align:center}
div.LoginDIV table.LoginTable {width:200px; margin:0 0 30px 0;}
div.Annonce5Forside div.Content-Pane input.NormalTextBox {border:solid 1px #ccc; margin:0 0 10px 0;}
div.Annonce5Forside div.Content-Pane {width:200px;}
div.Annonce5Forside div.Content-Pane input.StandardButton {border:solid 1px #ccc;}
/*##################################################################################################################################
Telepunkt adresse i bunden
##################################################################################################################################*/
div.Footer {float:left; color:#666; width:900px; height:21px; overflow:hidden;}
div.Footer span {margin:0 0 0 280px;}
div.Footer ul {margin:0 260px 0 260px; padding:0;}
div.Footer li {display:inline; margin:0 10px 0 0; padding:0 0 0 10px; background:url(../images/frontpage/footer_bullet.gif) no-repeat left center;}
div.Footer li.firstLI {background:none; list-style:none; display:inline;}
/*##################################################################################################################################
Telepunkt gradient infoboks med fast højde
##################################################################################################################################*/
div.ForsideContainer table.TelePunktBox {width:100%; height:100%;}
div.ForsideContainer table.TelePunktBox td.TopLeftBG {background:url(../images/boxe/topleftbg.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer table.TelePunktBox td.TopMiddleBG {background:url(../images/boxe/topmiddlebg.gif) repeat-x; height:12px;}
div.ForsideContainer table.TelePunktBox td.TopRightBG {background:url(../images/boxe/toprightbg.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer table.TelePunktBox td.MiddleLeftBG {background:url(../images/boxe/middleleftbg.gif) repeat-y;}
div.ForsideContainer table.TelePunktBox td.MiddleBG {background:url(../images/boxe/middlebg.gif) repeat-x; vertical-align:top;}
div.ForsideContainer table.TelePunktBox td.MiddleRightBG {background:url(../images/boxe/middlerightbg.gif) repeat-y;}
div.ForsideContainer table.TelePunktBox td.BottomLeftBG {background:url(../images/boxe/bottomleftbg.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer table.TelePunktBox td.BottomMiddleBG {background:url(../images/boxe/bottommiddlebg.gif) repeat-x; height:12px;}
div.ForsideContainer table.TelePunktBox td.BottomRightBG {background:url(../images/boxe/bottomrightbg.gif) no-repeat; width:9px; height:12px;}
/*##################################################################################################################################
Telepunkt Stroke Container (bottomContent)
##################################################################################################################################*/
div.ForsideContainer_2 table.TelePunktBox_2 {width:100%; height:100%;}
div.ForsideContainer_2 table.TelePunktBox_2 td.TopLeftBG_2 {background:url(../images/boxe/topleftbg_2.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer_2 table.TelePunktBox_2 td.TopMiddleBG_2 {background:url(../images/boxe/topmiddlebg_2.gif) repeat-x; height:12px;}
div.ForsideContainer_2 table.TelePunktBox_2 td.TopRightBG_2 {background:url(../images/boxe/toprightbg_2.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer_2 table.TelePunktBox_2 td.MiddleLeftBG_2 {background:url(../images/boxe/middleleftbg_2.gif) repeat-y;}
div.ForsideContainer_2 table.TelePunktBox_2 td.MiddleBG_2 {background:url(../images/boxe/middlebg_2.gif) repeat-x; vertical-align:top;}
div.ForsideContainer_2 table.TelePunktBox_2 td.MiddleRightBG_2 {background:url(../images/boxe/middlerightbg_2.gif) repeat-y;}
div.ForsideContainer_2 table.TelePunktBox_2 td.BottomLeftBG_2 {background:url(../images/boxe/bottomleftbg_2.gif) no-repeat; width:9px; height:12px;}
div.ForsideContainer_2 table.TelePunktBox_2 td.BottomMiddleBG_2 {background:url(../images/boxe/bottommiddlebg_2.gif) repeat-x; height:12px;}
div.ForsideContainer_2 table.TelePunktBox_2 td.BottomRightBG_2 {background:url(../images/boxe/bottomrightbg_2.gif) no-repeat; width:9px; height:12px;}
/*##################################################################################################################################
Telepunkt gradient infoboks med variabel højde
##################################################################################################################################*/
div.EmptyNoHeight table.TelePunktBox {width:100%; height:100%;}
div.EmptyNoHeight table.TelePunktBox td.TopLeftBG {background:url(../images/boxe/topleftbg.gif) no-repeat; width:9px; height:12px;}
div.EmptyNoHeight table.TelePunktBox td.TopMiddleBG {background:url(../images/boxe/topmiddlebg.gif) repeat-x; height:12px;}
div.EmptyNoHeight table.TelePunktBox td.TopRightBG {background:url(../images/boxe/toprightbg.gif) no-repeat; width:9px; height:12px;}
div.EmptyNoHeight table.TelePunktBox td.MiddleLeftBG {background:url(../images/boxe/middleleftbg.gif) repeat-y;}
div.EmptyNoHeight table.TelePunktBox td.MiddleBG {background:url(../images/boxe/middlebg.gif) repeat-x; vertical-align:top;}
div.EmptyNoHeight table.TelePunktBox td.MiddleRightBG {background:url(../images/boxe/middlerightbg.gif) repeat-y;}
div.EmptyNoHeight table.TelePunktBox td.BottomLeftBG {background:url(../images/boxe/bottomleftbg.gif) no-repeat; width:9px; height:12px;}
div.EmptyNoHeight table.TelePunktBox td.BottomMiddleBG {background:url(../images/boxe/bottommiddlebg.gif) repeat-x; height:12px;}
div.EmptyNoHeight table.TelePunktBox td.BottomRightBG {background:url(../images/boxe/bottomrightbg.gif) no-repeat; width:9px; height:12px;}
#dnn_ContentPane {border:none;}
/* placering af elementer til søgning */
div.SearchResults table td {padding:0 10px 10px 0; vertical-align:top;}
div.SearchResults table td a.CommandButton {color:#910159;}