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




/* Typo formatieren*/



.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
   
.mailadresse {
    text-color:white;
}



.bgblau {



     border-width:14px;
  border-style:solid;
  border-color:white;
}  
  


.bgblack {
   background-color: #383838;
} 
.bgweiss {
   background-color: white;
}  

.bghellblau {
   background-color: #b1eded;
}  
.kasteninfo {
   background-color: #fce8a6;
     border-width:1px;
  border-style:solid;
  border-color: #b99931;
    		padding: 10px;
} 

.kastenweiss {
   background-color: white;
     border-width:1px;
  border-style:solid;
  border-color: #c0c0c0;
    		padding: 3px;
} 






	
.naviwhite {
font-size:18px;
color: white;
font-family: 'muli', sans-serif;
font-style:bold;
line-height: 2;
}


.timfischerhead {
font-size:25px;
color:#36d9d9;
font-family: 'Leckerli One', cursive;
font-style:normal;
}
.timfischersubhead {
font-size:20px;
color:#36d9d9;
font-family: 'Leckerli One', cursive;
font-style:normal;
}

.timfischerfliess {
font-size:15px;
color:#818282;
font-family: 'muli';
font-style:normal;
  		padding-right: 10px;
}
.timfischerklein {
font-size:12px;
color:#818282;
font-family: 'muli';
font-style:normal;
  		padding-right: 10px;
}

.timfischerorange {
font-size:15px;
color:#cc9b00;
font-family: 'muli';
font-style:bold;
}

/* TYPO Footer */


.footerhead {
font-size:16px;
color:white;
font-family: 'Alegreya Sans';
font-style:normal;
}

.footerfliess {
font-size:14px;
color:white;
font-family: 'Alegreya Sans';
font-style:normal;
}





/* Elemente platzieren */
#rundrum {

}

.tablecenter {
    margin-left: auto;
    margin-right: auto;
    width: 6em
	}

.mycontent-left {
		 
  vertical-align:central;
  border-right: 0px solid #818282;
  border-width:0px;
  border-color:#818282;
    padding-right:30px;
	text-align: center;


}



.zenter {

text-align: center;
}

.unten {

text-align: bottom;
}


.topsite {
line-height: 4;
text-align: right;
}
.topsite2 {
text-align: right;
}

.top-buffer { margin-top:10px; }

hr { background-color: #bcbcbc; height: 1px; border: 0; }



.amussfooter{
background-color: #5d96a7;}

/* nette Rollover CSS3 Animationen */
.zentriert {
text-align:right;

}

	
		h1,h2,h3,h4{
		padding: 0px;
		margin: 0px;
	}

	.caption-style-1{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style-1 li{
		float:left;
		padding: 40px;
		position:relative;
		overflow: hidden;
	}

	.caption-style-1 li:hover .caption{
		opacity: 1;

	}


	.caption-style-1 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
	}


	.caption-style-1 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;

	}
	.caption-style-1 .blur{
		background-color: rgba(0,0,0,0.65);
		height: 160px;
		width: 290px;
		z-index: 5;
		position: absolute;
	}

	.caption-style-1 .caption-text h1{
		text-transform: uppercase;
		font-size: 24px;
	}
	.caption-style-1 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 300px;

		text-align: center;
		top:60px;}
		
		
		/* cooles Scaling des Logos */		


/* cooles Scaling des Logos */		

/* cooles Scaling des Logos */		


.classnamee {
transition:All 600ms ease;
-webkit-transition:All 600ms ease;
-moz-transition:All 200ms ease;
-o-transition:All 600ms ease;
transform:  rotate(4deg) scale(1)  translate(10px);
-webkit-transform:  rotate(4deg) scale(1)  translate(10px);
-moz-transform:  rotate(0deg) scale(1)  translate(10px);
-o-transform:  rotate(4deg) scale(1)  translate(10px);
-ms-transform:  rotate(4deg) scale(1)  translate(10px);}
.classnamee:hover{
transform:  rotate(0deg) scale(1.1)  translate(0px);
-webkit-transform:  rotate(0deg) scale(1.1)  translate(0px);
-moz-transform:  rotate(0deg) scale(1.4)  translate(0px);
-o-transform:  rotate(0deg) scale(1.1)  translate(0px);
-ms-transform:  rotate(0deg) scale(1.1)  translate(0px);}