/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}



.cufon { }

body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

.designby,  a.designby:link,  a.designby:active,  a.designby:hover,  a.designby:visited
{
  color: #cccccc;
  margin-top: 30px;
}


blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  /*content: none;*/
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* end reset */

/* Basic Elements */

body {
  
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background: url(/media/602/body_bg.png) no-repeat;
  background-position: top center;
  font-size:11px;
}

a{
  outline: none;
  color: #514847;
}


p a:hover{
  outline: none;
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
}


h2{  

}
h1, h3{
  color: #2d2d2d;
  font-size: 18px;
  font-weight: normal;
  font-family: "Arial Narrow";
  font-style: italic;
}
h1{
  margin: 0px 0px 15px 0px;
}
p{
  color: #2d2d2d;
  font-size: 11px;
  line-height: 14px;
}
.w75{
  float: left;
  width: 75px;
}
/* containers */
#overlaywrapper{
  width: 100%;
  height: 100%;
  margin: 0;
  padding:0;    
  position: absolute;
  top: 0;
  z-index: 10;
}
#bgwrapper{  
  width: 100%;
  margin: 0;
  padding:0;        
  position: absolute;
  top: 0;
  z-index: 5;
      background-position: top center;
  position: fixed;  
}
#wrapper, #wrapper-footer{
  width: 900px;
  margin: 0 auto;
  
}

#header{
  height: 80px;  
  width:100%;
  display: inline;
  float: left;
  position: relative;
  margin:5px 0px 25px 0px;
}
#logo{
  float: left;
  width: 250px;
}
#topmenu{
  float: left;
  width: 650px;
}
#main{
  width: 100%;  
  display: inline;
  float: left;
  position: relative;
}
.floating{
    display: inline;
    float: left;
    position: relative;
}
.inner{
    display: inline;
    float: left;
    position: relative;
    margin: 5px 20px 0px 20px;
}
#mainLeft{
  width: 260px;
  margin: 0px 0px 0px 0px;
}
#mainRight{
  width: 630px;
  margin: 0px 0px 0px 10px;
}
#frontLeft{
    width: 630px;  
    margin: 20px 0px 0px 0px;    
}
#frontRight{
    width: 260px;  
    margin: 20px 0px 0px 10px;
}
#frontBannerHolder{  
  width: 630px;    
  height: 318px;
  overflow: hidden;
  background:#eee;
}
#frontBannerOverlay{
  position: absolute;
  top: 220px;
  left: 7px;
  width: 257px;
  height: 92px;
  background: url(images/sprites.png) no-repeat -920px -1280px;  
  z-index: 10;
}
#frontBannerOverlayText{
  width: 235px;
  font-family: Georgia, Times New Roman, Times, serif ;
  height: 52px;
  font-size: 11px;
  overflow: hidden;
  margin: 16px 0px 0px 10px;
}
#frontBannerOverlayText h1{
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif ;
  font-size: 15px;
  font-weight: normal;
  margin: 0px 0px 8px 0px;
}
#frontBannerOverlayText p{
  color: #fff;
  font-size: 11px;
  font-family: Georgia, Times New Roman, Times, serif ;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#pager{  
  
  width: 235px;
  text-align: right;
    margin: 0px 0px 0px 10px;
}
#pager a{
  font-size: 15px;
  color: #fff;
  margin: 0px 0px 0px 10px;
  text-decoration: none;

  }
  #pager a.activeSlide{
  color: #4b3b2b;
  }
#frontProducts{  
  width: 900px;    
  height: 297px;
  margin: 10px 0px 0px 0px;
  background: url(images/sprites.png) no-repeat 0 -640px;  
  position: relative;
}
#frontProducts .shops{  
    background: url(images/sprites.png) no-repeat -1070px 0;  
  width: 97px;
  height: 22px;
  position: absolute;
  top: 15px;
  right: 15px;
  text-decoration: none;

}
#frontProductsHeader{  
  width: 900px;    
  height: 40px;  
  float: left;  
}
#frontProductsHeader h3{  
  margin: 18px 0px 0px 20px;
}

