/*** Basic ***/

body {
       color:black;
       background-color:white;
       font-family:sans-serif;   
       font-size:10pt;
       padding:0 0 0 0;
       margin:0 0 0 0;
       }

 /************************************************************************/
/** Navigation/Menue Icon-Seitenleiste **/

#logo {
        position:absolute;
        top:0px;
        left:0px;
        bottom:0px;
        right:30px;
        z-index:100;
        background-color:white;
        margin:0px 5px 0px 0px;
        padding:10px 0px 5px 5px;
        width:65px;
        }

#logo[id] {
            position:fixed;
            overflow:auto;
            width:85px;
            }

#logo[id] > hr { 
                 margin-left:10px; 
                 margin-top:15px;
                 margin-bottom:15px;
                 width:40px;
                 height:1px;
                 }


 /************************************************************************/
/*** Browser-Anpassung ***/

@media screen {                                /* CSS vor NN4 verstecken */
                                             /* Umständlich wegen Opera: */
  a:link img, a:visited img, a:hover img, a:active img {
                                                         vertical-align:bottom;
                                                         border:none;
                                                         }
}

@media screen { 
  address,blockquote,center,dl,ol,p,ul {
                                         /*line-height:135%;*/
                                         }
}

@media screen {                                /* CSS vor NN4 verstecken */
  p.left { margin-right:20px; }
  p.right { margin-left:10px; }
}

/* Hack für ältere Browser */

[lang="en"] q { quotes:"\201c" "\201d"; }
[lang="de"] q { quotes: "\201e" "\201c"; }

q:lang(de)  { quotes: "\201e" "\201c"; }
q:lang(en) { quotes:"\201c" "\201d"; }

q.fr { quotes: "\00bb" "\00ab"; }

q:before { content: open-quote; }
q:after  { content: close-quote; }



 /************************************************************************/
/*** interne Seitennavigation ***/

.inhaltbox {
             font-size:10pt;
             float:right;
             position:relative;
             margin:0px 0px 10px 25px;
             padding:1ex 10px;
             border:solid 1px #a0a0a0;
             background:white;
             z-index:50;
             }

.inhaltbox h1 { 
                margin:5px 0px 0px 0px;
                padding:0px 5px;
                text-align:right;
                font-size:10pt;
                color:#000;
                background-color:#fff;
                }

.inhaltbox ul { 
                margin:0px;
                padding:5px 5px;                
                list-style-type:none;
                text-align:right;
                }

.inhaltbox li { 
                padding:2px 0px; 
                font-size:8pt;
                }


/** definiert den Marker Zurück-Pfeil **/
.backtop img { 
               float:right;
               position:relative;
               top:6px;
               }


 /************************************************************************/
/*** DIVs ***/
  
div.basic { 
            background-color:white;
            padding:0px 0px 0px 15px;
            margin:0px 0px 0px 75px;
            }

div.main {  
           position:relative;
           background-color:#fff5db;
           border-style:solid; 
           border-color:#a0a0a0; 
           border-width:0px 0px 1px 1px;
           padding:5px 15px 15px 20px;
           margin:0px 0px 5px 0px;
           }

div.absetzen {
               margin-top:30px; 
               border-top: 1px solid #a0a0a0;
               padding-top:30px; 
               }

div.bgtext { 
             font-weight:bold;
             font-family:Courier,monospace;
             font-size:50%;
             padding-right:20px;
             padding-left:20px;
             margin-top:-4px;
             white-space:nowrap;
             position:absolute;
             overflow:hidden;
             color:#f0d5ab;
             }

div.p-rand { 
             margin-left:20px; 
             margin-top:1ex;
             }

div.abstand { 
              padding:1ex 0px;
              }

.kasten { 
          font-size:10pt;
          position:relative;
          background-color:white;
          border:solid #a0a0a0 1px; 
          padding:10px;
          margin:10px 20px;
          max-width:38em;
          }

img.img-kasten { 
                 width:33em;
                 border:solid #a0a0a0 1px; 
                 }

.kasten h1 { 
             background-color:white;
             font-size:14pt;
             }

.kasten h3 { 
             margin-top:0px;
             padding-top:5px;
             }

.kasten p { 
            font-size:10pt;            
            }

.klein-kasten h1 { 
                   font-style:normal;
                   font-size:12pt;
                   padding:0px 20px;
                   margin:5px 0px 0px 0px;
                   }

.klein-kasten p { 
                  font-size:9pt;
                  }

.woertlich { 
             font-style:italic;
             }

.woertlich em { 
                font-style:normal;
                }

