/*** TAGS ***/
html {
 width:100%;
 height:100%;
 margin:0px;
 padding:0px;
}

body {
 width:100%;
 height:100%;
 margin:0px;
 padding:0px;
 color: #777;
 font:normal 10px Verdana, Helvetica, Arial;
 background: #d6d6d6 url(../grafik/bgr-body.png) repeat-x 0 0;
}

input {
 font-size:10px;
 }
 
img {
 border:0;
 }

/*** LAYOUT ***/
#wrap{
 position:relative;
 width: 997px;
 float:left;
 margin:0;
 padding:0;
 } 
 
 /* HEADER */
#header{
 position:relative;
 width: 690px;
 height:173px;
 margin:0;
 padding:0 0 0 25px;
 float:left;
 background:url(../grafik/bgr-head.png) no-repeat 0 0;
 }

#printedtop {
 display:none;
}
 
#cart-top{
 float:left;
 list-style: none;
 padding: 7px 0px 7px 0px;
 margin:0;
 }
 
#cart-top li{
 float:left;
 padding-left: 10px;
 }
 
#cart-top li img{
 margin:0 3px -3px 0;
 }
 
#cart-top li a{
 color: #706f6f;
 text-decoration: none;
 font-size: 9px;
 }
 
#cart-top li a:hover, #cart-top li a.active{
 color: #000;
 text-decoration: underline;
 }
 
#helpmenu{
 float:right;
 list-style: none;
 padding: 7px 0px 7px 0px;
 margin:0;
 }
 
#helpmenu li{
 float:left;
 padding-left: 20px;
 }
 
#helpmenu li a{
 color: #b7b7b7;
 text-decoration: none;
 font-size: 9px;
 padding-left: 10px;
 background: url(../grafik/arr1.gif) no-repeat 0 5px;
 }
 
#helpmenu li a:hover, #helpmenu li a.active{
 color: #000;
 text-decoration: underline;
 background: url(../grafik/arr3.gif) no-repeat 0 5px;
 }
 
/* LOGO */
#logo{
 position:relative;
 float:left;
 width:118px;
 padding:23px 0 0 0;
 } 
 
#header-text{
 position:relative;
 float:right;
 width:350px;
 padding:24px 0 0 0;
 text-align:right;
 } 
 
 /* MENU */ 
#topmenu_placeholder {
 margin: 0;
 padding:0 0 0 25px;
 width: 972px;
 height:47px;
 }
 
#topmenu_holder{
 position:absolute;
 top:173px;
 left:25px;
 width: 972px;
 height:47px;
 z-index:100;
 }

#topmenu{
 list-style: none;
 margin: 0;
 width: 972px;
 }
 
#topmenu li{
 float:left;
 display:inline;
 border-right: 1px solid #DC4C51;
 }

#topmenu li.firstitem {
 border-left: 1px solid #DC4C51;
}
 
#topmenu li a{
 float:left;
 height:42px;
 width:80px;
 display:block;
 font: normal 12px Arial;
 color:#fff;
 text-decoration: none;
 padding:5px 0 0 10px;
 text-shadow: 2px 2px 3px #444; /* CSS3 property - works only under FF3, Safari, Opera 9.5 */
 }
 
#topmenu li a:hover, #topmenu li a#activeitem {
 text-decoration: none;
 background: url(../grafik/nav-hover.png) repeat-x 0 0;
}
 
#topmenu li a#activeitem {
 font: bold 12px Arial;
 text-decoration: none;
}

/*LEVEL 1*/
#topmenu li ul {
 margin-top: 22px;
 background-color: #A9191E;
 width: 161px;
 border-top: 1px solid #dc4c51;
}

#topmenu li ul li {
 width: 161px;
 border-left: 1px solid #dc4c51;
 border-right: none;
}

#topmenu li ul li a{
 height: 20px;
 width: 150px;
 padding: 5px;
}

#topmenu li ul li.firstitem {
    border-left: 1px solid #dc4c51;
}