#frontProductsInner{  
  width: 900px;    
  height: 257px;
  overflow: hidden;
  position: relative;
}
#frontMagasin{    
  width: 197px;
  height: 263px;
  overflow: hidden;
  background: url(images/sprites.png) no-repeat -570px -25px;  
  margin: 10px 0px 0px 0px;  
}
#leftMagasin{    
  width: 263px;
  height: 264px;
  overflow: hidden;
  background: url(images/sprites.png) no-repeat -280px -940px;  
  margin: 0px 0px 10px 0px;  
}
#frontMagasinHeader , #leftMagasinHeader, #ContactHeader{    
  width: 197px;
  height: 40px;
  margin: 0;  
  overflow: hidden;    
}
#ContactText{    
  width: 197px;
  margin: 10px 0px 0px 0px;
  height: 125px;
  overflow: hidden;    
}
#frontMagasin h3, #leftMagasin h3, #ContactHeader h3{    
  margin: 15px 0px 0px 18px;
}
#frontMagasin p, #leftMagasin p, #ContactText p{  
  margin: 0px 0px 0px 18px;
  font-size: 10px;
}
  
#frontMagasinText, #leftMagasinText{    
  width: 197px;
  height: 25px;
  overflow: hidden;    
}
#frontMagasinImage, #leftMagasinImage{    
  width: 197px;
  height: 198px;
  overflow: hidden;    
  text-align: center;
}
#leftMagasinImage{
  width: 260px;
}

#frontMagasin .readmore, #leftMagasin .readmore{    
  background: url(images/sprites.png) no-repeat -620px 0;
  width: 70px;
  height: 22px;
  position: absolute;
  top: 228px;
  right: 14px;
  text-decoration: none;

}
#frontNewsletter{    
  width: 423px;
  height: 263px;
  overflow: hidden;
  margin: 10px 0px 0px 10px;  
  background: url(images/sprites.png) no-repeat -770px -25px;
}
#frontNewsletterHeader{  
  width: 423px;
  height: 37px;    
  float: left;
}
#frontNewsletterHeader h3{
  margin: 15px 0px 0px 23px;
}
#frontNewsletterInner{  
  width: 423px;
  height: 190px;  
  float: left;
}
#frontNewsletterInner .p1{  
  width: 390px;  
  color: #2d2d2d;
  font-size: 10px;
  margin: 18px 0px 20px 19px;
  float: left;
  line-height: 14px;
}
#frontNewsletterInner .p2{  
  width: 390px;  
  color: #505050;
  font-size: 10px;
  margin: 6px 0px 0px 19px;
  float: left;
  line-height: 14px;
}
#frontNewsletterFooter{  
  width: 423px;
  height: 36px;  
}
#frontNewsletterFooter a{  
  color: #2d2d2d;
  font-size: 10px;
  text-decoration: none;
}
#frontNewsletterFooter .a1{   
  float: left;
  margin: 14px 0px 0px 19px;
}
#frontNewsletterFooter .a2{   
  float: right;
  margin: 14px 33px 0px 0px;
}
/* inputs */
#frontSearch, #Search, #Search_top{
  width: 260px;
  height: 39px;
  margin: 228px 0px 4px 0px;    
  background: url(images/sprites.png) no-repeat -280px -1220px;  
}
#Search{
  margin: 0px 0px 10px 0px;    
}

#Search_top{
  margin: 0px 0px 0px 0px;    
}
#Contact{
  width: 260px;
  height: 184px;
  margin: 0px 0px 8px 0px;    
  background: url(images/sprites.png) no-repeat 0 -400px;  
}
#newsletterArchive{
  float: left; 
  width: 210px; 
  margin: 0px 0px 0px 35px;
}
#newsletterArchive ul{
    float: left;
    width: 100%;
  margin: 20px 0px 0px 0px;
}
.txtSearch{
  float: left;
  width: 181px;  
  background: none;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 10px 0px 0px 15px;
  padding: 5px 5px 0px 5px;
}
.btnSearch{
  float: left;
  width: 33px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -580px 0;  
  border:none;
  cursor: pointer;
  margin: 10px 0px 0px 5px;
  padding: 0;
}
.btnSend{
  float: left;
  width: 94px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -280px -400px;  
  border:none;
  cursor: pointer;
  outline:none;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
.frontForm{
  margin: 0px 0px 0px 19px;  
  width: 400px;  
  position: relative;
  float: left;
  height: 35px;
  overflow: hidden;

}
#newsletterSignupMessage{
}
.errorBox{
 float: left;
    width:232px;
  margin: 0px 0px 0px 60px;
}
#smsSignup label.error, #newsletterSignup label.error{
  color: red;
  font-weight: normal;
  font-size: 10px;
  width:242px;
  margin: 0;
}
.frontForm.succes{
    float: left;
    width: 350px;
    margin: 0px 0px 0px 19px;
  font-size: 10px;
  font-weight: bold;

}
.frontForm.error{
    float: left;
    width: 350px;
    margin: 0px 0px 0px 19px;
  font-size: 10px;
  font-weight: bold;
  color: red;
}
.frontForm label{
  color: #2d2d2d;
  font-size: 10px;
  font-weight: bold;
  float: left;
  width: 60px;
  margin: 6px 0px 0px 0px;
  padding: 0;
}
.form-field-newsletter{
  float: left;
  width: 400px;
  height: 30px;

  clear: both;
}
.txtSignup{
  float: left;
  width: 242px;  
  background: url(images/sprites.png) no-repeat -810px 0;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.btnSignup{
    float: left;
  width: 62px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -690px 0;
  border:none;
  cursor: pointer;
  margin: 0px 0px 0px 8px;
  padding: 0;
}

#SearchResult{
  width: 588px;
  margin: 0;
  float: left;
  line-height: 14px;
}
#SearchResult .result{
    float: left;
  width: 588px;
  margin: 0px 0px 10px 0px;
}
.title {
  float: left;
  width: 588px;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 3px;
}
.description{
float: left;
  width: 588px;
  color: #2d2d2d;
font-size: 11px;
}

