/*       						           
colors
#C8D2F6
#ffd072
#FFBE00
 */
 
html, body {

font-family: verdana, arial, helvetica, sans-serif;
font-size:100%;}
/*
body {overflow-y:scroll;
	
	border:solid 0px #dddddd;
	margin: 0em auto;
	padding: 0em;
}
*/
#container {
/* für den geamten Inhalt: head, content, nav ... 
margin:0.2em 0.2em 0.2em 0.2em; 
background:#F1F0EB;
*/

	margin: 0em auto;
	padding: 0em ;
	max-width:76em;

} 
 
 
#mylist{
list-style-type: none;
width: 260px;
}

#mylist li{
margin: 1px;
padding: 10px;
width: 100px;
height: 10px;
border: 1px solid black;
background-color: #CCCCCC;
float: left;
}


ul#columnlist {
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;
margin-left:-2.8em;
margin-right:0.2em;
}
ul#columnlist li{
line-height: 2em;
display: block;
width:99%;
overflow:hidden;
}

.navy li {list-style-type: none; margin-bottom:0.7em; font-weight:bold;}


#boxlg img { width:100%; height:auto;}
#header { 
 
 min-height:7em;  }
/*
#container  {border:solid 2px #FF0000; }
#header  {border:solid 2px #00FF00; }
#content  {border:solid 2px #0000FF; }
#main {border:dashed 2px #00FFFF; }
#sidebar  {border:dashed 2px #00FF00; }
*/

.hsmall {font-size:88%;}
.ezitat {font-size:110%; line-height:1.6em;}
.zitatlk  {font-size:103%; line-height:1.5em; color:green;}
.ezitat h5 {margin:0.4em 0.2em 0.6em 0.1em;}

.right1  {text-align: right;}
.left  {text-align: left;}
#nav {   
text-align:center;
font-family:Tahoma,Arial,sans-serif;
width: 100%;

clear:both; }


#content {padding:0em 0em 0em 0em;  min-height:40em; margin-bottom:2em;margin-top:2em;}

#main { background: white; margin:0.0em 3.2em 2em 1.6em;}

#main { padding:0em 0.1em 0em 0.2em;}
#sidebar { background: white;  }

#foot {
	min-height: 18em;
	
}

.fett1 {font-weight:bold; color:#e57200;}
#content a::before {content: '» ';}
#content .bild-down a::before {content: '';}
.videoWrapper {

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:auto!important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 
a:visited {color: #444444; text-decoration: none; } 
 */
a:link {color: #333333;  text-decoration: none; font-weight: bold;}
a:hover {color:  #333333; text-decoration: none; background-color: #f4dc9a;}
a:visited {color: #666666; text-decoration: none; font-weight: normal;} 



.clear {clear: both;} 
/* .link1 a {color: #009000;}
 background-color: #dddddd;
 */
.text1 a:link {color: #009000; text-decoration: none; font-weight: bold; }
.text1 a:visited {color: #444444; text-decoration: none; font-weight: normal;} 
.text1 a:focus { text-decoration: none;}
.text1 a:active { text-decoration: none;} 
.text1 a:hover {color: #DD0000; text-decoration: none;}

img { border: 0; }

.radio { border: 0; background-color:#9BA7EE; }

body { 
	padding:5px;
	font-family:Verdana;
	font-size:0.94em;
	line-height:1.5em;
	background-color:#eee;
}

/* 
display:inline;
font-weight:bold;
*/
h1 { 
	color:black;
	font-size:1.2em;
	
}

h2 { 
	color:#ba4d00;
	font-size:1.2em;

}

h3 { 
	color:#662b02;
	font-size:1.1em;

}

h4 { 
	color:#662b02;
	font-size:1.0em;

}

input, select, textarea
{
	color: black;
	font-size: 12px;
	font-family: Verdana;
	border:1px solid black;
}


/*                
position:relative;   
overflow:hidden;
	left:17px;
	top:1px;
   					*/

.boxheader {
	

	width:100%;
	
	height:auto;
	line-height:2em;
	padding-right:0.1em;	
	padding-left:0.2em;	
	padding-top:0.1em;
	padding-bottom:0.2em;
	border:1px solid #ccc; 
	background-color:#FFBE00;	
	font-size:1em;
}

.box {
	margin-bottom:15px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#FFF6BE;
/* #f6fcb0 #F0F7FD  background-color:#F0F7FD*/	
}

.boximg {
	float:left;
	margin-right:5px;
	position:relative;
	top:1px;
}

.navitem {
	background-color:#FFE760;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	width:184px;
	display:block;
}

.navitem1 a:hover {
	display:block;
}

.red {
	color:#ff0000;
}

.hinweisbox
{
  position:relative;
	left:10px;
	right:0px;
	border:1px dashed black;
	background:RGB(255,255,204);
  padding-top:10px;
}

.hinweisboxinner
{
  border:4px transparent solid;
}

#content li  {margin-bottom:1.5em;}






/* von allpr */
.clear1 {margin-bottom:2em!important; list-style-type: none; line-height: 1.6em;}

.large1 {font-size:1.2em;}
.margin1 {margin-left:-1.5em;}
div#content .pbig9 { font-size:1.10em; margin:0.1em 0.1em 0.1em 0.1em; 
border:solid 2px #009900;
padding:0.4em 0.6em 0.4em 0.6em;
}
.wein1   {margin-bottom:2em!important;}

/* Breadcrumb */
.breadcrumb { color:#FFFFFF;}
.breadcrumb li {display:inline;  padding-right:0.1em;}
.breadcrumb a {color:#fcff4c;}
.breadcrumb li::after {
	content:"\25b6";

	color:#FFFFFF;
	padding:5px 1px 5px 20px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:1.5em;
}
.breadcrumb li:last-child::after {
	content:"";
}

.bclix a img {width:25px; height:25px; vertical-align:middle; padding-bottom:4px; margin-left:0.4em;}

 
.bcul  img:first-of-type {width:25px; height:25px; vertical-align:middle; padding-bottom:4px; margin-left:0.4em;}
.bca  {}



.large1 {font-weight:bold; font-size:110%; margin-bottom:1em;}

td, th {
   vertical-align: top; 
   text-align: left;
   font-size:88%;
}
th {   font-size:77%;}
td {
  padding-top: 0.3em;
  padding-bottom: 1.4em;
  padding-right:0.12em;
   padding-left:0.00em;
   margin: 0em 0em 0em 0em;
 }
.table1 th  {   font-size:98%; padding-bottom: 0.4em; padding-right:0.9em;}
.table1 td  {   font-size:98%; padding-bottom: 0.4em; padding-right:0.9em;}
.table1 {    width:99%;}

.mid   {text-align:center;}
#foot li {display: inline-block;}

div.bild-down img {float:left; margin:0.4em 2em 2em 0.4em;}


.tabxx {margin-left:0em; width:90%;}
.kuchen  td  {padding:0.6em 0.2em 0.0em 0.2em; border:none; font-size:0.9em; }
.kuchen td  a:before {content:" " " "!important;} /* ">>" Vor "a" innerhlab von p und "content" einfügen */

.kuchen table {  border:none; margin-left:2em; width:100%  }

.frame1   {margin: 0em 0em 0em -2em!IMPORTANT;}
#content .frame1 a:before {content: '';}



.mentop  {  font-size: 1.2em; color:blue; line-height:1.8em; margin-top:0.0em; margin-bottom:0.0em;}
.mentop a {   margin-left:0em;  min-height:2.0em;}
.mentop li {   min-height:2.6em; display:inline-block; margin-right:0.0em;}
.mentop ul {   display:block;}
.nav1 a::before {content: '» ';}




/*                      					*/
/*       anfang media screen     	        */
/*       						            */

@media (max-width: 38.438em) {
/* klein für phone senkrecht */

	#container {  margin:0em 0.0em 0.4em 0.0em; width:100%;}


.table2 th {   font-size:66%;}
.table2 td {
  padding-right:0.04em;
  font-size:75%;
 }

.table3 th {   font-size:55%;}
.table3 td {
  padding-right:0.01em;
  font-size:66%;
 } 
 
#main {  margin:0em 0em 0.8em 0em;}

#main p      {  font-size:110%;}
#main  li  {  font-size:107%;}
	.nav1 li  {
		display: inline-block;
		width: 99%;
		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav1 a {
		padding: 0.5em;		
	}


ul.nav1 a  {  font-size: 1.2em; line-height:1.4em; min-height:2.0em;}

#header h1 {  font-size: 1.1em; display:block; clear:both; color:#009000;}
.mentop  {  font-size: 0.9em; line-height:1.2em; margin-top:1.4em;}
.mentop a {   margin-left:1.4em; min-height:2.0em;}
.mentop li {   min-height:2.0em;}
ul.nav3  li { 
font-size: 0.9em;
display:block;
margin:1em 0em 2em 0.2em !important;
width: auto;
}
ul.nav5  li { 
font-size: 0.9em;
display:block;
margin:1em 0em 2em 0.2em !important;
width: auto;
}
div#content   p  {margin:0.2em 0.2em 0.6em 0.6em;}

.kuchen    {  font-size:0.8em; width:98%;}
.kuchen    {  margin-left:-1.7em!important; }

.tabxx {font-size:85%; width:106%;}

.kuchen1 table {  border:none; margin-left:4em; width:100%  }
}

@media (min-width:38.5em)  and (max-width: 49.938em) {


	#content { width:100%;
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
		-webkit-flex-direction: row; 
	flex-direction: row;	
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	}	
	#sidebar {
		-webkit-flex:2 0 22em;
		flex:2 0 22em;	
		-ms-flex: 2 0 22em;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	

	#main {
		-webkit-flex:5 0 30em;
		flex:5 0 30em;	
		-ms-flex: 5 0 30em;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;

	}
	#main { margin:0em 0.4em 0.6em 0.6em!important; width:30em;}	
#content { margin:0em!important; padding:0em!important; width:30em;}	

}	
	
@media screen and (min-width:50em) and (max-width: 74.938em) {
/* save
#sidebar	{  min-width:40em; } 
#sidebar2   	{  min-width:20em; } 
#main  		{  min-width:20em; } 
#contentx	{  max-width:72em; } 
*/
	#content {
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row; 
	flex-direction: row;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}	
	#main {
		-webkit-flex:4 0 22em;
		flex:4 0 22em;	
		-ms-flex: 4 0 22em;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	
	#sidebar {
		-webkit-flex:1 0 30em;
		flex:1 0 30em;	
		-ms-flex: 1 0 30em;
		-webkit-order:3;
		order:3;
		-ms-flex-order:3;

	}
	
	#sidebar2 {
		-webkit-flex:7 0 10em;
		flex:7 0 10em;
		-ms-flex: 7 0 10em;
		-webkit-order:7;
		order:7;
		-ms-flex-order:7;
	}
	#sidebar2   	h5 {  margin-top:6em; } 


	
}

@media screen and (min-width:75em) {
#foot { width:60em;}
#sidebar { min-width:18em; max-width:18em; width:18em;}
#sidebar2 { min-width:15em; max-width:15em; width:15em;}
	.nav1 a {
		display: block;
		width: auto;
	}
	
	body {margin:0px;	}
	
	#content {
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row; 
	flex-direction: row;		
	}
	
	#main {
		-webkit-flex:6;
		flex:6;	
		-ms-flex:6;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;

	}
	
	#sidebar {
		-webkit-flex:2;
		flex:2;	
		-ms-flex:2;
		-webkit-order:1;
		order:1;
		-ms-flex-order:1;

	}
	#sidebar2 {
		-webkit-flex:7;
		flex:7;
		-ms-flex: 7;
		-webkit-order:7;
		order:7;
		-ms-flex-order:7;
	}	

	
}

@media (min-width: 75em) {
/* 4 Spalten Hauptmenu*/

	.nav1 li {

		width: 24%;
		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

}