/* CSS Document */

/*----- Globale styles -----*/
* {margin:0; padding:0;  border:0; outline:0;}
.clear {clear: both;}
.floatLeft {float: left; display: inline;width: 358px; padding: 0 15px 0 0;}
.floatRight {float: right; display: inline;width: 359px; padding: 0 0 0 15px;}

/*----- Grundlæggende struktur -----*/
body {background: url(/Files/Billeder/gfx/bodyGradient.jpg) repeat-x; margin:0; padding:0;}
html { width:100%; height:100%; }

#wrapper {width: 980px; height:auto; background: transparent; position:relative; margin:0 auto; padding:0 0 25px 0;}
#topRow {width: 980px; height:158px; background: transparent; position: relative; margin:0; padding:0;}
#logo {width: 207px; height:128px; background: transparent; position:relative; margin:0; padding:30px 0 0 26px; float:left; display:inline;}
#topNav {width: 747px; height:91px; background: transparent; position:relative; margin:0; padding:67px 0 0 0; float:right; display:inline; overflow: hidden;}
#topNav ul li {float: left; margin: 0 20px 0 0;}
#topNav ul li a {font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform: uppercase; line-height:20px; color:#000; font-weight: bold; text-decoration: none;}
#topNav ul li a.inpath {border-bottom: 1px dotted #636363;}
#topNav #topMenu {width: 767px; height: 25px; position: absolute; top:62px; left:0;}
#topNav #topMenu a {text-transform: uppercase; font-size: 12px; text-decoration: none; margin: 0 14px 0 0; font-weight: bold;}