#EventList{
  width: 588px;
  height: 635px;
  margin: 0;
}

#EventListNavigation{
  width: 588px;
  height: 35px;
  margin: 10px 0;
  font-size: 10px;

}
#EventListPrev{
    float: left;
  margin: 0px 0px 0px 240px;
}
#EventListNext{
    float: left;
  margin: 0px 0px 0px 0px;
}
#EventListPagenumber{

  float: left;
  margin: 0px 10px 0px 10px;
}
.event_page{
  width: 588px;
  float: left; 
}
.backlink{
  position: relative;
  float: left;
  text-decoration: none;
  font-size: 10px;
  margin: 10px 0px 0px 0px;
}
.event_li{
  width: 588px;
  height: 127px;
  overflow: hidden;
  float: left; 
}
.event_li_hr{
  float: left;
  width: 588px;
  height: 2px;
  background: url(images/sprites.png) no-repeat -560px -1275px;
}
.event_li_image, .event_page_image{
  width: 150px;
  height: 103px;
  overflow: hidden;
  float: left;
  background: #eee;
  margin: 12px 0px 0px 0px;
}
.event_li_text, .event_page_text{
  width: 424px;
  height: 103px;
  overflow: hidden;
  float: left;
  margin: 12px 0px 0px 14px;
  font-size: 10px;
  line-height: 14px;
  color: #2d2d2d;
}
.event_page_text{
  height: auto;
  min-height: 130px;
  overflow:visible;
}
.event_li_text p, .event_page_text p{
    margin: 5px 0px 0px 0px;
  font-size: 10px;
  line-height: 14px;
    color: #2d2d2d;
}
.competition_li{
  width: 588px;
  height: 180px;
  overflow: hidden;
  float: left;
}
.competition_li_image{
  width: 220px;
  height: 151px;
  overflow: hidden;
  float: left;
  background: #eee;
  margin: 12px 0px 0px 0px;
}
.competition_li_text{
  width: 353px;
  height: 151px;
  overflow: hidden;
  float: left;
  position: relative;
  margin: 12px 0px 0px 14px;
  font-size: 10px;
  line-height: 13px;
  color: #2d2d2d;

}
.competition_li_text .readmore{
    position: absolute;
  bottom: 0;
}

.competition_li_text p{
  font-size: 10px;
  line-height: 12px;
  color: #2d2d2d;
  margin-right: 30px;
}

#Events, #EmailFriend{
  width: 100%;
  height: 319px;
  margin: 0;  
  background: url(images/sprites.png) no-repeat 0 -940px;  
}

#EventsHeader, #EmailFriendHeader{
  width: 100%;
  height: 50px;
  float: left;
  overflow: hidden;  
}
#EventsHeader h3, #EmailFriendHeader h3{
  margin: 18px 0px 0px 22px;
}
#EventsInner, #EmailFriendInner{
  width: 230px;
  height: 208px;  
  float: left;
  margin: 6px 19px;     
}
.eventslide{
  background: inherit;
}
#EventsFooter{
  width: 100%;
  height: 30px;
  float: left;
  margin: 20px 0px 0px 0px;
}
.event{
  float: left;
  width: 241px;
  margin: 0px 0px 10px 0px  
}
.event.h100{
  float: left;
  width: 220px;
  height: 100px;  
  margin: 0px 0px 10px 0px  ;
  overflow: hidden;
  
}

