.headteam {
width: 80px; 
	height:80px;
	border: 1px solid #985c4b;
	padding: 3px;
}

.headteam:hover{
width: 80px; 
	height:80px;
	border: 1px solid #88564e;
	padding: 3px;
    border-radius: 100px;
    opacity:0.5;
}

/* Tabs mit radio-Buttons */
.tabbed figure {
 
	height: 250px;
   display: block; 
   margin-left: 0; 
   clear: both;
   width:1050px;
}

.tabbed > input,
.tabbed figure > div {
 display: none;
}

.tabbed figure>div {
  width: 1050px;
	height:240px;
  background: #9d9b97;;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4, 
#tab5:checked ~ figure .tab5 {
 display: block;
}

nav label {
width:210px;
text-align: center;
height: 35px;
font-family: 'Oswald', sans-serif;
font-size: 18px;
text-transform: uppercase;
letter-spacing:-1px;
float: left;
background-color:#88564e;
color: #bec1bf;
}

nav label:nth-child(1) {
}

nav label:hover {
 background-color: #985c4b;
}

nav label:active {
 background: #945444;
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"] {width: 210px;
background-color: #945444;
color: #bec1bf;
position: relative;
border-bottom: none;}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after{
  content: "";
  display: block;
  position: absolute;
  width: 210px;
background-color: #945444;
  left: 0;
}

.headnews{font-family: 'Anaheim', sans-serif;font-size: 11pt;width: 501px;height:190px;padding:8px;overflow:auto;text-align:justify;}

.headplot{font-family: 'Anaheim', sans-serif;font-size: 11pt;width: 1034px;height: 217px;padding:8px;overflow:auto;text-align:justify;}

.hdhead{
text-align:center; 
	text-transform:uppercase; 
	font-size:24px;
}

.hdtext{
font-size:11pt; 
	text-align:justify; 
	height:200px; 
	overflow:auto; 
	width:200px;
}

.hdlink{
background-color: #9d9b97; 
width:180px; 
font-size:11pt; 
text-align:center; 
color: #5a4140; 
border-bottom:#9d9b97 2px solid;
}

#userlinks {
    opacity: 1;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    background-color: #9d9b97;
    text-transform: uppercase;
    z-index: 12;
    padding:5px;
}

#userlinks a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    padding: 5px 10px;
    color: #985c4b;
	letter-spacing:2px;
	width:200px;
}

#userlinks a:hover {
color: #bec1bf;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 25px;
padding: 5px 10px;
letter-spacing:2px;
}

.listen{
font-family: 'Anaheim', sans-serif;
font-size:10pt;
background-color: #5a4140;
text-align:center;
color: #bec1bf;
}

.stepcarousel{
position: relative; /*nicht aendern*/
overflow: scroll; /* nicht aendern*/
width: 950px; /*Weite deines Forums*/
height: 230px; /*Wie hoch soll das Carousel werden*/
-webkit-box-sizing: border-box; /* nicht aendern*/
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stepcarousel .belt{
position: absolute; /*nicht aendern*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /* nicht ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ndern */
overflow: hidden; /*Soll zu langer Inhalt gescrollt werden, dann in auto ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ndern*/
margin: 10px; /*Abstand nach auÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸en*/
width: 950px; /*Weite deines Forums */
}

#head-box {
	height: 229px;
	text-align: justify;
	overflow: auto;
	
	font-family: 'Anaheim', sans-serif;
	font-size: 10pt;
}

#head-box1 {
    height: 229px;
    text-align: justify;
    overflow: auto;
    font-size: 10pt;
    font-family: 'Anaheim', sans-serif;
}


.pointcount{
font-family: 'Anaheim', sans-serif;
font-size:9pt;
color:eeeeee;
text-align:center;
width:100px;
}

.footer-td {
  background-image: url(/images/dancinginthedark/footer.png);
  width: 950px;
  height: 350px;
  text-align: center;
}

.userchange{
text-align:center;
font-size:11pt;
text-transform:uppercase;
word-spacing:3px;
line-height:120%;
height:15px;
padding:10px;
font-family:  'Anaheim', sans-serif;
}

/*
.headertable{
 opacity: 0.8;
    width: 100%;
    position: relative;
    top: -80px;
}

*/


.headbubble1{
background-image: url(/images/dancinginthedark/headtableback.png);
width:290px;
height: 200px;
font-family:  'Anaheim', sans-serif;
font-size:10pt;
text-align:justify;
padding:5px;
color:#5a4140;
}

