@charset "utf-8";
/* CSS Document */


body {font-family: Arial, Helvetica, sans-serif;
	  background: #FFF;
	  margin-left: 0px;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
      cursor:default;
	  background-image:url(backpat.png);
	  background-attachment:fixed;}
	  
h1 {font-size:3.5em; font-family:Gadget, "Arial Black", sans-serif; color:#FFF; 			
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);  margin-bottom:5px;}
	  
.klein {font-size:medium;
		text-decoration:none;
		font-style:italic; color:#000;}
		
#Bannerinnen {border:none;
		      width:80%;
		      margin:auto;
			  padding:2%;
              box-shadow: 10px 10px 10px 0px rgba(50, 50, 50, 0.5);
		      background:#F0F0F0;
		      color:#333;
		      border-radius: 0px 0px 10px 10px;
		      border-color:#000;
			  text-align:center;
			  background-image:url(color.jpg);
			  background-size:cover;}


#Bilderinnen {border:none;
		      width:80%;
		      margin:auto;
		      margin-top:50px;
			  padding:2%;
              box-shadow: 10px 10px 10px 0px rgba(50, 50, 50, 0.5);
		      background:#F0F0F0;
		      color:#333;
		      border-radius: 10px;
		      border-color:#000;
			  text-align:center;}
			  

#Dateiinnen {border:none;
		      width:80%;
		      margin:auto;
		      margin-top:50px;
			  padding:30px;
              box-shadow: 10px 10px 10px 0px rgba(50, 50, 50, 0.5);
		      background:#F0F0F0;
		      color:#333;
		      border-radius: 10px;
		      border-color:#000;}

table {margin:auto;
	   border:thin solid #666;
	   border-spacing:0;}

th, td {padding: 10px;
		text-align: left;
		border-bottom: 1px solid #ddd;
		font-weight:normal;}

.sortieremich:hover {cursor:pointer;}

tr:nth-child(even){background-color:#FFF}

tr:hover {background-color:#FF9; color:black;}
		
.bild {padding:20px;}


 
.tooltip {position: relative;
		  display: inline-block;
		  white-space:nowrap;
		  text-wrap:none;
		  border:dotted thin #F0F0F0;
		  text-align:left;}



.tooltip .tooltiptext {
    visibility: hidden;
    background-color:#FFF;
	border:medium groove #000;	
    color: #fff;
    border-radius: 6px;
    padding: 20px;
	color:#000;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;}

.tooltip:hover {border:dotted thin #000;}

.tooltip:hover .tooltiptext {
    visibility: visible;}

ul {list-style:outside;
	list-style-position:outside;}
	

.ueschrift {font-size:20px;
			font-weight:bold;}


.dateienschrift {font-size:20px;
				 font-weight:bold;
				 margin-right:60px;}


.inlink, .inlink:link, .inlink:focus, .inlink:active {
	 text-decoration:none;
	 font-size:20px;
	 color:#000;
	 border: thin solid #999;
	 border-radius:3px;
	 padding:5px; background-color:#F0F0F0; white-space: nowrap;
     margin-top:0.3em; margin-bottom:0.3em;
     display: inline-block;}

.inlink:hover {
	 color:#FFF;
	 background:#666;
	 border: thin solid #000;}

/* ABSCHLUSS */

#imressdiv {width:100%; 
            text-align:right;
            bottom:0;  
            position:fixed; 
			z-index:6;}
			
#impresstextdiv {background-color:#3C4D3F; 
                 color:#FFF; 
                 padding:0.5em;
                 font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
                 font-size:medium;
                 padding-right:2em; 
                 padding-left:2em;
                 text-align:right;
                 display:inline-block;
                 border-radius:10px 0px 0px 0px;}
				 
/* Innerhalb eines Textes, z. B. im Impressum */ 
.inlinelink, .inlinelink:link, .inlinelink:visited {color:inherit; border-bottom:1px dashed #CCCCCC; text-decoration:none;}
.inlinelink:hover, .inlinelink:active, .inlinelink:focus {border-bottom:1px solid #999; transition:all 1s;}


@media (max-width: 900px) {
	
	#Bannerinnen {width:100%;
			  padding:1%;
              box-shadow: none;
		      border-radius: 0px 0px 0px 0px;
			  border:none;
			  margin-bottom:0px;}
			  

#Dateiinnen {border:none;
		      width:100%;
		      margin-top:0px;
			  padding:1%;
              box-shadow: none;
		      border-radius: 0px 0px 0px 0px;}
	
	
}