/*LEVEL 2*/
#topmenu li ul li ul {
 margin-left: 60px;
 margin-top: -1px;
}

 
/*SUPERFISH ESSENTIALS*/
.sf-with-ul { background: none;}
.sf-menu, .sf-menu * {
 margin: 0;
 padding: 0;
 list-style: none;
}
.sf-menu {
 line-height: 1.0;
}
.sf-menu ul {
 position: absolute;
 top: -999em;
 width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
 width: 100%;
}
.sf-menu li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
 float: left;
 position: relative;
}
.sf-menu a {
 display: block;
 position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
 left: 0;
 top: 2.5em; /* match top ul list item height */
 z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
 top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
 left: 10em; /* 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: 10em; /* match ul width */
 top: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:     2.25em;
    min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:        absolute;
    display:        block;
    right:            .75em;
    top:            1.05em; /* IE6 only */
    width:            10px;
    height:            10px;
    text-indent:     -999em;
    overflow:        hidden;
    margin:          20px 0 0 0;
    margin:          25px 31px 0 0;
    background:        url('../grafik/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}








 /* CONTENT */
#content{
 position:relative;
 float:left;
 margin: 0;
 padding:25px 0 0 25px;
 width: 972px;
 background:#d2d2d2 url(../grafik/bgr-content.png) repeat-x 0 -1px;
 }
 
 /* BANNER 1 */
.gavekort{
 position:relative;
 float:left;
 margin: 0 25px 20px 0;
 padding:10px 0 0 20px;
 width: 413px;
 height:159px;
 background:url(../grafik/bgr-banner1.png) no-repeat 0 0;
 } 
 
.gavekort img{
 float:left;
 } 
 
.gavekort p{
 float:left;
 margin: 5px 0 0 0;
 width: 215px;
 }  
 
.gavekort a.kob{
 position:absolute;
 left: 25px;
 bottom: 10px;
 padding:0 0 0 20px;
 color:#fff;
 font:bold 15px Tahoma;
 text-decoration:none;
 background:url(../grafik/icon-cart-kob.gif) no-repeat 0 50%;
 }
 
.gavekort a:hover.kob{
 color:#6C1216;
 }  
 
.gavekort img.card{
 float:none;
 position:absolute;
 right: 0;
 bottom: 12px;
 margin:-10px -15px 0 0;
 }
 
 /* BANNER 2 */
.konkurrence{
 position:relative;
 float:left;
 margin: 0 0 20px 0;
 padding:35px 0 0 20px;
 width: 184px;
 height:134px;
 background:url(../grafik/bgr-banner2.png) no-repeat 0 0;
 } 
 
.konkurrence img{
 float:left;
 } 
 
.konkurrence p{
 float:left;
 margin: 5px 0 0 0;
 width: 125px;
 color:#f9d9da;
 }   
 
.konkurrence img.konkurrenceBadge{
 float:none;
 position:absolute;
 left: 0;
 top: 0;
 }
 
.konkurrence img.ipod{
 float:none;
 position:absolute;
 right: 0;
 bottom: 0;
 margin: 0 -55px -20px 0;
 }
 
 /* BANNER 3 */
.butiksguide{
 position:relative;
 float:left;
 margin: 0 25px 20px 0;
 padding:15px 0 0 15px;
 width: 189px ;
 padding:15px 25px 0 15px;
 width: 164px ;
 height:154px;
 background:#fff;
	_background-image:url('/Files/System/cityvejle/grafik/text/mere_end_350.png');
	background-repeat:no-repeat;
	background-position:15px 67px;
 } 
 
.butiksguide img{
 position:relative;
 float:left;
 z-index:2;
 } 
 
.butiksguide img.txt{
 margin: -8px 0 5px 0;
 } 
 
	.butiksguide img.bag{
 float:none;
 position:absolute;
 right: 0;
 top: 0;
 margin: -20px 5px 0 0;
 z-index:1;
 }
	
.butiksguide_antal {
 float:left;
 margin: 0px 0 0 0;
 width: 170px;
}

.butiksguide_tekst {
 float:left;
 margin: 55px 0 0 0;
 width: 170px;
}

/*
.butiksguide p{
 float:left;
 margin: 5px 0 0 0;
 width: 170px;
 }   
 

*/


 /* BANNER - Parkering */
.parkering{ 
 position:relative;
 float:left;
 margin: 0 25px 0 0;
 padding:0 0 15px 0;
 width: 204px;
 height:184px;
 background:url(../grafik/bgr-banner2.png) no-repeat 0 0;
 } 

.parkering img.bil{
 float:none;
 position:absolute;
 left: 0;
 bottom: 0;
 margin: 0 0 -31px 0;
 margin: 0 0 0 0;
 } 
 
.parkering img.txt{
 float:none;
 position:absolute;
 left: 0;
 margin: 15px 0 0 15px;
 } 
 
 /* BANNER 4 */
.sms{ 
 position:relative;
 float:left;
 margin: 0 25px 20px 0;
 padding:35px 0 0 15px;
 width: 189px;
 height:134px;
 background:url(../grafik/bgr-banner2.png) no-repeat 0 0;
 } 
 
.sms img{
 float:left;
 } 
 
.sms p{
 float:left;
 margin: 5px 0 0 0;
 width: 125px;
 color:#f9d9da;
 }   
 
.sms img.nokia{
 float:none;
 position:absolute;
 right: 0;
 bottom: 0;
 margin: 0 -13px 7px 0;
 }
 
 /* BANNER 5 */
#forsideslideshow {
 position:relative;
 float:left;
 width: 433px;
 height:169px;

 } 

	/*
.aktiviteter{
 position:relative;
 float:left;
 margin: 0 0 20px 0;
 padding:0 0 0 15px;
 width: 189px;
 height:183px;
 background:url(../grafik/bgr-banner5.jpg) no-repeat 0 0;
 } 
 
.aktiviteter .text{
 float:none;
 position:absolute;
 left: 20px;
 bottom: 30px;
 } 
 
.aktiviteter img.aktiviteterTop{
 float:none;
 position:absolute;
 top: 0;
 left: 0;
 margin: -16px 0 0 66px;
 } 
*/
 