.event .date{
    font-size: 10px;
  font-weight: normal;
  color: #2d2d2d;
  line-height: 10px;
}
.event h4{
  font-size: 10px;
  font-weight: bold;
  color: #2d2d2d;
  line-height: 18px;
}
.event a, .event p{
  font-size: 10px;  
  color: #2d2d2d;
  line-height: 14px;
}
.prev{
  float: left;
  width: 19px;
  height: 19px;
  background: url(images/sprites.png) no-repeat -760px 0;
  font-size: 1px;
  text-decoration: none;
}
.next{
  float: left;
  width: 19px;
  height: 19px;
  background: url(images/sprites.png) no-repeat -780px 0;
  font-size: 1px;
  text-decoration: none;
}
#EventsFooter .prev{
  margin: 0px 0px 0px 12px;
}
#EventsFooter .next{
  margin: 0px 0px 0px 0px;
}
#EventsFooter #eventPagenumber{
  float: left;
  width: 190px;

  margin: 5px 0px 0px 5px;
  text-align: center;
  
}
#sms-klub{
  position: absolute;
  background: url(images/sms_klub.png) no-repeat;
    top: 420px;
  left: 390px  ;
  width: 190px;
  height: 191px;
  z-index: 10;
}
#today{
  position: absolute;
  background: url(images/sprites.png) no-repeat -910px -740px;
  top: -45px;
  left: -25px  ;
  width: 285px;
  height: 285px;
  z-index: 10;
}
#today.mainRight{
    top: 135px;
  left: 350px  ;
}

.today-headline{
  position: absolute;
  top: 83px;
  width: 285px;
  height:  45px;
  text-align: center;
}
.today-text{
  position: absolute;
  top: 120px;
  width: 285px;
  height:  100px;
  text-align: center;
}
.today-headline h3{
  float: left;
  width: 100%;
  font-size: 30px;
  color: #fff;
    font-family: "Arial Narrow";
  font-style: italic;
  font-weight: normal;
}
.opening{
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: bold;
}
.today-shops{
  float: left;
  width: 195px;
  margin: 15px 0 0 78px;
}
.today-shops .shop{
 float: left;
 width: 100%;  
  line-height: 16px;

}
.today-shops .shopopening{
    float: left;
  width: 55px;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  
}
.today-shops .shoptime{
    float: left;
  width: 140px;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  
}

.opening2{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin: 30px 0px 4px 0px;
}
.opening3{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
#socialIcons{
  position: absolute;
  top: -25px;
  left: 840px  ;
  width: 60px;
  height: 22px;
  z-index: 10;
}
a.facebook, a.twitter, a.print{
  float: left;
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px 4px;
  text-decoration:none;
  background: url(images/sprites.png) no-repeat;
  background-position: -500px -85px; 
}
a.facebook:hover{  
  background-position: -500px -70px; 
}
a.twitter{
  background-position: -519px -85px; 
}
a.twitter:hover{  
  background-position: -519px -70px; 
}
a.print{
  background-position: -538px -85px; 
}
a.print:hover{  
  background-position: -538px -70px; 
}

#leftmenu_small{
  width: 260px;
  min-height: 80px;
  background:  #d7d4cd url(images/sprites.png) no-repeat;
   background-position: -920px -1880px;  
}
#leftmenu_medium{
  width: 260px;
  min-height: 200px;
  background:  #d7d4cd url(images/sprites.png) no-repeat;
   background-position: -920px -1520px;  
}
#leftmenu_large{
  width: 260px;
  min-height: 320px;
  background: #d7d4cd url(images/sprites.png) no-repeat;
   background-position: -650px -1520px;  
}
#leftmenu_largetop_bg{
  width: 260px;
  height: 20px;
  background: url(images/sprites.png) no-repeat;
   background-position: -650px -1500px;  
}
#leftmenu_mediumtop_bg{
  width: 260px;
  height: 20px;
  background: url(images/sprites.png) no-repeat;
   background-position: -920px -1500px;  
}
#leftmenu_smalltop_bg{
  width: 260px;
  height: 20px;
  background: url(images/sprites.png) no-repeat;
   background-position: -920px -1860px;  
}


#leftmenu_short{
  width: 260px;
  min-height: 107px;
  background: url(images/sprites.png) no-repeat;
  background-position: -300px -400px;    
}

#leftmenubuttom{
  width: 260px;
  height: 15px;
  background: url(images/sprites.png) no-repeat;
   background-position: -650px -1846px;  
}

#mainHeader{
  width: 630px;
  height: 222px;
  margin: 0px 0px 10px 0px;
}


#content{
  width: 629px;
  min-height: 382px;
  background: #d7d4cd  url(images/sprites.png) no-repeat;
  background-position: 0px -1520px;  
}

