/* * * * * * * * * * * * * * * * * * */
/*                                   */
/*         BASIS-FORMEN.CSS          */
/*   Enthält die CSS-Formen Kreis,   */
/*     Quadrat und Pfeile l + r      */
/*                                   */
/* * * * * * * * * * * * * * * * * * */



.circle {
    display: inline-block;
    width: 18px;
    height: 18px;

    background: #E4BF7f;
    border-radius: 70px;    
/*    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;*/
/*    background: #037CA9;*/
    /*position:relative;
    left: 10px;
    top: 2px;*/
}

.square {
    display: inline-block;
    width: 18px;
    height: 18px;
    background:#E4BF7f;
    margin-left:9px;
    position:relative;
    top:2px;
}

/*****  Und hier die Dreiecke ******/

#chronik a span.link{
    display: inline-block;
    border-left: 40px solid #E4BF7F!important;
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    margin-left: 15px;
    
}

#catliste li span.right {
    display: block;
    width: 22px;
/*  Wenn die länge nicht begrenzt wird, überdeckt das Element das Link in Breite der Grafik! Scheint auch durch z-index nicht reparierbar zu sein.  */
    height: 0;
    border-left: 22px solid #E4BF7F;
/*  Der Farbwert ist hier gegenüber 
    dem backlink oben minimal abgedunkelt */
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  
/*     Anpassung an die Liste */
    position:relative;
    top:1.2em;
    right:2em;
    z-index: 1;
}

ul.pfeilliste{
    list-style: none;
    position:relative;
    left:-2em;
}

ul.pfeilliste li{
    line-height: 1.8;
    font-size: 1.4em;    
}

ul.pfeilliste li span.right{
    display: inline-block;
    /*width: 25px;*/
    height: 0;
    border-left: 30px solid #E4BF7F;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    rotate: 0deg;  
    margin:0;
    z-index: 1;
}

ul.pfeilliste li a{
    margin-left:0.4em;
    
}


/* Ende Catliste, Beginn FooterNavi */

#weiter a span.left {
    display: inline-block;
    /*width: 25px;*/
    height: 0;
    border-left: 22px solid #E4BF7F;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    rotate: 180deg;    
/*     Anpassung an die Liste */
    position:relative;
    top:- em;
    right: em;   
    margin: 0;
    z-index: 1;    
}

#weiter a.links span.buttontxt{
    margin-right:8px;
    margin-left:4px;
}

#weiter a span.right {
    display: inline-block;
    /*width: 25px;*/
    height: 0;
    border-left: 22px solid #E4BF7F;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    rotate: 0deg;  
    margin:0;
    z-index: 1;
}
#weiter a.rechts span.buttontxt{
    margin-right:4px;
    margin-left:8px;
}

/* Ein Teil des Stylings (Positionierung, Borders) erfolgt  in layout-artikellist.css */

.up {
    display: block;
    width: 0;
    height: 0;
    border-bottom: 120px solid #037CA9;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
}