/* Standardformatierungen */
body { font: normal 11px Arial,Sans-Serif; background: #181818 url(images/body_bg.gif) repeat-x; color: #e9e9e9; line-height:16px; margin: 0; padding: 0; }

a { color: #FFDC00; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

table { border: 0; }
td,th { vertical-align: top; text-align: left; }

em { color: #fff; font-weight: bold; }
label { display: block; }
.clearfix { clear: both; }
hr { display: none; }
div.hr { background: url(images/hr.gif) repeat-x; height: 1px; font-size: 0; margin: 20px 0; }
object { outline: none; } /* for wmode=opaque or transparent */
sup { font-size: 8px; vertical-align: super; }

#canvas { width: 960px; margin: 0 auto; }
#header { height: 90px; padding: 20px 0px 0px 0px; background: url(images/header_headline.gif) no-repeat right 71px; }

#focus { display: none; }

#console { width: 200px; float: left; margin: 0 20px 0 0; }
#console .top { background: url(images/corners/console_top.gif) no-repeat left top; height: 7px; }
#console .bottom { background: url(images/corners/console_bottom.gif) no-repeat left top; height: 7px; margin: 0 0 20px 0; }
#console .body { background-color: #333; }
#console .navi_bottom { background: url(images/corners/navi_bottom.gif) no-repeat left top; height: 4px; }

#console #navi1 { width: 180px; background: #c2c2c2 url(images/corners/navi_top.gif) no-repeat left top; padding: 7px 7px; font-size: 12px; }
#console #navi1  strong {font-weight:bold; font-style:italic;}
#console ul { margin: 0 0 0 18px; }
#console h2 { font-weight: bold; color: #333; padding: 0 0 4px 18px; margin: 0 0 7px 0; background: url(images/bullet_navi1.gif) no-repeat 0px center; border-bottom: 1px solid #999; }
#console h3 { font-weight: bold; color: #333; padding: 0 0 0 18px; margin: 5px 0 2px 0; background: url(images/bullet_navi1.gif) no-repeat 0px center; }
#console a { color: #333; font-weight: normal; line-height: 17px; }
#console a:hover { color: #fff; }
#console li.active a { background: url(images/bullet_active.gif) no-repeat 0px center; padding: 0 0 0 10px; text-decoration: underline; }

#console .teaser { color: #999; padding: 15px 20px 15px 20px; }
#console .teaser a img { margin: 0 0 5px 0; padding: 0; }
#console .teaser ul { margin: 0; }
#console .teaser a { color: #999; text-decoration: underline; }
#console .teaser a:hover { color: #ccc; }

#console #navi2 { width: 180px; background: #666666 url(images/corners/navi_divider.gif) no-repeat left top; padding: 13px 7px; font-size: 12px; }
#console #navi2 h2 { color: #ccc; background-image: url(images/bullet_navi2.gif); }
#console #navi2 a { color: #ccc; font-weight: normal; }
#console #navi2 a:hover { color: #fff; text-decoration: underline; }

#content { float: left; width: 740px; }
#content #billboard_container { width: 740px; height: 372px; margin: 0 0 20px 0; }

#footer { background: url(images/footer_nikon.gif) no-repeat; padding: 20px 0 30px 0; margin: 20px 0 0 0; }
#footer #meta { background: url(images/hr.gif) repeat-x; padding: 5px 0px 0px 0px; text-align: right; color: #999; }
#footer #meta ul { margin: 0; }
#footer #meta li { float: left; margin: 0 19px 0 0; }
#footer #meta a { color: #999; background: url(images/bullet_footer.gif) no-repeat left center; padding: 0 0 0 14px; }
#footer #meta a:hover { color: #fff; }

#content h1 {  } /* reserved for logo */
#content h2 {  } /* reserved for navi */
#content h3 { font-size: 16px; color: #fff; font-weight: bold; margin: 30px 0 15px 0; } /* reserved for tabs */
#content h4 { font-size: 12px; color: #FFDC00; font-weight: bold; margin: 0 0 5px 0; }
#content h5 { font-size: 11px; color:#FFDC00; font-weight: bold; margin: 0 0 5px 0; } /* reserved for sidebar header */
#content a.arrow { color: #FFDC00; padding: 0 0 0 16px; background: url(images/bullet_tab_link.gif) no-repeat left 1px; }
#content a.arrow:hover { color: #fff; }

#content div.print { position: relative; }
#content div.print a { position: absolute; top: -29px; left: 420px; display: block; width: 75px; height: 23px; float: right; background: url(images/button_print.gif) no-repeat; }

#content img.left { float: left; margin: 2px 15px 5px 0; }
#content img.right { float: right; margin: 2px 0 5px 15px; }
#content div.column { float: left; width: 160px; margin: 20px 0 0 0; text-align: center; }
#content div.columnwide { float: left; width: 320px; margin: 20px 0 0 0; text-align: center; }
#content div.columnmiddle { float: left; width: 230px; margin: 20px 0 0 0; text-align: center;}
#content div.columnmiddle.odd{margin-right:15px; clear:both;}
#content strong { color: #FFDC00; font-weight: bold; }
#content ul.dots li { background: url(images/bullet_h4.gif) no-repeat left 3px; padding: 0 0 0 16px; clear: both; }
#content ul.dots li ul { margin: 10px 0 20px 10px; }
#content ul.dots li ul li { margin: 0; }
#content table { background: url(images/hr.gif) repeat-x bottom; margin: 7px 0 20px 0; width: 100%; }
#content th { color: #fff; font-weight: bold; }
#content th,td { background: url(images/hr.gif) repeat-x; padding: 3px 5px 3px 5px; }
#content table .mo { background-color: #555; }
#content table .even {  }
#content table .od {  }
#content a.button { font-weight: bold; display: block; color: #FFDC00; padding: 4px 0 0 25px; background: url(images/link_button.gif) no-repeat left top; width: 130px; height: 19px; }
#content a.button.large {margin:0 0 12px 0;; font-weight: bold; color: #FFDC00; padding: 3px 0 0 25px; background: url(images/link_button_large.gif) no-repeat left top; width: 175px; height: 19px; }


#copy { width: 525px; float: left; padding: 0 15px 0 0; }
#copy .top { background: url(images/corners/content_top.gif) no-repeat top left; height: 7px; }
#copy .content { background-color: #474747; padding: 23px 13px 13px; }
#copy .bottom { background: url(images/corners/content_bottom.gif) no-repeat top left; height: 7px; }
/*#copy ul.icons { float: right; }*/
ul.icons li { float: left; width: 32px; height: 32px; background-repeat: no-repeat; margin: 0 10px 10px 0px; }
ul.icons li.icon_vr { background-image: url(images/content/icon_vr.gif); }
ul.icons li.icon_highiso { background-image: url(images/content/icon_highiso.gif); }
ul.icons li.icon_gelb { background-image: url(images/content/icon_gelb.gif); }
ul.icons li.icon_gruen { background-image: url(images/content/icon_gruen.gif); }
ul.icons li.icon_blau { background-image: url(images/content/icon_blau.gif); }
ul.icons li.icon_blue { background-image: url(images/content/icon_blue.gif );}
ul.icons li.icon_horse { background-image: url(images/content/icon_horse.gif);}
ul.icons li.icon_iso6400 { background-image: url(images/content/icon_iso6400.gif);}
ul.icons li.icon_iso3200 { background-image: url(images/content/icon_iso3200.gif);}
ul.icons li.icon_iso2000 { background-image: url(images/content/icon_iso2000.gif);}
ul.icons li.icon_screen { background-image: url(images/content/icon_screen.gif);}
ul.icons li.icon_red { background-image: url(images/content/icon_red.gif);}
ul.icons li.icon_smile { background-image: url(images/content/icon_smile.gif);}
ul.icons li.icon_scene { background-image: url(images/content/icon_scene.gif);}
ul.icons li.icon_beam { background-image: url(images/content/icon_beam.gif);}
 .overview { background: url(images/hr.gif) repeat-x left bottom; padding: 0 0 20px 0; margin: 0 0 20px 0; }
 .overview .highlights { float: left; }
 .overview .highlights ul li { margin: 3px 0 0 0; width: 300px}
 .overview .highlights a { margin: 20px 0 0 0; }
 .overview a.float { float: left; margin: 0 20px 0 0;}
 .content h2 { margin: 0 0 20px 0; color: #999; font-weight: bold; font-size: 18px; }

#tabs { width: 525px; float: left; margin: 0 15px 0 0; }
#tabs .tab-wrapper .tab-ajax-loading { padding: 100px 0; background: url(images/spinner_small.gif) no-repeat center; }
a.toggler { display: block; background: url(images/button.gif); width: 109px; height: 23px; margin: 5px 0 5px 0; padding: 0 0 0 18px; font-size: 9px; line-height: 23px; text-decoration: none; color: #e9e9e9; text-align: center; }
a.toggler:hover { color: #fff; }
a.active { background: url(images/button_active.gif); }
a.ajax-loading { background: url(images/button_spinner.gif); }

#sidebar { width: 200px; float: left; }
#sidebar .top { background: url(images/corners/sidebar_top.gif) no-repeat left top; height: 7px; }
#sidebar .body { background-color: #474747; background: url(images/corners/sidebar_body.gif) repeat-y; padding: 2px 0 14px 0; }
#sidebar .body.equipment { background-color: #666666 !important; background: url(images/corners/body_equipment.jpg) repeat-x;  width:193px; border-left: 7px solid #474747; }
#sidebar .bottom { background: url(images/corners/sidebar_bottom.gif) no-repeat left top; height: 7px; margin: 0 0 20px 0; }
#sidebar h3 { font-size: 12px; color:#999; font-weight: bold; padding: 3px 0px 10px 14px; margin: 0; background: #474747 url(images/corners/sidebar_headline_bottom.gif) no-repeat left bottom; }
#sidebar li { margin: 0; padding: 0; display: block; }
#sidebar a { display: block; color: #999; font-size: 11px; margin: 5px 0 0 18px; padding: 0 0 0 16px; background: url(images/bullet_sidebar.gif) no-repeat left center; }
#sidebar a:hover { color: #fff; text-decoration: underline; }
#sidebar a.clean { background: none; padding: 0; margin: 0; }

#lightbox { width: 540px; }
#lightbox_fullscreen { width: 726px; }
#lightbox_fullscreen h2 {font-size:16px; font-family:arial; font-weight:bold; padding: 10px 0 0 20px;}
#lightbox .header, #lightbox_fullscreen .header { background-color: #666; border-bottom: 1px solid #000; height: 36px; }
#lightbox .header a , #lightbox_fullscreen .header a{ float: right; }
#lightbox_fullscreen .header {background: url('images/lightbox/top_right_corner.gif') no-repeat #666666;}
#lightbox  #applet_content {background: #666666;}

.noprint{}
.printonly{display:none !important;}


/* IE 6 */
#console .top,
#console .bottom,
#console .navi_bottom,
#sidebar .top,
#sidebar .bottom,
#copy .top,
#copy .bottom { font-size: 0; }


/* tooltips */
.highlights_zubehoer a.theTooltip  {position: relative; margin: 0 0 0 3px; }
.highlights_zubehoer a.theTooltip:hover {background: transparent; }
.highlights_zubehoer a.theTooltip span {display: none; text-decoration: none; }
.highlights_zubehoer a.theTooltip:hover span { padding: 8px 12px 15px 35px; display: block; position: absolute; top: -55px; left: 10px; width: 122px; height:28px; z-index: 100; color: #fff; font: 11px Arial, sans-serif; font-weight:bold; text-align: left; background: url('images/tooltip.gif') no-repeat; }
.highlights_zubehoer a.theTooltip span b { display: block; margin: 0; padding: 0; font-size: 16px; font-weight:bold;}

/* Nikon Zubehör */
.overview .highlights_zubehoer {float:left; width:290px;}
.overview .highlights_zubehoer h2,
.overview .highlights_zubehoer .ausstattung { font-size:14px; font-weight:bold;}
.overview .highlights_zubehoer h2 {margin: 0 0 15px ;}
.overview .zubehoerProductImage {background: url('images/zubehoer_product_img_bg.gif') no-repeat; padding: 2px; float:left; margin: 0 20px 0 0;}
.kits_headline {margin: 0 0 12px 0;}
.subline { font-size: 9pt; margin: 0 0 30px 0;}
.overview .kit {text-align: center; font-size: 13px; font-weight:bold; line-height:12px;}
.white { color:#fff; text-decoration:underline;}
.white:hover {text-decoration:none; color:#FFDC00;}
.sidebar_equipment_h {margin: 5px 0 15px 15px !important; color:#fff !important;}
.sidebar_equipment_h.sub {margin-bottom:10px !important;}
.column_equipment {width:78px; float:left; line-height:12px; margin: 0 0 0 15px; color:#c2c2c2;}
.column_equipment div.reflect{margin: 15px 0 0 0;}
.arrow.equipment {margin:0 !important; color:#c2c2c2 !important}
.arrow.equipment.sub {margin-left:15px !important;}
.arrow.equipment:hover {color:#fff !important;}

.equipment hr { display: block; width: 92%; color: #8f8f8f; margin-top: 14px; margin-bottom: 14px; border: 1px ;}
.equipment h2 { color: #fff; padding: 0 0 19px 0; border-bottom: 1px dashed #5e5e5e; }

/* special cases */
#tabs_equipment { width: 525px; float: left; margin: 0 15px 0 0; }
#tabs_equipment h6 { font-size: 22px; font-weight: bold; background: url(images/tabs/header_bg.gif) no-repeat 0 0; padding: 15px 10px 15px 15px; }
#tabs_equipment #tabs span { height: 32px; }
#tabs_equipment #tabs { background: #2d2d2d; }