#contentbuttom_bg, #contenttop_bg{
  height: 7px;
  width: 100%;
  background: url(images/sprites.png) no-repeat;
  background-position: 0px -1983px;   
}
#contenttop_bg{
    height: 20px;
     background-position: 0px -1500px; 

}

#content p{
  padding: 0px 0px 15px 0px;
  line-height: 18px;
}
.col1{
  float: left;
  width: 313px;

  margin: 5px 20px 0px 20px;
}
.col2{
  float: left;
  width: 220px;
  margin: 5px 25px 0px 29px;

}
.col3{
  float: left;
  width: 584px;
  margin: 5px 25px 0px 20px;
}
#content .col3 p {
  font-size: 10px;
  line-height: 12px;
  color: #2d2d2d;
    margin: 10px 0px 0px 0px;
      padding: 0;
}

.col2 p {
  font-size: 10px;
  line-height: 12px;

}

.verticalrule{
  float: left;
  width: 2px;
  height: 334px;
  background:  url(images/sprites.png) no-repeat;
  background-position: -1195px -1030px;  
}
#shop{
  width: 629px;
  height: 343px;
  background:  url(images/sprites.png) no-repeat;
  background-position: -560px -295px;  
  overflow: hidden;
}
#shop p{
  padding: 0px 0px 15px 0px;
  line-height: 14px;
}
#shoplinks{
  width: 629px;
  height: 240px;
  margin: 8px 0px 0px 0px;
  background:  url(images/sprites.png) no-repeat;
  background-position: -560px -1030px;  
    overflow: hidden;
}

#shopHeader{
  width: 898px;
  height: 208px;
  margin: 0px 0px 5px 0px;
  background: url(images/sprites.png) no-repeat;
  background-position: 0 -1280px; 
  overflow: hidden;
}
.shopheader{
  margin: 8px 0px 0px 8px;
}
.shopLeft{
  float: left;
  width: 325px;
  margin: 22px 0px 0px 20px;  
}
.shopRight{
  float: left;
  width: 220px;
  margin: 22px 0px 0px 40px;
  font-size: 10px;
  line-height: 14px;
}
.shopInner{
  min-height: 200px;
}
#shopIcon{
  height: 55px;

}
a.centercard{
  float: left;
  width: 65px;
  height: 35px;
  margin: 0px 0px 5px 0px;
  background: url(images/sprites.png) no-repeat;
  background-position: -500px -35px; 
}
a.centercard:hover{  
  background-position: -500px 0; 
}
.shopRight a{
    text-decoration:none;
  color: #2d2d2d;
}
.shopImage{
  float: left;
  width: 220px;
  height: 150px;
  overflow: hidden;
  background: #eee;
  margin: 0px 0px 14px 0px;
}
a.shopmap{
  font-weight: bold;
text-decoration: none;
}


#shoplist{
  background: red;
}
#shoplist a.active {
    font-weight: bold;
}
#shoplist .column1, #shoplist .column2, #shoplist .column3{
  float: left;
  width: 190px;
}

#shoplist ul li a{
  font-size: 10px;
  line-height: 18px;
  text-decoration:none;
  color: #2d2d2d;

}
#fullwidthBorder{
  margin: 115px 0px 10px 0px;
  height: 0px;  
  width:100%;
  display: inline;
  float: left;
  position: relative;  
  
}
#logoBorder{
    height: 18px;  
    border-top: 1px solid #444;
    border-bottom: 1px solid #c1c1c1;
  width:100%;
  display: inline;
  float: left;
  position: relative;
  background: #000;
}
.border-inner{
    width: 900px;
  margin: 0 auto;
  background: red;
    position: relative;
}
.footerlogo{
    position: absolute;
  top: -59px;
  right: 0px;
}
#footer{  
  margin: 30px 0px 80px 0px;        
  width:100%;
  display: inline;
  float: left;
  position: relative;
}
#footer h2{
  color: #2d2d2d;
  font-size: 10px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}
#footer ul li{
    line-height: 10px;
  padding: 5px 0px 0px 0px;
  color: #2d2d2d;
  font-size: 10px;
}
#footer ul li a{
  color: #2d2d2d;
  line-height: 10px;
  padding: 0;
  text-decoration: none;
}
#footer .col1{
  float: left;
  width: 140px;
  margin: 0px 10px 0px 0px;
}
.clear{
  clear: both;
}

