html { height:100% }

body { border:0px; margin:0px; padding:0px; padding-bottom:15px; width:100%;
       background:#d9d9d9 url('allbg.png') left top repeat-x;
       color:#333333; min-height:101% }

body { font-family:'Lucida Grande', Verdana, Tahoma, sans-serif; font-size:0.8em; font-weight:normal; text-decoration:none; 
           line-height:1.1 }

.hidden { display:none !important }

#aroundall { margin-left:auto; width:100em; min-width:85%; max-width:100%; position:relative }

#book1 { background-color:#ffffff; min-width:700px; 
         background-image:url('bookt.jpg'); background-position:left top; background-repeat:repeat-x }
#book2 { background-image:url('bookl.jpg'); background-position:left top; background-repeat:repeat-y }
#book3 { background-image:url('booklt.jpg'); background-position:left top; background-repeat:no-repeat }
#book4 { background-image:url('bookr.jpg'); background-position:85% 0%; background-repeat:repeat-y;
         max-width:1100px; min-width:75% }
#book5 { background-image:url('bookrt.jpg'); background-position:85% 0%; background-repeat:no-repeat;
         padding-bottom:1.5em; }


#book6 { padding-left:80px; padding-top:50px; padding-bottom:10px  }


#bookf1 { background-image:url('bookb.jpg'); background-position:left top; background-repeat:repeat-x;
          min-width:700px }
#bookf2 { background-image:url('booklb.jpg'); background-position:left top; background-repeat:no-repeat;
          max-width:1100px; min-width:75% }
#bookf3 { background-image:url('bookrb.jpg'); background-position:85% 0%; background-repeat:no-repeat;
          height:35px }

/*#footer { color:#9e9e9e; text-align:right; width:100%; clear:both; padding:10px 0px 7px 0px }*/
#footer { float:right; clear:both; width:190px; white-space:nowrap; color:#9e9e9e; padding-right:1%; margin-right:1% }
#footer div { margin-right:10px; position:absolute; z-index:50 }
#footer div:hover { z-index:52 }
#footer a { color:#909090; text-decoration:none }
#footer a:hover { color:#000000; text-decoration:underline }