.woertlich + .cite { 
                     font-style:normal;
                     }

.tab {                      /* eingerückter Absatz (siehe Lebenslauf) */
       margin-left: 3em;         
       }

.right {
         float:right; 
         text-align:right;
         margin:0px 0px 10px 10px;
         padding-left:10px;
         position:relative;
         background-color:#fff5db;
         }


.right img { 
             margin-bottom:15px;
             /*padding-left:15px;*/
             }

.right p {
           width:200px; 
           text-align:right; 
           margin:-10px 0px;
           padding:0px;
           font-size:8pt;
           }

p.p-right {
            text-align:right;
            }

p.p-left {
            text-align:left;
            }

          

.left {
        float:left; 
        position:relative;
        text-align:left;
        margin-left:30px;
        margin-right:10px;
        }

div.center { 
             text-align:center;
             padding-bottom:15px;
             }

div.center * {
               margin:auto;
               } 

.clear { 
         clear:both;
         }

.clear-r { 
           clear:right;
           }

.clear-l { 
           clear:left;
           }

.endfloat { 
            clear:both;
            }

div.pfeilnav { 
               padding: 10px;/*20px 25% 0px 25%; */
               max-width:500px;
               margin:auto;
               }

div.pfeilnav div.leftarrow { 
                             padding:0px;
                             margin:0px;
                             float:left;
                             }

div.pfeilnav div.rightarrow {
                              padding:0px;
                              margin:0px;
                              float:right;
                              }

div.pfeilnav p.toparrow {
                          margin-top:0px;
                          padding-top:0px;
                          font-size:10px;
                          }

div.pfeilnav + img.rahmen { 
                            margin-top:-10px;
                            }

 /************************************************************************/
/*** Links ***/

a {
    text-decoration:none;
    }

a:hover {
          text-decoration:underline;
          }

a:link {
         color:#a01000;
         }

a:visited { 
            color:#c04000;
            }

a.extern { 
           color:#8a1e7e;
           }

a:visited.extern { 
                   color:#ae0761;
                   }

a.extern:before {
                  content:"\a0\2197\a0";
                  }

a.woanders:before { 
                   content:"\a0\2192\a0"; 
                   }

a.goto:before { 
                content:"\a0\2192\a0"; 
                }

a[name] { 
          padding-top:10px;
          }

a[name]:hover { 
                text-decoration:none;
                }

a[lang="en"].flag:after {
                          content:"\a0\a0"url("Bilder/english.png")"\a0";
                          }

a.footnote {
             text-decoration:none;
             font-size:7pt;
             position:relative;
             bottom:0.8ex; 
             }

img.big-img-rahmen { 
                     border-style:solid; 
                     border-color:#a0a0a0; 
                     border-width:1px; 
                     margin-bottom:20px;
                     margin-left:20px;
                     }

img.rahmen {
             border-style:solid; 
             border-color:#a0a0a0; 
             border-width:1px; 
             margin:1px;
             padding:0px;
             }

a img.rahmen {
               border-style:solid; 
               border-color:#a0a0a0; 
               border-width:1px; 
               margin:1px;
               padding:0px;
               }

a:visited img.rahmen {   /* only for stupid IE */
               border-style:solid; 
               border-color:#a0a0a0; 
               border-width:1px; 
               margin:1px;
               padding:0px;
               }

a:hover img.rahmen { 
                     border-style:solid; 
                     border-width:2px; 
                     margin:0px;
                     }

a img.illu { 
             border-style:solid; 
             border-color:#a0a0a0; 
             border-width:1px; 
             margin:1px 1px 20px 1px;         
             padding:0px;
             }
a:visited img.illu {    /* only for stupid IE */
                     border-style:solid; 
                     border-color:#a0a0a0; 
                     border-width:1px; 
                     margin:1px 1px 20px 1px;         
                     padding:0px;
                     }

a:hover img.illu { 
                   border-style:solid; 
                   border-width:2px; 
                   margin:0px 0px 19px 0px;               
                   padding:0px;
                   }


a img.extern { 
               border-color:#a01000; 
               }

.comic-center { 
                margin-left:auto;
                margin-right:auto;
                }

img.logo {
           float:left;
           text-align:left;
           margin:0px 15px 0.5ex 10px;
           }


 /************************************************************************/
/*** Überschriften ***/

h1 {
     color:#000000;
     background-color:#f0d5ab;
     padding:0.5ex 20px;
     margin:15px 0px;
     font-size:16pt;
     }

h1.center { 
            text-align:center;
            }

