html { height:100% }

body { border:0px; margin:0px; padding:0px; 
       background-color:#d9d9d9;  min-width:55em;
       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.1em }

a { color:#049500 }
a:hover { color:#06ba01 }
a:visited { color:#335F32 }

#footer { clear:both; color:#9e9e9e; background-color:#868686; padding:12px 12px 1px 12px; text-align:right }
#footer a { color:#ffffff; text-decoration:none }
#footer a:hover { color:#ffffff; text-decoration:underline }


#title { background-position:left top; background-repeat:repeat-x; background-image:url('topbg.jpg') }
#title2 { position:relative; max-width:90em; margin:0em auto;
             background-position:left top; background-repeat:no-repeat; background-image:url('topleft.jpg') }
#title3 { background-position:right top; background-repeat:no-repeat; background-image:url('topright.jpg'); margin-right:17em }
#title4 { margin:0px 32px; height:73px;
          background-position:right top; background-repeat:repeat-x; background-image:url('top.jpg') }
#title4 { height:73px; overflow:hidden }
#title4 a { float:right; width:197px; height:73px }
#title4 img { width:197px; height:73px }
#title5 { height:73px; background:url('logo2.jpg') 100% 31px; background-repeat:no-repeat }

#aroundall { max-width:90em; margin:0em auto;
             background-position:left top; background-repeat:repeat-y; background-image:url('left.jpg') }
#inner { background-position:right top; background-repeat:repeat-y; background-image:url('right.jpg'); margin-right:17em }
#inner2 { margin:0px 32px; background-color:#EAEAEA; color:#333333;
             padding:0px }

#bottom { position:relative; max-width:90em; margin:0px auto;
             background-position:left top; background-repeat:no-repeat; background-image:url('bottleft.jpg') }
#bottom2 { background-position:right top; background-repeat:no-repeat; background-image:url('bottright.jpg'); margin-right:17em }
#bottom3 { margin:0px 52px 0px 54px; height:27px;
          background-position:left top; background-repeat:repeat-x; background-image:url('bott.jpg') }


#content { margin:0px; padding:1px 0em 0em 0em } /*; min-height:400px }*/