a { color:#910707 }
a:hover { color:#c00a0a }
a:visited { color:#702929 }


h1 { display:block; border:0px; margin:0px; padding:0px; text-decoration:none; font-weight:normal;
     font-family:'Linux Libertine O', 'Linux Libertine', Georgia, Times, 'Times New Roman', serif; font-size:2em; margin-bottom:0.7em; line-height:1.1; color:#000000;
     padding-bottom:12px; border-bottom:2px solid #7C3435 }

h2 { display:block; border:0px; margin:0px; padding:0px; text-decoration:none; font-weight:normal;
     font-family:'Linux Libertine O', 'Linux Libertine', Georgia, Times, 'Times New Roman', serif; font-size:1.6em; margin-top:1.4em; margin-bottom:0.7em; color:#000000;
     line-height:1.1 }

p  { display:block; padding:0px; margin:1em 0em 1em 0em }

#content { margin-right:15%; padding-right:220px; min-height:500px; line-height:1.6em }

#incontent { position:relative }

#content p { text-align:justify }

#iespacer { display:none }
#iespacer2 { clear:both }

/*#navbar { float:right; width:190px; color:#9e9e9e; padding-top:10px; padding-bottom:10px; padding-right:1%; margin-right:1% }*/

#navbar { float:right; width:190px; color:#9e9e9e; padding-top:10px; padding-bottom:10px; padding-right:1%; margin-right:1% }
/* Das padding-right/margin-right ist für den IE. Der verdoppelt den Margin und lässt den Padding weg. */


#navbar .text { display:block; margin:0px; border:0px; padding:10px 8px 3px 7px; color:#9e9e9e; text-decoration:none }
#navbar #validxhtml { display:block; margin-left:5px }
#navbar h3 { border:0px; margin:0px; padding:10px 8px 3px 7px; color:#9e9e9e; font-weight:bold;
             font-size:1em }
#navbar ul { display: block; margin:0px; border:0px; padding:0px 0px 0px 2px; list-style:none }
#navbar ul li { display:inline; list-style:none }
#navbar ul li a { display:block; padding:3px 3px 3px 5px; color:#333333; text-decoration:none;
                border-top:1px solid #d0d0d0; margin-right:1px }
#navbar ul li a.current { background-color:#e9e9e9; color:#000000; font-weight:bold }
#navbar ul li a:hover { background-color:#e0e0e0; color:#000000 }
#navbar ul ul { padding-left:15px; max-height:20em; overflow:auto }
#navbar ul ul li a { border-top:1px solid #ffffff; padding-left:4px  } 

#pen { position:fixed; width:192px; height:264px; max-width:15%; max-height:50%; right:0px; bottom:0px;
       background:url('stift.png') top left no-repeat; z-index:51 }
#pen:hover {  z-index:49 }  

#content ul { margin:1em 0em 1em 0em; padding:0em 0em 0em 1.5em; text-align:justify } 
#content ul ul { margin:0em 0em 0.1em 0em }
#content ul.nodots { padding:0px }
#content ul.nodots li { display:block; padding:0em; margin:0.2em 0em 0.2em 0em } 

p#photoindex { position:relative }
p#photoindex span { display:block; position:absolute; text-align:right; left:50%; top:-4em;
                    width:50%; color:#868686 }
p#albumphoto { text-align:center; overflow:auto; width:100%; position:relative }
p#photodesc { text-align:center }

#aroundphoto { position:relative }
#photoZoomer { position:absolute; right:10px; bottom:10px; width:62px; height:60px; background:url('lupe.png') right top no-repeat; display:block; visibility:hidden; opacity:0.6 }
#photoInfo { position:absolute; right:73px; bottom:10px; width:62px; height:60px; background:url('info.png') left top no-repeat; display:block; visibility:hidden; opacity:0.6 }
.photoIcon span { display:none }
.photoIcon:hover { opacity:1 !important }
#albumphoto:hover .photoIcon { visibility:visible }

#albumnavi { height:3.5em }
#albumnavi div { border-top:2px solid #7C3435; padding-top:1em }
p#navifirstback { width:33%; float:left; margin:0px; padding:0px; text-align:left }
p#navifwdlast { width:33%; float:right; margin:0px; padding:0px; text-align:right }
p#navicenter { margin:0px; padding:0% 33% 0% 33%; text-align:center; font-weight:bold }
p#navifirstlarge { width:66%; float:left; margin:0px; padding:0px; text-align:left }

#albumnavi a { color:#909090; text-decoration:none }
#albumnavi a:hover { color:#000000; text-decoration:underline }
/*a#navifirst { margin-right:0.3em }
a#naviback { margin-left:0.3em }
a#navifwd { margin-right:0.3em }
a#navilast { margin-left:0.3em }*/

#eselsohr { display:block; position:absolute; width:61px; height:61px; left:51px; top:21px; }
#greselsohr { display:block; position:absolute; width:175px; height:182px; left:50px; top:21px; border-right:7px solid #ffffff }
.nobar #eselsohr { top:17px }
.nobar #greselsohr { top:17px }
#greselsohrspace { display:block; float:left; width:155px; height:150px }
#eselsohr + span { padding-left:10px }

#steckbriefseite #content { height:492px; min-height:0px }
#steckbriefseite #iespacer2 { display:none }
#steckbriefseite #book5 { padding-bottom:22px }
#steckbriefseite h1 { border-bottom:none; text-align:center; padding-top:40px; }

#aroundsb { position:relative; margin-right:-50px }
#sbbl { background:url('steckbriefbl.png') left repeat-y #dfdec8;
        position:absolute; width:100% }
#sbbr { background:url('steckbriefbr.png') right repeat-y }
#sbo { background:url('steckbriefo.png') top repeat-x }
#sbol { background:url('steckbriefol.png') top left no-repeat }
#sbor { background:url('steckbriefor.png') top right no-repeat }
#sbl { background:url('steckbriefl.png') 0px 53px no-repeat }
#sbr { background:url('steckbriefr.png') 100% 55px no-repeat }
#sbm { background:url('steckbriefm.png') 0px 393px repeat-x }
#sbml { background:url('steckbriefml.png') 0px 393px no-repeat }
#sbmr { background:url('steckbriefmr.png') 100% 393px no-repeat }
#sbu { background:url('steckbriefu.png') bottom repeat-x }
#sbul { background:url('steckbrieful.png') bottom left no-repeat }
#sbur { background:url('steckbriefur.png') bottom right no-repeat; min-height:600px;
		padding:10px 60px 50px 40px }

/*#steckbrieftitel { width:391px; height:61px; max-width:100% }*/ 
#steckbrieftitel { width:15.2734em; height:2.3828em; max-width:100% } 


.button { margin:0px; padding:3px 10px; border:1px solid #7C3435; color:#7C3435 !important; background-color:#ffffff;
 font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit }
 /*a.button { display:inline-block } */
