* { 
	box-sizing: border-box; 
	margin:0;
}

html, body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	background-color:#666666;
}

.slicknav_menu {
	display:none;
}

#wrapper {
	background-color: white;
	width: 960px;
	margin: 0 auto;
/*	border: 1px solid silver;*/
}


#kopf{
  height:200px;
  width:100%;
  color:back;
  background-color:#EFEFEF;
/*  background-color: yellow;*/
}

#kopf img {
  float:right;
  border:0px solid white;
}

#kopf {
  text-align:center;
}

#kopf p {
	padding-top:30px;
	color:#9F0000;
	font-weight: bold;
}

#kopf b {
 	font-size:2em;
}

#kopf b a {
	color:#9F0000;
	text-decoration: none;
}


#steuerungoben {
  background-color:#901b35;
  color:white;
	margin-bottom: 2em;
	overflow: hidden;
}

#steuerungoben ul {
  list-style:none;
	padding-left: 0;
}

#steuerungoben li {
   float:left;
   margin-right:2px;
   width:150px;
   text-align:center;
	line-height: 1.8em;
/*
   height:23px;
   padding-top:6px;
*/
}

#steuerungoben a {
  color:white;
  text-decoration:none;
}

#steuerungoben a:hover {
  text-decoration:underline;
}

#steuerungoben .dsteuhigh {
  background-color:#333333;
}


article {
/*	background-color: yellow;*/
	margin: 0 0 1em 2em;
	width: 600px;
	float: left;
}

article h1 {
  padding-bottom:20px;
  color:#901b35;
}

article h2 {
	font-size: 1.2em;
  padding-bottom:20px;
  color:#4F4F4F;
  line-height:1.3em;
  /* width:80%; */
/*padding-top: 1em;*/
padding-bottom: 0;
}

article pre {
	background-color: #eee;
	padding: 1em 0.5em;
	margin-bottom: 2em;
	white-space: pre-wrap;
} 

article p {
  padding-bottom:20px;
/*  color:#4F4F4F;*/
  /* width:80%; */
  line-height:1.6em;
}

blockquote {
  padding-bottom:20px;
  color:#4F4F4F;
  /* width:80%; */
  line-height:1.4sem;
	font-size: 1.2em;
	text-shadow: 1px 1px 4px silver;
	font-style: italic;
}


article ul, ol {
  padding:0px 30px 20px 45px;
  color:#4F4F4F;
  /* width:80%; */
  line-height:1.6em;
}

article table {
  padding:0px 30px 20px 30px;
  border-spacing: 4px 12px;
}

article td {
  vertical-align:top;
  padding-bottom:14px;
}

.abbildung {
	width: 100%;
	background-color: silver;
	margin-bottom: 2em;
	padding: 0.3em 4px;
	border: 1px solid black;
	font-size: 0.9em;
	text-align: center;
}

.abbildung img {
	width: 100%;
}


#steuerung {
  background-color:#f6f6f6;
  width:250px;
  /*color:white; */
  border:1px solid black;
  float:right;

  padding-top:12px;
  padding-left:0px;
  padding-right:1em;
	
  margin-right:2em;
/*  margin-left:10px;*/
}

#steuerung a {
	color: black;
	text-decoration: none;
}

#steuerung a:hover {
	color: red;
	text-decoration: underline;
}


#steuerung .dsteu_hight > a {
	display: inline-block;
	width: 100%;
  text-decoration:none;
	background-color: yellow;
}

#steuerung ul {
  list-style:none;
  padding-left:1em;
  padding-right:0;
  margin-right:0;
}

#steuerung li:first-child {
/*	background-color: red !important;*/
	margin-top: 0.5em;
}

#steuerung li {
  padding-right:0;
  margin-right:0;
	padding-bottom: .8em;
	font-weight: bold;
}

#steuerung li li {
   list-style:square;
   font-size:0.9em;
	font-weight: normal;
}




#fuss {
	clear: both;
	background-color:#901b35;
	color:white;
	text-align:center;
	font-size:.8em;
	margin-top:3em;
	line-height: 2em;
}

#fuss a {
	color:white;
	text-decoration: none;
}

