.headermenu{
 background-color: #dad9d0;
    width: 100%;
	padding: 10px;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    z-index: 12;
    line-height: 104%;}

.headermenu a{
	font-family: 'Big Shoulders Stencil';
	font-size: 20pt;
	width: 200px;
	display: inline-block;
}

.headermenu a:hover{
	font-family: 'Big Shoulders Stencil';
	
}


/* Dropdown Button */
.dropbtn {
  background-color: #dad9d0;
  color: #a71e44;
font-family: 'Big Shoulders Stencil';
  text-transform: uppercase;
  font-size: 20pt;
  border: none;
  width:250px;
}

/* 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: #dad9d0;
  width: 250px;
  z-index: 1;
  border-radius:1px;
}

/* Links inside the dropdown */
.dropdown-content a {
font-size:20pt;
	padding: 20px;
 color: #a71e44;
  text-decoration: none;
  display: block;
  border-radius:1px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
 color: #de6e7b;
font-family: 'Big Shoulders Stencil';
   font-size:20pt;
	background-color: #dad9d0;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
 color: #a71e44;
 font-size:20pt;
font-family: 'Big Shoulders Stencil';
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
width: 250px;
 color: #a71e44;
 font-size:20pt;
font-family: 'Big Shoulders Stencil';
	background-color: #dad9d0;
}

/* Tabs mit radio-Buttons */

.tabbed{
    margin-top: 127px;
    background-image: linear-gradient(180deg, #dad9d0c9, #dad9d0a8, #dad9d04f);
    border: 0px solid;
    height: 320px;
}

.tabbed figure {
	height: 286px;
	display: block;
	margin-left: 0;
	clear: both;
	width: 1200px;
}

.tabbed > input,
.tabbed figure > div {
 display: none;
}

.tabbed figure>div {
  width: 1200px;
  height: 283px;
  /* border: 1px solid; */
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4, 
#tab5:checked ~ figure .tab5 {
	display: block;
}

navhead label {
	width: 240px;
	height: 33px;
	text-align: center;
	font-family: 'Big Shoulders Stencil';
	font-size: 18pt;
	text-transform: uppercase;
	letter-spacing:-1px;
	float: left;
	color: #a71e44;
	border-bottom:1px solid #a71e44;
}

navhead label:nth-child(1) {
}

navhead label:hover {
 color: #de6e7b;
border-bottom:1px solid #de6e7b;
}

navhead label:active {
 color: #71001f;
border-bottom:1px solid #71001f;
}

#tab1:checked ~ navhead label[for="tab1"],
#tab2:checked ~ navhead label[for="tab2"],
#tab3:checked ~ navhead label[for="tab3"],
#tab4:checked ~ navhead label[for="tab4"],
#tab5:checked ~ navhead label[for="tab5"] {
/* width:433px; *//* background-color: #80493c; *//* color: #96948f; */position: relative;border-bottom: none;
}

#tab1:checked ~ navhead label[for="tab1"]:after,
#tab2:checked ~ navhead label[for="tab2"]:after,
#tab3:checked ~ navhead label[for="tab3"]:after,
#tab4:checked ~ navhead label[for="tab4"]:after,
#tab5:checked ~ navhead label[for="tab5"]:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
 color: #71001f;
border-bottom:1px solid #71001f;
}

.headerhead1{
	font-family: 'Big Shoulders Stencil';
	text-align:center;
	font-size: 20px;
	border-bottom: 1px solid #a71e44;
}



/*About us*/

.headerbox1{
	width: 760px;
	height: 274px;
	float:left;
	margin: 4px;
	}

.headertext1{
	font-family: 'Rajdhani';
	font-size:13pt;
	text-align:justify;
	width: auto;
	height: 222px;
	padding:10px;
	/* border: 1px solid; */
	overflow: auto;
}

/*Team*/
.headerbox2{width: 420px;height: 274px;float:left;margin: 4px;}

