/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* text & colors */
html { background: #f2f2f2; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img, #topheader h1 a, #topheader h2 a { behavior: url(iepngfix.htc); }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#main { width: 100%; position: relative; }
#main { width:984px; margin:0 auto; zoom:1; }
#main .maincap { position:absolute; width:984px; left:0; z-index:5; font-size:1px; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content { padding: 18px 20px; position: relative; color: #333; }
#content img.flushleft { float: left; margin-left: -50px; }
#content img.flushright { float: right; margin-right: -50px !important; }
#content img.app_store { float: left; margin-right: -50px !important; margin-bottom: 15px; }

.sfeatures #content img.flushleft { float: left; margin-left: -38px; }
.sfeatures #content img.flushright { float: right; margin-right: -38px !important; }
#content img.flushtop { margin-top: -18px; }

#main p.sosumi, #main ul.sosumi, #main ol.sosumi,
#content p.sosumi, #content ul.sosumi, #content ol.sosumi { width: auto; margin: 0; padding: 0; text-align: left; }
#content .sosumi { display: block; font-size: 9px !important; margin-top: 9px; }

#content sup { vertical-align:top; }

h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
h4 { font-size:1em; line-height:1.5; }
h5 {}
h6 {}
.replaced { display:block; width:1px; height:1px; outline:none; overflow:hidden; text-indent:-9999px; }

.maincap { height: 7px; behavior: url(iepngfix.htc); }
.maincap.top { top: 0; background: url(content-cap-top-20090608.png) no-repeat; }
.maincap.bottom { bottom: 0; _bottom: -1px; background: url(content-cap-bottom-20090608.png) no-repeat 0 100%; }

#main { width: 980px; padding: 0 2px; background: #fff url(content-bg-20090608.gif) repeat-y; }
#content { padding: 18px 50px 18px 50px; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }
body { font-size:12px; line-height:1.5; color:#333; background-color:transparent; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }


p { margin-bottom: 10px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 10px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right;}
p { margin-bottom:0.5em; }
p.intro { color:#888; font-size:16px; line-height:1.4; font-weight:normal; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ul { margin-bottom:0; }
ul.square,
ul.circle { margin-bottom:1.5em; }
ul ul.circle,
ul ul.square { margin-top:.5em; margin-bottom:1em; }

/*--- FOOTER ---*/
#footer { width: 980px; color: #888; font-size: 10px; margin: 10px auto; padding-bottom: 36px; text-align: left !important; }
#footer .footer_copyright { float: left; width: 60%; margin: 18px 0 9px; }
#footer a { color: #08c; }
#footer p { margin-bottom: 1em; }
#footer p.footer_copyright { float: left; width: 52%; margin: 18px 0 9px 3px; }

/* TOPHEADER */
#topheader { position: relative; border-bottom: 1px solid #ddd; padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *height: 39px; }
#topheader h1, 
#topheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 2px 8px; padding: 0; margin-bottom: 2px !important; }
#topheader h1 a, 
#topheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; }

#topheader ul { display: inline; float: right; margin: 0; }
#topheader ul li { display: inline; }
#topheader ul li a { color: #999; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#topheader ul li a:hover { color: #08c; }

#topheader { border:0; }
#topheader ul li a { color:#333; margin-left:30px; }
#topheader ul li a:hover { color:#08c !important; }
#topheader h2 a.replaced { background-image: url(overskrift.png); width: 169px; }

#topheader #productnav li a:hover { color: #08c !important; }

/* SLIDER */

.ACSlider { position:relative;}

/* dot nav at the top */
.ACSliderPageNav { position:absolute; top:0; left:50%; height:8px; padding:0; margin:0 auto; text-align:center;}
.ACSliderPageNav li { display:inline; }
.ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url(sliderdot.png) center top no-repeat; _background-image:url(sliderdot.gif); overflow:hidden; }
.black .ACSliderPageNav li a { background-image:url(sliderdot_black.png); _background-image:url(sliderdot_black.gif); }
.ACSliderPageNav li a:hover { background-position:center -8px; }
.ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }

/* previous and next nav */
.ACSliderPreviousArrow, .ACSliderNextArrow { position:absolute; top:50%; width:14px; height:14px; cursor:pointer; text-indent:-9999px; behavior:url(iepngfix.htc); overflow:hidden; }
.ACSliderPreviousArrow { left:0; background:url(arrowleft.png) center top no-repeat; }
.ACSliderNextArrow { right:0; background:url(arrowright.png) center top no-repeat; }
.ACSliderPreviousArrow:hover, .ACSliderNextArrow:hover { background-position:center -14px; }

/* container */
.ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px;}
.ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; }
.ACSliderMaskDiv ul li { }

#content #hero { padding-top:30px; }
#content #hero img.flushtop { margin:-48px -20px 0 20px; }
#content #hero h1.replaced { width:460px; height:99px; background:url(overskrift_h1.png) no-repeat 0 100%; }

/* browsers
------------------------*/
#content .browser { clear:both; margin:0 -29px 1.5em; overflow:hidden; }

#content .browser ul.items { display:none; }

/* SLIDERS */
#content .browser .slider { position:relative; width:938px; height:461px; background:url(browser_et_bg.png) repeat-x 0 50%; margin-bottom: 25px;}

#content .browser .slider .ACSliderPageNav { top: 412px;}