.artikel { padding-bottom:2em; background-color:#ffffff }
.archiv .artikel  { background:none }
.startpagecontent { padding-bottom:0em; background-color:#ffffff }

.archiv  { color:#6B6B6B; background-color:#f1f1f1; border-bottom:1px solid #ffffff } /* Border ist fuer den IE */

h1,h2 { display:block; border:0px; margin:0px; text-decoration:none; font-weight:normal;
     font-size:1.6em; padding:0.8em 1.25em 0.75em 1.25em; border-bottom:1px solid #d0d0d0;
     margin-bottom:0.31em; line-height:1.1em; color:#000000 } /*background:url('titleimgs/linebelow.jpg') bottom left no-repeat;*/

#content h1, #content h2, #content h3 { font-family:Aller, 'Lucida Grande', Verdana, Tahoma, sans-serif; }

.archiv h2 a { color:#5B5B5B !important }
.archiv h2 a:hover { color:#000000 !important }
          
h1 a,h2 a { color:#000000; text-decoration:none }
h1 a:hover,h2 a:hover { color:#000000; text-decoration:underline }
h1 a:visited,h2 a:visited { color:#000000 }

h3  { display:block; padding:0px; text-decoration:none; font-weight:normal;
      font-size:1.3em; margin:2.3em 1.53em 1em 1.53em; line-height:1.1em }

h4  { display:block; padding:0px; text-decoration:none; font-weight:bold;
      font-size:1em; margin:1.5em 2em 1em 2em; line-height:1.1em }


p  { display:block; padding:0px; margin:1em 2em 1em 2em; line-height:1.6em; text-align:left }
ul, ol { padding:0em 0em 0em 2em; margin:1em 2em 1em 2em; line-height:1.6em }

pre { display:block; padding:0.5em; margin:1em 2em 1em 2em; line-height:1.6em; font-size: 1em; font-family: 'courier new',courier,monospace;
    border: 1px solid #cccccc; background: #ebebeb; color:#111111 !important  }

code { font-size:1em; font-family:'courier new', courier, monospace; color:111111 }

div .hintbox { margin:1em 2em 1em 2em; border:1px solid #84A664; background-color:#E2F3D3 }
div .hintbox p { margin:1em }


p.titlePicRef { font-size:0.8em; color:#999999; margin:1.25em 2.5em 1.25em 2.5em; text-align:right }

.archiv div.prevnext { background-color:#f1f1f1 }

div.prevnext { display:block; margin:0em 0px 0em 0px; padding:1em; padding-bottom:2em; border-top:1px solid #d0d0d0; background-color:#f1f1f1; text-align:center }
/*              background-image:url('navbg.jpg'); background-repeat:repeat-x; background-position: left top } */
.startpagecontent div.prevnext { text-align:right }
a.commentLink { color:#9e9e9e; text-decoration:none }
a.commentLink:hover { color:#000000; text-decoration:underline }
a.prev { display:block; float:left; padding-left:20px; color:#9e9e9e; text-decoration:none;
         background-image:url('prev.jpg'); background-position:0% 50%; background-repeat:no-repeat }
a.next { display:block; float:right; text-align:right; padding-right:20px; color:#9e9e9e; text-decoration:none;
         background-image:url('next.jpg'); background-position:100% 50%; background-repeat:no-repeat }
a.prev:hover { color:#000000; text-decoration:underline }
a.next:hover { color:#000000; text-decoration:underline }

.archivseperator { display:block; line-height:1px; height:0px; padding:0px; border:none; margin:0em 0px 0px 0px; border-top:1px solid #d0d0d0 } 

.archivComments { float:right; padding-right:2em; padding-left:1.8em; padding-top:1.8em }


#content .beforetitle { display:block; position:relative; margin:0em 0px 0px 0px; border:0px; padding:1px 0px 1.6em 0px; font:inherit;
                 border-top:1px solid #d0d0d0; font-size:1em; background:none; background-color:#ffffff }
/* background-image:url('navbg.jpg'); background-repeat:repeat-x; background-position: left top; */
.beforetitle span { display:block; position:absolute; padding:1.2em 2em 0em 2em; width:90%; color:#9e9e9e }

.beforetitle a, .archivbeforetitle a { color:#9e9e9e; text-decoration:none }
.beforetitle a:hover, .archivbeforetitle a:hover { color:#000000 !important; text-decoration:underline }
.beforetitle a:visited, .archivbeforetitle a:visited { color:#9e9e9e }

div.beforefirsttitle { display:block; position:relative; margin:0px; padding:1px 0px 1.6em 0px; background:none }
div.beforefirsttitle div { display:block; position:absolute; padding:1.2em 2em 0em 2em; width:90%; color:#9e9e9e }

div.archivbeforetitle { display:block; position:relative; margin:0px; padding:1px 0px 1.6em 0px; background-color:#f1f1f1 }
div.archivbeforetitle span { display:block; position:absolute; padding:1.2em 2em 0em 2em; width:90%; color:#9e9e9e }

/*.archiv div.inbelowtitle { display:none }*/
div.belowtitle { font-size:1.6em }
div.inbelowtitle { position:relative; top:-0.31em; padding-bottom:1px; background:url('titleimgs/linebelow.jpg') bottom left no-repeat }
div.inbelowtitle2 { height:30px; background-color:#ffffff; background-position:left top; background-repeat:no-repeat }

.archiv div.inbelowtitle { padding-bottom:0px; border-bottom:1px solid #d0d0d0; background-image:none; background-color:#dddddd }
.archiv div.inbelowtitle2 { opacity:0.6; }

.archiv img { opacity:0.6; }

#navbar { float:right; width:17em; color:#9e9e9e; padding-top:1em; padding-bottom:10px; text-align:left }
#navbar #innavbar { float:left; position:relative; left:-32px; width:17em; }

#navbar h4 { display:block; font-weight:normal; font-size:1em; margin:0px; border:0px; padding:10px 8px 3px 7px;
             margin-left:23px; color:#9e9e9e }
#navbar h3 { border:0px; margin:0px; padding:10px 8px 3px 7px; color:#9e9e9e; font-weight:bold;
             margin-left:23px; font-size:1em }
#navbar h3, #navbar h4 { border-bottom:1px solid #a9a9a9 }
#navbar ul { display: block; margin:0px; border:0px; padding:0px 0px 0px 0px; list-style:none; line-height:1.1 }
#navbar ul li { display:inline }
#navbar ul li a { display:block; padding:5px 5px 7px 7px; margin-left:23px; color:#333333; text-decoration:none }
#navbar ul li a.current, #navbar ul li a.current:hover
                 { font-weight:bold; padding:0px; margin:-2px 0px -1px 0px; color:#000000;
                   border:none; position:relative; width:100%; background:#ffffff url('curright.jpg') top right no-repeat }
#navbar ul li>a.current { width:103% !important }
                                    
#navbar #cur1 { display:block; position:relative; background:url('curbott.jpg') bottom left repeat-x }
#navbar #cur2 { display:block; position:relative; background:url('curleftbott.jpg') bottom left no-repeat }
#navbar #cur3 { display:block; position:relative; background:url('currightbott.jpg') bottom right no-repeat; padding:5px 6px 10px 27px }
                   
#navbar ul li a:hover { background-color:#e6e6e6; padding:4px 5px 4px 7px; border-top:1px solid #d9d9d9;
                        border-bottom:3px solid #d9d9d9; margin:0px 0px 0px 23px; color:#000000 }
#navbar ul ul { padding-left:15px }
#navbar ul ul li a { padding-left:4px  } 

hr { display:none }

.floater { float:right; margin:0.4em 2em .5em 2em }

 a .mimeicon { width:20px; height:20px; margin-right:.3em; vertical-align:middle; text-decoration:none !important }


/* hab.la window */
#around_habla { position:relative; margin:0px 0px 3px 22px }

/* hab.la styles */
#habla_panel_div { border-color:#d9d9d9 !important; font-size:1em !important }
#habla_wcsend_input { border:none !important; background:#ffffff url('inputshadow.png') left top no-repeat !important; padding-top:5px !important; padding-left:5px !important; margin:0px !important }
#habla_middle_div { background:#e6e6e6 url('chatshadow2.png') left top no-repeat !important; margin-bottom:4px } 
#habla_middle_div+div { text-align:left !important; padding-left:8px !important; line-height:1.3em !important }
#habla_topbar_div { padding:6px 0px 5px 7px !important }
#habla_topbar_div:hover { background-color: #e6e6e6 !important }
#habla_topbar_div a:hover { text-decoration:none !important }
#habla_conversation_div { margin-left:4px !important; margin-top:4px !important; border-bottom:none !important }
#habla_input_div { border-top:4px solid #d9d9d9 !important; padding:0px !important ; background:#ffffff url('inputshadow.png') left top no-repeat !important; margin-bottom:0px !important }
/* #habla_topbar_div:hover #habla_sizebutton_a, #habla_topbar_div:hover #habla_closebutton_a { background:#e6e6e6 !important } */

#commentContainer { text-align:left; padding:0em 1em 0em 1em }
#commentContainer h2 { margin:0em; padding:1.75em 0em 0.75em 0em; border-bottom:none }
ul#comments li { margin-left:-2em; padding-left:2em; margin-right:-2em; padding-right:2em; border-top-color:#d0d0d0 }
ul#comments li#commentErrors { margin-left:0em; margin-right:0em  }
ul#comments li#commentMessage {  margin-left:0em; margin-right:0em  }

.newCommentField input, .newCommentContent textarea { border:none; margin:0em; padding:.3em .2em .2em .4em; background:#ffffff url('inputshadow.png') left top no-repeat }
