﻿/* CSS Document */
* {margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; outline: none;}
html { overflow: -moz-scrollbars-vertical;}
body {background: #111213; }


/*----- Globale values --------------*/
img {border:0px;}
ul {margin: 0; padding:0;}
li {list-style: none; margin:0; padding:0; }


h1 {margin:0 0 10px 0; padding: 0; font-size: 14px;}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; text-align: left; color: #ffffff; margin:0; padding:0; text-decoration: none;}


a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; text-align: left; color: #ffffff; margin:0; padding:0; text-decoration: none;}
/*----- Globale ID og CLASS elementer --------------*/
.clear {clear: both;}


/*----- Grundlæggende struktur --------------------*/
#wrapper {width: 930px; height:auto; position:relative; background:#111213 url(/Files/Billeder/gfx/wrapperBack.png) repeat-x; margin:0 auto; padding:0;}
#top {width: 930px; height: 130px; position:relative; background: #ffffff;}
 #redBox {width: 30px; height:130px; position: absolute; left:0; top:0; background: #c4161c;}
 #logo {width: 180px; height: 65px; position:absolute; left: 55px; top:33px; background: #ffffff;}
 #serviceMenu { width: 600px; height:50px; position: absolute; right: 34px; top: 53px; background: #ffffff;}
  #serviceMenuLevel1 {width: auto; height:50px; position: absolute; right: 0px; top: 0px; background: transparent; text-align: right;}
   #serviceMenuLevel1 ul {width: 600px;}
   #serviceMenuLevel1 ul li {height: 25px;}
  
   #serviceMenuLevel1 ul li {float: left; display: inline;}
   #serviceMenuLevel1 ul li a {text-transform: uppercase; color: #909090; font-size: 10px; padding: 0 9px 0 9px; background: url(/Files/Billeder/gfx/divider.gif) center left no-repeat;}
   #serviceMenuLevel1 ul li a#activeitem {color: #000;}
   #serviceMenuLevel1 ul li a.inpath {color:#000;}
   #serviceMenuLevel1 ul li a.firstitem {text-transform: uppercase; color: #909090; font-size: 10px; padding: 0 9px 0 9px; background: none;}
   #serviceMenuLevel1 ul li ul.M2 {height:25px; position: absolute; bottom:0px; left: 0px;}
#serviceMenuLevel1 ul li ul.M2 li ul.M3 {position: absolute; top:25px; right: -275px; width: 900px; }


  #langSelect {width: auto; height:43px; position: absolute; right: 43px; top: 10px; background: transparent; }
  #langSelect ul.M0 li {float: left; padding: 0 0 0 5px;}


#content {width: 930px; height:auto; position:relative; background: transparent; padding: 41px 0 0 0;}
 #left {width: 260px; height:auto; position:relative; background: transparent; float: left; display:inline; z-index: 10;}
  #menu {width: 229px; height:auto; position:relative; background: transparent; padding:0 0 0 31px; margin:0;}
   #menuHeading {width: 43px; height:auto; background: transparent; padding: 0 0 0 0px;}
    #menuLevel1 {width: 150px; height:auto;background: transparent; overflow: hidden; padding: 0 0 0px 0;}			
     
        #menuLevel1 ul li {background-image: url(/Files/Billeder/gfx/menuBack.gif); background-repeat: no-repeat; background-position: top left; padding: 0 0 0 16px; height:auto; line-height: 19px; width:190px;}
        #menuLevel1 ul li a { margin:0; padding:0; width: auto;}
        #menuLevel1 ul li.active {background: url(/Files/Billeder/gfx/menuActiveBack.gif) transparent top left no-repeat; line-height: 19px;}
        #menuLevel1 ul li.active a {padding:0; margin:0;}        
        #menuLevel1 ul li.inpath {background: url(/Files/Billeder/gfx/menuActiveBack.gif) transparent top left no-repeat; line-height: 19px;}
        #menuLevel1 ul li#firstitem {margin-top: -3px; line-height: 19px;}
        #leftTable {width: 229px;}
        #menuLevel1 ul li ul.M2 {margin: 4px 0 0 -16px; padding:0; }
        #menuLevel1 ul li ul.M2 li {width: 144px; padding: 0 0 0 30px; }
        #menuLevel1 ul li.inpath ul.M2 li.active {background-image: url(/Files/Billeder/gfx/l2activeback.gif); background-position: 0% 42%; background-repeat: no-repeat; font-weight: bold;}       
		
 #flash {width: 260px; height:175px; position:relative; background: transparent; clear: both;}


 #right {width: 636px; height:auto; position:relative; background: transparent; float: right; display:inline; padding: 0 34px 0 0;}
 #right div div p a {text-decoration: underline;}
#footer {width: 930px; height: 25px; position:relative; background: transparent; margin:0 auto; padding:15px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:14px; color: #ffffff; text-decoration: none;}


table {padding: 0; margin:0;}


div.frontpageContainer {background: transparent; padding:0 0 0 39px;}
div.frontpageContainer div {padding:0 0 13px 0;}


.rightColumnTeknik {padding: 20px 0 0px 14px;}
div.rightColumnTeknik p a {text-decoration: underline; background: url(/Files/Billeder/gfx/pdf.gif) no-repeat; height: 35px; display: block; padding: 0 0 0 42px; margin: 0 0 10px 0;}
div.rightColumnTeknik p a:hover {text-decoration: underline; background: url(/Files/Billeder/gfx/pdf.gif) no-repeat; height: 35px; display: block; padding: 0 0 0 42px; color: #c0c0c0;}


#paragraphColumn1 {width: 146px; height: auto; float:right; display: inline;border-left: 1px solid #cccccc; padding: 0 0 0 0;}
#paragraphColumn2 {width: 456px; height: auto; float:left; display: inline; padding: 0 33px 0 0;border-right: 0px solid #cccccc; }
.oneColumn {width: 636px; height: auto; float:left; display: inline; padding: 0 0px 0 0; }


/*---- Tooltip -----*/
.rollOverContent { display: none; }
.rolloverMe { }
#preview { position: absolute; background: #fff; padding: 6px; border: solid 0px #fff; display: none;}
.leftTooltip {position: relative; float: left; width: 147px; height:auto; background: transparent; padding: 0 0 7px 0;}
.middleTooltip {position: relative; float: left; width: 147px; height:auto; background: transparent; padding: 0 7px 7px 8px; }
.rightTooltip {position: relative; float: left; width: 147px; height:auto; background: transparent; padding: 0 0 7px 0; }


.picImage {cursor: pointer;}


/*----- Kontakpersoner -----*/
.kontaktPerson {width: 318px; height: auto; float: left; margin: 0 0 30px 0;}
.kontaktPersonImage {float:left; width:112px;}
.kontaktPersonInfo {float:right; width:196px; padding: 0 0 0 10px;}
.kontaktPersonInfo table tr td p {font-size:9px;}


/*----- Reservedele - Liste-----*/
.reservedelListItem {margin: 0 0 20px 0;}
.reservedelListItem .left {float: left; position: relative; width: 112px; height: auto;}
.reservedelListItem .right {float: right; position: relative; width: 514px; height: 112px; padding: 0 0 0 10px;}
.reservedelListItem .right p {padding: 10px 0 10px 0;}


span.reservedelHeading a {font-size: 12px; font-weight: bold; }
.reservedelLink {position: absolute; bottom:0; right: 0; display: block; background: #c4161c; height: 20px;}
.reservedelLink  a {text-decoration: none; padding: 0px 4px 0px 4px;line-height: 18px;}


.vareNummer {padding: 0px 4px 0px 4px; background: #fff; display:block; width: 135px; color:#000; height: 20px; line-height: 18px; margin: 2px 0 0 0;}
.vareNummer strong {color: #000;}


.anvendelse {padding:0px 4px 0px 4px; background: #fff;  color:#000; line-height: 18px; margin-top:10px; height: 20px; width: auto;}
.anvendelse strong {color: #000;}


.anvendelseItem {padding:4px 4px 5px 4px; background: #fff;  color:#000; line-height: 18px; margin-top:10px; display: inline;}
.anvendelseItem strong {color: #000;}


/*----- Forhandlerkort -----*/


hr {border:0; height:1px; color: #666666; background-color: #666666; margin: 0 0 20px 0;}


/*----- Reservedele - Element -----*/
.newselementText {float: right; width: 280px; padding: 0 0 0 20px;}
.newselementText p  {padding: 10px 0 10px 0;}
.newselementPics {float: right; width: 280px; padding: 20px 0 0 20px;}
.newselementPics div.pic {width: 93px; height: auto; text-align: left; float: left;}
.newselementText ul li {list-style-type: square; margin: 10px 10px 10px 0px; list-style-position: inside;}


.tilbage {position: absolute; right:0; top:0;background: #c4161c;}
.tilbage a {text-decoration: none; padding: 3px 3px 3px 3px;}
.varenummerBox {padding: 3px 3px 3px 5px; background: #fff; display:block; width: 135px; color:#000;}
.varenummerBox strong {color: #000;}


/*----- Reservedele - liste navigation -----*/
#productlistnavigation {height:100px;}


#pagenavigation {height: 50px;position: relative; margin: 10px 0 0 0;}


#btnBack {position: absolute; top:0; left:0;display: block; background: #c4161c; height: 20px;}
#btnForward {position: absolute; top:0; right:0;display: block; background: #c4161c; height: 20px;}
#btnBack  a,#btnForward  a {text-decoration: none; padding: 0px 4px 0px 4px;line-height: 18px;}
#pagecount {position: absolute; top:5px; left: 45%;}




/*----- Video -----*/
.downloadLink {padding: 10px; width: 616px; background-color: #ffffff; margin: 0px 0 20px 0; color:#000;}
.downloadLink strong {color: #000;}
.downloadLink img {float: left; margin: 0px 10px 0 0 ;}
.downloadLink a {color: #000; text-decoration: underline; line-height: 19px;}
.downloadLink a span.size {text-decoration: none; color:#aeaeae;}
.downloadLink a.mov {background-image: url(/Files/Billeder/Downloads/Video/iko_quicktime_l.gif); background-repeat: no-repeat; padding: 0px 0 0 20px; }
.downloadLink a.wmv {background-image: url(/Files/Billeder/Downloads/Video/iko_mediaplayer_l.gif); background-repeat: no-repeat; padding: 0px 0 0 20px; }
.downloadLink a.dk, div p.dk {background-image: url(/Files/Billeder/Downloads/Brochurer/flag_dk.gif); background-repeat: no-repeat;padding: 0px 0 0 20px; }
.downloadLink a.se, div p.se {background-image: url(/Files/Billeder/Downloads/Brochurer/flag_se.gif); background-repeat: no-repeat;padding: 0px 0 0 20px; }
.downloadLink a.de, div p.de {background-image: url(/Files/Billeder/Downloads/Brochurer/flag_de.gif); background-repeat: no-repeat;padding: 0px 0 0 20px; }
.downloadLink a.uk, div p.uk {background-image: url(/Files/Billeder/Downloads/Brochurer/flag_uk.gif); background-repeat: no-repeat;padding: 0px 0 0 20px; }
.downloadLink a.nl {background-image: url(/Files/Billeder/Downloads/Brochurer/flag_nl.gif); background-repeat: no-repeat;padding: 0px 0 0 20px; }


/*----- Formular -----*/


form input {color: #000;}
textarea {color: #000;}


/*----- Moderniseringer - eCom liste - Skjuler sidenavigation hvis der kun er 1 side--------------*/
.loopCounter1 {display: none;}


/*----- Videolinks-----*/
.videoBtnWmv {text-align: left; padding-bottom: 0px; padding-left: 0px; width: 131px; padding-right: 0px; background: transparent; height: auto; padding-top: 0px;}
.videoBtnWmv div span {font-size: 9px; color: #737374;}
.videoBtnWmv div a {text-decoration: underline;}


.videoBtnWmv {text-align: left; padding-bottom: 0px; padding-left: 0px; width: 131px; padding-right: 0px; background: transparent; height: auto; padding-top: 0px;}
.videoBtnQuicktime div span {font-size: 9px; color: #737374;}
.videoBtnQuicktime div a {text-decoration: underline;}


/*----- Forside-----*/


#fpLinks {width: 214px; height: auto; position: absolute; right:36px; top: 0px;}


#fpFlashContainer {
border: 1px solid white;
position: absolute;
width: 405px;
height: 267px; 
background: transparent;
top: 35px;
left: -15px;
padding:0;
margin: 0;
}


/*----- DK*/
a#fpLink01 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) 0px 0px; margin: 0 0 0px 0;}
a:hover#fpLink01 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) -214px 0px;margin: 0 0 0px 0;}


a#fpLink02 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) 0px -45px; margin: 0 0 0px 0;}
a:hover#fpLink02 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) -214px -45px;margin: 0 0 0px 0;}


a#fpLink03 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) 0px -91px; margin: 0 0 0px 0;}
a:hover#fpLink03 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) -214px -91px;margin: 0 0 0px 0;}


a#fpLink04 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) 0px -137px; margin: 0 0 0px 0;}
a:hover#fpLink04 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinks.png) -214px -137px;margin: 0 0 0px 0;}


/*----- UK*/
a#fpLink05 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) 0px 0px; margin: 0 0 0px 0;}
a:hover#fpLink05 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) -214px 0px;margin: 0 0 0px 0;}


a#fpLink06 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) 0px -45px; margin: 0 0 0px 0;}
a:hover#fpLink06 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) -214px -45px;margin: 0 0 0px 0;}


a#fpLink07 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) 0px -91px; margin: 0 0 0px 0;}
a:hover#fpLink07 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) -214px -91px;margin: 0 0 0px 0;}


a#fpLink08 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) 0px -137px; margin: 0 0 0px 0;}
a:hover#fpLink08 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksUK.png) -214px -137px;margin: 0 0 0px 0;}


/*-----DE*/
a#fpLink09, a:active#fpLink09, a:visited#fpLink09 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) 0px 0px; margin: 0 0 0px 0;}
a:hover#fpLink09 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) -214px 0px; margin: 0 0 0px 0;}


a#fpLink10, a:active#fpLink10, a:visited#fpLink10 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) 0px -45px; margin: 0 0 0px 0;}
a:hover#fpLink10 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) -214px -45px;margin: 0 0 0px 0;}


a#fpLink11, a:active#fpLink11, a:visited#fpLink11 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) 0px -91px; margin: 0 0 0px 0;}
a:hover#fpLink11 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) -214px -91px;margin: 0 0 0px 0;}


a#fpLink12 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) 0px -137px; margin: 0 0 0px 0;}
a:hover#fpLink12 {width: 214px; height: 37px; display: block; background: url(/Files/Billeder/gfx/fpLinksDE.png) -214px -137px;margin: 0 0 0px 0;}


.fpLinkSpacer {background: transparent; font-size:1px; height: 9px; width: 214px;}


#forsideFlashTest {position: absolute; top:0px; left: -259px; width: 950px; height: 374px; z-index:1;}
