/* CSS Document */

/* Allgemeine nützliche Style-Angaben */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}


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


	/* Linkverhalten */

a:link {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	}


a:hover {
	font-family: "BrandonGrotesqueWeb-Bold"; 		
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	}


a:visited {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	}



.news-block a:link {
	color: rgba(177,158,145,1.00);
	text-decoration: none;
	}


.news-block a:hover {
	font-family: "BrandonGrotesqueWeb-Bold"; 		
	color: rgba(177,158,145,1.00);
	text-decoration: none;
	}


.news-block a:visited {
	color: rgba(177,158,145,1.00);
	text-decoration: none;
	}


.news-block a:active {
	color: rgba(177,158,145,1.00);
	text-decoration: none;
	}



	/* Linkverhalten im Footer */

.fpcg a:link {
	color: rgba(152,182,182,1.00);
	text-decoration: none;
	}


.fpcg a:hover {
	font-family: "BrandonGrotesqueWeb-Bold"; 
	color: rgba(152,182,182,1.00);
	text-decoration: none;
	}


.fpcg a:visited {
	color: rgba(152,182,182,1.00);
	text-decoration: none;
	}


.fpcg a:active {
	font-family: "BrandonGrotesqueWeb-Bold"; 	
	color: rgba(152,182,182,1.00);
	text-decoration: none;
	}


	/* Linkverhalten im Footer */

.fpcw a:link {
	color: rgba(255,254,254,1);
	text-decoration: none;
	}


.fpcw a:hover {
	font-family: "BrandonGrotesqueWeb-Bold"; 	
	color: rgba(255,254,254,1);
	text-decoration: none;
	}


.fpcw a:visited {
	color: rgba(255,254,254,1);
	text-decoration: none;
	}


.fl p a:active {
	font-family: "BrandonGrotesqueWeb-Bold"; 	
	color: rgba(255,254,254,1);
	text-decoration: none;
	}


	/* Linkverhalten beim totop */

#totop {
	height: 30px;
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 15px;
	}

#totop a:link {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	}


#totop a:hover {
	font-family: "BrandonGrotesqueWeb-Bold"; 		
	color: rgba(0,0,0,1.00);
	text-decoration: none;	
	}


#totop a:visited {
	color: rgba(0,0,0,1.00);
	text-decoration: none;	
	}


#totop a:active {
	font-family: "BrandonGrotesqueWeb-Bold"; 	
	color: rgba(0,0,0,1.00);
	text-decoration: none;	
	}


	/* margin */	
	
.mt10 {
	margin-top:10px;
	}
	
	
.mr10 {
	margin-right:10px;
	}
	
		
.ml10 {
	margin-left:10px;
	}
		
	
.mb10 {
	margin-bottom:10px;
	}




.mt20 {
	margin-top:20px;
	}
	
	
.mr20 {
	margin-right:20px;
	}
	
		
.ml20 {
	margin-left:20px;
	}
	
	
.mb20 {
	margin-bottom:20px;
	}
	



	
.mt25 {
	margin-top:25px;
	}
	
	
.mr25 {
	margin-right:25px;
	}
		
	
.ml25 {
	margin-left:25px;
	}
	
			
.mb25 {
	margin-bottom:25px;
	}



	/* padding */
		
	
.pt5 {
	padding-top:5px;
	}
	
	
.pr5 {
	padding-right:5px;
	}
	
	
.pl5 {
	padding-left:5px;
	}
	
	
.pb5 {
	padding-bottom:5px;
	}




.pt10 {
	padding-top:10px;
	}
	
	
.pr10 {
	padding-right:10px;
	}
	
	
.pl10 {
	padding-left:10px;
	}
	
	
.pb10 {
	padding-bottom:10px;
	}




.p20 {
	padding: 20px;
	}


.pb20 {
	padding-bottom:20px;
	}


.pt20 {
	padding-top:20px;
	}
	
	
.pr20 {
	padding-right:20px;
	}
	
	
.pl20 {
	padding-left:20px;
	}
	



.p25 {
	padding: 25px;
	}


.pb25 {
	padding-bottom:25px;
	}


.pt25 {
	padding-top:25px;
	}
	
	
.pr25 {
	padding-right:25px;
	}
	
	
.pl25 {
	padding-left:25px;
	}



.tp25 {
	padding: 25px;
	}


.tpb25 {
	padding-bottom:25px;
	}


.tpt25 {
	padding-top:25px;
	}
	
	
.tpr25 {
	padding-right:25px;
	}
	
	
.tpl25 {
	padding-left:25px;
	}
	

	

.p35 {
	padding: 35px;
	}


.pb35 {
	padding-bottom:35px;
	}


.pt35 {
	padding-top:35px;
	}
	
	
.pr35 {
	padding-right:35px;
	}
	
	
.pl35 {
	padding-left:35px;
	}




.p50 {
	padding: 50px;
	}


.pb50 {
	padding-bottom:50px;
	}


.pt50 {
	padding-top:50px;
	}
	
	
.pr50 {
	padding-right:50px;
	}
	
	
.pl50 {
	padding-left:50px;
	}




.p70 {
	padding: 70px;
	}


.pb70 {
	padding-bottom:70px;
	}


.pt70 {
	padding-top:70px;
	}
	
	
.pr70 {
	padding-right:70px;
	}
	
	
.pl70 {
	padding-left:70px;
	}



	/* width */

.w10 {
	width:10%;
	}

.w15 {
	width: 15%;
	}



.w25 {
	width: 24%;
	}


.w28 {
	width: 28%;
	}


.w45 {
	width: 45%;
	}


.w55 {
	width: 55%;
	}


.w65 {
	width: 65%;
	}


.w72 {
	width: 72%;
	}


.w75 {
	width: 75%;
	}


.w85 {
	width: 85%;
	}


.wfh {
	width: 600px;	
	}


	
	/* Allgemeine Dinge wie clear und float */
	
.cl {
	clear: left;
	}
	
	
.cr {
	clear: right;
	}
	
	
.cb {
	clear:both;
	}
	
	
	
.fl {
	float: left;
	}
	
	
.fr {
	float: right;
	}
	
	
.fn {
	float:none;
	}