h2,h3,h4,h5,h6 {
                 padding:1ex 0px 0px 20px;
                 color:black;
                 margin:0px;
                 }

h2 { 
     border-bottom:solid 2px #f0d5ab;
     margin-bottom:10px;
     padding-top:10px;
     font-size:14pt;
     }

h3 { 
     border-bottom:solid 1px #f0d5ab;
     font-size:12pt;
     }

h2.ohne { 
          border-bottom:none;
          }

h2 + h3 { 
          padding-top:0px;
          }

h1 + h2 { 
          padding-top:0px;
          }

.structure { 
             margin-right:0px;
             margin-bottom:1.5ex;
             border-bottom:solid 1px #888;
             max-width:none;
             padding-top:2.5ex;
             }

.structure + h1,h2,h3,h4,h5,h6 {
                                 margin-top:1ex;
                                 }


 /************************************************************************/
/*** Absätze ***/

p { 
    max-width:45em; 
    margin:1ex 20px;
    font-size:10pt;
    }

p.afterover {
              margin-top:0px;
              padding-top:-50px;
              }



h2 + p {
         margin-top:0.5ex;
         }

p.header {
           font-weight:bold;
           font-size:12pt;
           margin-bottom:10px;
           }

.right-header { 
                font-weight:bold;
                font-size:12pt;
                margin:-8px 0px 10px 10px;
                float:right;
               }

p.a-head { 
           margin-top:-10px;
           margin-bottom:10px;
           }

p.vollbild { 
             max-width:100%;
             }

p.bold { 
         font-weight:bold;
         font-family:sans-serif;   
         }

p.edit { 
         border-top:solid #a0a0a0 1px;
         margin-top:20px;
         padding-top:5px;
         font-style:italic;
         font-size:8pt;
         max-width:none; 
         } 

span.edit { 
         border-top:solid #a0a0a0 1px;
         padding-top:5px;
         font-style:italic;
         font-size:8pt;
         } 

span.alert { 
             font-weight:bold;
             font-style:italic;
             }

p.cite {
         font-size:8pt;
         max-width:55em; 
         margin-top:0.5ex;
         display:block;
         text-align:right;
         font-style:italic;
         }

p.small { 
          font-size:8pt;
          margin-left:50px;
          }


p.figure { 
           margin-left:15px; 
           }

p.figure img { 
               margin:0px; 
               }

p.center {
           text-align:center;
           }

p.right { 
          text-align:right;
          margin-bottom:5px;
          }

p.kompakt { 
            margin-bottom:0px;
            padding-bottom:0px;
            } 

.blockquote { 
             font-size:11pt;
             margin-top:0px;
             padding-top:0px;
             }


 /************************************************************************/
/*** Tabelle ***/

table { 
        border-spacing:20px 5px;
        margin-top:1ex;
        font-size:10pt;
        
        }

tr { 
     text-align:left;
     }


 /************************************************************************/
/*** Listen ***/

ul { 
     margin-left:10px;
     padding-left:2em; 
     }

li { 
     max-width:38em;
     margin-left:0px;
     padding:0.5ex 15px;
     font-size:10pt;
     }

ol.footnotes li {
                  margin-bottom:0.5em;
                  }

ul.edit { 
          border-top:solid #a0a0a0 1px;
          padding-top:5px;
          font-style:italic;
          font-size:8pt;
          }

ul.edit li { 
             max-width:none; 
             }

ul.bold li { 
             font-weight:bold;
             }

ul.nachsatz { 
              border-top:solid #a0a0a0 1px;
              max-width:46em; 
              padding-top:5px;
              margin-top:1.5em;
              margin-left:10px;
              }

ul.nachsatz li { 
                 max-width:46em; 
                 font-size:8pt;
                 }

ul.kompakt { 
            margin-top:0px;
            padding-top:0px;
            } 

dl.dezent { 
            margin-top:0px;
            }

dl.dezent dt { 
               font-size:10pt;
               }

dl.line { 
          margin-top:5px;
          }

dl.line dt {  
             float:left; 
             clear:left; 
             margin:0px 20px; 
             font-size:10pt;
             font-weight:normal;
             }

dl.line dd {  
             max-width:none;
             margin-left:6em;
             }

dl.in-line dt { 
                font-size:10pt;
                float:left; 
                clear:left; 
                margin:0px 1ex 0px 20px; 
                }

dl.in-line dd { 
                margin-left:5em;
                margin-bottom:1ex;
                }

dl.in-line-kompakt { 
                    margin-top:0ex;
                    }

dl.in-line-kompakt dt { 
                        font-size:10pt;
                        float:left; 
                        clear:left; 
                        margin:0px 1ex 0px 0px; 
                        font-weight:normal;
                        }

dl.in-line-kompakt dd { 
                        margin-left:6em;
                        margin-bottom:0ex;
                        }

dl.bildliste { 
               padding-bottom:30px;
               }

dl.bildliste dt { 
                  clear:both;
                  }

dl.bildliste dd { 
                  max-width:50em;
                  }

dl.bildliste dd + dd { 
                      margin-top:5px;
                       }

dl.bildliste dd.absatz { 
                         padding-top:1em;
                         font-size:8pt;
                         font-style:italic;
                         max-width:57em;
                         }

dl.bildliste dd.cite {
                       font-size:8pt;
                       max-width:57em; 
                       text-align:right;
                       font-style:italic;
                       padding-bottom:2em;
                       }


dl.bildliste dd ul { 
                     margin-top:0.5ex;
                     margin-bottom:0.5ex;
                     }

dl.untermenue dt { 
                    clear:none;
                    }

dl.iconliste dt { 
                  clear:left;
                  border-top:solid 2px #f0d5ab;
                  padding-top:2px;
                  }

dl.iconliste dd { 
                  margin-left:110px;
                  max-width:42em;
                  }

dl.iconliste dd.icon {
                       float:left;
                       margin:0.8ex 1ex 1ex 20px;
                       }

dl.iconliste dd.note { 
                       font-style:italic;
                       padding-left:0px;
                       padding-top:2px;
                       }

dd.line { 
          max-width:none; 
          font-weight:bold;
          }

dt {
     font-weight:bold;
     font-size:10pt;
     margin:1ex 0ex 0.5ex 20px;
     }

dd {
     margin-left:50px;
     max-width:37em;
     font-size:10pt;
     }

dd + dd { 
          margin-top:1ex;
          }

dd.info { 
          padding-left:2em; 
          font-style:italic; 
          }

dd.notetitel { 
             font-weight:bold;
             font-size:small;        
             max-width:45em;      
             padding-left:20px;
             }

dd.note { 
          margin-top:0px;
          font-size:8pt;      
          font-style:italic;
          max-width:43em;      
          padding-left:20px;
          }

dd.small { 
           font-size:8pt;
           max-width:45em;
           }

dt.structure { 
               margin-top:0px;
               }


 /************************************************************************/
/*** Vorschau-Blöcke ***/

div.overflow { 
               width:100%; 
               overflow:auto;
               margin-bottom:10px;
               padding-bottom:0px;
               }

div.album { 
            margin:10px 10px; 
            padding-left:0px;
            }


.photo { 
         width:125px; 
         text-align:center;
         vertical-align:bottom;
         padding:0px;
         margin:9px;
         border:solid black 1px;
         background-color:#f0d5ab;
         color:#050054;
         float:left;
         }

.quadrat { 
           width:180px;
           }

.photo a > img { 
               border-bottom:solid 1px black;
               }

.photo span { 
              margin:0;
              padding:3px 2px; 
              }

.photo:hover { 
               border:solid black 2px;  
               margin:8px; 
               }

.vorschau { 
            width:175px; 
            text-align:center;
            vertical-align:bottom;
            padding:0px;
            margin:5px 20px;
            border:solid 1px;
            background-color:#f0d5ab;
            color:#050054;
            }

.vorschau > img { 
                  border:solid 1px black;
                  }

.vorschau span { 
                 margin:0;
                 padding:3px 2px; 
                 }

.vorschau:hover { 
                  border:solid 2px;  
                  margin:4px 19px; 
                  }

@media screen {                               /* CSS vor NN4 verstecken */
  .vorschau { 
           float:left;
           }
}


dd.doppelbreit-right {
                       position:relative;
                       float:right;
                       width:436px;
                       text-align:right;
                       margin:0px 0px 10px 10px;
                       padding-left:0px;
                       white-space:nowrap;
                       overflow:visible;
                       }


dd.doppelbreit-right a img {
                             background-color:#fff5db;
                             margin:1px 1px 1px 10px;
                             padding:0px;
                             border:1px solid #a0a0a0; 
                             }

dd.doppelbreit-right a:visited img {   /* only for stupid IE */
                                     border:1px solid #a0a0a0; 
                                     margin:1px 1px 1px 10px;
                                     padding:0px;
                                     }

dd.doppelbreit-right a:hover img { 
                                   border-style:solid; 
                                   border-width:2px; 
                                   margin:0px 0px 0px 9px;
                                   }