/*** superfish menu ***/
.sf-menu, .sf-menu * {
  margin:  0;
  padding:    0;
  list-style:    none;

}
.sf-menu {
  line-height:  1.0;
  float:      right;  
  margin: 15px 0px 0px 0px;

  
}
.sf-menu ul {
  visibility: visible !important; 
  display: none;
  position:  absolute;
  top:      -999em;  
  width:    179px; /* left offset of submenus need to match (see below) */  
}
.sf-menu ul li {
  width:      179px;  
  
}
.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float:      left;
  position:    relative;
  margin: 0px 0px 0px 20px;
}
.sf-menu li a {
  display:    block;
  position:  relative;  
  padding: 10px 0px 10px 0px;
  text-decoration:none;
  font-size: 15px;
  color:   #2d2d2d;    
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      -30px;
  top:      2.5em; /* match top ul list item height */
  z-index:    20;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
  background: #000;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:      0; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:      0; /* match ul width */
  top:      0;
}

.sf-menu li li {  
  background: url(images/sprites.png) no-repeat ;
  background-position:-920px -1380px;
  width: 179px;
  height: 27px;  
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 0;  
}
.sf-menu li li:hover
{
  background-position:-920px -1407px;
}

.sf-menu li li.first {
  background: url(images/sprites.png) no-repeat ;
    background-position:-550px -940px;
  height: 36px;    
}
.sf-menu li li.first:hover
{
      background-position:-550px -976px;

}
.sf-menu li li.last {
    background: url(images/sprites.png) no-repeat ;
    background-position:-730px -940px;
  height: 31px;    
}
.sf-menu li li.last:hover
{
    background-position:-730px -971px;
}
.sf-menu li li a {
  display:    block;
  position:  relative;  
  padding:   6px 0px 6px 15px;
  margin: 0;
  height: 27px;  
  text-decoration:none;
  font-size: 10px;
  color: #ffffff;
  z-index: 99;
  font-size: 11px;  
  
}
.sf-menu li li.first a {
  padding:   15px 0px 0px 15px;
}
.sf-menu li li li {
  background:    #9AAEDB;
}
/* left menu */
.leftmenu {
  line-height:  1.0;
  float:      left;  
  margin: 3px 0px 0px 0px;
  
}
.leftmenu li {
  float:      left;
  position:    relative;
  margin: 0;
  padding: 0;
  width:      260px;
  height: 27px;
  background: url(images/sprites.png) no-repeat;
  background-position: -920px -1815px;
  overflow:hidden;
  
}
.leftmenu  li a {
  display:    block;
  position:  relative;  
  padding: 8px 10px 8px 23px;
  margin: 0;
  text-decoration:none;
  font-size: 10px;
  color:   #2d2d2d;    
}

.leftmenu  li:hover {
  background-color: #f9db2b;
}

.leftmenu  li a.active {
    background: #f9db2b;
    font-weight: bold;
}

.leftmenu  li.firstlevel{
    font-size: 11px;
    font-weight: bold;
  padding: 2px 0px 0px 23px;
  background:none;
    height: 22px;
}


/* contact form */
#contactForm, #commentLoading, #commentPosted{
  float: left;
  width: 570px;
  margin: 0px 0px 20px 0px;

}

.form-input, .form-submit{
  float: left;
  width: 480px;
  margin: 0px;
  height: 30px;
}
.form-input-post{
  float: left;
  width: 55px;
  margin: 0px;
  height: 30px;  
}
.form-input-city{
  float: left;
  width: 420px;
  margin: 0px;
  height: 30px;
  
}
.form-input-message{
  float: left;
  width: 480px;
  margin: 0px;
  height: 175px;
}  
.form-label{
  float: left;
  width: 90px;
  margin: 5px 0px 0px 0px;  
}
label{
  width: 90px;
  font-size: 10px;
  padding: 5px;
}
.input-text{  
  float: left;
  width: 181px;  
  background:  url(images/sprites.png) no-repeat;
  background-position: 0 0;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.input-text.error{
  background-position: -200px 0;
}
.input-text-post{  
  float: left;
  width: 40px;  
  background:  url(images/sprites.png) no-repeat;
  background-position: -400px 0px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.input-text-post.error{
  background-position: -400px -25px;
}
.input-text-city{  
  float: left;
  width: 126px;  
  background:  url(images/sprites.png) no-repeat;
  background-position: 0 -25px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.input-text-city.error{
  background-position: -200px -25px;
}
.input-radio{  
  float: left;
  width: 20px;    
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 8px 0px 0px 0px;
  padding: 0;
}
label.radio{
    float: left;
     margin: 10px 30px 0px 0px;
     padding: 0;
     width: auto;
}
#comment{
  float: left;
  width: 468px;  
  height: 156px;
  background:  url(images/sprites.png) no-repeat;
  background-position: 0 -60px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 8px 5px 5px 5px;
overflow:auto;
resize: none;
}
 #comment.error{
  background-position: 0 -230px;
}

#submit{
  width: 41px;
  height: 22px;
  background:  url(images/sprites.png) no-repeat -500px -160px;
  border: none;
  margin: 0px 0px 0px 90px;
  cursor: pointer;
}