/* NEWSLETTER */ 
#nyhedsbrev {
 float:left;
 width:200px;
 padding:0 0 0 25px;
 }
 
#nyhedsbrev img{
 float:left;
 padding:82px 0 8px 0;
 }
 
#nyhedsbrev p.form{
 float:left;
 width:200px;
 padding:0 0 5px 0;
 margin:0;
 }
 
input.txt{
 color:#a5a5a5;
 border:1px solid #afafaf;
 padding:1px 2px 3px 3px;
 margin-top:3px;
 width:195px;
 }
    
/* Quick links */
.quickLinks {
 float:left;
 width: 890px;
 padding:40px 0;
 margin:15px 0 0 0;
 border-top:1px solid #888888;
 }
 
.quickLinks a{
 float:left;
 font:bold 15px 'Trebuchet MS', Tahoma, Verdana, Helvetica, Arial;
 color:#d92027;
 padding-left:20px;
 margin-right:20px;
 text-decoration:none;
 }
.quickLinks a:hover{
 color:#666666;
 text-decoration:none;
 }
 
a.quickLink1{
 background:url(../grafik/icon1.gif) no-repeat 0 50%;
 }
 
a.quickLink2{
 background:url(../grafik/icon2.gif) no-repeat 0 50%;
 }
 
a.quickLink3{
 background:url(../grafik/icon3.gif) no-repeat 0 50%;
 }
 
a.quickLink4{
 background:url(../grafik/icon4.gif) no-repeat 0 50%;
 }
 
a.quickLink5{
 padding-left:25px;
 background:url(../grafik/icon5.gif) no-repeat 0 050%;
 }
 
#info {
 float:left;
 width: 890px;
 padding:0 0 40px 0;
 margin:0px 0 0 0;
 color:#838383;
 }
 
#info div#info-block1{
 float:left;
 width:290px;
 }
 
#info div#info-block2, #info div#info-block3{
 float:left;
 width:220px;
 padding:0 0 0 40px;
 }
 
#info p{
 float:left;
 width:290px;
 margin:0;
 padding:0 0 7px 0;
 }
#info p span{
 float:left;
 width:140px;
 }
  
/* Undersider */ 
.contentMain {
 float:left;
 min-height:320px;
 width:590px;
 }
 
.contentRight {
 float:left;
 width:200px;
 margin: 275px 0 0 25px;
 }
 
.contentRight h2, .contentRight h3{
 color:#d92027;
 margin:0;
 padding:3px 0;
 font-size:1.5em;
 }
.contentRight h3{
 color:#d92027;
 margin:0;
 padding:3px 0;
 font-size:1.3em;
 }
 
.contentRight p{
 margin:0;
 padding:3px 0;
 }
 
.contentRight a{
 color:#d92027;
 }
.contentRight a:hover{
 color:#d92027;
 text-decoration:none;
 }

/* FOOTER */
#footer{
 float:left;
 width: 997px;
 height: 139px;
 position:relative; 
 padding:0px; 
 color:#fff;
 font-size:10px;
 background: url(../grafik/bgr-footer.gif) no-repeat 0 0; 
 } 
 
#footer p{
 width: 915px;
 text-align:right;
 padding:25px 0 0 0; 
 margin:0;
 }
 
#footer p a{
 color:#fff;
 } 
#footer p a:hover{
 color:#fff;
 text-decoration:none;
 }
 
#footer p.rights{
 color: #670f12;
 font-size:9px;
 padding:55px 0 0 0; 
 }
 
#logos{
 float:left;
 width: 915px;
 position:relative; 
 padding:15px 0; 
 margin:0;
 }
 
#logos a{
 margin:0 0 0 25px;
 }
 
 
/* GENERAL CLASSES */
a.link1 {
 color:#595959;
 font-weight:bold;
 padding:0 0 0 10px;
 vertical-align:middle;
 text-decoration:underline;
 background: url(../grafik/arr2.gif) no-repeat 0 5px; 
 }
 
a:hover.link1 {
 color:#222;
 background: url(../grafik/arr3.gif) no-repeat 0 5px;
 }
 
