﻿*, a, p, span, div { font-family: 'Trebuchet MS' , Arial, Verdana; font-size: 11px; text-decoration: none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
body, html { margin: 0; padding: 0; }

div#body { width: 928px; left: 50%; margin-left: -464px; position: relative; }

/* Headers START */
h1, h1.h1, h2, h2.h2, h3, h3.h3, h4, h4.h4 { font-family: 'Trebuchet MS' , Arial, Verdana; font-style: normal; font-weight: bold; }
h1, h1.h1 { font-size: 15px; margin: 0; }
h2, h2.h2 { margin: 0; font-size: 14px; }
h3, h3.h3 { font-size: 13px; }
h4, h4.h4 { font-size: 12px; }

h1 a, h1.h1 a { font-family: 'Trebuchet MS' , Arial, Verdana; font-style: normal; font-weight: bold; font-size: 15px; margin: 0; text-decoration: none; }
h1 a:hover, h1.h1 a:hover { text-decoration: underline; }

.startHeader h1, #startProductHeader h1, .panelHeader h1 { font-weight: normal; font-size: 14px; }
.sliderBarBottom h2, .sliderBarBottom h2 a { font-weight: normal; font-size: 12px; line-height: 12px; }
/* Headers END */

/* General START */
.redBG { background-color: #A72024; color: White; }
.redBG a { color: White; }
.grayBG { background-color: #656565; color: White; }
.grayBG a { color: White; }

td.table_2_spalter_divider { width: 40px; }
.table_2_spalter td { vertical-align: top; }

* input, * textarea, #content * select, #content * option { color: Black; }

table table { width: 100%; }
a img { border: 0; }
/* General END */

/* Top START */
div#top { height: 110px; }
img.logo { margin-left: 72px; border: 0; }
div#top ul { padding: 0; margin: 33px 0 0 40px; margin-top: 33px; background: none; position: absolute; top: 0; left: 160px; width: 730px; }
div#top ul li, #mainMenu ul li { float: left; list-style: none; margin-right: 28px; }
div#top ul li a { color: Black; text-decoration: none; font-size: 12px; }

div#top ul ul { padding: 0; margin: 0; margin-top: 30px; background: none; position: absolute; top: 0; left: 0; }
div#top ul ul li { margin-right: 18px; }
div#top ul ul li a { color: #B9B9B9; text-decoration: none; font-size: 10px; font-weight: bold; }

div#top ul li a.inpath, #top ul.submenu li a.inpath, div#top ul li a.active, #top ul.submenu li a.active { color: #A72024; }

div#search { position: absolute; top: 30px; right: 72px; }
div#search input[type=text] { border: solid 1px #CECECE; color: #7F7F7F; padding-left: 12px; width: 100px; }
/* Top END */

/* Content START */
#content { position: relative; height: 454px; overflow: hidden; background-color: #191919; }
#content * { color: White; }
#content input, #content textarea { color: Black; }
div.konfigurator { height: 546px !important; }
div.madsc { height: 522px !important; }
/* Content END */

/* Bottom START */
#bottom { position: relative; }
#bottom ul { padding: 0; margin: 0; border: solid 0px green; position: absolute; }
#bottom ul li { float: left; list-style: none; padding-left: 19px; background-image: url( ../../Billeder/Invita2008/gfx/splitter.gif ); background-repeat: no-repeat; background-position: 10px 3px; }
#bottom ul li.first { background: none; }
#bottom ul li a { color: #565656; text-decoration: none; font-size: 10px; }
#bottom li.active a, #bottom li.inpath a { color: #A72024; }
#languageSelect { top: 13px; left: 50px; position: absolute; width: 100px; }
#serviceMenu ul { top: 13px; right: 19px; }
/* Bottom END */

/* Panels START */
.panel, .panelProduct { height: 454px; position: absolute; top: 0; background: #191919; background-repeat: no-repeat; background-position: 116px 0; z-index: 2; }
.panel.double { width: 232px; }
.panel.triple { width: 348px; }
.sliderBar, #content .submenu { color: #fff; position: absolute; width: 116px; overflow: hidden; }
.sliderBar { height: 454px; }
.submenu h3 { margin: 20px 0 0 13px; font-size: 13px; position: absolute; top: 0; left: 0; }
.click { height: 367px; cursor: pointer; background-repeat: no-repeat; }
.click img { border: 0; }
.sliderBarBottom { height: 77px; background-repeat: no-repeat; text-align: center; overflow: hidden; padding: 10px 15px 0 15px; text-align: left; width: 86px; left: 0; bottom: 0; position: absolute; }
.panel.triple .sliderBarBottom, .panel.double .sliderBarBottom, .panel.noSlide .sliderBarBottom { top: 367px; position: absolute; }
.panel.double .sliderBarBottom { width: 202px; }
.panel.triple .sliderBarBottom { width: 318px; }
.dark { background-color: #191919; }
.headerText { margin: 3px 0 3px 0; }
.headerText a, .headerText div, .headerText p, .headerText span, .headerText { font-size: 9px; line-height: 11px; }
.panelContent { width: 100%; height: 367px; position: absolute; left: 116px; overflow: hidden; background-repeat: repeat; }
.panel.triple .panelContent, .panel.double .panelContent, .panel.noSlide .panelContent { left: 0px; }
.panelHeader { left: 116px; position: absolute; top: 367px; }
.startContent { height: 367px; overflow: hidden; width: 464px; z-index: 0; }
.startContent { position: absolute; }
#TextSideService .startContent { left: 116px; }
#TextSideService .startHeader { left: 116px; }
.startHeader { position: absolute; top: 367px; z-index: 0; }
.startHeader, .panelHeader { height: 65px; color: White; padding: 20px 10px 0px 50px; overflow: hidden; }
.textContent { padding: 60px 70px 0 70px; height: 307px; }

#content .submenu { background-color: #191919; height: 412px; width: 101px; padding: 42px 0 0 15px; }
#content .submenu ul { margin: 0; padding: 0; }
#content .submenu ul li { list-style: none; padding-bottom: 14px; }
#content .submenu ul li a { color: White; text-decoration: none; font-size: 10px; }
#content .submenu li.active a, #content .submenu li.inpath a { text-decoration: underline; }
#content .submenuBg { background-color: #656565; }
#content .rightMenu { background-image: url(../../Billeder/Invita2008/gfx/ldSlider_Gray.jpg); right: 0px; }


.startContent .ulNewsList { margin: 0; padding: 0; }
.ulNewsList a { font-size: 11px; line-height: 12px; }
.startContent .ulNewsList li { list-style: none; padding-bottom: 3px; }

.downloadables { bottom: 20px; position: absolute; right: 38px; }
.downloadables a img { border: 0; margin-left: 20px; }

.flash { top: 0; left: 0; position: absolute; z-index: 0; width: 100%; height: 100%; }
.startContent .flash { z-index: 0; }
/* Panels END */

/* Product START */
.panelProductContent { width: 580px; height: 454px; left: 116px; position: absolute; }
.panelProduct { width: 116px; background: none; position: absolute; right: 116px; }
.wide.panelProduct { right:0; }
.panelProduct .panelContent { background: none; }
.panelProduct .panelContent .panelContentBG { position: absolute; width: 100%; height: 367px; background-color: White; background-image: url(/Files/Billeder/Invita2008/PanelGrafik/Detail.jpg); background-repeat: no-repeat; z-index: -1; }
.panelProduct .panelHeader { background-color: #191919; }
.panelProduct .toggle { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
.panelProduct .panelContent { left: 0px; }
.panelProduct .sliderBarBottom { top: 367px; position: absolute; }
#startProduct, #startProductHeader, #startProductFact { overflow: hidden; position: absolute; }
#startProduct { height: 367px; width: 580px; }
#startProduct.wide { height: 367px; width: 696px; }
.panelProductContent.tilbehor, .panelProductContent.tilbehor #startProduct { width: 464px; }
.panelProductContent.tilbehor #startProductFact { width: 270px; }
#startProductHeader, #startProductFact { padding: 27px 10px 0px 33px; color: White; top: 367px; }
#startProductHeader { height: 55px; width: 110px; }
#startProductFact { height: 55px; width: 392px; left: 140px; }
#startProductFact h2 { font-size: 14px; }
.productImage { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
#productImage { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#startContentProduct { background-image: url(../../Billeder/Invita2008/gfx/DarkGrayBG.gif); margin: 0; padding: 30px 30px 0 30px; }

.panelContent ul { height: 367px; margin: 0; padding: 27px 0 0 20px; }
.double .panelContent ul, .triple .panelContent ul { padding-left: 40px; }

.panelContent * { }
.panelContent ul li { list-style: none; padding-bottom: 10px; margin: 0; }
.panelContent ul li a img { border: 0; }

#startProduct #arrowLeft, #startProduct #arrowRight { position: absolute; display: block; cursor: pointer; }
#startProduct #arrowLeft img, #startProduct #arrowRight img { border: 0; }
#startProduct #arrowLeft { left: 16px; bottom: 14px; }
#startProduct #arrowRight { right: 16px; bottom: 14px; }

.accessCatalogue { position: absolute; bottom: 0px; width: 172px; text-align: center; padding-bottom: 15px; }

/* Markedspladsen START */
.mpListProduct { float: left; margin-right: 15px; margin-bottom: 15px; width: 300px; height: 143px; overflow: hidden; position: relative; }
.mpListProduct img { float: left; border: 0; }
.mpListProduct .mpProductDetails { float: left; margin-left: 5px; height: 143px; width: 130px; position: relative; }
.mpListProduct .mpProductDetails table { position: absolute; bottom: 20px; left: 0; width: 130px; }
.mpListProduct h2 { font-size: 13px; }
.mpListProduct .forhandlerLink { position: absolute; bottom: 0; left: 0; }

.mpListProduct.mpPanelListProduct { width: 160px; height: 153px; margin-right: 10px; margin-bottom: 10px; border: 0; }

.mpPanelListProduct img { float: none; }
.mpProduct { width: 633px; height: 310px; overflow: hidden; position: relative; }
.mpProduct img { }
.mpProduct .mpProductDetails { position: absolute; top: 0; right: 0; width: 200px; }
.mpProduct .price { font-size: 20px; }
.mpProduct h1 { font-size: 16px; }


/* Markedspladsen START */

/* Product END */

/*SCROLLER START*/
div.scrollHolder { position: relative; overflow: hidden; top: 30px; }
div.scrollWindow { position: absolute; left: 0; top: 0; overflow: hidden; }
div.scrollContent { position: absolute; visibility: hidden; left: 0; top: 0; padding: 0 0 0 30px; }
div.scrollBar { position: absolute; font-size: 1px; line-height: 1px; }
div.scrollArrow { position: absolute; }
div.scrollTrack { position: absolute; top: 0; left: 0; cursor: default; }
div.scrollDrag { position: absolute; left: 0; top: 0; background-position: 50% 50%; background-repeat: no-repeat; }
/*SCROLLER END*/



/* NY FORSIDE */
#content #NyForside { height: 454px; position: relative; }
#content #NyForsideBaggrund { height: 454px; width: 928px; overflow: hidden; position: absolute; z-index: 1; }
#content #NyForsideDownloadFlash { position: absolute; bottom: 40px; left: 20px; z-index: 3; border: 4px solid #a72024; background: #FFF; padding: 10px; color: #000; }
#content #NyForsideDownloadFlash a { color: #000; }
#content #NyForsideBannere { position: absolute; top: 44px; right: 0; height: 400px; width: 350px; z-index: 3; }
#content .NyForsideBanner { height: 90px; background: #FFF; margin-bottom: 20px; padding: 5px 10px 10px 10px; overflow: hidden; border: 1px solid #e6e6e6; border-right: none; }
#content .NyForsideBanner * { color: #000; }
#content .NyForsideBanner .NyForsideBannerTekst { font-size: 10px; line-height: 12px; height: 50px; overflow: hidden; color: #000; }
#content .NyForsideBanner .NyForsideBannerTekst * { color: #000; }
#content .NyForsideBanner .NyForsideBannerLink { height: 15px; color: #a72024; }
#content .NyForsideBanner .NyForsideBannerLink a { font-size: 10px; color: #a72024; font-weight: bold; }
#content #NyForsideBudskaber { position: absolute; top: 80px; height: 105px; width: 450px; z-index: 3; background: #FFF; border: 1px solid #e6e6e6; border-left: none; padding: 15px 15px 0 15px; }
#content .NyForsideBudskab { width: 420px; height: 90px; padding: 15px 15px 0 15px; }
#content .NyForsideBudskab h1 { color: #a72024; font-size: 24px; padding-top: 0; }
#content .NyForsideBudskab .NyForsideBudskabTekst { font-size: 18px; font-weight: bold; height: 45px; overflow: hidden; color: #000; }
#content .NyForsideBudskab .NyForsideBudskabTekst * { color: #000; }
#content .NyForsideBudskab .NyForsideBudskabLink { height: 15px; color: #a72024; }
#content .NyForsideBudskab .NyForsideBudskabLink a { font-size: 10px; color: #a72024; font-weight: bold; }


/* NY FORSIDE -  MADS */
#content #NyForside_mc { height: 522px; position: relative; }
#content #NyForside_mc #NyForsideBaggrund { height: 522px; width: 928px; overflow: hidden; position: absolute; z-index: 1; }
#content #NyForside_mc #NyForsideDownloadFlash { position: absolute; bottom: 40px; left: 20px; z-index: 3; border: 4px solid #a72024; background: #FFF; padding: 10px; color: #000; }
#content #NyForside_mc #NyForsideDownloadFlash a { color: #000; }
#content #NyForside_mc #NyForsideBannere { position: absolute; top: 44px; right: 0; height: 400px; width: 350px; z-index: 3; }
#content #NyForside_mc .NyForsideBanner { height: 90px; background: #FFF; margin-bottom: 20px; padding: 5px 10px 10px 10px; overflow: hidden; border: 1px solid #e6e6e6; border-right: none; }
#content #NyForside_mc .NyForsideBanner * { color: #000; }
#content #NyForside_mc .NyForsideBanner .NyForsideBannerTekst { font-size: 10px; line-height: 12px; height: 50px; overflow: hidden; color: #000; }
#content #NyForside_mc .NyForsideBanner .NyForsideBannerTekst * { color: #000; }
#content #NyForside_mc .NyForsideBanner .NyForsideBannerLink { height: 15px; color: #a72024; }
#content #NyForside_mc .NyForsideBanner .NyForsideBannerLink a { font-size: 10px; color: #a72024; font-weight: bold; }
#content #NyForside_mc #NyForsideBudskaber { position: absolute; top: 80px; height: 105px; width: 450px; z-index: 3; background: #FFF; border: 1px solid #e6e6e6; border-left: none; padding: 15px 15px 0 15px; }
#content #NyForside_mc .NyForsideBudskab { width: 420px; height: 90px; padding: 15px 15px 0 15px; }
#content #NyForside_mc .NyForsideBudskab h1 { color: #a72024; font-size: 24px; padding-top: 0; }
#content #NyForside_mc .NyForsideBudskab .NyForsideBudskabTekst { font-size: 18px; font-weight: bold; height: 45px; overflow: hidden; color: #000; }
#content #NyForside_mc .NyForsideBudskab .NyForsideBudskabTekst * { color: #000; }
#content #NyForside_mc .NyForsideBudskab .NyForsideBudskabLink { height: 15px; color: #a72024; }
#content #NyForside_mc .NyForsideBudskab .NyForsideBudskabLink a { font-size: 10px; color: #a72024; font-weight: bold; }


/* Bestil katalog */
.brochurer { margin-right: 30px; }


#page404 { padding: 20px; height: 414px; }
#table404 { width: 100%; }
#table404 td { vertical-align: top; width: 25%; padding-right: 30px; } 