.form-input label.error, .form-input-city label.error , .form-input-message label.error {
  float: left;
  width: 200px;
  color: #ff6666;
  font-size: 10px;
  margin: 5px 0px 0px 10px;
  padding: 0;
}
/* Email Friend form */
#EmailFriendForm{
  float: left;
  width: 240px;
  margin: 0px 0px 0px 0px;
}
#EmailFriendForm .form-field,#EmailFriendForm .form-field-textarea{
  float: left;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
#EmailFriendForm .form-field-textarea{
  height: 85px;
}
#EmailFriendForm .form-label{
  float: left;
  width: 55px;
  font-size: 10px;
  padding: 2px 0px 0px 0px;
}
#EmailFriendForm .form-input, #EmailFriendForm .form-input-textarea{
  float:left;
  width: 185px;
}
#EmailFriendForm .form-input label.error, #EmailFriendForm .form-input-textarea label.error{
  margin: 0;
  width: 5px;
  padding: 5px 0px 0px 1px;
  color: red;
  font-weight: bold;
  float: left;
}
#EmailFriendForm .txtNormal{
  float: left;
  width: 165px;
  background: url(images/sprites.png) no-repeat -910px -640px;
    background: url(images/sprites.png) no-repeat -1020px -1450px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;  
}
#EmailFriendForm .txtMessage{
  float: left;
  width: 165px;
  height: 70px;
  background: url(images/sprites.png) no-repeat -910px -640px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;  
  overflow:auto;
  resize: none;
}

#EmailFriendForm .btnSubmit{
  float: right;
  width: 91px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -920px -1450px;
  border:none;  
  margin: 5px 10px 0px 0px;
  cursor: pointer;
}
#smsTilmeling .form-input label.error, #smsTilmeling .form-input-textarea label.error,
#afmeldingform .form-input label.error, #afmeldingform .form-input-textarea label.error{
  margin: 0;
  width: 130px;
  padding: 5px 0px 0px 5px;
  color: red;
  font-weight: bold;
  float: left;
}

#Tilmeling .btnSubmit,
#smsTilmeling .btnSubmit{
  float: left;
  width: 63px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -690px 0;
  border:none;  
  margin: 0px 10px 0px 215px;
  cursor: pointer;
}

#Afmeling .btnSubmit,
#smsAfmeling .btnSubmit{
  float: left;
  width: 68px;
  height: 22px;
  background: url(images/sprites.png) no-repeat -500px -130px;
  border:none;  
  margin: 0px 10px 0px 210px;
  cursor: pointer;
}
#Tilmeling .form-input,
#Afmeling .form-input
{
  float:left;
  width: 245px;
}
/* competition form */
#Questions{
  float: left;
  width: 100%;
}
#message{
 float: left;
  width: 100%;
}
#message p {
  font-size: 10px;
  line-height: 14px;
  color: #2d2d2d;
}

.question{
  float: left;
  width: 100%;
  font-size: 10px;
  font-weight: bold;
}
.rblAnswer{
  float: left;
    width: 100%;
  margin: 10px 0px;
  line-height: 18px;
}
#CompetitionForm, #CompetitionFormLoading, #CompetitionFormPosted{
  float: left;
  width: 325px;

}
#CompetitionForm .form-label{
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  color: #3f3f3f;
  text-transform: none;
}

 #CompetitionForm .input-text.error{
  background-position: 0 0;
}
 #CompetitionForm .input-text-city.error{
  background-position: 0 -25px;
}
 #CompetitionForm .input-text-post.error{
  background-position: -400px 0;
}
#CompetitionForm .form-field{
  float: left; 
  width: 325px;
  margin: 0px;
  height: 30px;
}
#CompetitionForm .form-field label.error{
  float: left;
  width: 11px;
  color: #f20505;
  font-size: 11px;
  font-weight:bold;
  margin: 5px 0px 0px 2px;
  padding: 0;
}
#CompetitionForm .form-input, #CompetitionForm .form-submit{
  float: left;  
  width: 225px;
  margin: 0px;
  height: 25px;
}
#CompetitionForm .form-submit{
    width: 320px;
}
#CompetitionForm .form-input-city{
  float: left; 
  width: 155px;
  margin: 0px;
  height: 25px;
}