/*----- Forside -----*/
#frontpageTopRow {width: 980px; height:158px; background: transparent; position: relative; margin:0 auto; padding:0;}
.frontpageFader {width: 100%; height:380px; background: url(/Files/Billeder/gfx/forsideSlider.jpg) center no-repeat; position:absolute; top: 158px; left:0; }
.faderContent {width: 954px; height:330px; background:transparent; margin:0 auto; padding:50px 0 0 26px; border:0px solid white; border-top:0; border-bottom: 0; position: relative;}
.faderContent p {color: #fff; text-align: justify;}
#frontpageBottomRow {width: 980px; height:155px; background: transparent; overflow: hidden; position: relative; margin:0 auto; padding:0px 0 25px 0; top: 412px;}
#frontpageBottomRowContainer {width:992px; height:auto;}
#frontpageBottomRowContainer .thumb {width: 236px; height:155px; background: transparent; position:relative; margin:0 12px 0 0; padding:0; float: left;}

/*----- Underside -----*/	
#navigationColumn {width: 233px; height:auto; background: #fff; position:relative; margin:0; padding:0; float: left; display: inline;}
#navigationColumn div#leftNav {padding: 0 44px 58px 26px;}
 
/*----- Underside - kolonner -----*/
.columnTable {width: 747px; height:auto; margin: 0 0 25px 0;}
.leftColumn {width: 373px; height: auto; vertical-align: top;}
.columnSpacer {width: 30px; height: auto;}
.rightColumn {width: 374px; height: auto; vertical-align: top;}

/*----- Underside - Nav. Niveau 1 -----*/
#navigationColumn div#leftNav ul {width: auto; height:auto; position:relative; margin:0px 0 0 0;list-style: none;}
#navigationColumn div#leftNav ul li {border-bottom: 1px solid #e0e0e0; }
#navigationColumn div#leftNav ul li a {text-decoration: none; color:#aaa9a9; padding:4px 0 4px 11px; background:url(/Files/Billeder/gfx/liBack.gif) no-repeat left 11px; display: block;}
#navigationColumn div#leftNav ul li a#activeitem {text-decoration: none; color:#000; padding:4px 0 4px 11px; background: url(../../Billeder/gfx/liActiveItemBack.gif) no-repeat left 11px;}
#navigationColumn div#leftNav ul li a.inpath {text-decoration: none; color:#000; padding:4px 0 4px 11px; background: url(../../Billeder/gfx/liActiveItemBack.gif) no-repeat left 11px;}
#navigationColumn b, #navigationColumn strong {font-weight: normal;}

/*----- Underside - Nav. Niveau 2 -----*/
#navigationColumn div#leftNav ul li ul.M3 { padding:0px 0 5px 0px; background: transparent; list-style: none;}
#navigationColumn div#leftNav ul li ul.M3 li {border:0; line-height: 20px; }
#navigationColumn div#leftNav ul li ul.M3 li a {font-size: 10px; text-decoration: none; color:#aaa9a9; padding:0px 0 0px 10px; background:none; display: block;}
#navigationColumn div#leftNav ul li ul.M3 li a#activeitem {font-size: 10px; text-decoration: none; color:#a21f19; padding:0px 0 0px 10px; background: none;}
			
/*----- Underside - Nav. Relaterede sider -----*/
#navigationColumn div#relatedNav {padding: 0 44px 0 26px; display:none; }
#navigationColumn div#relatedNav h4 {color: #ba131a; padding:0 0 20px 0;}
#navigationColumn div#relatedNav ul {width: auto; height:auto; position:relative; margin:0px 0 0 0; padding: 0 0 65px 0; border-bottom: 1px solid #e0e0e0;list-style: none;}
#navigationColumn div#relatedNav ul li {border: 0; line-height: 20px; }
#navigationColumn div#relatedNav ul li a {text-decoration: underline; color:#8e8d8d; padding:0 0 0 11px; background:url(/Files/Billeder/gfx/liBack.gif) no-repeat left 4px;}

#navigationColumn div#serviceNav {padding: 58px 44px 0 26px;}
#navigationColumn div#serviceNav a {text-decoration: none; display:block; color:#8e8d8d;}

#contentColumn {width: 747px; height:auto; background: transparent; position:relative; margin:0; padding:0; float: right; display: inline;}

#centerRow {width: 747px; height:auto; background: transparent; position:relative; margin:0; padding: 28px 0 33px 0;}
#centerRow a {text-decoration: underline; color: #ba131a;}
.aKort {width: 198px; height: 52px; background: url(/Files/Billeder/gfx/nytsyn_abonnement_topbanner_ny190509_lilla.png) no-repeat; position:absolute; top:-46px; right:0; z-index:199;}
.ikon {width: 60px; height: 52px; background: #fff; position:absolute; top:-52px; right:0; z-index:199;}	
#bottomRow {width: 747px; height:155px; background: transparent; overflow: hidden;}
#bottomRowContainer {width:765px; height:auto;}
#bottomRowContainer .thumb {width: 236px; height:155px; background: transparent; position:relative; margin:0 19px 0 0; padding:0; float: left;}

/*----- Typografi -----*/
td, p, a, li, .popUpLink, .eyeShiftTxt {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#000; margin:0; padding:0;}
h1, h2, h3, h4, .paragraphPopup h6 {font-family: Arial, Helvetica, sans-serif; color:#000;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#000;}
.linkroed { color: #a21f19; text-decoration:underline; }

/*----- Underside - Forhandlerside -----*/
#shopData {width: 747px; height: 300px; margin:35px 0 75px 0;}
#shopData.flash { height: 380px;  }
#shopDataImg {  width: 545px; height: 221px; background: #fff; position: relative; padding-bottom:35px; float: left; display: inline;}

#shopDataText {  width: 182px; height: 221px; background: #fff; position: relative; padding: 0 0 35px 20px; float: right; display: inline;}
#shopData.flash #shopDataText, #shopData.flash #shopDataImg { padding-bottom:115px; }
#shopDataText p {line-height: 15px;}

#list {width: 747px; height: 265px; background:orange; position:relative; margin:0 0 34px 0; overflow:hidden;}
#listItemDetails {width: 747px; height:186px; background:#c4c4c4;}
#listItemText {width: 264px; height:38px; background:#aaaaaa; position:absolute; top: 148px; right: 0;}
#listItems {width: 668px; height:79px; background:#fff; position:relative; float:left; display: inline;}
#listNav {width: 79px; height: 79px; background:#ff0000; position:relative; float:right; display: inline;}
#listItem {width: 124px; height: 74px; padding: 5px 0 0 0; background:#eaeaea; position:relative; float:left; display: inline; margin: 0 12px 0 0; text-align: center;}

/*----- Forhandlere -----*/
.PnlMap { position:relative; top: -28px; }
#forhandlerKortSplitter { height:35px; }
.forhandlerKort { width:708px; height:475px; position:relative; background: url(/Files/Billeder/gfx/Kort.jpg); overflow:hidden; }
.forhandlerKort img.forhandlerDot { position:absolute; left:-50px; top:-50px; display:block; cursor:pointer; z-index:0; }

#otherSelects { position:absolute; top:226px; right:0; width:223px; height:127px; background: url(/Files/Billeder/gfx/InfoBG.png) no-repeat; padding:15px 0px 15px 15px; z-index:3000; }
#othersPostal {position: relative;height: 60px;}
#othersPostal img {margin:0; padding:0; border:0; line-height: 1px; font-size:1px;}
#txtPostnr {font-size:12px;  border: solid 0px #cccccc; position:relative; background: url(/Files/Billeder/gfx/txtPostnrBack.png) no-repeat; height:22px; width: 145px; padding: 8px 10px 0 7px; position: absolute; top: 26px; left:0; display: block;}
.btnFindForhandler {cursor: pointer; position: absolute; right: 15px; top: 26px; margin:0; padding:0; border:0;}
#othersDrop { padding-top:15px; }
#othersDrop select { border: solid 1px #cccccc;  width:196px; }

.forhandlerPopUp { position:absolute; left:-250px; top:0px; width:238px; height:157px; z-index:1; }
.forhandlerPopUp img.forhandlerPopUpLuk { position:absolute; top:2px; right:0px; padding:10px; cursor:pointer; }
.forhandlerPopUpAddr { padding:0px; font-size:11px; font-family:Arial, Helvetica, Sans-Serif;  width:180px;  }
.forhandlerPopUpLink { color:#9e1414; padding-right:10px; text-decoration:none; }
#forhandlerPopUpContainer { position:absolute; top:406px; right:0px; width:282px; height:157px; overflow:hidden; z-index:1; }
.forhandlerBG, .forhandlerInfo  { position:absolute; left:0px; top:0px; width:208px; height:127px; padding:15px; }
.forhandlerBG { background: url(/Files/Billeder/gfx/InfoBG.png) no-repeat; z-index:0; }
.forhandlerInfo { z-index:1;  }
.forhandlerInfo .upArrow, .forhandlerInfo .downArrow { position:absolute; bottom:30px; left:211px; cursor:pointer; }
.forhandlerInfo .downArrow { bottom:10px; }
.forhandlerPopUpAddrWrap {}

#MedarbejderTooltip { position:absolute; width:50px; height:31px; padding:5px; border:solid 1px #cccccc;  top:-100px; left:0; background:url(/Files/Billeder/gfx/altBack.png) repeat; z-index:1000;}
#MedarbejderTooltipHeader, #MedarbejderTooltipText { font-family:Arial, Helvetica, sans-serif; font-size:11px;  }
#MedarbejderTooltipHeader { color:#9e1414; }
.altArrow { position:absolute; z-index:1001; }

#dwtopimage {padding: 10px 0 0 0;}

/*----- Afsnit - StandardParagraph-----*/
.paragraphStandard {margin: 0 0 25px 0; float: none;}
.paragraphStandard ul { margin:10px; list-style: none;}
.paragraphStandard ul li {padding: 0 0 0 14px; background:url(/Files/Billeder/gfx/prik.gif) no-repeat left 8px;}
.paragraphStandard .paragraphimage {margin:0; padding:0; border:0; }

.paragraphStandard ol {padding:0px; list-style-position: inside;}
.paragraphStandard ol li {padding: 0 0 10px 0px; color:#a21f19; font-size: 20px; font-weight: bold; margin:0;}
.paragraphStandard ol li span {color:#000; font-size: 11px; font-weight: normal; padding: 0 0 0 10px;margin:0;}

.paragraphTrends {margin:-18px 0 0 0;}

/*----- Kontaktformular -----*/
.tdRow {height: 40px; width: 129px; background:transparent; vertical-align:middle;}
.tdRowCol2 {height: 40px; width: 225px; background: url(/Files/Billeder/gfx/tdRowBack.png);padding: 0 0 0 10px;}
.tdRowCol2 input { background: transparent; border:0; height:22px; width: 220px; margin:0; padding: 8px 0 0 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.tdRowCol2Btn {height: 40px; width: 235px; background: transparent;padding: 0 0 0 0px; cursor:pointer;}
.tdRowCol2Btn input { cursor:pointer;}
.tdRowCol3 {width:363px; background: url(/Files/Billeder/gfx/kommentarBack.png) no-repeat left 5px; padding: 15px 0 0 20px;}
.tdRowCol4 {width: 353px; vertical-align:top; background:url(/Files/Billeder/gfx/adressFieldBack.png); padding: 10px;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/*----- Popups -----*/
.popUpLink { color:#ba131a; cursor:pointer; text-decoration:underline; }
.paragraphPopup { display:none; background:#fff; padding:10px; }
.paragraphPopup h6 { color:#a21f19; font-size:14px; }
.paragraphPopup .popUpClose { position:absolute; top:0; right:0; padding:10px; cursor:pointer; }

/*----- Dropdowns -----*/
.dropDownLink { cursor:pointer; color:#a21f19; text-decoration:underline; }
.dropDownContent { height:0px; overflow:hidden; text-decoration:none; }
.dropDownContent div p { color:#000; text-decoration:none; cursor:auto; }

/*----- Konkurrenceformular -----*/
.paragraphKonkurrence { width:747px; height:384px; background:url(/Files/Billeder/gfx/konkurrenceBaggrund.jpg); position:relative; margin:0 auto;}
.formField {width:200px; height:30px; position:absolute; left: 124px;}
.formField input {border: 0px; height:22px; background: transparent; padding: 8px 0 0 0; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

/*----- Briller-slider -----*/

.brilleMdPris {font-family: Arial, Helvetica, sans-serif; font-size:14px; display: block; position: absolute; top:115px; right:0;}
.brilleKontantpris {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px solid red; display: block; position: absolute; top:128px; right:0;}
.brilleBetingelser {font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:0px solid blue; display: block; position: absolute; top:145px; right:0;}
.brilleInkl {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #929292; border:0px solid blue; display: block; position: absolute; top:160px; right:0; font-weight: normal;}


/*------ Floating layer ----*/
  #newsletterLayer {
    position: absolute;
    width: 870px;
    height: 540px;
    z-index: 100;
    top:-560px;
    left: 50%;
    margin-left: -402px;    
  }
  
  #newsletterBackground {
    position: relative;
    top: -100px;   
    left: 0;
    height: 540px;
    width: 870px;     
  }
  
  #newsletterContent {
    position: absolute;
    top: 0;   
    left: 0;     
    width: 100%;
    height: 100%;
    padding-top: 40px;
  }
  
  #newsletterLook {
    position: absolute;
    right: -10px;
    top: -10px;  
    width: 356px;
    height: 274px;
    z-index: 120;
  }
  
  #newsletterIframeArea {
	margin: 0 27px 0 27px; 
                padding-left:265px; /* Damngood har rettet denne værdi fra 35px til 265px */
	background: url('/files/billeder/floatinglayer/kasse_tilmeld.jpg') no-repeat;
	height:97px;
	overflow:hidden;
  }
  
  #newsletterAdd {
	margin: 0 27px 0 27px;
	padding-bottom:5px;
  }

  #newsletterClose{
	position: absolute;
    right: 15px;
    top: -20px;  
    width: 40px;
    height: 39px;
    z-index: 130;
	overflow:hidden;
	cursor:pointer;
  }


.tagwall { padding: 10px; width: 216px; height: 135px; overflow: hidden; text-align: center; background: red; }
.tagwall ul { list-style-type: none; margin: 0; padding: 0; }
.tagwall ul li { margin: 0; padding: 0 3px; display: inline; }
.tagwall a { color: #FFF; text-decoration: none; line-height: 20px; padding-right: 3px; }
.tagwall a:hover { text-decoration: underline; }
a.tagcloud_sz1 { font-size: 11px; }
a.tagcloud_sz2 { font-size: 16px; }
a.tagcloud_sz3 { font-size: 12px; }
a.tagcloud_sz4 { font-size: 20px; }
a.tagcloud_sz2 { font-size: 16px; font-weight: bold; }