/* Element-Selektoren */
main { 
	position: relative; 
}
body{
	background-color: #e6e6e6;
	font-size: 1.0em; 
	font-family: Verdana, Arial, Times, sans-serif, serif, monospace;
	color:#3d495f;
	margin:0 auto;
	padding:0px;
	width:100%;
}
iframe{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#frame_rechts {
	background: white;
	top: 0px;
	right: 1px;
	margin: 0;
	padding: 0.2em 0.2em;
	position: fixed;
}

/* Class-Selektoren */

.table_login{ 
	border: 2px solid #3d495f ; 
	left:30%; 
	top: 15%;
	font-size:0.9em;
	padding: 1.0em 1.0em 1.0em 3.0em;
	position:absolute ; 
	color: black;
	z-index:1; 
/*	width:40%; 
	height:35%; 
	background: #c6fbff; 
	padding-left:30px;
	padding-right:10px;
*/
}
#td-tag {
	background: white;
}

/* verschiedene Größen für table_login */
	.my_login1{
		width:40%; 
		height:35%; 
	}
	.my_login2{
		width:45%; 
		height:50%; 
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a[href^="#top"]:before{
    display: inline-block;
    color:#e04c32;
	right: 30%;
    font-size: 1.5em;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);  
    transform:rotate(-90deg);	
 }  
 /* Class-Selektoren */
.eins { 
	border: 0px solid #1fbccd ; 
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}
.tabelle-zentriert {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
}
.tabelle-zentriert_anker {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
}
.tabelle-zentriert_anker_klein {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
}
.tabelle-zentriert_unsortiert {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
	white-space: normal;
}
.tabelle-zentriert_sortiert {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
}
.tabelle-zentriert_alben {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 1em;
}
.wordwrap{
	word-wrap: normal; /* oder : break-word */
}
/* ID-Selektoren */
#tablist {
	list-style: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 0;
	padding: 0;
}
#tablist li {
	background-color: #8BE0FC;
	border: 1px solid black;
	border-bottom: none;
	border-radius: 0.5em 0.5em 0 0;
	display: inline;
	/* font-weight: bold; */
	height: 1em;
	padding: 0.5em 0.5em 10px;
}
#tablist li:focus, 
#tablist li:hover {
	background-color: lightgrey;
	font-weight: bold;
}
#tablist li[aria-selected="true"] {
	font-weight: bold;
	background-color: white;
	padding: 0.5em 0.5em 11px;
}
#tabcontent {
	background-color: white;
	border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	padding: 1em;
	width: 80%; 
}
[aria-hidden="true"] {
	display: none;
}
[aria-hidden="false"] {
	display: block;
}

#box1 { 
	border: 5px solid #9932CC; 
	background: white ;
	position:absolute ; 
	top:30px; 
	left:475px; 
	width:625px; 
	height:55px; 
	z-index:2; 
}
#box2{
	width: 290px;
}
#box_ds { 
	position:absolute ; 
	top:96%; 
	left:88%; 
	width:150px; 
	height:10px; 
	z-index:2; 
}