.headteam {
width: 80px; 
	height:80px;
	border: 1px solid #3081a6;
	padding: 3px;
}

.headteam:hover{
width: 80px; 
	height:80px;
	border: 1px solid #97adb8;
	padding: 3px;
    border-radius: 100px;
    opacity:0.5;
}

/* Tabs mit radio-Buttons */
.tabbed figure {
 height: 250px;
 display: block;
 margin-left: 0;
 clear: both;
 width: 1200px;
}

.tabbed > input,
.tabbed figure > div {
 display: none;
}

.tabbed figure>div {
  width: 1200px;
  height:240px;
  background: #c8caca;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3 {
 display: block;
}

nav label {
 width: 400px;
 text-align: center;
 height: 35px;
 font-family: 'Playfair Display', serif;
 font-size: 16pt;
 letter-spacing:-1px;
 float: left;
 background-color:#165c9b;
 color: #d8d6cb;
 }

nav label:nth-child(1) {
}

nav label:hover {
 background-color: #3081a6;
}

nav label:active {
 background: #3081a6;
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"] {
 background-color: #3081a6;
 color: #d8d6cb;
 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{
  content: "";
  display: block;
  position: absolute;
  left: 0;
}



#userlinks {
    opacity: 1;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    background-color: #dbdad3;
    z-index: 12;
    padding:5px;
}

#userlinks a {
    font-family: 'Playfair Display', serif;
    font-size: 18pt;
    padding: 4px 10px;
    color: #3081a6;
	letter-spacing:2px;
	word-spacing:4px;
	width: 200px;
}

#userlinks a:hover {
color: #dbdad3;
background-color:#3081a6;
 font-family: 'Playfair Display', serif;
padding: 4px 10px;
letter-spacing:2px;
word-spacing:4px;
}


.headhline1{
 font-size:26pt;
 font-family: 'Playfair Display', serif;
text-align:center;
color:#3081a6;
text-transform:uppercase;
display: block;
}

.headhline2 {
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    text-align: center;
    color: #3081a6;
    text-transform: uppercase;
	width: 900px;
}


.ontodayusername{
font-family: 'Roboto Condensed', sans-serif;
	font-size:9pt;
	text-align: left;
}

.mareheadtext{
	font-family: 'Roboto Condensed', sans-serif;
	color:#002755;
	font-size:11pt;
	text-align:	justify;
	height:200px;
	overflow:auto;
	width: 428px;
	padding: 5px;
	margin-left:15px;
	}

.marehead{  font-family: 'Playfair Display', serif;
font-size: 16pt;
text-align:center;
border-bottom: 2px solid #3081a6;
color: #3081a6;
text-transform: uppercase;
}

.mareboxweather{width: 365px;height:200px;overflow: auto;}

