/* uebersichtsseite referenzen */

.uebersicht_ref220 {
    float: left;
    margin: 0 120px 30px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #DDD;
    text-align: center;
}

.uebersicht_ref300 {
    float: left;
    margin: 0 15px 30px 15px;
    padding: 20px 0 0 0;
    border-top: 1px solid #DDD;
}

.uebersicht_ref220 p, .uebersicht_ref300 p {
    text-align: left;
    font-size: 95%;
    color: #666;
    width: 200px;
}

.uebersicht_ref220 a, .uebersicht_ref300 a {
    border: none;
    margin: 0;
    padding: 0; 
    background: none;
}

.uebersicht_ref220 img, .uebersicht_ref300 img {
    margin: 0;
    padding: 10px 0 20px 0;
}

.uebersicht_ref220 img:hover, .uebersicht_ref300 img:hover {
	background-image: url(link_mehr.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/* beispiele gross */

.beispielbild, .beispieltext {
    float: left;
    color: #8C8C91;
    padding: 0 0 60px 0;
}

.beispieltext {
    width: 200px
}

.beispielbild img {
    padding-right: 100px; 
    margin-right: 20px; 
    border-right: 1px dotted #DDD;
}

.beispieltextfader {
    float: left;
    color: #8C8C91;
    padding: 0
}

.image_fade_wrapper_2 {
    float: left;
    background-color: #FFF;
    padding-right: 100px; 
    margin: 0 20px 60px 0;
    border-right: 1px dotted #DDD;
}

.image_fade_wrapper_2 .image_fade img {
    border: 0px solid #DDD;
}

.galerie {
    margin: 20px 0;
    border: 1px solid #DDD;
    margin-right: 1px;
}
  
.rahmen50 {
    height: 50px;
    width: 50px;
    margin: 10px;
    padding: 31px; 
    border: 1px dotted #9EC900;
    float:left;
    background-color: #FFF;
}

/* Mehrspalter */

.zweispalten {
    float:left;
    padding:0 2% 0 0;
    width:48%;
}
	
.dreispalten {
    float:left;
    padding: 0 2% 0 0;
    width:31%;
}

.clearfix {
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.clearLeft {
    clear:left;
}

/* imagefader */

.image_fade_wrapper {
    float: left;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
}

.image_fade {
    position: relative;
    float: left;
    width: 350px;
    height: 350px;
    border: none;
}

.image_fade img {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    margin: 0;
    padding: 0;
}

.image_fade_wrapper_3 {
    float: left;
    background-color: #FFF;
    padding: 0; 
    margin: 0 30px 50px 0;
}

.image_fade_wrapper_3 .image_fade img {
    border: 0px solid #FFF;
}

.clear {
    clear: both;
}