/** Ultima Pro Black **/
@font-face {
    font-family: 'UltimaPro';
    src: url('../fonts/UltimaProBlack.eot');
    src: local('☺'), url('../fonts/UltimaProBlack.woff') format('woff'), url('../fonts/UltimaProBlack.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/** Ultima Pro Light **/
@font-face {
    font-family: 'UltimaPro';
    src: url('../fonts/UltimaProLt.eot');
    src: local('☺'), url('../fonts/UltimaProLt.woff') format('woff'), url('../fonts/UltimaProLt.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
/** Ultima Pro (normal) **/
@font-face {
    font-family: 'UltimaPro';
    src: url('../fonts/UltimaPro.eot');
    src: local('☺'), url('../fonts/UltimaPro.woff') format('woff'), url('../fonts/UltimaPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/** Ultima Pro Bold Italic **/
@font-face {
    font-family: 'UltimaPro';
    src: url('../fonts/UltimaPro-BoldItalic.eot');
    src: local('☺'), url('../fonts/UltimaPro-BoldItalic.woff') format('woff'), url('../fonts/UltimaPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* normalize css for all elements */
*, svg {
	font-family: UltimaPro, Verdana, Arial, sans-serif; 
	font-size: 16px;
	background-color: white;
	color: #08c;
	/*white-space: normal;*/
	/*text-overflow: ellipsis;*/
	vertical-align:baseline; /* wichtig alles auf einer Höhe bei Tabellen usw.*/
}

.center, #center{
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

hr {
	border: 0;
	height: 1px;
	background: #333;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#CCC), to(#CCC), color-stop(50%, #333));
	margin-top: 20px;
	margin-bottom: 20px;
}

.valuebox{
    padding: 40px;
    float: left;
    width: 49%;
    margin-right: 0.1%;
    box-sizing: border-box;   
    /*border-right: 1px dotted #ccc; */
}
.value{
    font-size: 36px;    
}
.unit{
    font-size: 10px;
}

// standard sizing
@media screen and (max-device-width: 767px) {
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
}
@media screen and (min-device-width: 1200px) {
}