.marehead2{font-family: 'Playfair Display', serif;
font-size: 13pt;
text-align:center;
border-bottom: 2px solid #3081a6;
color: #3081a6;}

.mareweathertext{
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 11pt;
 width: 280px;
 height:190px;
 padding: 5px;
 overflow:auto;
 text-align:justify;
}

.headnews{
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 11pt;
 width: 350px;
 height:190px;
 padding: 5px;
 overflow:auto;
 text-align:justify;
 }


.mareheadtext2back{
height:230px; 
	width:300px;
}

.mareheadtext2{
height:220px; 
	width:300px; 
	overflow:auto; 
	font-family: 'Roboto Condensed', sans-serif;
	color:#002755; 
	font-size:11pt; 
	text-align:justify; 
	padding:5px;
}

.maretext2ges{
	height: 180px;
	width: 385px;
	overflow:auto;
	font-family: 'Roboto Condensed', sans-serif;
	color:#002755;
	font-size:11pt;
	padding:5px;
	}

.maretext2ges li{
 list-style:none;
 background-color: #d0d3d3;
 color: #c8caca;
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 10pt;
 border-left: 20px solid #165c9b;
 border-right: 1px solid #d0d3d3;
 border-top: 1px solid #d0d3d3;
 border-bottom: 1px solid #d0d3d3;
 margin: 1px;
 padding-left: 5px;}

.maretext2ges a{
color: #c8caca;
}

.maretext2ges li:hover{
background-color: #3081a6;
color: #c8caca;
font-family: 'Roboto Condensed', sans-serif;
font-size: 10pt;
border-left: 20px solid #165c9b;
border-right:1px solid #d0d3d3;
border-top:1px solid #d0d3d3;
border-bottom:1px solid #d0d3d3;
text-decoration: none;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.maretext2ges a:hover{
color: #c8caca;
}

.mareplothead{ font-family: 'Playfair Display', serif;
font-size: 16pt;
text-align:center;
border-bottom: 2px solid #3081a6;
color: #3081a6;
text-transform: uppercase;}

.marenewshead{ font-family: 'Playfair Display', serif;
font-size: 12pt;
text-align:center;
border-bottom: 2px solid #3081a6;
color: #3081a6;}

.mareplottext{
 height:152px;
 width: 500px;
 overflow:auto;
 font-family: 'Roboto Condensed', sans-serif;
 color:#002755;
 font-size:11pt;
 padding:5px;
 }

.mareheadstats{
text-align: center;
}

.maretext2stats{
height:180px; 
width:300px; 
overflow:auto; 
padding:5px; 
font-family: 'Roboto Condensed', sans-serif;
color:#002755; 
font-size:11pt;
overflow: auto;
}

.teamonlinehead{
 font-family: 'Playfair Display', serif;
font-size:24px; 
height:26px; 
border-bottom: 2px solid #3081a6;
color: #3081a6; 
text-align:center;
}

.teamonlinebox1{
 font-family: 'Roboto Condensed', sans-serif;
 color: #002755;
 height: 80px;
 width: 350px;
 overflow: auto;
 padding: 5px;
 }


.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;}


/*Wetter*/


/* tabweathers mit radio-Buttons */
.tabweatherbed figure {
 height: 152px;
 display: block;
 margin-left: 0;
 clear: both;
 width: 355px;
}

.tabweatherbed > input,
.tabweatherbed figure > div {
 display: none;
}

.tabweatherbed figure>div {
  width: 350px;
  height: 149px;
  background: #d4d7d7;
  padding: 5px;
}

#tabweather1:checked ~ figure .tabweather1,
#tabweather2:checked ~ figure .tabweather2,
#tabweather3:checked ~ figure .tabweather3 {
 display: block;
}

navweather label {
 width: 120px;
 text-align: center;
 height: 20px;
 font-family: 'Playfair Display', serif;
 font-size: 12px;
 letter-spacing:-1px;
 float: left;
 background-color:#165c9b;
 color: #d8d6cb;
 }

navweather label:nth-child(1) {
}

navweather label:hover {
 background-color: #3081a6;
}

navweather label:active {
 background: #3081a6;
}

#tabweather1:checked ~ navweather label[for="tabweather1"],
#tabweather2:checked ~ navweather label[for="tabweather2"],
#tabweather3:checked ~ navweather label[for="tabweather3"] {
 background-color: #3081a6;
 color: #d8d6cb;
 position: relative;
 border-bottom: none;}

#tabweather1:checked ~ navweather label[for="tabweather1"]:after,
#tabweather2:checked ~ navweather label[for="tabweather2"]:after,
#tabweather3:checked ~ navweather label[for="tabweather3"]:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
}


/* Dropdown Button */
.dropbtn {
  background-color: #dbdad3;
  color: #3081a6;
   font-family: 'Playfair Display', serif;
  font-size: 18pt;
   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: #dcdcce;
  min-width: 200px;
  z-index: 1;  
  border-radius:1px;}

/* Links inside the dropdown */
.dropdown-content a {
 color: #3081a6;
  text-decoration: none;
  display: block;
  border-radius:1px;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  font-family: 'Playfair Display', serif;
 }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;
background-color: #dbdad3;
 color: #3081a6;
  font-family: 'Playfair Display', serif;
 }

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {width: 200px;
background-color:#dbdad3;
border:1px solid #dbdad3;
border-radius:1px;
 color: #3081a6;
 font-family: 'Playfair Display', serif; }