/*
  style.css   ../_css [CSS level 3]

  (c) by ulrich lange, bochum, germany
      the-digital-photography.com
      all rights reserved.

  rev  date        description
  -----------------------------------------------------------
  1.0  01.03.2013  script developed
  1.1  01.03.2018  div.link_url inserted
  1.2  04.06.2018  div.navi_menu div.navi_pulldown_menu changed from hidden to visible
  -----------------------------------------------------------*/

body { color:#fdfcfd; background-color:#ffffff; font-family:Verdana,Geneva,Helvetica,san-serif,serif; }
#id_slide_pointer { position:absolute; }
#id_zoom_image_pointer { position:absolute; }

/* browser screen */
div.webpage_frame { position:absolute; left:50%; top:50%; width:980px; height:620px; margin-top:-310px; margin-left:-490px; border:1px outset #a1a2a3; }
div.webpage_surface { position:relative; background-color:#ffffff; }

div.background_logo { position:absolute; color:#ededed; font-size:40pt; line-height:90pt; text-align:right; letter-spacing:0.3em; }
div.headline { position:absolute; color:#313233; font-size:9pt; line-height:40pt; text-align:right; letter-spacing:0.3em; }
div.headline a { color:#313233; text-decoration: none; }
div.headline a:hover { color:#313233; text-decoration: none; }
div.headline_small { position:absolute; color:#d0d0e0; font-size:18pt; line-height:18pt; text-align:right; letter-spacing:0.1em; }
div.headline_left_info  { position:absolute; visibility:visible; color:#a1a2a3; font-size:8pt; line-height:22pt; letter-spacing:0.2em; }
div.headline_left_info_sub  { position:absolute; visibility:visible; color:#a1a2a3; font-size:7pt; line-height:22pt; letter-spacing:0.2em; }

/* navigation */
div.navigation_box { position:absolute; }

/* navigation - menu */
div.navi_menu { position:absolute; visibility:visible; color:#313233; font-size:9pt; line-height:20pt; letter-spacing:0.2em; }
div.navi_menu:hover { color:#919293; font-style:italic; }

/* navigation - pull donw menu */
/* div.navi_menu div.navi_pulldown_menu { position:absolute; visibility:hidden; font-size:9pt; line-height:20pt; text-align:left; font-style:normal; letter-spacing:0.1em; }  */
div.navi_menu div.navi_pulldown_menu { position:absolute; visibility:visible; font-size:9pt; line-height:20pt; text-align:left; font-style:normal; letter-spacing:0.1em; } 
div.navi_menu:hover div.navi_pulldown_menu  { visibility:visible; }

/* navigation - pull donw menu item */
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_item { position:absolute; color:#313233; font-size:9pt; line-height:20pt; letter-spacing:0.2em; }
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_grey_item { position:absolute; color:#a1a2a3; font-size:9pt; line-height:20pt; letter-spacing:0.2em; }
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_item a { color:#313233; text-decoration: none; }
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_item a:hover { color:#919293; font-style:italic; }

/* navigation - pull donw menu return item */
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_return_item { position:absolute; color:#313233; font-size:9pt; line-height:20pt; letter-spacing:0.2em; }
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_return_item a { color:#313233; text-decoration: none; }
div.navi_menu div.navi_pulldown_menu div.navi_pulldown_menu_return_item a:hover { color:#919293; font-style:italic; }

/* navigation - grey */
div.navi_grey  { position:absolute; visibility:visible; color:#b1b2b3; font-size:9pt; line-height:20pt; letter-spacing:0.2em; }

/* navigation - color */
div.black_white_colour_item { position:absolute; visibility:visible; color:#313233; font-size:8pt; line-height:20pt; text-align:left; letter-spacing:0.2em; }
div.black_white_colour_item a { color:#313233; text-decoration: none; }
div.black_white_colour_item a:hover { color:#919293; font-style:italic; }
div.black_white_colour_item_grey  { position:absolute; visibility:visible; color:#a1a2a3; font-size:8pt; line-height:20pt; letter-spacing:0.2em; }

/* navigation - paging left mid right */
div.page_left_item { position:absolute; visibility:visible; color:#313233; font-size:8pt; line-height:20pt; text-align:left; letter-spacing:0.2em; }
div.page_left_item a { color:#313233; text-decoration: none; }
div.page_left_item a:hover { color:#919293; font-style:italic; }

div.page_mid_item { position:absolute; visibility:visible; color:#313233; font-size:8pt; line-height:20pt; text-align:left; letter-spacing:0.2em; }

div.page_right_item { position:absolute; visibility:visible; color:#313233; font-size:8pt; line-height:20pt; text-align:right; letter-spacing:0.2em; }
div.page_right_item a { color:#313233; text-decoration: none; }
div.page_right_item a:hover { color:#919293; font-style:italic; }

div.link_url { position:absolute; visibility:visible; color:#313233; font-size:7pt; line-height:10pt; letter-spacing:0.1em; }
div.link_url a { color:#313233; text-decoration: none; }
div.link_url a:hover { color:#919293; font-style:italic; }

/* content box */
div.content_box { position:absolute; background-color:#f7f8f9; color:#d3d3e0; border:1px outset #a1a2a3; font-size:26pt; line-height:40pt; text-align:right; letter-spacing:0.3em; }
div.image_box { position:absolute; visibility:visible; background-color:#ffffff; color:#d3d3e0; border:1px outset #515253; }
div.image_box_home_page { position:absolute; visibility:visible; opacity:0; background-color:#ffffff; color:#d3d3e0; border:1px outset #515253; }

/* image selector line - first page */
div.image_selector { position:absolute; }
div.image_selector_item { position:absolute; opacity:0.7; }

/* copyright - every page */
div.copyright { position:absolute; color:#777777; font-size:6pt; line-height:8pt;}

/* w3c css - first page */
div.w3c_css { position:absolute; color:#777777; font-size:6pt; line-height:8pt; opacity:0.4;}

/* no javascript - first page and impressum */
div.no_script { position:absolute; color:#404060; background-color:#f8f8fc; font-size:7pt; line-height:12pt; font-weight:normal; font-style:normal; border:1px outset #404060; padding:5px 5px 5px 10px; }


/* overlay windows */
div.window_menu_item { position:absolute; color:#313233; background-color:#eeeeee; font-size:8pt; line-height:12pt; border:1px outset #9abcde; padding:3px 7px 3px 7px; opacity:0.9}

div.window_picture_text { position:absolute; color:#313233; background-color:#ffffff; font-size:8pt; line-height:12pt; border:1px outset #000000; padding:3px 10px 5px 10px; opacity:0.8}
div.window_picture_text span { color:#313233; font-size:7pt; line-height:9pt; }
div.window_picture_text span font { color:#313233; font-size:6pt; line-height:8pt; padding:0px 3px 0px 0px; }

/* to delete overlay */
div.empty { position:absolute; }

/* zoom window */
div.overlay_window { position:absolute; }
div.white_frame { position:absolute; background-color:#fffffa; border:1px outset #515253; }
div.image_frame { position:absolute; background-color:#ffffff; border:1px outset #000000; }
div.xbox { position:absolute; background-color:#ffffff; color:#313233; font-size:8pt; line-height:8pt; text-align:right; padding:0px 5px 0px 0px; }
div.xbox a { color:#313233; text-decoration:none; }
div.xbox a:hover { color:#919293; }

div.imprint_box { position:absolute; background-color:#f7f8f9; color:#d3d3e0; border:1px outset #a1a2a3; font-size:26pt; line-height:40pt; text-align:left; letter-spacing:0.3em; }
div.contact_box { position:absolute; }
div.contact_text1 { position:absolute; color:#717273; font-size:9pt; line-height:14pt; letter-spacing:0.12em; }
div.contact_text1 a { position:absolute; color:#717273; font-size:9pt; line-height:14pt; letter-spacing:0.12em; text-decoration:none; }
div.contact_text1 a:hover { position:absolute; color:#a1a2a3; font-size:9pt; line-height:14pt; letter-spacing:0.12em; text-decoration:none; font-style:italic; }
div.contact_text2 { position:absolute; color:#717273; font-size:7pt; line-height:11pt; letter-spacing:0.1em; }
/* ----- end of style sheet ----- */