html, body {
	background-color: #EEEEEE;
	color: #2e2e4b;
	font-family: Arial;
	font-size: 12px;
}

td, tr, table {
	border: 1px #2e2e4b solid;
	border-collapse: collapse;
	padding: 2px;
	background-color: #EEEEEE;
}

h1 {
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	color: #C53112;
}

textorange {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #C53112;
}

textorangen {
	font-family: Arial;
	font-style: normal;
	font-size: 14px;
	color: #C53112;
}

.f_link {
	color: #C53112;
	font-style: normal;
}

a.button {
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
	padding: 3px 3px 3px 3px;
    text-decoration: none;
    color: initial;
}

.responsive {
	width: 99%;
}

.e_img {
	font-color: pink;
}

.e_info {
	font-size: 14px;
}

#invisible {
	background-image:
       repeating-linear-gradient(45deg, 
                                white 0%, 
                                white 2%, cyan 2%, 
                                cyan 4%, white 4%);
}

#e_header {
	float: left;
	margin-top: 8px;
}

.login {
	color: black;
}

.e_typ {
	 float: right;
}


@media only screen and (max-width: 640px){
/*    .responsive {
        width: 99%;
    }*/
    #e_header {
		margin-top: 0px;
		margin-left: 0px;
	}
/*	.e_time {
		display: none;
	}*/
	.e_typ {
		display: none;
	}
	.tooltip .tooltiptext {
		display: none;
	}
}
/* TOOLTIP */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}