/* CSS Document */

html,body { position:relative; margin:0px; padding:0px; height:100%; width:100%; }

h1 { margin-top:15px; margin-bottom:15px; font-size:20px; }
h2 { margin-top:10px; margin-bottom:10px; font-size:16px; }
p { margin-top:8px; margin-bottom:8px; }

#top { position:fixed; top:0px; left:164px; right:0px; min-width:700px; background-color:transparent; background-image:url(http://data.hlop.de/img/top_.png); background-position:left; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EEEEEE; z-index:100; }
#top p { position:absolute; margin:0px; padding:0px; top:6px; right:1px; }
#top p a { color:#999999; text-shadow:1px 1px 0px #000; text-decoration:none; display:block; text-align:right; padding-bottom:5px; font-size:12px; }
#top p a:hover { color:#FFFFFF; text-shadow:1px 1px 1px #FF0000,-1px -1px 1px #FF0000; }
#top p a b { display:block; float:right; background-image:url(http://data.hlop.de/img/arrow.png); background-position:0px 9px; width:5px; height:9px; margin-left:5px; margin-top:4px; }
#top p a:hover b { background-image:url(http://data.hlop.de/img/arrow.png); background-position:0px 0px; }

#top #other { position:absolute; right:150px; top:10px; }
#top #other a { display:block; float:left; width:60px; height:40px; border-left:1px solid #999999; border-right:1px solid #999999; margin-left:-1px; }
#top #other a:hover { background-image:url(http://data.hlop.de/img/hover.png); }

#top #other a { text-decoration:none; position:relative; color:#FFFFFF; }
#top #other a b { visibility:hidden; position:absolute; right:-1px; bottom:-23px; width:auto; overflow:visible; white-space:nowrap; padding:3px; padding-left:10px; padding-right:10px; background-color:#000000; opacity:0.7;filter: alpha(opacity=70); border:1px solid #CCCCCC; }
#top #other a:hover b { visibility:visible; }

#top #other #ship { background-image:url(http://data.hlop.de/img/ship.png); }
#top #other #durak { background-image:url(http://data.hlop.de/img/durak.png); }
#top #other #liebesbarometer { background-image:url(http://data.hlop.de/img/liebesbarometer.png); }

#top h1 { position:absolute; text-shadow:1px 1px 1px #000; margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; left:130px; top:44px; font-size:17px; color:#EEEEEE; font-weight:normal; }

#ad_left { position:fixed; top:50%; margin-top:-290px; left:0px; width:160px; height:600px; padding:2px; z-index:5; }
#ad_left_t { position:fixed; top:0px; left:0px; height:75px; width:164px; background-image:url(http://data.hlop.de/img/top_.png); background-position:right; z-index:4; }
#ad_left_c { position:fixed; top:65px; bottom:40px; left:0px; width:164px; background-color:#333333; z-index:1; }
#ad_left_b { position:fixed; bottom:0px; left:0px; height:50px; width:164px; background-image:url(http://data.hlop.de/img/bottom_.png); background-position:top right; z-index:4; }

#main { position:absolute; margin:67px 2px 42px 166px; top:0px; bottom:0px; right:0px; left:0px; padding:10px; overflow:auto; background-image:url(http://data.hlop.de/img/t_b_50.png); background-attachment:fixed }

#frame { position:absolute; visibility:hidden; min-width:300px; margin:72px 7px 47px 240px; top:0px; bottom:0px; right:0px; left:0px; overflow:auto; background-image:url(http://data.hlop.de/img/g_85.png); background-attachment:fixed; z-index:25; }
#frame h1 { position:absolute; margin:0px; padding:0px; top:2px; left:5px; font-family:"Times New Roman", Times, serif; font-size:20px; color:#FFFFFF; }
#frame a { position:absolute; display:block; width:20px; height:20px; background-image:url(http://data.hlop.de/img/close.png); top:5px; right:5px; }
#frame a:hover { background-image:url(http://data.hlop.de/img/close_h.png); }
#frame #iframe { position:absolute; background-image:url(http://data.hlop.de/img/t_b_50.png); padding:5px; top:30px; bottom:5px; left:5px; right:5px; }

#footer { position:fixed; bottom:0px; height:50px; left:164px; right:0px; background-image:url(http://data.hlop.de/img/bottom_.png); background-position:top left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EEEEEE; }
#footer .div { position:absolute; top:15px; left:5px; }
#footer p { position:absolute; margin:0px; padding:0px; bottom:1px; right:3px; font-size:12px; color:#999999; }
#footer p a { color:#999999; text-shadow:1px 1px 0px #000; text-decoration:none; padding-bottom:5px; }
#footer p a:hover { color:#FFFFFF; text-shadow:1px 1px 1px #FF0000,-1px -1px 1px #FF0000; }

#share { position:absolute; top:16px; right:2px; }
#share a { color:#999999; text-shadow:1px 1px 0px #000; font-size:12px; text-decoration:none; }
#share a:hover { text-decoration:underline; }