#CompetitionForm #submit{
  width: 50px;
  background:  url(images/sprites.png) no-repeat -500px -100px;
  margin: 0px 0px 0px 100px;
  float: left;
}
#CompetitionForm #error{
  width: 150px;
  float: left;
  font-size: 9px;
  color: #f20505;
  font-weight: bold;
  margin: 5px 0px 0px 10px;

}
#Tilmeling, #smsTilmeling{
  float: left;
  width: 100%;
  height: 150px;
}
#Afmeling, #smsAfmeling{
  float: left;
  width: 100%;
  height: 150px;

}
#tilmeldingform,
#tilmeldingLoading,
#tilmeldingPosted,
#afmeldingform,
#afmeldingLoading,
#afmeldingPosted{
  float: left;
  margin: 15px 0px 0px 0px;
  width: 100%;
}



/* Købekort formular  */

#koebekortForm, #koebeformResult{
  float: left;
  width: 589px;
  margin: 0px 0px 30px 0px;
}
#koebekortForm .form-fieldset{
    float: left;
  width: 100%;
  margin: 10px 0px;
}
.form_li_hr{
  float: left;
  width: 588px;
  height: 2px;
  background: url(images/sprites.png) no-repeat -560px -1275px;
  margin: 5px 0px;
}
#koebekortForm .left{
  float: left;
  width: 300px;
}
#koebekortForm .right{
  float: left;
  margin: 0px 0px 0px 16px;
  width: 273px;
}
#koebekortForm .form-field{
  float: left;
  width: 100%;
  height: 52px;
}
#koebekortForm .form-field-post{
  float: left;
  width: 70px;
  height: 52px;
}
#koebekortForm .form-field-city{
  float: left;
  width: 200px;
  height: 52px;
}
#koebekortForm .form-field-akasse{
  float: left;
  width: 100%;
  height: 90px;
}
#koebekortForm .form-field-eje{
  float: left;
  width: 100%;
  height: 90px;
}
#koebekortForm .form-field-status{
  float: left;
  width: 437px;
  height: 5px;
}
#koebekortForm .form-field-acounttype{
  float: left;
  width: 100%;
  height: 140px;
}
#koebekortForm .form-field-acounttype.jul{
  height: 70px;
} 
#koebekortForm .form-field-date{
  float: left;
  width: 150px;
  height: 30px;

  margin: 5px 0px 0px 0px;

}
#koebekortForm .form-label-date{
 float: left;
  width: 49px;
  color: #2d2d2d;
  font-size: 10px;
  text-align: right;
  padding: 5px;
}
#koebekortForm .form-label{
 float: left;
  width: 100%;
  color: #2d2d2d;
  font-size: 10px;
  margin: 0px 0px 5px 0px;
}
#koebekortForm .red{
  color: #d40000;
  font-size: 10px;
  font-weight: bold;

}

.textboxLong{
  float: left;
  width: 255px;  
  background: url(images/sprites.png) no-repeat 0 -585px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.textboxShort{
  float: left;
  width: 56px;  
  background: url(images/sprites.png) no-repeat 0 -610px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.textboxNormal{
  float: left;
  width: 187px;
  margin: 0px 0px 0px 5px;
}
.textboxNormal{
  float: left;
  width: 179px;  
  background: url(images/sprites.png) no-repeat -68px -610px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.textboxDate{
  float: left;
  width: 81px;  
  background: url(images/sprites.png) no-repeat -280px -425px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.form-dropdownlist{
  float: left;
  width: 255px;  
  background: url(images/sprites.png) no-repeat 0 -585px;
  border:none;
  color: #2d2d2d;
  font-size: 11px;
  margin: 0;
  padding: 5px 5px 5px 5px;
}
.rblHorizontal{
  float: left;
  width: 400px;
  margin: 10px 0px 10px 5px;
}
.rblHorizontal input{
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}
.rblHorizontal label{
  float: left;
  width: auto;
  margin: 0px 30px 0px 10px;
  padding: 0;
}
.rblAcounttype{
  float: left;
  width: 100%;
  margin: 10px 0px 0px 5px;
}
.rblAcounttype input{
  float: left;
  width: 20px;
  margin: 0;
  padding: 0;
}
.rblAcounttype label{
  float: left;
  width: 527px;
  margin: 0px 30px 5px 10px;
  padding: 0;
line-height: 14px;
}

.validator{
  float: left;
  width: 100%;
  color: #d40000;
  font-size: 10px;
}
.btnSendComfirm{
  float: left;
  width: auto;
  margin: 5px 0px 0px 10px;
  font-size: 10px;
}
p.disclaimer{
  float: left;
  clear: both;
    font-size: 10px;
}

























































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */