/*
   ------------------
   Kategorienuebersicht
   ------------------
*/

.as-category-overview {
	
}

.as-category-overview li {
	margin:1em;
	margin-left:0;
}

.as-category-overview li > a {
	font-size:1.5em;
}

/*
   ------------------
   Header eines Artikels / Ordners
   (entspricht .article-header)
   ------------------
*/

/* Erste Ueberschrift am Anfang des Artikels/Ordners */
.article-header h1 {
    font-family:Georgia, serif;
    color:#005B00;
    border-bottom:1px solid #AEAEAE;
    font-size:3em;
    margin:0;
}

.article-header h1 small {
    font-size:0.5em;
    color:#000;
    margin-left:1em;
    font-weight:normal;
}

/* Link zum Thema innerhalb der ersten Ueberschrift */
.article-header h1 a {
    font-size:1em;
    color:#008;
    font-weight:bold;
}

/* Zweite Ueberschrift am Anfang des Artikels/Ordners */
.article-header h2 {
    color:#333;
    font-size:1.4em;
    margin-top:0;
}

/* Inhaltsverzeichnis */
#toc {
    display:inline-block;
    vertical-align:top;
    margin:0 2em 2.5em 1em;
    margin-top:0;
    margin-bottom:2.5em;
    padding:0.5em;
    border:1px solid #AAAAAA;
    background-color:#FAFAFA;
    width:25%;
    min-width:250px; /* Damit das TOC bei Smartphones nicht zu schmal wird */
    border-radius:0.3em;
}

#toc h2 {
    margin:0;
    font-size:0.9em;
}

#toc ol {
    margin:1em;
    padding:0;
    list-style-type:none;
}

/* Anzeige rechts vom Inhaltsverzeichnis */
#toc-ad {
    display:inline-block;
    width:304px; /*300px ad*/
    height:252px; /*250px ad*/
    margin-bottom:2em;
    margin-left:1em; /* Falls kein Inhaltsverzeichnis vorhanden ist, soll die Anzeige nicht so weit vom linken Rand entfernt sein. */
}


/*
   ------------------
   Inhalt eines Artikels / Ordners
   ------------------
*/

.article-content {
    margin:2em 0em;
}

/* Unterdateien fuer Ordner, stehen bei Ordnern ausserhalb des footers, bei Artikeln im Footer */
.subfiles-directory,
.subfiles-category {
    padding:1em;
    border:1px solid #eee;
}

.subfiles-category > span {
    margin:0 0 1em 0;
    display:block;
}

/*
   ------------------
   Footer eines Artikels / Ordners
   ------------------
*/

/* Artikel bearbeiten / loeschen / drucken */
.article-footer .metalinks {
    text-align:right;
    padding-right:2em;
    margin:1.5em 1em 1em 1em;
}

.article-footer .metalinks a {
    margin-left:1.5em;
}

/* Rating */
.article-footer .rating-container {
    display:inline-block;
    vertical-align:top;
    width:25%;
}

/* Tags */
.article-footer .tags {
    display:inline-block;
    vertical-align:top;
    padding-top:0.7em;
    width:49%;
    text-align:center;
    color:#AAAAAA;
}

.article-footer .tags a {
    color:#AAAAFF;
}

.article-footer .tags a:hover {
    color:#0000FF;
}

/* Social Bookmarks */
.article-footer .social {
    display:inline-block;
    vertical-align:top;
    width:49%;
    text-align:center;
    
}

.article-footer .service {
    display:inline-block;
    vertical-align:top;
    width:100px;
    height:75px;
    overflow:hidden;
}


#bm-service-g {
    /* Ausgleich damit Abstand zwischen Twitter und Google = Abstand zwischen FB und Twitter ist */
    margin-top:-11px;
}

.article-footer iframe {
    vertical-align:top;
    border:none;
}

/* Copyright */
.article-footer .copyright {
    display:inline-block;
    vertical-align:top;
    text-align:right;
    color:#999999;
    font-size:0.7em;
    width:25%;
}

/* Unterdateien (FileBrowser am Ende der CSS-Datei) */
.article-footer .subfiles-article {
    margin-top:2em;
    padding:0.5em;
}

.article-footer .subfiles-article h2 {
    margin:0;
    border-bottom:1px solid #aaa;
}

.article-footer .subfiles-article .fb-articlesystem {
    padding:0.5em 0 0.5em 0;
}

.article-footer .subfiles-article > a {
    display:block;
    text-align:center;
    font-size:1.5em;
}


/*
   ------------------
   Kommentare zu einem Artikel / Ordner
   ------------------
*/

.article-comments {
    padding:0.5em;
    margin-top:2em;
}

.article-comments > header {
    border-bottom:1px solid #aaa;
}

.article-comments > header h2 {
    margin:0;
    display: inline-block;
}

.article-comments > header span {
    display: inline-block;
    font-size:0.7em;
    color:#777;
    margin-left:2em;
}

.article-comments .commentslist {
    padding:0.5em 0 0.5em 0;
}

.article-comments .comment {
    margin:2em 1em 0 1em;
}

.article-comments .links {
    margin-top:1em;
    text-align:center;
}

.article-comments > a {
    display:block;
    text-align:center;
    font-size:1.3em;
    margin:1em 1em 0 0.5em;
}




/*
   ------------------
   Navigation an der Seite
   ------------------
*/

/* Achtung: Die Aufteilung der Seite anhand von Box-Modell wird fuer #sidenavi weiter oben definiert */
#articles-in-topic ul {
    list-style-type:none;
    margin:0;
    padding:0 3px 0 3px;
}

#articles-in-topic ul ul { padding-left:1em; }
#articles-in-topic ul ul ul { padding-left:2em; }
#articles-in-topic ul ul ul ul { padding-left:3em; }
#articles-in-topic ul ul ul ul ul { padding-left:4em; }
#articles-in-topic ul ul ul ul ul ul { padding-left:5em; }

#articles-in-topic li {
    padding:2px 0 2px 22px;
    background:transparent url("/images/articlesystem/article.gif") no-repeat 2px 3px;
}

#articles-in-topic .dir {
    background-image:url("/images/articlesystem/directory.gif");
    /*background:transparent url("/images/articlesystem/directory.gif") no-repeat 0px 0px;*/
}


/*
   ------------------
   Werbung im rechten Rand
   ------------------
*/

#sidenavi-ad.fixed {
    position:fixed;
    top:0px;
}




/*
   ------------------
   FileBrowser
   ------------------
*/

.fb-articlesystem {
}

/* Angaben fuer Anzahl der Unterdateien */
.fb-articlesystem small {
    color:gray;
}

.fb-articlesystem .node {
    padding:4px;
    font-size:1.1em;
    border-color:#E8E8E8;
}

/* Darstellung aller Nodes innerhalb eines Ordners, der nur Artikel enthaelt */
.fb-articlesystem .only-articles {
    column-width:20em;
    -moz-column-width:20em;
    -webkit-column-width:20em;
    column-gap:3em;
    -moz-column-gap:3em;
    -webkit-column-gap:3em;
}

/*
Trick, damit bei mehreren Spalten die Namen von Artikeln nicht ueber mehrere Spalten verteilt werden.
Gerade bei Ordner mit nur 1-3 Unterartikeln sieht das sonst sehr haesslich aus.
*/
.fb-articlesystem .only-articles .article {
    display:inline-block;
    width:95%;
}

/* Themen-Ordner */
.fb-articlesystem .topic {
    background-color:#FFFFD5;
    border-width:1px 0px 1px 0px;
}

/* Artikel */
.fb-articlesystem .article {
    border:0;
}

/* Artikelsymbol, links neben dem Link */
.fb-articlesystem .article a {
    padding-left:23px;
    background:transparent url("/images/articlesystem/article.gif") no-repeat 0px 0px;
}

/* Ordnersymbol, links neben dem Link */
.fb-articlesystem .directory a {
    padding-left:23px;
    background:transparent url("/images/articlesystem/directory.gif") no-repeat 0px 0px;
}

/* Normale Darstellung fuer Dateien ohne +/- Button (Button wird durch leere Flaeche ersetzt) */
.fb-articlesystem .no-oc {
    padding-left:37px;
}

/* Dateien unter Ordnern mit nur Kind-Artikeln (Darstellung nebeneinander) die keinen +/- Button haben*/
.fb-articlesystem .only-articles .no-oc {
    padding-left:4px;
}

/* Hervorhebung fuer diejenige Datei, die gerade geoeffnet ist */
.fb-articlesystem .yah {
    background-color:#DEDEFF !important;
    border-radius:4px;
}

.fb-articlesystem .yah:hover {
    background-color:#DDDDFF;
}

/* Hervorhebung fuer empfohlene naechste Datei */
.fb-articlesystem .next {
}

.fb-articlesystem .next:hover {
    background-color:#DDFFDD;
}


.fb-articlesystem .child-nodes {
    margin-left:4em;
}

/*
.fb-articlesystem .breadcrumbs-topic {
    font-size:1.5em;
    color:#bbb;
}

.fb-articlesystem .breadcrumbs-topic a {
    color:#bbf;
}

.fb-articlesystem .breadcrumbs-topic a:hover {
    color:#00f;
}
*/

.fb-articlesystem button {
    border:0px;
    background:transparent;
    padding:0;
    margin:0;
    color:transparent;
    cursor:pointer;
    background-repeat:no-repeat;
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:1em;
    position:relative;
    top:1px;
    left:2px;
}

.fb-articlesystem .openable {
    background-image: url("/images/articlesystem/plus16x16.gif");
}

.fb-articlesystem .closeable {
    background-image: url("/images/articlesystem/minus16x16.gif");
}

.fb-articlesystem .sf-closed {
    display:none;
}
        
.fb-articlesystem .sf-opened {
    display:block;
}



/*
   ------------------
   Rating
   ------------------
*/

.starrating ul {
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 150px;
    height: 30px;
    position: relative;
    /*background: transparent url("/images/articlesystem/master_artikel.jpg") repeat-x 0px -244px;*/
    background: transparent url("/images/articlesystem/starrating.gif") repeat-x 0px -0px;
}

.starrating li {
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}

.starrating li a {
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.starrating li a:hover {
    cursor:default;
}

.starrating.voteable li a:hover {
    /*background: transparent url("/images/articlesystem/master_artikel.jpg") repeat-x 0px -274px;*/
    background: transparent url("/images/articlesystem/starrating.gif") repeat-x 0px -30px;
    z-index: 2;
    left: 0px;
    cursor:pointer;
}

.starrating a.stars-1                   { left: 0px; }
.starrating.voteable a.stars-1:hover    { width:30px; }
.starrating a.stars-2                   { left:30px; }
.starrating.voteable a.stars-2:hover    { width: 60px; }
.starrating a.stars-3                   { left: 60px; }
.starrating.voteable a.stars-3:hover    { width: 90px; }
.starrating a.stars-4                   { left: 90px; }
.starrating.voteable a.stars-4:hover    { width: 120px; }
.starrating a.stars-5                   { left: 120px; }
.starrating.voteable a.stars-5:hover    { width: 150px; }

.starrating li.current-rating {
    /*background: transparent url("/images/articlesystem/master_artikel.jpg") repeat-x 0px -304px;*/
    background: transparent url("/images/articlesystem/starrating.gif") repeat-x 0px -60px;
    position: absolute;
    left:0px;
    height: 30px;
    width:105px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.starrating .message {   
    font-size:11px;
    padding-left:30px;
    text-align:left;
}


/*
   ------------------
   Smartphone-Anpassungen
   ------------------
*/

@media only screen 
and (max-device-width : 800px) {
    /* Ueberschrift nicht so gross */
    .article-header h1 {
        font-size:2em;
        line-height:1;
    }
    
    /* Zweite Ueberschrift nicht so gross */
    .article-header h2 {
        line-height:1;
    }
    
    /* Wurstfingeranpassung */
    #toc li {
        padding-bottom:8px;
    }
    
    #toc li:last-child {
        padding-bottom:0px;
    }
    
    /* Social-Bookmarks nicht so zerstueckelt anzeigen */
    .article-footer .social {
        display:block;
        width:400px;
        margin-top:2em;
    }
    
    /* Copyright ausblenden */
    .article-footer .copyright {
        display:none;
    }
    
    /* Wurstfingeranpassung */
    .fb-articlesystem .node {
        padding-top:10px;
        padding-bottom:10px;
    }
    
    /* Wurstfingeranpassung */
    #articles-in-topic li {
        padding-top:0px;
        padding-bottom:15px;
    }
    
    #articles-in-topic li:last-child {
        padding-bottom:0px;
    }
    
    #articles-in-topic ul {
        padding-top:10px;
    }
}

@media only screen 
and (max-device-width : 1000px) {
    /* Kein mitscrollender Banner an der Seite bei kleinen Bildschirmen */
    #sidenavi-ad.fixed {
        position:inherit;
        top:auto;
    }
}