.headbubble4{
width:280px;
height: 160px;
overflow: auto;
font-family: 'Anaheim', sans-serif;
font-size:10pt;
text-align:justify;
padding:5px;
color:#5a4140;
}

.headbubble2{
background-image: url(/images/dancinginthedark/headtableback.png);
width:450px;
height: 200px;
font-family:  'Anaheim', sans-serif;
font-size:10pt;
text-align:justify;
padding:5px;
color:#5a4140;
}

.headbubble3{
width:440px;
height: 160px;
overflow: auto;
font-family:  'Anaheim', sans-serif;
font-size:10pt;
text-align:justify;
padding:5px;
color:#5a4140;
}

.headhline1{
 font-size:26px;
font-family: 'Oswald', sans-serif;
text-align:center;
color:#c26244;
text-transform:uppercase;
display: block;
}

.headhline2 {
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #c26244;
    text-transform: uppercase;
	width: 900px;
}

.footersubhead {
    font-size: 13pt;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    letter-spacing: 2px;
    border-bottom: 1px solid #c26244;
    text-align: center;
    text-transform: uppercase;
	width: 225px;
}

.footersubtext{
font-family: 'Anaheim', sans-serif;
font-size:10pt;
color:#5a4140;
text-align:justify;
height:100px;
width: 215px;
overflow:auto;
padding:5px;
}

.footerstatsshort{
font-family: 'Anaheim', sans-serif;
font-size:9pt;
color:#5a4140;
text-align:center;
overflow:auto;
padding:5px;
}

.ontodayusername{
font-family: 'Anaheim', sans-serif;
	font-size:9pt;
	text-align: left;
}

.hrheadtext{font-family:  'Anaheim', sans-serif;
color:#5a4140;
font-size:11pt;
text-align:justify;
height:200px;
overflow:auto;
width: 623px;
padding:10px;
margin-left:15px;}

.hrheadtext2back{
height:230px; 
	width:300px;
}

.hrheadtext2{
height:220px; 
	width:300px; 
	overflow:auto; 
	font-family: 'Anaheim', sans-serif; 
	color:#5a4140; 
	font-size:11pt; 
	text-align:justify; 
	padding:5px;
}

.hrtext2ges{height: 169px;
width: 332px;
overflow:auto;
font-family:  'Anaheim', sans-serif;
color:#5a4140;
font-size:11pt;
padding:5px;}

.hrplottext{height: 193px;
width: 404px;
overflow:auto;
font-family:  'Anaheim', sans-serif;
color:#5a4140;
font-size:11pt;
padding:5px;}

.hrheadstats{
text-align: center;
}


.hrhead{
font-family: 'Oswald', sans-serif; 
font-size:24px; 
height:26px; 
border-bottom:2px solid #985c4b; 
color: #985c4b; 
text-align:center;
}

.hrtext2stats{height: 193px;
width:300px;
overflow:auto;
padding:5px;
font-family: 'Anaheim', sans-serif;
color:#5a4140;
font-size:11pt;}

.teamonlinehead{
font-family: 'Oswald', sans-serif; 
font-size:24px; 
height:26px; 
background-color: #302526;
color: #5a4140; 
text-align:center;
}

.teamonlinebox1{font-family: 'Anaheim', sans-serif;
color: #5a4140;
height: 80px;
overflow: auto;
padding: 10px;}


.birthday{background-color: #979999;
color: #88564e;}

.event{background-color: rgb(110, 84, 82, 0.4);
color: #5a4140;}

.birthevent{background-color: rgb(136, 86, 78, 0.3);
color: #5a4140;}

.scene{background-color: #5a4140;
color: #b4b8b6;}


/* Dropdown Button */
.dropbtn {
  background-color: #9d9b97;
  color: #985c4b;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  border: none;
  width:200px;
  }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #9d9b97;
  min-width: 160px;
  z-index: 1;  
  border-radius:1px;}

/* Links inside the dropdown */
.dropdown-content a {
 color: #e4e4e4;
 font-size:25px;
  text-decoration: none;
  display: block;
  border-radius:1px;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #88564e;
 color: #9d9b97;
   font-family: 'Oswald', sans-serif;
   font-size: 25px;
 }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;
background-color: #9d9b97;
 color: #e4e4e4;
font-family: 'Oswald', sans-serif;
   font-size: 25px;
 }

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {width: 200px;
background-color:#9d9b97;
border:1px solid #9d9b97;
 color: #e4e4e4;
font-family: 'Oswald', sans-serif;
   font-size: 25px;}