/* * * * * * * * * * * * * * * * * * * * * *
 * BASICS
 * * * * * * * * * * * * * * * * * * * * * */

.left {
    float:left;
}

.right {
    float:right;
}

.tleft {
    text-align:left;
}

.tright {
    text-align:right;
}

.tcenter {
    text-align:center;
}

.vtop {
	vertical-align: top;
}

.vmiddle {
	vertical-align: middle;
}

.vbottom {
	vertical-align: bottom;
}

.clear {
    clear: both;
}

.overflow-hidden {
    overflow: hidden;
}

.nowrap {
    white-space: nowrap;
}

.hidden {
    visibility: hidden;
}

.display-none {
    display: none;
}

.inlineblock {
    display: inline-block;
}

.strong {
    font-weight: bold;
}

img {
	border: 0;
	line-height: 0;
}

.nomargin {
    margin: 0 !important;
}

.highlighted {
    background-color: #fffa75;
    outline: 1px solid #fffa75;
}


/* percent widths */

.p10 {
   width: 10%;
}

.p15 {
   width: 15%;
}

.p20 {
   width: 20%;
}

.p25 {
   width: 25%;
}

.p30{
   width: 30%;
}

.p32{
    width: 32.6%;
}

.p33 {
   width: 33%;
}

.p35{
   width: 35%;
}

.p40 {
   width: 40%;
}

.p45 {
   width: 45%;
}

.p49 {
   width: 49%;
}

.p50 {
   width: 49.99%;
}

.p57 {
   width: 57%;
}

.p60 {
   width: 60%;
}

.p66 {
   width: 66%;
}

.p70 {
   width: 60%;
}

.p75 {
   width: 75%;
}

.p80 {
   width: 80%;
}

.p90 {
   width: 90%;
}

.p100 {
   width: 100%;
}

.dist50p {
    margin-bottom: 50px;
}


/* * * * * * * * * * * * * * * * * * * * * *
 * CLEARFIX
 * * * * * * * * * * * * * * * * * * * * * */
 
.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}