/*


article {
	width: 630px;
	float: right;
	margin: 0;
	line-height: 1.4em;
}

h1 {
	color: #db5a26;
}

h1, h2, h3 {
	margin-bottom: 6px;
	line-height: 1.3em;
}

h2 {
	font-size: 1.2em;
	margin-top: 2em;
	color: #007133;
}

h1 + h2 {
	margin-top: 0;
}

article p {
	margin-top: 0;
}

.merksatz {
	background: #eeeeee none repeat scroll 0 0;
    border-left: 6px solid #b4c6e0;		
	padding: 0 0.8em;
	
    display: block;
    font-family: monospace;
    line-height: 1.5em;
    margin-bottom: 1em;
    overflow: auto;
    position: relative;		
}

.spaltelinks {
	margin-bottom: 0;
	font-weight: bold;
}

#absendenbutton {
	background-color: green;
	font-size: 1.3em;
	color: white;
	font-weight: bold;
}

#felderklaerung {
	font-weight: bold;
	color: green;
}

.fehlermeldungformular {
	list-style-type: none;
	border: 2px solid red;
	font-weight: 1.4em;
	background-color: #eee;
	margin-right: 2em;
	padding: 1em 2em;
	font-size: 1.4em;
	box-shadow: 3px 3px 10px red;
}

#absendenbutton:hover {
	background-color: orange;
}

#steuerung {
	float: left; 
	background-color: limegreen;
	width: 240px;
}

.dsteu_hight > a {
	background-color: #666 !important;
	color: white !important;
}

.dsteu_hight > a:hover {
	text-decoration: none !important;
	background-color: #666 !important;
	color: white !important;
	cursor: default !important;
}


.dsteu___1 a { color: white !important; } 
.dsteu___2 a { color: white !important; } 
.dsteu___3 a { color: white !important; }

.dsteu___4 a { color: white !important; } 

.dsteu1 {  }
.dsteu2 { border-top:2px solid #999 !important; }
.dsteu3 { border-top:2px solid #999 !important; }
.dsteu4 { border-top:2px solid #999 !important; }
.dsteu5 { border-top:2px solid #999 !important; }
.dsteu6 { border-top:2px solid #999 !important; }
.dsteu7 { border-top:2px solid #999 !important; }
.dsteu8 { border-top:2px solid #999 !important; }
.dsteu9 { border-top:2px solid #999 !important; }
.dsteu10 { border-top:2px solid #999 !important; }
.dsteu11 { border-top:2px solid #999 !important; }
.dsteu12 { border-top:2px solid #999 !important; }
.dsteu13 { border-top:2px solid #999 !important; }
.dsteu14 { border-top:2px solid #999 !important; }
.dsteu15 { border-top:2px solid #999 !important; }



#videoanp {
    float: right;
    height: 190px;
    width: 176px;
    margin-right: 50px;
    text-align: center;
    font-size: 11px;
}

#videoanp img {
	padding-left: 13px; 
	padding-top: 10px;
}


#kopfmittig {
    text-align: center;
}




#steuerungoben {
  background-color:#99b2b7; 
  height:30px;
  width:100%;
  margin-bottom:2em;
  color:white;
}

#steuerungoben ul {
  list-style:none;
}

#steuerungoben li {
   float:left;
   margin-right:2px;
   width:150px;
   text-align:center;
   height:23px;

   padding-top:6px;
}

#steuerungoben a {
  color:white;
  text-decoration:none;
}

#steuerungoben a:hover {
  text-decoration:underline;
}


#steuerung {
	background-color: #ccc;
	border: 1px solid silver;
}

#steuerung ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#steuerung li {
	padding: 0.2em 0;
}

#steuerung a {
	padding: 0.4em 1em;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: black;
}

#steuerung a:hover {
	background-color: yellow;
	text-decoration: underline;
}


#steuerung ul ul li {
	list-style-type: square;
	margin-left: 2em;
	line-height: 1em;
}

article li {
	margin-bottom: 0.8em;
}

article img {
	max-width: 100%;
	height: auto;
	box-shadow: -3px -3px 10px silver, 3px -3px 10px silver;
}

.bildunterschrift {
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	display: block;
	background-color: #c7cbcf;
	margin-top: -6px;
	padding-top: 0;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	box-shadow: 3px 3px 20px black;
}

#formbestellen,
#formvideobestellen {
	background-color: #eee;
	padding: 1em;
}

#formbestellen textarea,
#formvideobestellen textarea {
	width: 100%;
}
*/

@media screen and (max-width: 960px) {
	#wrapper {
		width: 100%;
		margin: 0;
		border: 0px solid silver;
	 	overflow: hidden;
	}

	#kopf {
		height: 0em;
		min-width: 100%;
		width: 100%;
	}	

	#kopf p a,
	#kopf p {
		padding-top:30px;
		line-height: 3em;
		color:white;
		font-weight: bold;
	}

	#kopf p {
		font-weight: normal;
	}
	
	
	#logo,
	#videoanp {
		display:none;
	}
	
	
	#kopfmittig	{
		position: absolute;
		top: 4px;
		left: 10px;
		height: 3em;
		text-align: left;
		margin-right: 110px;
		color: white;
		text-shadow: 3px 3px 10px black;
	}
	
	#kopfmittig a {
		color: white;
	}
	
	#kopfmittig p {
		margin: 0;
		padding: 0;
		display: inline;
		padding-right: 1em;
		
	}
	#kopfmittig b {
		font-size: 1em;
		font-weight: bold;
	}
	

	article {
		width: 94%;
		float: none;
		margin: 0 auto;
	}
	
	article img {
		max-width: 100%;
		height: auto;
	}
	
	
	#fussvtext {
		padding-top: 1em;
		float: none;
		background-color: transparent;
	}
	#fusstext {
		margin-left: 0px;
		padding-top: 26px;
		padding-left: 0px;
		padding-right: 1em;
		margin-left: 109px;
		background-color: transparent;
	}


	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

	.js #steuerung {
		display:none;
	}

}










table {
	border-collapse: collapse;
	box-shadow: 5px 5px 15px 0px #cccccc;
} 

thead th {
	background-color: black !important;
	color: white !important;
}

th, 
td {
	padding: 4px 10px;
	
}

table tr:nth-of-type(odd),
#main tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}

table tr:nth-of-type(even),
#main tr:nth-of-type(even) {
    background-color: #d1d1d1;
}

table tr:last-child ,
#main tr:last-child  {
    border-bottom: 1px solid black;
}


table tr:hover,
#main tr:hover { 
    background:yellow;
}








#blaettern {
	clear: both;
	margin-bottom: 2em;
}

#nav_unten {
    margin-top: 20px;
    border-top : 1px solid silver ;
    padding-top: 20px;
}

#nav_unten_zurueck {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
	border: 10px solid #EFEFEF;
    border-right: dotted 1px silver;
    float: left;
}

#nav_unten_zurueck span+span {
    display: block;
    margin-left: 22px;
}

#nav_unten_zurueck_pfeil {
    display: block;
    float: left;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_zurueck {
    background-color: #DBDBDB;
}

a:hover #nav_unten_zurueck_pfeil {
    background-position: 0px -30px;
}


#nav_unten_weiter {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
	border: 10px solid #EFEFEF;
    border-left: dotted 1px silver;
    float: right;
}

#nav_unten_weiter span+span {
    display: block;
    text-align: right;
    margin-right: 22px;
}

#nav_unten_weiter_pfeil {
    display: block;
    float: right;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: -32px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_weiter {
    background-color: #DBDBDB;
}

a:hover #nav_unten_weiter_pfeil {
    background-position: -32px -30px;
}

#nav_unten_anfang {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 16px;
    height:19px;
	
		border: 10px solid white;

}

#nav_unten_anfang_pfeil {
    display: block;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_anfang_pfeil {
    background-position: -16px -30px;
}

kbd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eeeeee;
    border-color: #dddddd #bbbbbb #bbbbbb #dddddd;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0.2em;
    font-size: 0.9em;
    padding: 0 0.4em;
    white-space: nowrap;
}



*/





/* Cookie Consent CSS mit K2 Anpassungen */
.cc_banner-wrapper{z-index:9001;position:relative}
.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cc_container .cc_message{font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container .cc_btn{font-size:1em}
 .cc_container .cc_message{font-size:1em;line-height:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

@media print{
 .cc_banner-wrapper,.cc_container{display:none}
}

.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;background-color:black;
  cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px}
.cc_container .cc_message{-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{margin-top:0.5em;font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container{padding:15px 30px 15px}
 .cc_container .cc_btn{font-size:1em;padding:8px 15px}
 .cc_container .cc_message{font-size:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

.cc_container{background:#eee;background:black;background-color:hsla(0, 0%, 0%, 0.7);color:#222;color:white;opacity:0.96;font-size:17px;font-family:Arial,sans-serif;box-sizing:border-box;border-top:1px solid #ccc}
.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}
.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;background-color:limegreen;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}
.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;-webkit-transition:200ms color;transition:200ms color}
.cc_container a:hover,.cc_container a:active{color:#555}

@-webkit-keyframes slideUp{
 0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes slideUp{
 0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}