a.link2 {
 color:#838383;
 padding:0 0 0 7px;
 vertical-align:middle;
 text-decoration:underline;
 background: url(../grafik/arr4.gif) no-repeat 0 5px; 
 }
 
a:hover.link2 {
 color:#222;
 background: url(../grafik/arr3.gif) no-repeat 0 5px;
 }
 
.clear {
 clear:both;
 } 
 
.left {
 float:left;
 }
 
.right {
 float:right;
 }
 
#mglink {
 left:988px;
 top:720px;
 position:absolute;
 width:9px;
 height:126px;
 z-index:2;
 }
 
/* Shopping Woman */
#shopping-woman {
 position:absolute;
 top: 5px;
 right: 0;
 }
 
 hr {
  color: transparent;
  height: 0px;
  border-bottom: 1px solid #888;
 }
	
	/* butikker */
	.butikker_visning {
 /* */
}

.butikker_visning_tekster {
 float:left;
	width:375px;
	min-height:200px;
	padding:0px 15px 0px 0px;
}

.butikker_visning_fakta {
 float:left;
	width:175px;
	min-height:200px;
	border-left:1px solid #CCCCCC;
	padding:0px 0px 0px 15px;
}

.butikker_visning_tekster_overskrift, .butikker_visning_tekster_beskrivelse, .butikker_visning_tekster_aabningstider, .butikker_visning_fakta_logo {
 margin:0px 0px 15px 0px;
}

/* typografier */
.contentMain h1, .contentMain .h1 {
 color:#000000;
 margin:0px 0px 0px 0px;
 padding:0px 0px 10px 0px;
 font-size:18px;
	font-weight:bold;
}

	.contentMain h2{
 color:#000000;
 margin:0px 0px 0px 0px;
 padding:0px 0px 5px 0px;
 font-size:13px;
	font-weight:bold;
 }
 
.contentMain p {
 margin:0px 0px 3px 0px;
 padding:5px 0;
}
 
.contentMain a{
 color:#d92027;
	text-decoration:underline;
}

.contentMain a:hover{
 color:#0;
 text-decoration:underline;
}
	
/* formularer */
#billing input {
 width:350px;
	font-family:verdana;
	font-size:10px;
}

#delivery input {
 width:350px;
	font-family:verdana;
	font-size:10px;
}

input {
 Xwidth:350px;
	font-family:verdana;
	font-size:10px;
}

select, option {
 width:350px;
	font-family:verdana;
	font-size:10px;
}

textarea {
	height:75px;
	width:350px;
	font-family:verdana;
	font-size:10px;
}

input.radio, input.checkbox {
 width:15px;
	font-family:verdana;
	font-size:10px;
}

input.button, input.submit {
 width:auto;
	display:inline;
	padding:0px 15px 0px 15px;
	font-family:verdana;
	font-size:10px;
}

/*** FORSIDENYHEDER ***/
.forsidenyheder { 
 position:relative;
 float:left;
 margin: 0 25px 0 0;
 padding:0 12px 15px 12px;
 width: 180px;
 height:154px;
 color:#FFFFFF;
 background:url(../grafik/bgr-banner2.png) no-repeat 0 0;
 cursor:pointer;
}

.forsidenyheder .h1, .forsidenyheder .h3 {
 color:#FFFFFF;
 font-size:15px;
 margin:10px 0px 0px 0px;
 paddin:0px 0px 0px 0px;
}

.forsidenyheder hr {
 color:#FFFFFF;
 border-bottom:1px solid #FFFFFF;
 border-top:0px;
 margin:8px 0px 3px 0px; 
 *margin:0px 0px 0px 0px;
}
 
.forsidenyheder_nyhed {
 margin:3px 0px 0px 0px;
 width:180px;
 height:64px; 
}

.forsidenyheder_nyhed ul, .forsidenyheder_nyhed li {
 margin:0px 0px 0p 0px;
 padding:0px 0px 0p 0px;
}

.forsidenyheder_nyhed_overskrift {
 margin:0px 0px 0p 0px;
 padding:0px 0px 0p 0px;
}

.forsidenyheder_nyhed a {
 color:#FFFFFF;
}

.forsidenyheder_nyhed_dato {
 color:#FFFFFF;
}

/*** NYHEDER ***/
.nyheder {
 border-top:1px solid #CCCCCC;
}

.nyheder_nyhed {
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 0px;
 border-bottom:1px solid #CCCCCC;
 width:590px;
 height:18px;
}

.nyheder_nyhed_dato {
 float:left;
 width:90px;
 height:18px;
 line-height:16px;
}

.nyheder_nyhed_overskrift {
 float:left;
 width:500px;
 height:18px;
}

.nyheder_nyhed_overskrift h3 {
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}