/*
Autor : DICKE Kreativbüro (Mario Schwartz)
Layout: Alles
Modul:  Referenzen
*/

/*===== CSS STYLE =====*/
.referenzen_text{}

div.seite div.mitte div.inhalt div.kategorien_zeile{
    overflow: hidden;
    margin-bottom: 10px;
}

.mod_referenzen_kategorie{
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ffcc00;
    border-left:none;
    cursor:pointer;
}
.mod_referenzen_kategorie:first-child{
    border-left: 1px solid #ffcc00;
}
div.seite div.mitte div.inhalt .mod_referenzen_kategorie p.mod_referenzen_kategorie_ueberschrift{
    color:#474747;
    line-height:34px;
    padding: 0px 18px;
    font-size: 19px;
    line-height: 40px;
    font-weight: normal;
    margin:0px;
}
div.seite div.mitte div.inhalt .mod_referenzen_kategorie p.mod_referenzen_kategorie_ueberschrift:hover{
    color:#343434;
    background:#cccccc;
}
div.seite div.mitte div.inhalt .mod_referenzen_kategorie_hg p.mod_referenzen_kategorie_ueberschrift,
div.seite div.mitte div.inhalt .mod_referenzen_kategorie_hg p.mod_referenzen_kategorie_ueberschrift:hover{
    cursor:default;
    color:#343434;
    background:#ffcc00;
}
.mod_referenzen_projektliste{
    float:left;
    width: 25%;
    background:#ffffff;
    position:relative;
    z-index: 60;
}
.mod_referenzen_projektliste ul{
    list-style: none;
    margin:0 0 0 0;
}
.mod_referenzen_projektliste ul li{}
.mod_referenzen_projektliste ul li a{
    color:#343434;
    font-size: 14px;
    text-decoration: none;
    line-height: 34px;
    display: block;
    padding:0 10px;
    background:#cccccc;
}
.mod_referenzen_projektliste ul li a.aktiv{
    background:#ffcc00;
}
.mod_referenzen_projekt{
    position:relative;
    z-index: 50;
    float: left;
    width:71%;
    padding:0 2%;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    margin-bottom:5px;
}
.mod_referenzen_projekt h2 span.unterbezeichnung{
    font-size:12px;
    font-weight:normal;
}
.mod_referenzen_projekt p.vergroessern{
    font-size:9px;
    text-align: right;
}
.mod_referenzen_kategorie_img
{
    border: 1px solid #fecc00;
    /* float: left; */
    font-size: 0;
    margin: 0 5px 5px 5px;
    text-align: center;
    width: 127px !important;
    width: 129px;
    margin: 0 auto;
}

.mod_referenzen_bild{
    float: left;
    font-size: 0;
    margin: 0 5px 5px 0;
    width:279px;
    overflow:hidden;
}
.mod_referenzen_bild:nth-child(3n+0){
    margin:0;
}
.mod_referenzen_bild a
{
    display: block;
    border: 1px solid #cccccc;
}
.mod_referenzen_bild a:hover{
    border: 1px solid #474747;
}
.mod_referenzen_bild img
{ /*
        -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;*/
}

.mod_referenzen_projektliste ul li a.aktiv{
    color:#474747;
    font-weight: bold;
}

.mod_referenzen_projekt h2{
    border-bottom: 1px solid #cccccc;
    color:#474747;
    font-size: 19px;
    font-weight: normal;
}
/*===== End of CSS STYLE =====*/