@import "../../../css/teaser-v2.0.css";

/* ROBOTO */
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	/*overflow-y: scroll;*/
	color: #485b70;
	font-family: "robotolight", arial, sans-serif;
    font-size: 13px;
    overflow-y: hidden;
}
#wrapper{
    padding-top: 9px;
}
#wrapper,#teaser-table, #top, #chart{border: 0; padding-left: 0; padding-right: 0;}
#chart-header{
	display: none;
}
#error-wrapper{
	border-color: #fec5c5;
	color: #be3b3b;
	display: none;
}
#chart{
	padding: 0;
}
#teaser-table .row1, #teaser-table .row2, #teaser-table .row3{
    width: 100%;
}
#teaser-table .row1 td, #teaser-table .row2 td, #teaser-table .row3 td{
	white-space: nowrap;
    width: 100%;
}
#teaser-table td{
	display: table-cell!important;
	float: none!important;
	/*width: 100%!important;*/
	border-bottom: 1px solid #c8cdd4!important;
	font-size: 1em;
	padding: 0.5em 0!important;
}
#teaser-table td:last-child{
	text-align: right!important;
}
#teaser-table td.col1{
	 font-family: 'robotobold';
	 text-transform: uppercase;
     font-size: 14px;
}
#top{
    display: none;
}
#teaser-table{
    padding-top: 13px;
}
#teaser-table .col2{
   font-family: 'robotolight';
}

@media screen and (max-width: 480px){
    /*#teaser-table td.col2{
        font-size: 12px;
    }*/
}
#teaser-table td.col2{
        font-size: 14px;
    }