html {
    font-size:0.7em;
}
BODY {
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.abfon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #0000ff
}

.link:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.linkr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #ff0000
}

.linkr:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.abfong {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none
}

.champ {
    background-color: #cccccc;
    color: #000066;
    font-family: verdana;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    border: 1px solid #000066;
}

.bordure {
    border: 1px solid #000066;
    border-color: #000066;
}
.noborder {
    border: 0px ;	
}

.imgIcon {
    vertical-align:middle;
    height:1.5em;
    border-style:none;
}
.button {
    font-family: Arial;
    color: #000000;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 1px 27px #666666;
    -moz-box-shadow: 0px 1px 27px #666666;
    /*box-shadow: 0px 1px 27px #666666;
    text-shadow: 1px 1px 3px #666666;
    border: solid #003366 2px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#595950), to(#93b1cc));
    background: -moz-linear-gradient(top, #595950, #93b1cc);*/
}
.row {
    padding-top:5px;
}
.alignCentered {
    text-align: center;
}
.alignRight{
    text-align: right;
}
.iconFont {
    /*font-weight: bold;*/
    text-decoration: none;
    color: #696969;
/*    font-size:1.1em;*/
}
.iconFont:hover {
        /*font-weight: bold;*/
    text-decoration: underline;
}

.iconFontButton {
    font-size:1.2em;
}

.clear {
    clear: both;
}




/* default settings in case of media queries issue with old browsers*/

.showIfSmall {
    display:none;
}

.showIfMedium {
    display:none;
}

/* small small mobile*/
@media all and (max-width:400px)
{
    div.showIfSmall{
        display:block;
    }
    span.showIfSmall{
        display:inline;
    }
    .showIfLarge {
        display:none;
    }
    div.showFromSmall{
        display:block;
    }
    span.showFromSmall{
        display:inline;
    }
    .showFromMedium {
        display:none;
    }
    .showFromLarge {
        display:none;
    }
}


/* Larger than mobile */
@media all and (min-width:400px) 
{
    .showIfSmall{
        display:none;
    }
    .showIfLarge {
        display:none;
    }
    div.showIfMedium {
        display:block ;
    }
    span.showIfMedium {
        display:inline;
    }
    div.showFromMedium {
        display:block;
    }
    span.showFromMedium {
        display:inline;
    }
    .showFromLarge {
        display:none;
    }  }


/* Larger than phablet (also point when grid becomes active) */
@media all and (min-width:550px)
{
    span.showIfMedium {
        display:none;
    }
    div.showIfMedium {
        display:none;
    }
    div.showIfLarge {
        display:block;
    }
    span.showIfLarge {
        display:inline;
    }
    div.showFromLarge {
        display:block;
    }    
    span.showFromLarge {
        display:inline;
    }    


}

/* Larger than tablet */
@media all and (min-width:750px)
{


}

/*Larger than desktop */
@media all and (min-width:1000px) 
{

}

/* Larger than Desktop HD */
@media all and (min-width:1200px) 
{

}