/* Kleine Monitore */
body { margin: 0; padding: 0; color: #000; font-size: 1.1em; line-height: 1.4em; font-family: Arial, Verdana, Helvetica, sans-serif;}
img { width: 100%; height: auto; }
.reframe { max-width: 100%; margin: 0 auto; }
#topline { background: #fff; font-size:0.2em; color: #fff; text-decoration: none; }
#topline p { margin: 0; padding:0 0 0 0; font-size: 0em; text-align: center; line-height: 100%; }


.index_info
 {
  font-size:0.5em;
  color: #fff;
  text-decoration: none;
  z-index: 500;
 }
 
.index_info2
 {
  font-size:1.1em;
  color: #fff;
  text-decoration: none;
  z-index: 500;
  padding-bottom: 20px;
 }
 
 
.index_info3
 {
  font-size:1.2em;
  color: #e53d3b;
  text-decoration: none;
  z-index: 500;
  padding-bottom: 20px;
 } 
 
 



ul#mainmenu 
 { 
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack:justify;
  justify-content: space-between;
  margin: auto;
  margin-left: -21px;
  list-style-type: none;
  max-width: 97%;
  text-align: center;
 }

	ul#mainmenu li 
	 {  
	  position: relative;
	  width: 100%;
	  font-size:1em;
	  background: #ef8007;
	  margin: 1px;
	  border: solid #fff 0px;
	 }
		
		ul#mainmenu li a 
		 { 
		  display:block;
		  font-size:1.1em; 
		  padding: 8px 6px; 
		  text-decoration: none; 
		  color: #fff; 
		  border: solid 1px #ef8007; 
		  background: transparent; 
		 }
			
			ul#mainmenu li:hover a 
			 { 
			  display:block; 
			  padding: 8px 6px; 
			  text-decoration: none; 
			  color: #fff; 
			  background: #0f7f6d; 
			  border: solid 1px #0f7f6d; 
			 }
			 
				ul#mainmenu ul li 
				 { 
				  width: 100%;
				  margin-top: 0; 
				  display: block; 
				  margin-bottom: 1px;
				 }
					
					ul#mainmenu li:hover ul 
					 { 
					  display: block;
					  background-color: transparent; 
					 }
						   
						ul#mainmenu ul 
						 { 
						  border-right: solid 1px #fff;
						  border-bottom: solid 0px #d6d6d6;
						  position: absolute; right:0; 
						  padding-left: 0; 
						  padding-top:1px; 
						  width: 100%; 
						  background-color: #000;
						  display: none; 
						  z-index:100; 
						 }


a.nav_link 
 {
  font-size:0.85em;
  color: #fff;
  text-decoration: none;
  z-index: 999;
 }

a.nav_link:hover
 {
  color: #afafaf;
 }
 
	a.nav_link2 
	 {
	  font-size:0.7em;
	  color: #fff;
	  text-decoration: none;
	  z-index: 999;
	 }
	
	a.nav_link2:hover
	 {
	  color: #ef8007;
	 }


.nav2 
 {
  font-size:0.7em;
  color: #fff;
  text-decoration: none;
  z-index: 999;
  line-height: 0.5em;
 }
 	   

li span 
{ 
  padding: 60px 6px;
  font-weight: bold;
  color: #404041;
}

a.lilink 
{
  color: #d6031c;
  font-weight: bold;
  text-decoration: none;
}

a.lilink:hover
{
  color: #000;
} 
      
   
#sidebar ul { list-style-type:none; padding-left: 1ex }
#sidebar ul ul { margin-top: 1em }
#sidebar li { margin-bottom: 1ex; border-bottom: 1px solid #d6d6d6}
#sidebar li li { border-bottom:none}

#start { font-size:0.7em; background: #ed7f06; color:#fff; padding: 0px; margin-bottom: 7px; text-align: center; cursor: pointer }
footer { background: #087f6d; height: 100%; color: #fff; padding-top:5px }

h1 
 {
  font-size:1.3em;
  color: #ef8007;
  text-decoration: none;
  z-index: 500;
 }

	h2 
	 {
	  font-size:1.2em;
	  color: #0f7f6d;
	  text-decoration: none;
	  z-index: 500;
	 }

		h3 
		 {
		  font-size:1.1em;
		  color: #d6031c;
		  text-decoration: none;
		  display: inline;
		  z-index: 500;
		 } 
		 
			h4 
			 {
			  font-size:1.1em;
			  color: #595959;
			  text-decoration: none;
			  z-index: 500;
			  display: inline;
			 } 		 
		 
				h5 
				 {
				  font-size:1em;
				  display: inline;
				  color: #d6031c;
				  text-decoration: none;
				  z-index: 500;
				 }
				 		 
					h6 
					 {
					  font-size:1em;
					  display: inline;
					  color: #404041;
					  text-decoration: none;
					  z-index: 500;
					 }
					 		 
						h7 
						 {
						  font-size:1em;
						  font-weight: bold;
						  display: block;
						  color: #000;
						  text-decoration: none;
						  z-index: 500;
						 }
						 
							h8 
							 {
							  font-size:1.2em;
							  padding-top: 10px;
							  padding-bottom: 10px;
							  font-weight: bold;
							  display: inline;
							  color: #404041;
							  text-decoration: none;
							  z-index: 500;
							 }
							 
							 
							 
.td1
{
border: 0px solid #000;
background: #d6031c; 
font-size:1em; 
color: #fff; 
font-weight: bold;
text-decoration: none;
padding: 2px;
}

	.td2
	{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size:1em; 
	color: #000; 
	text-decoration: none;
	padding: 2px;
	}							 
	
		.td3
		{
		border-bottom: 1px solid #000;
		font-size:1em; 
		color: #000; 
		text-decoration: none;
		padding: 2px;
		}							 
			
			.td4
			{
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			border-left: 1px solid #000;
			font-size:1em; 
			color: #d6031c; 
			font-weight: bold;
			text-decoration: none;
			padding: 2px;
			}							 						 					 	 
				
				.td5
				{
				border-bottom: 1px solid #000;
				background: #e3e3e3; 
				font-size:1em; 
				color: #d6031c; 
				font-weight: bold;
				text-decoration: none;
				padding: 2px;
				}

.fotodetail
 {
  font-size:0.85em;
  color: #000;
  text-decoration: none;
  z-index: 500;
 }
 
.error
 {
  font-size:0.85em;
  color: #d6031c;
  text-decoration: none;
  z-index: 500;
 } 
 

/* Tabletts */
@media only screen and (min-width: 760px) {
	#topline { background: #fff; font-size:0.2em; color: #fff; text-decoration: none; }
	.reframe { max-width: 760px; }
	
	ul#mainmenu { 
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	ul#mainmenu li { 
	width: 70%
	}
   
	#main {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
	}
	
	#content, #sidebar { width: 50%;}

	#content article { width: 100%; float:none; }
}

/* Mittlere Größe */
@media only screen and (min-width: 980px)  {
	#topline { background: #fff; font-size:0.2em; color: #fff; text-decoration: none; }
	.reframe { max-width: 980px; }
	#content{ width: 65% }
	#sidebar { width: 34% }
	
	#content {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#content article {
		width: 48%;
	}
	
	#content header {
		height:2.8em;
	}
}





/* Große Monitore */
@media only screen and (min-width: 1280px)  {
	#topline { background: #fff; font-size:0.2em; color: #fff; text-decoration: none; }
	.reframe { max-width: 1280px; }
	#content{ width: 65%; }
	#sidebar { width: 34% }
	
	#content article {
		width: 48%;
	}
	
	#content header {
		height:2.8em;
	}
}


hr 
 {
  border: none;
  border-bottom: 1px dotted #272727;
  color: #272727;
  height: 1px;
 }
    
a.link 
 {
  font-size:0.8em;
  color: #fff;
  text-decoration: none;
  z-index: 999;
 }
	
	a.link:hover
	 {
	  color: #ef8007;
	 }
 
a.link2
 {
  font-size:1em;
  color: #ef8007;
  text-decoration: none;
  z-index: 999;
 }
	
	a.link2:hover
	 {
	  color: #0f7f6d;
	 }
	 
a.link3
 {
  font-size:1em;
  color: #ef8007;
  text-decoration: none;
  z-index: 999;
 }
	
	a.link3:hover
	 {
	  color: #0f7f6d;
	 }	 

a.link4
 {
  font-size:1em;
  color: #d6031c;
  text-decoration: none;
  z-index: 999;
 }
	
	a.link4:hover
	 {
	  color: #000;
	 } 
	 
a.link5
 {
  font-size:0.75em;
  color: #d6031c;
  text-decoration: none;
  z-index: 999;
 }
	
	a.link5:hover
	 {
	  color: #000;
	 } 	 

a.link6 
 {
  font-size:1.2em;
  color: #fff;
  text-decoration: none;
  z-index: 999;
  background-color:#d6031c;
  padding: 15px;
 }

a.link6:hover
 {
  color: #d6031c;
  background-color:#d6d6d6;
 }  

	 

a.linkbutton
 {
  font-size:1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 20px;
  margin-top: 0px;
  z-index: 500;
  background-color: #d6031c;
  border: solid 1px #d6031c;
 } 
 
	a.linkbutton:hover
	 {
	  color: #d6031c;
	  background-color: #fff;
	  border: solid 1px #d6031c; 
	 }  
 
 

.inputtext 
 {   
  font-size:1em;
  color: #414141;
  padding-left: 2px;
  border: solid 1px #d6031c;
  background-color: #fff;
 }
     
.detail 
 {   
  font-size:0.8em;
  color: #006ca9;
  padding-left: 2px;
 }
 
 
#center 
{
 text-align: center;
}

#mittig 
{
 margin: 0px;
 font-family: Verdana, Arial, Helvetica,  sans-serif; 
}

.zentriert 
{ 
 font-family: meine_schrift, Verdana, Arial, Helvetica,  sans-serif;
 font-size: 80px;
 color: #fff;
 text-align:center;
 border: 0px solid #fff;
 margin-top: 40px;
 text-shadow: -1px 0 black, 0 4px black, 3px 0 black, 0 -1px black;
}

div.gallery 
{
    margin: 5px;
    border: 1px solid #fff;
    width: 70%;
}

div.gallery:hover 
{
    border: 1px solid #d6031c;
    width: 100%;
}

div.gallery img 
{
    width: 100%;
    height: auto;
}

div.desc 
{
    font-size: 0.7em;
    color: #000;
    background-color: #e1e1e1;
    padding: 5px;
    text-align: center;
}