/*       						           
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;
}
*/
body { 
	padding:5px;
	font-family:Verdana;
	font-size:0.9em;
	line-height:1.0em;
	background-color:#eee;
}

#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:70em;

}

#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: 3em;
display:  inline-block; /* block allein reicht nicht bei ungerader Anzahl*/
width:105%;  /*hpo */
font-size:90%;
overflow:hidden;
}
/*.navx  {margin:0.5em 0.3em 0.8em 0.3em; line-height:1.9em;}*/
.navx li {list-style-type: none; margin-bottom:0.7em; font-weight:normal; }
.navx a {list-style-type: none; margin-bottom:0.7em; font-weight:bold; color:#666666; }
#sidebar .navx a {list-style-type: none; margin-bottom:0.7em; font-weight:bold; color:#889999;}
.navz   { margin-left:0.1em; padding-left:0.1em; }
.navz li  {display:inline-block; padding-right:0.5em; margin-bottom:0.6em; font-size:140%; line-height:160%;}
.tag-cloud-link   {}

/*.navg  für links zu gedichte */
.navg li {list-style-type: none; margin-bottom:0.5em; font-weight:normal; }
.navg a {list-style-type: none; margin-bottom:0.5em; font-weight:normal; color:#666666; }
#sidebar .navg a {list-style-type: none; margin-bottom:0.5em; font-weight:normal; color:#889999;}
.navg a:link { text-decoration: none!important;}

.navy  { }


#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; }
*/


.preis  {margin-bottom:1em; }
 
#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:0em;

	font-size:1.17em;
	line-height:1.5em;
}

#main { background: white; margin:0em 5.2em 2em 1.6em;}

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

#foot {min-height: 18em;}
#foot li {margin-bottom:1.6em;}

.clear {clear: both;} 
#content a::before {content: '» ';}
a:link {color: #333333; text-decoration: none;}
a:visited {color: #444444; text-decoration: none;} 
a:active {color: #000000; text-decoration: none;} 
a:hover {color: #000000; text-decoration: none;}



.text1 a:link {color: #009900!important; text-decoration: none; font-weight: bold; }
.text1 a:visited {color: #444444; text-decoration: none; font-weight: normal;} 

.text2 a:focus { text-decoration: none;}
.text2 a:active { text-decoration: none;} 
.text1 a:hover {color: #DD0000; text-decoration: none;}

#autor1 a:link {color: #999999; text-decoration: underline;}
.navx a:link { text-decoration: none!important;}
img { border: 0; }

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



h1 { margin-top:0.8em;
	font-weight:bold;
	font-size:1.4em;

}

h2 { margin-top:0.8em;
	font-weight:bold;
	font-size:1.2em;

}

h3 { 
	font-weight:bold;
	font-size:0.9em;
	display:inline;
	
}

h4 { 
	font-weight:bold;
	font-size:0.9em;
	display:inline;
}

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


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

.boxheader {
	

	width:100%;
	
	height:2.2em;
	line-height:100%;
	padding-right:5px;	
	padding-left:5px;	
	padding-top:5px;
	border:1px solid #ccc; 
	background-color:#FFBE00;	
	font-size:1.0em;
}

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

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

.navitem {
	background-color:#FFE760;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;

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


/* Breadcrumb */
#brd1 {background-color:#f9ed04;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;border-bottom:1px solid #999; margin-bottom:15px;height:4em;}
.breadcrumb { color:#FFFFFF;}
.breadcrumb li {display:inline;  padding-right:0.1em;}
.breadcrumb a {color:#1111DD;}
.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:"";
}
@media (max-width: 38.438em) {
#brd1 {margin-bottom:0px;height:5em;}
.breadcrumb li::after {
	padding:2px 1px 2px 4px;
}
.breadcrumb  {height:3.8em!important;}
.bcul {margin:0em; padding:0em;}
} /* end media*/

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




#foot li {display: inline-block;}

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


/*       	html, body {font-size:100%;}					            */


	

#main {  margin:0em 0em 0.8em 0em;}

#main p      {  font-size:103%; }
#main  li  {  font-size:105%;}
	.nav1 li  {

		
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}
.mentop li {  font-size: 0.8em; min-height:1.0em;  margin-bottom:0.7em; display:inline-flex; min-width:11.8em; }
.mentop  {   line-height:1.4em;}
.nav1 a {line-height:0.9em; min-height:1.0em;}


.mentop ul {margin-left:0.1em;padding-left:0.1em;}
#header h1 {  font-size: 1.1em; display:block; clear:both;}

ul.nav1 a  {   }

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; line-height:1.6em;}

.navitem {   min-height:3.0em; font-weight:bold; margin-left:0.0em!important; padding-left:0.2em!important; padding-right:0.1em!important;}
.navitem span {font-size:0.85em; }
.navitem a {font-size:0.95em; }
.navitem li {line-height:1.0em!important; }
ul.columnlist li {line-height:1.2em; }
.columnlist {margin-left:-3em!important; }
}


.hsmall {font-size:88%;}
.ezitat {font-size:109%; line-height:1.5em;}
.zitatlk  {font-size:102%; line-height:1.5em; color:green; margin-bottom:1em;}

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


	#content { width:100%; font-size:90%!important;
	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:2 0 20em;
		flex:2 0 20em;
		-ms-flex: 2 0 20em;
		-webkit-order:2;
		order:2;
		-ms-flex-order:2;
	}
	#sidebar2   	h5 {  margin-top:6em; } 


	
}

@media screen and (min-width:75em) {
#foot { width:60em;}
#content {width: 108.4%;} /* hpo breite des text feldes*/
#sidebar { min-width:24.4em; max-width:24.4em; width:24.4em;}
	.nav1 a {

	}
	.nav1 li {


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

	}
	

	
}

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

	.nav1 li {

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

}