.button:hover { margin:0px; padding:3px 10px; border:1px solid #000000; background-color:#7C3435; color:#ffffff !important; font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit }
.button:active { margin:0px; padding:4px 9px 2px 11px; border:1px solid #000000; background-color:#7C3435; color:#bbbbbb !important; font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit }


/*a#navifirst { margin-right:0.5em; padding-right:0.5em; border-right:1px solid #9e9e9e }
a#navilast { margin-left:0.5em; padding-left:0.5em; border-left:1px solid #9e9e9e }*/

.message { position:fixed; left:0px; top:0px; right:0px; bottom:0px; padding-top:150px; z-index:200; background:url('messagedark.png') }
.message>div { margin-left:auto; margin-right:auto; width:474px }
.messageIn { padding-top:47px; position:relative;
               background:url('message_top.png') 17px 0px no-repeat }
.messageIn>div { background:url('message_bg.png') 21px 0px repeat-y; padding:1px 40px 50px 40px }
.messageIn>div>div { position:absolute; background:url('message_roll.png') left top no-repeat;
                       width:474px; height:71px; left:0px; bottom:-15px }
.message h2 { margin-top:0px }         
#content .message p { margin-bottom:1em; text-align:left }                     

#lineabove, .lineabove { border-top:2px solid #7C3435; margin-top:1em }

#content ul.witharrows { display:block; border:0px; padding:0px; margin:1em 0em 1em 0em; list-style:none }
#content ul.witharrows li { display:block; margin:0px 0px 0px 3px; padding:0.2em 0px 0.2em 22px; 
              background-image:url('blackarrowsm.gif'); background-repeat:no-repeat; background-position:0em 0.6em }

.zoom span { display:none }
.zoom a { display:block; height:100%; margin:0px 1px; overflow:hidden }
#zoom1 a:hover { background:#d9d9d9 url('bararrowup.png') 50% 0% no-repeat }
#zoom0 a:hover { background:#d9d9d9 url('bararrowdn.png') 50% 0% no-repeat }
.zoom { width:100%; height:14px; position:absolute; left:0px; margin:0px; padding:0px }
#zoom1 { top:54px }
#zoom0 { top:0px }

/*.zoom img { position:absolute; top:1px; left:54% }*/

/*.zoom #hbbholder { display:block; position:absolute; top:1px; height:1px; width:100%; left: 100% }
.zoom img { position:absolute; top:1px; right:1048px } */

.zoom img { position:absolute; top:1px; left:54%; display:none }


/* .zoom span { display:none }
.zoom a { display:block; height:100%; margin:0px 1px }
#zoom1 a { background:url('bararrowup.png') 50% 50% no-repeat }
#zoom0 a { background:url('bararrowdn.png') 50% 50% no-repeat }
.zoom { width:40px; height:40px; position:absolute; left:0px; margin:0px; padding:0px }
#zoom1 { top:51px }
#zoom0 { top:0px } */

#commpos { position:relative; margin-right:350px; margin-left:70px} 
#comm1 { background:url('comment_sides.png') left repeat-y; position:absolute; top:4px; width:100%  }
#comm2 { background:url('comment_sides.png') right repeat-y;  position:relative }
#comm3 { background:url('comment_bottom.gif') bottom repeat-x; padding-bottom:13px }
#comm4 { background:#f8f4db url('comment_top.gif') top repeat-x; margin:0px; margin-left:7px; margin-right:15px; min-height:45px; padding:1em 2em}
#comm5 { position:absolute; width:20px; height:21px; left:0px; bottom:0px; background:url('comment_corners.png') left bottom }
#comm6 { position:absolute; width:54px; height:55px; right:0px; bottom:0px; background:url('comment_corners.png') right bottom }

#commentContainer h2 { padding:1em 0em; margin:0em }
ul#comments li{ border-top-color: #b3af9d }
#commentLink { color:#938f7f; text-decoration:none }
#commentLink:hover, #commentLink:active { color:#000000; text-decoration:underline }

ul#comments { line-height:1.6em }
p.newCommentField input, p.newCommentContent textarea { border:1px solid #bbbbbb;padding:2px }
p.newCommentField input:hover, p.newCommentContent textarea:hover { border:1px dashed #7C3435 }

#steckbriefseite .aroundCommentLink { border-top: 1px solid #b3af9d; padding:1em 0.8em 0em 0.8em; margin:2em -0.8em 0em -0.8em;}
#steckbriefseite ul#comments { padding-left:0em; margin-top:0em; margin-bottom:0em } 

#loadedPhotos { position:absolute; left:-2000px; top:-2000px }

/* hab.la styles */
#habla_panel_div { border-color:#aaaaaa !important; font-size:1em !important; opacity:0.9 }
#habla_wcsend_input { border-width:1px !important }
#habla_middle_div+div { text-align:left !important; padding-left:5px !important; line-height:1.3em !important }