.headerteam2{
font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headerteambox1{
width: 560px;height: 282px;
}

.headerteamtext{
	font-family: 'Rajdhani';
	font-size:13pt;
	text-align:center;
	width: auto;
	height: 121px;
	overflow:auto;
	padding: 5px;
	/* border: 1px solid; */
}

.headteampic{
width:70px;
	height:70px;
	padding:2px;
	border:1px solid #a71e44;
}

.headteampic:hover{
border-radius:100px;
	border:1px solid #e2416d;
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

/*Housepoints, News & Plots*/
.headbox1{
	width: 590px;
	height: 274px;
	float:left;
	margin: 4px;
	/* overflow: auto; */
	/* border: 1px solid; */
}

.headbox2{
	width: 1197px;
	height: 282px;
	/* float:left; */
	margin: 0px 0px 0px 1px;
	/* overflow: auto; */
}

.headhpbox1{
	float:left;
	margin:1px;
	width: 155px;
	height: 135px;
	/* border:1px solid; */
}


.headnewsbox{
	width: auto;
	height: auto;
	/* border:1px solid; */
	float: left;
	margin: 4px;
}

.headnewsheadline1{
font-family: 'Big Shoulders Stencil';
	text-align:center;
	font-size: 20px;
	border-bottom: 1px solid #a71e44;
}

.headnewsheadline2{
	font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headnewstext{
	width: 674px;
	height: 230px;
	/* border:1px solid; */
	font-family: 'Rajdhani';
	font-size:13pt;
	overflow:auto;
	padding:5px;
	text-align: justify;
}

.headplotbox{
	width: 427px;
	height: 282px;
	/* border:1px solid; */
	float: left;
}

.headplotheadline1{
	font-family: 'Rajdhani';
	font-size: 16pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headplotheadline2{
	font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headplottext{
	width:auto;
	height: 234px;
	font-family: 'Rajdhani';
	font-size:13pt;
	overflow:auto;
	padding:5px;
	text-align: justify;
}

/*Calendar & Weather*/

.headbox3{
	width: 345px;
	height: 282px;
	float:left;
	margin:0px 1px 0px 0px;
}

.headbox4{
	width: 853px;
	height: 282px;
	float:left;
	margin: 0px 0px 0px 1px;
	/* border: 1px solid; */
}

.headipkalender{
	width: 395px;
	height:auto;
	float:left;
	margin:1px;
}

.headcalbox{
	height: 273px;
	overflow:auto;
	padding:5px;
}

.headcalheadline{
font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headweabox1{
	width: 283px;
	height: 282px;
	/* border:1px solid; */
	float: left;
	margin: 0px 1px 0px 0px;
}

.headweahead{
	font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	color: #a71e44;
	text-align:center;
}

.headweatext{
	width:auto;
	text-align:justify;
	height: 234px;
	/* border:1px solid; */
	font-family: 'Rajdhani';
	font-size:13pt;
	overflow:auto;
	padding:5px;
}

/*Wanted & Aufnahmestopps*/

.headbox5{
	width: auto;
	height: auto;
	margin:3px;
	float:left;
	/* border: 1px solid; */
}

.headstoppbox{
	width: 540px;
	height: 90px;
	/* border:1px solid #e2416d; */
	padding:4px;
	overflow:auto;
	text-align:justify;
	font-size:12pt;
}

.headwantedbox1{
	width: 549px;
	height: 119px;
	overflow: auto;
}

.headwantedbox2{
	width: 633px;
	height: 244px;
	overflow: auto;
}

.headwantedbox1 a{
	width: 43%;
	display:block;
	margin: 3px;
	padding: 2px 2px 2px 10px;
	border-left: 15px solid #a71e44;
	border-bottom: 1px solid #a71e44;
	border-top: 1px solid #a71e44;
	border-right: 1px solid #a71e44;
	float: left;
}

.headwantedbox1 a:hover{
	border-left:15px solid #a71e44;
	border-bottom:1px solid #a71e44;
	border-top:1px solid #a71e44;
	border-right:1px solid #a71e44;
}


.headwantedbox2 a{
	width: 89%%;
	display:block;
	margin: 3px;
	padding: 2px 2px 2px 10px;
	border-left:15px solid #a71e44;
	border-bottom:1px solid #a71e44;
	border-top:1px solid #a71e44;
	border-right:1px solid #a71e44;
}

.headwantedbox2 a:hover{
	border-left:15px solid #a71e44;
	border-bottom:1px solid #a71e44;
	border-top:1px solid #a71e44;
	border-right:1px solid #a71e44;
}



/*Crystalchat*/

.headcrystalchatbox{
	width:auto;
	height:auto;
	margin: 4px;
	float:left;
}

.headcrystalchathead{
	font-family: 'Rajdhani';
	font-size:13pt;
	border-bottom:1px solid #a71e44;
	text-align:center;
}

.headcrystalchattext{
	width: 482px;
	height: 174px;
	padding:5px;
	overflow:auto;
	/* border:1px solid #a71e44; */
	font-size:12pt;
}

.headcrystalchatlink{
	text-align:right;
}