#content .browser .slider .ACSliderPreviousArrow,
#content .browser .slider .ACSliderNextArrow { width:39px; height:461px; top:0; behavior:none; }
#content .browser .slider .ACSliderPreviousArrow { background:url(browser_et_left.png) no-repeat 0 -361px; }
#content .browser .slider .ACSliderNextArrow { background:url(browser_et_right.png) no-repeat 0 -361px; }
#content .browser .slider .ACSliderPreviousArrow:hover,
#content .browser .slider .ACSliderNextArrow:hover { background-position:0 -722px; }
#content .browser .slider .inactive { background-position:0 0 !important; cursor:default; }

#content .browser .slider .ACSliderMaskDiv { display:block; width:860px; height:461px; margin:0 39px; }

#content .browser .slider .ACSliderMaskDiv ul { display:block; width:10000px; height:461px; top:0; margin:0; padding:0; }
#content .browser .slider .ACSliderMaskDiv ul li { display:block; float:left; width:215px; height:461px; margin:0; padding:0;}

#content .browser .slider .ACSliderMaskDiv ul li a { display:block; cursor:pointer; }

/* staff picks */
#content .browser .slider#picksslider { height:397px; background:#f7f7f7 url(browser-picks-bg-20090608.png) repeat-x 0 0; }
#content .browser .slider#picksslider .ACSliderPageNav { margin-left:-48px; }

#content .browser .slider#picksslider .ACSliderPreviousArrow { height:32px; width: 32px; background:url(nav_pil_venstre.png) no-repeat 0 -64px; top:198px;}
#content .browser .slider#picksslider .ACSliderNextArrow     { height:32px; width: 32px; background:url(nav_pil_hoejre.png)  no-repeat 0 -64px; top:198px;}
#content .browser .slider#picksslider .ACSliderPreviousArrow:hover,
#content .browser .slider#picksslider .ACSliderNextArrow:hover { background-position:0 -32px; }

#content .browser .slider#picksslider .ACSliderMaskDiv,
#content .browser .slider#picksslider .ACSliderMaskDiv ul { height:397px;}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li { width:430px; height:397px; background:url(browser-picks-item-20090608.png) no-repeat 100% 50%;}

#content .browser .slider#picksslider .ACSliderMaskDiv ul li:nth-child(2n) { background:none; }

#content .browser .slider#picksslider .ACSliderMaskDiv ul li span { position:relative; padding:20px 15px 0; height:397px; color:#000; font-size:11px; text-decoration:none;}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span strong.overskrift_picks {width: 400px; height: 40px; color:#000000; font-size:24px; line-height:1.4; font-weight:normal; margin: 5px 0px 0px 10px; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span p.underskrift_picks     {width: 410px; height: 60px; color:#888; font-size:14px; line-height:1.4; font-weight:normal; margin: 0px 10px 0px 10px;}

#content .browser .slider#picksslider .ACSliderMaskDiv ul li span p.bottom_picks          {width: 410px; height: 60px; color:#888; font-size:14px; line-height:1.4; font-weight:normal; margin: 0px 10px 0px 10px;}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span a.app_store_link        {width: 410px; height: 20px; color:#08c; font-size:14px; line-height:1.4; font-weight:normal; margin: 0px 10px 10px 10px;}

#content .browser .slider#picksslider .ACSliderMaskDiv ul li:nth-child(n) a.active { margin-right:1px; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li:nth-child(2n) a.active { margin-right:0; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b { display:block; position:relative; margin:0; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b img { width:100%; height:100%; margin:0; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.bottom_small   { left:73px; top:0px; width:272px; height:272px; padding:0px;}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.bottom_full   { left:73px; top:0px; width:272px; height:575px; padding:0px;}

#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.top_wide   { left:15px; top:0px; width:400px; height:229px; padding:0px; margin: 10px 0px 10px 0px;}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.right_small { left:272px; top:0px; width:118px; height:270px; margin:0px 10px 0px 10px; border: 1px solid #000;}

#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.portrait  { top:15px; left:45px; width:66px; height:99px; padding:25px 7px 48px 8px;
	background:url(iphone-thumb-portrait-20090608.png) no-repeat 0 0;
	_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="iphone-thumb-portrait-20090608.png",sizingMethod="image");
}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span b.landscape { left:10px; top:84px; width:99px; height:66px; padding:7px 24px 31px 25px;
	background:url(iphone-thumb-landscape-20090608.png) no-repeat 0 0;
	_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="iphone-thumb-landscape-20090608.png",sizingMethod="image");
}
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span.statusbar img.portrait { height:95px; padding:29px 7px 48px 8px; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span.statusbar img.landscape { height:62px; padding:11px 24px 31px 25px; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span strong.week { position:absolute; top:185px; padding:4px 0 0 18px; color:#f47a00 !important; font-size:10px; text-transform:uppercase; background:url(star-20090608.png) no-repeat 0 50%; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span strong { display:block; font-size:12px; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span i { display:block; margin:0 0 .6em; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li span span { display:block; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li a:visited strong { color:#666; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li a:hover strong { color:#08c; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li a.active,
#content .browser .slider#picksslider .ACSliderMaskDiv ul li a.active:visited { color:#666; cursor:default; background:url(browser-picks-active-20090608.png) repeat-x 100% 50%; }
#content .browser .slider#picksslider .ACSliderMaskDiv ul li a.active:hover strong { color:#666; }


/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #topheader, #footer, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}

@media print {
	.replaced { background: none; height: auto; overflow: visible; text-indent: 0; width: auto; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }