/* 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: 96%; margin: 0 auto; }
#topline { black: white; color: white; }
#topline p { margin: 0; padding:0 0 26px 0; font-size: 0.0em; text-align: center; line-height: 100%; }


#body
{
background: #050401; 
}






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-left: 0; 
	margin-top: 0; 
	padding-left: 0; 
	list-style-type: none}

ul#mainmenu li { 
	position: relative;
	width: 100%;
	font-size:1.1em;
	color: #fff;
	background: #7b7b7b; 
	margin-right: 2px; 
	margin-bottom:1ex;
	text-align: center;
	 }

ul#mainmenu li a { 
   display:block; padding: 8px; text-decoration: none; color: #fff;}

ul#mainmenu li:hover a { 
   display:block; padding: 4px; text-decoration: none; color: #fff; background: #af0d22;}  
 
   
   
ul#mainmenu ul li { 
   background: none; margin-top: 1px; display: block; margin-bottom: 1px; font-size: 0.85em;}

ul#mainmenu li:hover ul 
   { 
   display: block; 
   }
   
ul#mainmenu ul { 
   background: rgba(255,255,255,0.8); 
   border-right: solid 1px #d6d6d6;
   border-bottom: solid 1px #d6d6d6;
   position: absolute; right:0; padding-left: 0; width: 100%; 
   display: none;
   z-index:100; }
   


	li span 
	{ 
	  padding: 60px 6px;
	  font-weight: bold;
	  color: #404041;
	}
	
	a.lilink 
	{
	  font-size: 12px;
	  color: #1c9157;
	  font-weight: bold;
	  text-decoration: none;
	}
	
	a.lilink:hover
	{
	  color: #1c9157;
	} 
   
.slogan 
 {   
  font-size:1.1em;
  color: #fff;
  padding: 8px 190px 8px 10px;
  background-color: #af0d22;
  margin-right: 1px; 
  margin-left: 10px;  
  margin-bottom:1ex;
 }   
  
   
#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}

#home { background: #7b7b7b; color:#fff; padding: 1px; text-align: center; font-weight: bold; cursor: pointer; border-bottom: 1px solid #fff; }
footer { background: #af0d22; height: 120px; color: #fff; padding-top:5px }

h1 
 {
  font-size:1.2em;
  color: #a70016;
  text-decoration: none;
  display: inline;
  z-index: 500;
 }

	h2 
	 {
	  font-size:1.1em;
	  color: #717171;
	  text-decoration: none;
	  display: inline;
	  z-index: 500;
	 }

		h3 
		 {
		  font-size:1em;
		  color: #1b1b1b;
		  text-decoration: none;
		  display: inline;
		  z-index: 500;
		 } 
		 
			h4 
			 {
			  font-size:1em;
			  color: #a70016;
			  text-decoration: none;
			  display: inline;
			  z-index: 500;
			 } 		 
		 
				h5 
				 {
				  font-size:1em;
				  color: #717171;
				  text-decoration: none;
				  display: inline;
				  z-index: 500;
				 }
			 
					h6 
					 {
					  font-size:1em;
					  color: #717171;
					  font-style:italic;
					  text-decoration: none;
					  display: inline;
					  z-index: 500;
					 }				 
				 
						h7 
						 {
						  font-size:0.9em;
						  color: #000;
						  font-weight: bold;
						  font-style:italic;
						  text-decoration: none;
						  z-index: 500;
						  display: inline;
						 }  
				 
							h8 
							 {
							  font-size:1em;
							  color: #a70016;
							  font-style:italic;
							  text-decoration: none;
							  z-index: 500;
							  display: inline;
							 } 
						  
								h9 
								 {
								  font-size:0.8em;
								  color: #717171;
								  text-decoration: none;
								  z-index: 500;
								  display: inline;
								  line-height: 5px;
								 }
								  
									h10
									 {
									  font-size:0.8em;
									  color: #a70016;
									  text-decoration: none;
									  z-index: 500;
									  display: inline;
									  line-height: 5px;
									 }  						 

/* Tabletts */
@media only screen and (min-width: 760px) {
	#topline { background: #af0d22; font-size:0.6em; 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: 100%
	border-left: 1px solid #fff;
	padding-left: 1px;
	}
   
	#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: 47%;}

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

/* Mittlere Größe */
@media only screen and (min-width: 980px)  {
	#topline { background: #af0d22; font-size:0.6em; color: #fff; text-decoration: none; }
	.reframe { max-width: 980px; }
	#content{ width: 65% }
	#sidebar { width: 30% }
	
	#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: #af0d22; font-size:0.6em; color: #fff; text-decoration: none; }
	.reframe { max-width: 1280px; }
	#content{ width: 65% }
	#sidebar { width: 25% }
	
	#content article {
		width: 48%;
	}
	
	#content header {
		height:2.8em;
	}
}

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

a.nav_link:hover
 {
  color: #afafaf;
 }
 
 

hr 
 {
  border: none;
  border-bottom: 1px dotted #272727;
  color: #272727;
  height: 1px;
 }
    
a.link 
 {
  font-size:1em;
  color: #a70016;
  text-decoration: none;
  z-index: 999;
 }

a.link:hover
 {
  color: #666666;
 }
 
a.link2
 {
  font-size:1em;
  color: #a70016;
  text-decoration: none;
  z-index: 999;
 }

a.link2:hover
 {
  color: #666666;
 }
 

.arrow {
	border: 6px solid #fff;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
}
.arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}
.arrow.left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}


.inputtext 
 {   
  font-size:1em;
  color: #000;
  padding-left: 2px;
  border: solid 1px #7b7b7b;
  background-color: #fff;
 }
 
 
#button_link1
 {
  width: 120px;
  max-height: 30px;
  font-size: 10px;
  text-decoration: none; 
  border: 0px solid #0000ff;
  margin: 0px;
  padding: 0px;
 } 
    #button_link1 a
     {
       width: 111px;
       max-height: 30px;
       font-size: 10px;
       color: #1b1b1b;
       text-decoration: none;
       padding: 15px 2px;
       border: solid 0px #e5e5e5; 
       margin: 0px;
       background-image:url(../bilder/hg_button01.png); background-repeat:no-repeat;
     }

    #button_link1 a:hover
     {
      background-image:url(../bilder/hg_button02.png); background-repeat:no-repeat;
     } 

    
#button_link2
 {
  width: 120px;
  max-height: 30px;
  font-size: 10px;
  text-decoration: none; 
  border: 0px solid #00ff00;
  margin: 0px;
  padding: 0px;
 } 

    #button_link2 a
     {
      width: 111px;
      max-height: 30px;
      font-size: 10px;
      color: #1b1b1b;
      text-decoration: none;
      padding: 15px 2px;
      border: solid 0px #e5e5e5; 
      margin: 0px;
      background-image:url(../bilder/hg_button03.png); background-repeat:no-repeat;
     }
    
    #button_link2 a:hover
     {
      background-image:url(../bilder/hg_button04.png); background-repeat:no-repeat;
     } 
     


.blind 
 {   
  font-size:0.45em;
  line-height:0.8em;
  color: #e3e3e3;
  padding-left: 2px;
 }     



.index_info
 { 
  font-size: 0.6em; 
  color: #fff; 
  font-family: Arial, Verdana, Helvetica;
 }
	
	a.index_info 
	{
	  color: #fff;
	  text-decoration: none;
	}
	
	a.index_info:hover
	{
	  color: #b0b0b0;
	}      

.index_info2
 { 
  font-size: 1em; 
  color: #fff; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica;
 }