dd.einfach { 
             width:218px;
             background-color:transparent;
             }

.rahmen { 
          border-style:solid; 
          border-color:#a0a0a0; 
          border-width:1px;
          margin:1px;
          padding:0px;
          }

.artpartment { 
               width:200px; 
               }

.quer {          
        width:175px; 
        }

.laengs {          
          width:225px; 
          }

.caption { 
           display:block;
           margin:1ex 2px;;  
           text-align:center;
           font-style:italic;
           font-size:7pt;
           }

.small { 
         font-size:8pt;
         margin-left:25px;
         }

.small dd { 
            max-width:45em;
            }


 /************************************************************************/
/*** Einstellungen für besondere Formate ***/

.bdsm { 
        margin:40px 60px;
        }

.laeufer { 
           background-color:#fff5db;
           border-style:solid; 
           border-color:#a0a0a0; 
           border-width:0 1px 1px 1px; 
           margin:0px 0px 5px 0px;
           padding:11px 10px 15px 30px;
           width:1615px;
           }

.laeufer-x { 
           background-color:#fff5db;
           border-style:solid; 
           border-color:#a0a0a0; 
           border-width:0 1px 1px 1px; 
           margin:0px 0px 5px 0px;
           padding:11px 10px 15px 30px;
           width:840px;
           }

.laeufer img { 
               margin:20px 0px 10px 0px;
               }


.raum { 
        background-color:#fff5db;
        border-style:solid; 
        border-color:#a0a0a0; 
        border-width:0 1px 1px 1px; 
        margin:0px 0px 5px 0px;
        padding:11px 10px 5px 30px;
        width:2264px;
        }

.raum a img { 
              border-style:solid; 
              border-color:#a0a0a0; 
              border-width:1px; 
              margin:1px;
              }

.raum a:hover img {  
                    border-style:solid; 
                    border-color:#a0a0a0; 
                    border-width:2px; 
                    margin:0px;
                    }

.mappe { 
         width:225px; 
         text-align:center;
         vertical-align:bottom;
         padding:0px;
         margin:9px;
         border:solid 1px;
         background-color:#f0d5ab;
         color:#050054;
         }

.mappe > img { 
             border:solid 1px black;
             }

.mappe:hover { 
               border:solid 2px;  
               margin:8px; 
               }

@media screen {                               /* CSS vor NN4 verstecken */
  .mappe { 
           float:left;
           }
}

.artpart-kasten { 
                  background-color:white;
                  border:solid #a0a0a0 1px; 
                  padding:0px;
                  width:40em;
                  min-width:400px;                  
                  text-align:center;
                  margin:15px 70px 15px 20px;               
                  }

div.dig-bb div.right {
                       width:500px;
                       text-align:center;
                       vertical-align:bottom;
                       padding:0px;
                       margin:5px 1px 5px 20px;
                       border:solid 1px;
                       background-color:#f0d5ab;
                       color:#050054;
                       }

div.dig-bb div.right img { 
                         margin-bottom:0px;
                         }

div.dig-bb div.right:hover { 
                             border:solid 2px;  
                             margin:4px 0px 4px 19px; 
                             }


 /************************************************************************/
/*** Footer (Abschlußleiste) ***/

div.footer { 
             margin:0px 13px 0px 0px;
             padding-left:5px;
             padding-bottom:10px;
             font-size:7pt;
             }

div.footer a:link {
                    color:blue;
                    }


 /*******************************/
/* IE Quirks! */

/*  .fullwidthForStupidIE { width:100%;  } */

/*.main * { position:relative; }*/

* html .main { height:0; }

* html .album { height:0; }




 /*******************************/
/* verworfenes */

/*
.blattcomic { 
              background-color:#fff5db;
              border-style:solid; 
              border-color:#a0a0a0; 
              border-width:0 1px 1px 1px; 
              margin:0px 0px 5px 0px;
              padding:11px 15px 15px 30px;
              width:875px;
              }

.mainrand { 
              background-color:#fff5db;
              border-style:solid; 
              border-color:#a0a0a0; 
              border-width:0 1px 1px 1px; 
              margin:0px 0px 5px 0px;
              padding:11px 20px 15px 30px;
              width:840px;
              }

div.mainrand h1,div.mainrand h2 { 
                       margin-right:15px;
                       }

div.mainrand .inhaltbox { 
                            margin-right:15px;
                            }

.blatt-strip { 
               width:850px;
               min-height:170px;
               padding:5px;
               margin:5px auto 0px auto;
               background-color:#ffffff;
               border:solid 1px;
               }

*/