*,*::before, *::after{
	box-sizing:border-box;
}

div.kopf{
	display:grid;
	grid-template-columns:1fr 4fr;
	grid-template-areas: "ta_logo navi";
	background-color: #DD4422;
	vertical-align:middle;
}

div.ta_logo{
	grid-area:ta_logo;
	margin:1em;
}

div.navi{
	grid-area:navi;
	margin: 1em;
	padding: 0;
	background-color: #FFCC88;
}

a.navi{
	text-decoration:none;
	font-size:1.5em;
	color:#DD4422;
	padding: 10 10;
	margin: 10 10;
	border: 0px solid darkblue;
	border-radius:5px;
}

a.navi:hover, a.bw:hover{
	background-color: #FFAA77;
}

a.navi:active{
	color: #e6bf63;
	background-color: #DD4422;
}

a.bw{
	background-color: orange;
}

h1,h2,h3{
	color:#DD4422;
}

hr{
	color:#DD4422;
	border:3px solid;
	margin:1em;
}

.inhaltsblock{
	display:grid;
	width: 100%;
	background-color: #FFCC88;
	text-align: center;
	vertical-align:middle;
}

.inhaltsblock2{
	width: 100%;
	background-color: #FFCC88;
	text-align: center;
	vertical-align:middle;
	display:box;
}

.ir{
	grid-template-columns:1fr 3fr;
	grid-template-areas: "boxk boxg";
}

.il{
	grid-template-columns:3fr 1fr ;
	grid-template-areas: "boxg boxk";
}

.im{
	justify-content:center;
	padding-top:3em;
}

.block{
	text-align:left;
	box-shadow: 3px 3px;
	border-radius:10px;
	border-style:solid;
	border-width:2;
	margin:2em;
	padding:3em;
	font-size: 1em;
	}
	
.block2{
	text-align:center;
	box-shadow: 3px 3px;
	border-radius:10px;
	border-style:solid;
	border-width:2;
	font-size: 1em;
	margin:1.5em;
	padding: 2em 0 0 0;
	}

.block3{
	text-align:center;
	box-shadow: 3px 3px;
	border-radius:10px;
	border-style:solid;
	border-width:2;
	font-size: 1em;
	margin:1.5em;
	padding: 2em 0 0 0;
	background-color: #FFAA77;
	}

.block4{
	text-align:center;
	box-shadow: 3px 3px;
	border-radius:10px;
	border-style:solid;
	border-width:2;
	font-size: 1em;
	margin:1.5em;
	padding: 2em 0 0 0;
	background-color: #FFEEEE;
	justify-content:center;
	}

.platz{
	margin:2em;
}

.text{
	grid-area:boxg;
	background-color: #FFEEEE;
}

.bild {
	grid-area:boxk;
	background-color: #FFAA77;
}

.parallax{
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: 100%;
}

.solobild{
	border-radius:10px;
	border-style:solid;
	border-width:0;
}

.p1 {
	background-image: url("images/higru1.jpg");	
}

.p2 {
	background-image: url("images/higru2.jpg");
}

.p3 {
	background-image: url("images/higru3.jpg");
}

.p4 {
	background-image: url("images/higru4.jpg");
}

.p5 {
	background-image: url("images/higru5.jpg");
}
	
.sorpf{
	width: 30px;
	height: 30px;
}

table.lieder {
	border: 2px solid;
	border-radius:10px;
	margin: 5px;
	padding: 5px;
}

table.stimmen, th.stimmen, tr.stimmen{
	border: 2px solid darkred;
	border-radius:5px;
	margin: 10px;
	padding: 10px;
	text-align:center;
}


td.lieditem {
	margin: 10px;
	padding: 10px;
	}

tr.farbe1 {
	font-size: 18;
	background: white;
}

tr.farbe0 {
	font-size: 18;
	background: lightgrey;
}

tr.warnfarbe {
	font-size: 18;
	background: orange;
}

a.elied {
	text-decoration:none;
	color: black;
}

a.elied:hover{color: blue;}

td.weiter {
	width: 33%;
	text-align: right;
	border: none;
	margin:5px;
	padding:10px;
}

td.vor {
	width: 33%;
	text-align: left;
	border: none;
	margin:5px;
	padding:10px;
}

td.titel {
	width: 33%;
	border: 1px solid blue;
	font-size: 20px;
	text-decoration: bold;
	border-radius:10px;
}

table.none {
	width: 100%;
	border: bottom, top;
	text-align:center;
}

.sortier {text-align:center;}

label.elied{ 
	padding: 3px 10px;
	background-color: #FFCC88;
	color: darkred;
	border-radius: 5px;
	border: 1px solid darkred;
	min-width:10%;
	}

input.eln{
	display:none;
	margin:5px;
	padding:5px;
	cursor:help;}
	
input.eln:disabled+label{
	background-color:silver;
	color: black;
	}
input.eln:hover+label{
	background-color:orange;
	color: darkblue;
	}

input.eln:checked+label{
	background-color:#FFEEEE;
	color: black;
	}
		
#tab1:checked~#inhalt1,
#tab2:checked~#inhalt2,
#tab3:checked~#inhalt3,
#tab4:checked~#inhalt4,
#tab5:checked~#inhalt5,
#tab6:checked~#inhalt6,
#tab7:checked~#inhalt7{
	display:block;
	}

.navsec{
	width:60%;
	height:600px;
	justify-content:center;
	}
	
.tab-inhalt{
	display:none;
	text-align:left;
	box-shadow: 3px 3px;
	border-radius:10px;
	border-style:solid;
	border-width:2;
	font-size: 1em;
	margin:10px;
	padding: 10px;
	min-width: 40%;
	min-height:300px;
	background-color: #FFEEEE;
	}

ul.elied{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
.lang {
	min-height:500px
	}
	
a.noten, a.mixer{
	text-decoration:none;
	font-size:1em;
	color:#DD4422;
	padding: 10 10;
	margin: 10 10;
}

a.noten:hover, a.mixer:hover{
	color: darkblue;
	}