@charset "UTF-8";



    /*###################################################################################################
    // floats
    //###################################################################################################*/

	.FloatContainer{
    	float:none;
     	overflow: auto;
    }

    .LinkeAbteil{
    	float: left;
 	}
	
	.RechteAbteil{
    	float: right;
 	}	
	
	.FloatContainerEnde{
	   clear: both;
	}
	


    
    .floatRechts{
    	float: right;
    }
    
    
    
    /*--------------------------------------*/
    .RahmenGr {
    	padding: 10px 30px 10px 30px;
    	margin: 5px;
    	background-color: white;
    	border: 1px solid lightgray;
    }
 
    .LinkerBlock{
	   margin: 0 0 10px 0;
	   padding: 0 10px 0px 10px;
	   border: 1px solid lightgray;

	}
     
  	.InhaltRechteAbteil{
  		padding: 0 10px 10px 10px;
  		overflow: auto; 		
 	}
    
    
    
    /*###################################################################################################
    // buttons
    //###################################################################################################*/
    
    .btn_std{
    	background-color: #403524;
    	color: LightGray;
    	padding: 5px 20px 5px 20px;    
	    text-decoration: none;
	    text-align: center;
	    /*display: inline;
		font-weight: bold;*/
		font-size: 1em;
		overflow: hidden;
		border: none;
  		cursor: pointer;
    }
    
    .btn_std:hover {
    	background: linear-gradient(#665439, gray, #403524); /*linear-gradient(#820000, #400000);*/
    	color: white;
}

    /*###################################################################################################
    // Tabelle
    //###################################################################################################*/

    .td_std, .td_std_ns, .th_std {
      text-align: left;
      padding: 8px;
      font-size: 0.75em;
      max-width: 300px;
    }
    

    
    .tr_std:nth-child(even) {
        background-color: #f2f2f2;
    }
    
    .tr_std:hover {
        background-color: #2f2f2f;
        color: white;
        cursor: pointer;
    }
    
    .th_std{
        background-color: #403524;
        color: white;
    }
    
    .th_std:hover{
        cursor: default;
        }
    
    
    /* Nicht selektierbar  */
    .tr_std_ns:nth-child(even) {
        background-color: #f2f2f2;
    }
    
    .th_std_ns:hover{
        cursor: default;
        }
    
    
    
        
    /*###################################################################################################
    // squareLink
    //###################################################################################################*/
    
    
    .squareLink_std{
        float: left;
        padding: 0; 
        margin: 0 3% 30px 0;
        background: linear-gradient(45deg,#E6D5BC, #D9CEBD);
	    box-shadow: 5px 5px 5px darkgray;	
	    color: black;
	    width:30%;
	    min-width: 300px;
	    transition: box-shadow 2s ease-in-out, transform 2s;	 
    }
   
    .squareLink_std:first-child{
        margin: 0 3%x 30px 0px;
    }
      
   
   .squareLink_std:hover{
	    transform: scale(1.05, 1.05);   
	    box-shadow: 25px 25px 25px darkgray; 
   }
   
   .squareLink_Text_std{
        padding: 20px;
        text-align: center;
   }
   
   	.squareLink_InnerTitel_std{
	   padding: 0 0 10px 0;
	}
    
    
    /*###################################################################################################
    // width
    //###################################################################################################*/
    
    
    .width_10{
    	width: 10%;
 	}
    .width_20{
    	width: 20%;
 	}
    .width_30{
    	width: 30%;
 	}
    .width_40{
    	width: 40%;
 	}
    .width_50{
    	width: 50%;
 	}
    .width_60{
    	width: 60%;
 	}
    .width_70{
    	width: 70%;
 	}
    .width_75{
    	width: 75%;
 	}
    .width_80{
    	width: 80%;
 	}
    .width_90{
    	width: 90%;
 	}
    .width_100{
    	width: 100%;
 	}
 
 
    .width_15{
    	width: 15%;
 	}
    .width_25{
    	width: 25%;
 	}
    .width_35{
    	width: 35%;
 	}
    .width_45{
    	width: 45%;
 	}
    .width_55{
    	width: 55%;
 	}
    .width_65{
    	width: 65%;
 	}
    .width_75{
    	width: 75%;
 	}
    .width_85{
    	width: 85%;
 	}
    .width_95{
    	width: 95%;
 	}
    .width_5{
    	width: 50%;
 	}
   	
 	
 	/*###################################################################################################
    // hr
    //###################################################################################################*/
 	
 	.hr_std{
    	border: 1px dotted lightgray;
    }
 	
 	
 	.link_std{
 		color:gray;
 	}