/**************************************/
  /*         CSS3 DOCUMENT				*/
 /*	   Copyright by © 2014 ThemeArts   */
/**************************************/



/*===============================================================
					S I M P L E   R E S E T 
===============================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0 none;
	box-shadow:none;
	border-radius:0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* end Reset */

/*=====================================================================
				C O L O R :   D E F I N A T I O N S
=====================================================================*/
.color-1		{ color:#fff; 		}	/* white									*/
.color-2		{ color:#AE0101;	}	/* Rot								*/
.color-3 		{ color:#fff; 		}	/* Überschrift h1							*/
.color-4		{ color:#4da588; 	}	/* komplementär zu Slider red.jpg			*/
.color-5		{ color:#656461; 	}	/* 											*/
.color-6		{ color:#C4FFFF; 	}	/* 											*/
.color-7		{ color:#a7391f;	}	/* passendes helleres pendant zu red.jpg	*/

.text-shadow 	{text-shadow: 5px 5px 10px #a7391f; }
.text-shadow-2 	{text-shadow: 5px 5px 20px #a7391f; }

/*=====================================================================
					F O N T :   W E I G H T
=====================================================================*/
.x-light 	{ font-weight: 300; }
.light 		{ font-weight: 500; }
.heavy 		{ font-weight: 800; }
.x-heavy 	{ font-weight: 900; }

.font-1		{ font-size:1em; }
.font-15	{ font-size:1.5em; }
.font-2		{ font-size:2em; }
.font-25	{ font-size:2.5em; }
.font-3		{ font-size:3em; }
.font-35	{ font-size:3.5em; }
.font-4		{ font-size:4em; }


/*=====================================================================
				  T E X T   D E C O R A T I O N
=====================================================================*/

/********************************/
/*	 		  Aligns			*/
/********************************/
.v-top 		{ vertical-align:top; }
.v-bottom 	{ vertical-align:baseline;}
.v-middle 	{ vertical-align:middle;}

/********************************/
/*			TEXT ALIGN 			*/
/********************************/
.alignCenter 	{ text-align:center;	}
.alignLeft	 	{ text-align:left; 		}
.alignRight	  	{ text-align:right; 	}
.alignJustify 	{ text-align:justify; 	}

/********************************/
/*	 		POSITION			*/
/********************************/
.floatRight	{ float:right; }
.floatLeft	{ float:left; }
.clearBoth	{ clear:both; }
.margAuto	{ margin:auto;}

/****************************************/
/*	 	TEXT DECORATION	& List Styles	*/
/****************************************/
.p-bold 			{ font-weight:bold; }
.p-italic 		{ font-style:italic; }
.p-none			{ text-decoration:none; }
.p-und			{ text-decoration:underline;}
.p-light		{ font-weight:100; }
.p-middle		{ font-weight:500; }
.p-bold			{ font-weight:800; }
.p-shadow-L1	{ text-shadow:5px 5px 10px #888;}
.p-shadow-L2	{ text-shadow:5px 5px 8px #666; }
.p-shadow-1		{ text-shadow:5px 5px 5px #666; }
.p-shadow-2		{ text-shadow:5px 5px 8px #000; }
.p-shadow-3		{ text-shadow:5px 5px 5px #000; }
.p-shiny		{ text-shadow: -6px 0px 12px rgba(200, 200, 200, 1); }
.list-none		{ list-style-type:none; }

/****************************************/
/*	 	Transparenz - Opacity			*/
/****************************************/
.op-2			{ opacity:.2; }
.op-5			{ opacity:.5; }
.op-7			{ opacity:.7; }
.op-10			{ opacity:1; }		


/********************************/
/*	BOX & BORDER - DECORATION	*/
/********************************/
.border-1-b		{ border:1px solid #000; }
.border-2-b		{ border:2px solid #000; }
.border-3-b		{ border:3px solid #000; }
.border-1-w		{ border:1px solid #fff; }
.border-2-w		{ border:2px solid #fff; }
.border-3-w		{ border:3px solid #fff; }
.border-1-g		{ border:1px solid #444; }
.border-2-g		{ border:2px solid #444; }
.border-3-g		{ border:3px solid #444; }
.box-shadow-L 	{ box-shadow:5px 5px 8px #666; }
.box-shadow-1 	{ box-shadow:5px 5px 5px #666; }
.box-shadow-2	{ box-shadow:5px 5px 8px #000; }
.box-shadow-3	{ box-shadow:5px 5px 5px #000; }
.box-shiny 		{ box-shadow: -6px 0px 12px rgba(200, 200, 200, 1); }

.circle	{ 
	-webkit-border-radius:100%;
	-khtml-border-radius:100%; 
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.box-rounded-1 { 
	-webkit-border-radius:10%;
	-khtml-border-radius:10%; 
	-moz-border-radius:10%;
	-o-border-radius:10%;
}

.box-rounded-2 { border-radius:20%; }
.box-rounded-3 { border-radius:30%; }
.box-rounded-4 { border-radius:35%; }


/********************************/
/*			Verläufe			*/
/********************************/
.flow-grey {
	background-image: -webkit-linear-gradient(lightGrey 0%, #000 100%); 
	background-image: -moz-linear-gradient(lightGrey 0%, #000 100%); 
	background-image: -o-linear-gradient(lightGrey 0%, #000 100%); 
	background-image: linear-gradient(lightGrey 0%, #000 100%); 
}

/********************************/
/*		Magic Box Shadow 		*/
/********************************/	
.magic-shadow {
	-moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
	-webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
	box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
}	

/********************************/
/*	 		FONT SIZE			*/
/********************************/
.p-little 	{ font-size:1em; }
.p-medium	{ font-size:1.2em; }
.p-large	{ font-size:1.3em; }

/********************************/
/*	 		Line HEIGHT			*/
/********************************/
.l-h-little 	{ line-height:.9em; }
.l-h-medium	{ line-height:1.1em; }
.l-h-large	{ line-height:1.3em; }

.lineHeight-01	{ line-height:.1em; }
.lineHeight-03	{ line-height:.3em; }
.lineHeight-05	{ line-height:.5em; }
.lineHeight-06 	{ line-height:.6em; }
.lineHeight-07 	{ line-height:.7em; }
.lineHeight-08	{ line-height:.8em; }
.lineHeight-09	{ line-height:.9em; }
.lineHeight-10 	{ line-height:1.0em; }
.lineHeight-11 	{ line-height:1.1em; }
.lineHeight-12 	{ line-height:1.2em; }
.lineHeight-13 	{ line-height:1.3em; }
.lineHeight-14 	{ line-height:1.4em; }
.lineHeight-15 	{ line-height:1.5em; }
.lineHeight-16 	{ line-height:1.6em; }
.lineHeight-17 	{ line-height:1.7em; }
.lineHeight-18 	{ line-height:1.8em; }
.lineHeight-20 	{ line-height:2.0em; }

/********************************/
/*			BASTEILEIEN			*/
/********************************/
/* Kapitälchen */
.kapit {
	position:relative; 
	text-align:center; 
	vertical-align:top; 
	color:white; 
	font-size:2.2em; 
	padding-top:20px;
	width:65px; 
	height:65px; 
	display:inline-block;
	background-color:#C61819;
	margin-right:10px;
	float:left;
}

/********************************/
/*		WIDTH - & RESPONSIV		*/
/********************************/
.w-200 { max-width:200px;	}
.w-250 { max-width:250px; 	}
.w-320 { max-width:340px; 	}
.w-350 { max-width:340px; 	}
.w-420 { max-width:420px;	}
.w-600 { max-width:600px; 	}
.w-620 { max-width:620px; 	}
.w-650 { max-width:650px; 	}
.w-700 { max-width:700px; 	}
.w-720 { max-width:720px;	}
.w-760 { max-width:760px; 	}
.w-820 { max-width:820px; 	}
.w-45x { max-width:45%; 		}
.w-49x { max-width:49%; 		}
.w-50x { max-width:50%;	 	}
.w-85x { max-width:85%; 	 	}
.w-90x { max-width:90%; 	 	}
.w-95x { max-width:95%; 	 	}
.w-96x { max-width:96%; 	 	}
.w-97x { max-width:97%; 	 	}
.w-98x { max-width:98%; 	 	}
.w-99x { max-width:99%; 	 	}
.w-full { width:100%; 	 	}


/********************************/
/*			 WIDTH				*/
/********************************/
.width-10	{ width:10px; }
.width-20	{ width:20px; }
.width-30	{ width:30px; }
.width-40	{ width:40px; }
.width-50	{ width:50px; }
.width-60	{ width:60px; }
.width-61	{ width:61px; }
.width-62	{ width:62px; }
.width-65	{ width:65px; }
.width-70	{ width:70px; }
.width-80	{ width:80px; }
.width-90	{ width:90px; }
.width-100	{ width:100px; }
.width-110	{ width:110px; }
.width-120	{ width:120px; }
.width-130	{ width:130px; }
.width-140	{ width:140px; }
.width-150	{ width:150px; }
.width-160	{ width:160px; }
.width-170	{ width:170px; }
.width-180	{ width:180px; }
.width-200	{ width:200px; }
.width-250	{ width:250px; }
.width-300	{ width:300px; }
.width-350	{ width:350px; }
.width-400	{ width:400px; }
.width-450	{ width:450px; }
.width-500	{ width:500px; }
.width-550	{ width:550px; }
.width-600	{ width:600px; }
.width-620	{ width:620px; }
.width-680	{ width:680px; }
.width-700	{ width:700px; }
.width-740	{ width:740px; }
.width-800	{ width:800px; }
.width-900	{ width:900px; }
.width-1000	{ width:1000px; }

/********************************/
/*			HEIGHT				*/
/********************************/
.height-10	{ height:10px; }
.height-20	{ height:20px; }
.height-30	{ height:30px; }
.height-40	{ height:40px; }
.height-50	{ height:50px; }
.height-60	{ height:60px; }
.height-70	{ height:70px; }
.height-80	{ height:80px; }
.height-90	{ height:90px; }
.height-100	{ height:100px; }
.height-110	{ height:110px; }
.height-120	{ height:120px; }
.height-130	{ height:130px; }
.height-140	{ height:140px; }
.height-150	{ height:150px; }
.height-160	{ height:160px; }
.height-170	{ height:170px; }
.height-180	{ height:180px; }
.height-200	{ height:200px; }
.height-250	{ height:250px; }
.height-300	{ height:300px; }
.height-350	{ height:350px; }
.height-400 	{ height:400px; }
.height-450	{ height:450px; }
.height-500	{ height:500px; }
.height-600	{ height:600px; }
.height-700	{ height:700px; }
.height-800	{ height:800px; }
.height-900	{ height:900px; }

/********************************/
/*			PADDINGS 			*/
/********************************/
/************* padding margin ****************/
.pad5			{ padding:5px; }
.pad10			{ padding:10px; }
.pad15			{ padding:15px; }
.pad20			{ padding:20px; }
.pad30			{ padding:30px; }
.pad40			{ padding:40px; }
.pad50			{ padding:50px; }
.pad60			{ padding:60px; }
.pad70			{ padding:70px; }
.pad80			{ padding:80px; }
.pad90			{ padding:90px; }
.pad100			{ padding:100px; }
.pad150			{ padding:150px; }
.pad200			{ padding:200px; }
.marg5			{ padding:5px; }
.marg10			{ padding:10px; }
.marg15			{ padding:15px; }
.marg20			{ padding:20px; }
.marg30			{ padding:30px; }
.marg40			{ padding:40px; }
.marg50			{ padding:50px; }

/************* top ****************/
.pad-top-1		{ padding-top:1px; }
.pad-top-2		{ padding-top:2px; }
.pad-top-3		{ padding-top:3px; }
.pad-top-4		{ padding-top:4px; }
.pad-top-5		{ padding-top:5px; }
.pad-top-6		{ padding-top:6px; }
.pad-top-7		{ padding-top:7px; }
.pad-top-8		{ padding-top:8px; }
.pad-top-9		{ padding-top:9px; }
.pad-top-10 		{ padding-top:10px; }
.pad-top-15 		{ padding-top:15px; }
.pad-top-20	 	{ padding-top:20px; }
.pad-top-30 		{ padding-top:30px; }
.pad-top-35 		{ padding-top:35px; }
.pad-top-40 		{ padding-top:40px; }
.pad-top-50 		{ padding-top:50px; }
.pad-top-60 		{ padding-top:60px; }
.pad-top-70 		{ padding-top:70px; }
.pad-top-80 		{ padding-top:80px; }
.pad-top-90 		{ padding-top:90px; }
.pad-top-100 	{ padding-top:100px; }
.pad-top-110 	{ padding-top:110px; }
.pad-top-120 	{ padding-top:120px; }
.pad-top-130 	{ padding-top:130px; }
.pad-top-140 	{ padding-top:140px; }
.pad-top-150 	{ padding-top:150px; }

/************* bottom ****************/
.pad-bottom-1	{ padding-bottom:1px; }
.pad-bottom-2	{ padding-bottom:2px; }
.pad-bottom-3	{ padding-bottom:3px; }
.pad-bottom-4	{ padding-bottom:4px; }
.pad-bottom-5	{ padding-bottom:5px; }
.pad-bottom-6	{ padding-bottom:6px; }
.pad-bottom-7	{ padding-bottom:7px; }
.pad-bottom-8	{ padding-bottom:8px; }
.pad-bottom-9	{ padding-bottom:9px; }
.pad-bottom-10 	{ padding-bottom:10px; }
.pad-bottom-15 	{ padding-bottom:15px; }
.pad-bottom-20	{ padding-bottom:20px; }
.pad-bottom-30 	{ padding-bottom:30px; }
.pad-bottom-35 	{ padding-bottom:35px; }
.pad-bottom-40 	{ padding-bottom:40px; }
.pad-bottom-50 	{ padding-bottom:50px; }
.pad-bottom-60 	{ padding-bottom:60px; }
.pad-bottom-70 	{ padding-bottom:70px; }
.pad-bottom-80 	{ padding-bottom:80px; }
.pad-bottom-90 	{ padding-bottom:90px; }
.pad-bottom-100 	{ padding-bottom:100px; }
.pad-bottom-110 	{ padding-bottom:110px; }
.pad-bottom-120 	{ padding-bottom:120px; }
.pad-bottom-130 	{ padding-bottom:130px; }
.pad-bottom-140 	{ padding-bottom:140px; }
.pad-bottom-150 	{ padding-bottom:150px; }

/************* left ****************/
.pad-left-1		{ padding-left:1px; }
.pad-left-2		{ padding-left:2px; }
.pad-left-3		{ padding-left:3px; }
.pad-left-4		{ padding-left:4px; }
.pad-left-5		{ padding-left:5px; }
.pad-left-6		{ padding-left:6px; }
.pad-left-7		{ padding-left:7px; }
.pad-left-8		{ padding-left:8px; }
.pad-left-9		{ padding-left:9px; }
.pad-left-10 	{ padding-left:10px; }
.pad-left-15	{ padding-left:15px; }
.pad-left-20	{ padding-left:20px; }
.pad-left-30 	{ padding-left:30px; }
.pad-left-40 	{ padding-left:40px; }
.pad-left-50 	{ padding-left:50px; }
.pad-left-60 	{ padding-left:60px; }
.pad-left-70 	{ padding-left:70px; }
.pad-left-80 	{ padding-left:80px; }
.pad-left-90 	{ padding-left:90px; }
.pad-left-100 	{ padding-left:100px; }
.pad-left-110 	{ padding-left:110px; }
.pad-left-120 	{ padding-left:120px; }
.pad-left-130 	{ padding-left:130px; }
.pad-left-140 	{ padding-left:140px; }
.pad-left-150 	{ padding-left:150px; }

/************* right ****************/
.pad-right-1	{ padding-right:1px; }
.pad-right-2	{ padding-right:2px; }
.pad-right-3	{ padding-right:3px; }
.pad-right-4	{ padding-right:4px; }
.pad-right-5	{ padding-right:5px; }
.pad-right-6	{ padding-right:6px; }
.pad-right-7	{ padding-right:7px; }
.pad-right-8	{ padding-right:8px; }
.pad-right-9	{ padding-right:9px; }
.pad-right-10 	{ padding-right:10px; }
.pad-right-15 	{ padding-right:10px; }
.pad-right-20	{ padding-right:20px; }
.pad-right-30 	{ padding-right:30px; }
.pad-right-40 	{ padding-right:40px; }
.pad-right-50 	{ padding-right:50px; }
.pad-right-60 	{ padding-right:60px; }
.pad-right-70 	{ padding-right:70px; }
.pad-right-80 	{ padding-right:80px; }
.pad-right-90 	{ padding-right:90px; }
.pad-right-100 	{ padding-right:100px; }
.pad-right-110 	{ padding-right:110px; }
.pad-right-120 	{ padding-right:120px; }
.pad-right-130 	{ padding-right:130px; }
.pad-right-140 	{ padding-right:140px; }
.pad-right-150	{ padding-right:150px; }
 
 
/********************************/
/*			MARGINS 			*/
/********************************/

/************* top ****************/
.marg-top-minus-1	{ margin-top:-1px; }
.marg-top-minus-2	{ margin-top:-2px; }
.marg-top-minus-3	{ margin-top:-3px; }
.marg-top-minus-4	{ margin-top:-4px; }
.marg-top-minus-5	{ margin-top:-5px; }
.marg-top-minus-6	{ margin-top:-6px; }
.marg-top-minus-7	{ margin-top:-7px; }
.marg-top-minus-8	{ margin-top:-8px; }
.marg-top-minus-9	{ margin-top:-9px; }
.marg-top-minus-10	{ margin-top:-10px; }
.marg-top-minus-15	{ margin-top:-15px; }
.marg-top-minus-20	{ margin-top:-20px; }
.marg-top-minus-25	{ margin-top:-25px; }
.marg-top-minus-30	{ margin-top:-30px; }
.marg-top-minus-35	{ margin-top:-35px; }
.marg-top-minus-40	{ margin-top:-40px; }
.marg-top-minus-45	{ margin-top:-45px; }
.marg-top-minus-50	{ margin-top:-50px; }
.marg-top-minus-55	{ margin-top:-55px; }
.marg-top-minus-60	{ margin-top:-60px; }
.marg-top-minus-70	{ margin-top:-70px; }
.marg-top-minus-80	{ margin-top:-80px; }
.marg-top-minus-90	{ margin-top:-90px; }
.marg-top-minus-100	{ margin-top:-100px; }
.marg-top-minus-110	{ margin-top:-110px; }
.marg-top-minus-120	{ margin-top:-120px; }
.marg-top-minus-130	{ margin-top:-130px; }
.marg-top-minus-140	{ margin-top:-140px; }
.marg-top-minus-150	{ margin-top:-150px; }
.marg-top-minus-200	{ margin-top:-200px; }
.marg-top-minus-300	{ margin-top:-300px; }
.marg-top-minus-350	{ margin-top:-350px; }
.marg-top-minus-400	{ margin-top:-400px; }
.marg-top-minus-500	{ margin-top:-500px; }
.marg-top-minus-600	{ margin-top:-600px; }
.marg-top-minus-700	{ margin-top:-700px; }
.marg-top-1			{ margin-top:1px; }
.marg-top-2			{ margin-top:2px; }
.marg-top-3			{ margin-top:3px; }
.marg-top-4			{ margin-top:4px; }
.marg-top-5			{ margin-top:5px; }
.marg-top-6			{ margin-top:6px; }
.marg-top-7			{ margin-top:7px; }
.marg-top-8			{ margin-top:8px; }
.marg-top-9			{ margin-top:9px; }
.marg-top-10 		{ margin-top:10px; }
.marg-top-20	 	{ margin-top:20px; }
.marg-top-30 		{ margin-top:30px; }
.marg-top-35 		{ margin-top:35px; }
.marg-top-40 		{ margin-top:40px; }
.marg-top-50 		{ margin-top:50px; }
.marg-top-60 		{ margin-top:60px; }
.marg-top-70 		{ margin-top:70px; }
.marg-top-80 		{ margin-top:80px; }
.marg-top-90 		{ margin-top:90px; }
.marg-top-100 		{ margin-top:100px; }
.marg-top-110 		{ margin-top:110px; }
.marg-top-120 		{ margin-top:120px; }
.marg-top-130 		{ margin-top:130px; }
.marg-top-140 		{ margin-top:140px; }
.marg-top-150 		{ margin-top:150px; }
.marg-top-160 		{ margin-top:160px; }
.marg-top-170 		{ margin-top:170px; }
.marg-top-180 		{ margin-top:180px; }
.marg-top-190 		{ margin-top:190px; }
.marg-top-200 		{ margin-top:200px; }
.marg-top-300 		{ margin-top:300px; }
.marg-top-400 		{ margin-top:400px; }
.marg-top-500 		{ margin-top:500px; }

/************* bottom ****************/
.marg-bottom-minus-1	{ margin-bottom:-1px; }
.marg-bottom-minus-2	{ margin-bottom:-2px; }
.marg-bottom-minus-3	{ margin-bottom:-3px; }
.marg-bottom-minus-4	{ margin-bottom:-4px; }
.marg-bottom-minus-5	{ margin-bottom:-5px; }
.marg-bottom-minus-6	{ margin-bottom:-6px; }
.marg-bottom-minus-7	{ margin-bottom:-7px; }
.marg-bottom-minus-8	{ margin-bottom:-8px; }
.marg-bottom-minus-9	{ margin-bottom:-9px; }
.marg-bottom-minus-10	{ margin-bottom:-10px; }
.marg-bottom-minus-15	{ margin-bottom:-15px; }
.marg-bottom-minus-20	{ margin-bottom:-20px; }
.marg-bottom-minus-25	{ margin-bottom:-25px; }
.marg-bottom-minus-30	{ margin-bottom:-30px; }
.marg-bottom-minus-35	{ margin-bottom:-35px; }
.marg-bottom-minus-40	{ margin-bottom:-40px; }
.marg-bottom-minus-45	{ margin-bottom:-45px; }
.marg-bottom-minus-50	{ margin-bottom:-50px; }
.marg-bottom-minus-60	{ margin-bottom:-60px; }
.marg-bottom-minus-70	{ margin-bottom:-70px; }
.marg-bottom-minus-80	{ margin-bottom:-80px; }
.marg-bottom-minus-90	{ margin-bottom:-90px; }
.marg-bottom-minus-100	{ margin-bottom:-100px; }
.marg-bottom-minus-110	{ margin-bottom:-110px; }
.marg-bottom-minus-120	{ margin-bottom:-120px; }
.marg-bottom-minus-130	{ margin-bottom:-130px; }
.marg-bottom-minus-140	{ margin-bottom:-140px; }
.marg-bottom-minus-150	{ margin-bottom:-150px; }
.marg-bottom-minus-160	{ margin-bottom:-160px; }
.marg-bottom-minus-170	{ margin-bottom:-170px; }
.marg-bottom-minus-180	{ margin-bottom:-180px; }
.marg-bottom-minus-190	{ margin-bottom:-190px; }
.marg-bottom-minus-200	{ margin-bottom:-200px; }
.marg-bottom-minus-300	{ margin-bottom:-300px; }
.marg-bottom-minus-400	{ margin-bottom:-400px; }
.marg-bottom-minus-500	{ margin-bottom:-500px; }
.marg-bottom-minus-600	{ margin-bottom:-600px; }
.marg-bottom-minus-700	{ margin-bottom:-700px; }
.marg-bottom-minus-800	{ margin-bottom:-800px; }
.marg-bottom-minus-900	{ margin-bottom:-900px; }
.marg-bottom-minus-1000	{ margin-bottom:-1000px; }
.marg-bottom-1			{ margin-bottom:1px; }
.marg-bottom-2			{ margin-bottom:2px; }
.marg-bottom-3			{ margin-bottom:3px; }
.marg-bottom-4			{ margin-bottom:4px; }
.marg-bottom-5			{ margin-bottom:5px; }
.marg-bottom-6			{ margin-bottom:6px; }
.marg-bottom-7			{ margin-bottom:7px; }
.marg-bottom-8			{ margin-bottom:8px; }
.marg-bottom-9			{ margin-bottom:9px; }
.marg-bottom-10 			{ margin-bottom:10px; }
.marg-bottom-20	 		{ margin-bottom:20px; }
.marg-bottom-30 			{ margin-bottom:30px; }
.marg-bottom-40 			{ margin-bottom:40px; }
.marg-bottom-50 			{ margin-bottom:50px; }
.marg-bottom-60 			{ margin-bottom:60px; }
.marg-bottom-70 			{ margin-bottom:70px; }
.marg-bottom-80 			{ margin-bottom:80px; }
.marg-bottom-90 			{ margin-bottom:90px; }
.marg-bottom-100 		{ margin-bottom:100px; }
.marg-bottom-110 		{ margin-bottom:110px; }
.marg-bottom-120 		{ margin-bottom:120px; }
.marg-bottom-130 		{ margin-bottom:130px; }
.marg-bottom-140 		{ margin-bottom:140px; }
.marg-bottom-150 		{ margin-bottom:150px; }
.marg-bottom-160 		{ margin-bottom:160px; }
.marg-bottom-170 		{ margin-bottom:170px; }
.marg-bottom-180 		{ margin-bottom:180px; }
.marg-bottom-190 		{ margin-bottom:190px; }
.marg-bottom-200 		{ margin-bottom:200px; }
.marg-bottom-300 		{ margin-bottom:300px; }
.marg-bottom-400 		{ margin-bottom:400px; }
.marg-bottom-500 		{ margin-bottom:500px; }
.marg-bottom-600 		{ margin-bottom:600px; }
.marg-bottom-700 		{ margin-bottom:700px; }
.marg-bottom-800 		{ margin-bottom:800px; }
.marg-bottom-900 		{ margin-bottom:900px; }

/************* left ****************/
.marg-left-minus-1		{ margin-left:-1px; }
.marg-left-minus-2		{ margin-left:-2px; }
.marg-left-minus-3		{ margin-left:-3px; }
.marg-left-minus-4		{ margin-left:-4px; }
.marg-left-minus-5		{ margin-left:-5px; }
.marg-left-minus-6		{ margin-left:-6px; }
.marg-left-minus-7		{ margin-left:-7px; }
.marg-left-minus-8		{ margin-left:-8px; }
.marg-left-minus-9		{ margin-left:-9px; }
.marg-left-minus-10		{ margin-left:-10px; }
.marg-left-minus-20		{ margin-left:-20px; }
.marg-left-minus-30		{ margin-left:-30px; }
.marg-left-minus-40		{ margin-left:-40px; }
.marg-left-minus-50		{ margin-left:-50px; }
.marg-left-minus-60		{ margin-left:-60px; }
.marg-left-minus-70		{ margin-left:-70px; }
.marg-left-minus-80		{ margin-left:-80px; }
.marg-left-minus-90		{ margin-left:-90px; }
.marg-left-minus-100	{ margin-left:-100px; }
.marg-left-minus-110	{ margin-left:-110px; }
.marg-left-minus-120	{ margin-left:-120px; }
.marg-left-minus-130	{ margin-left:-130px; }
.marg-left-minus-140	{ margin-left:-140px; }
.marg-left-minus-150	{ margin-left:-150px; }
.marg-left-minus-200	{ margin-left:-200px; }
.marg-left-minus-300	{ margin-left:-300px; }
.marg-left-minus-400	{ margin-left:-400px; }
.marg-left-minus-500	{ margin-left:-500px; }
.marg-left-1			{ margin-left:1px; }
.marg-left-2			{ margin-left:2px; }
.marg-left-3			{ margin-left:3px; }
.marg-left-4			{ margin-left:4px; }
.marg-left-5			{ margin-left:5px; }
.marg-left-6			{ margin-left:6px; }
.marg-left-7			{ margin-left:7px; }
.marg-left-8			{ margin-left:8px; }
.marg-left-9			{ margin-left:9px; }
.marg-left-10 			{ margin-left:10px; }
.marg-left-20	 		{ margin-left:20px; }
.marg-left-30 			{ margin-left:30px; }
.marg-left-40 			{ margin-left:40px; }
.marg-left-50 			{ margin-left:50px; }
.marg-left-60 			{ margin-left:60px; }
.marg-left-70 			{ margin-left:70px; }
.marg-left-80 			{ margin-left:80px; }
.marg-left-90 			{ margin-left:90px; }
.marg-left-100 			{ margin-left:100px; }
.marg-left-110 			{ margin-left:110px; }
.marg-left-120 			{ margin-left:120px; }
.marg-left-130 			{ margin-left:130px; }
.marg-left-140 			{ margin-left:140px; }
.marg-left-150 			{ margin-left:150px; }
.marg-left-160 			{ margin-left:160px; }
.marg-left-170 			{ margin-left:170px; }
.marg-left-180 			{ margin-left:180px; }
.marg-left-190 			{ margin-left:190px; }
.marg-left-200 			{ margin-left:200px; }

/************* right ****************/
.marg-right-minus-1		{ margin-right:-1px; }
.marg-right-minus-2		{ margin-right:-2px; }
.marg-right-minus-3		{ margin-right:-3px; }
.marg-right-minus-4		{ margin-right:-4px; }
.marg-right-minus-5		{ margin-right:-5px; }
.marg-right-minus-6		{ margin-right:-6px; }
.marg-right-minus-7		{ margin-right:-7px; }
.marg-right-minus-8		{ margin-right:-8px; }
.marg-right-minus-9		{ margin-right:-9px; }
.marg-right-minus-10	{ margin-right:-10px; }
.marg-right-minus-20	{ margin-right:-20px; }
.marg-right-minus-30	{ margin-right:-30px; }
.marg-right-minus-40	{ margin-right:-40px; }
.marg-right-minus-50	{ margin-right:-50px; }
.marg-right-minus-60	{ margin-right:-60px; }
.marg-right-minus-70	{ margin-right:-70px; }
.marg-right-minus-80	{ margin-right:-80px; }
.marg-right-minus-90	{ margin-right:-90px; }
.marg-right-minus-100	{ margin-right:-100px; }
.marg-right-minus-110	{ margin-right:-110px; }
.marg-right-minus-120	{ margin-right:-120px; }
.marg-right-minus-130	{ margin-right:-130px; }
.marg-right-minus-140	{ margin-right:-140px; }
.marg-right-minus-150	{ margin-right:-150px; }
.marg-right-1 			{ margin-right:1px; }
.marg-right-2	 		{ margin-right:2px; }
.marg-right-3 			{ margin-right:3px; }
.marg-right-4 			{ margin-right:4px; }
.marg-right-5 			{ margin-right:5px; }
.marg-right-6 			{ margin-right:6px; }
.marg-right-7 			{ margin-right:7px; }
.marg-right-8 			{ margin-right:8px; }
.marg-right-9 			{ margin-right:9px; }
.marg-right-10 			{ margin-right:10px; }
.marg-right-20	 		{ margin-right:20px; }
.marg-right-30 			{ margin-right:30px; }
.marg-right-40 			{ margin-right:40px; }
.marg-right-50 			{ margin-right:50px; }
.marg-right-60 			{ margin-right:60px; }
.marg-right-70 			{ margin-right:70px; }
.marg-right-80 			{ margin-right:80px; }
.marg-right-90 			{ margin-right:90px; }
.marg-right-100 			{ margin-right:100px; }
.marg-right-110 			{ margin-right:110px; }
.marg-right-120 			{ margin-right:120px; }
.marg-right-130 			{ margin-right:130px; }
.marg-right-140 			{ margin-right:140px; }
.marg-right-150 			{ margin-right:150px; }
.marg-right-160 			{ margin-right:160px; }
.marg-right-170 			{ margin-right:170px; }
.marg-right-180 			{ margin-right:180px; }
.marg-right-190 			{ margin-right:190px; }
.marg-right-200 			{ margin-right:200px; }

/**************** RESET **************/
.reset-mp	{ padding:0; margin:0; }



/********************************/
/*	  CSS3 Transformationen		*/
/********************************/
.scale-1 { 
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.scale-2 { 
	-webkit-transform:scale(1.5,1.5);
	-moz-transform:scale(1.5,1.5);
	-ms-transform:scale(1.5,1.5);
	-o-transform:scale(1.5,1.5);
	transform:scale(1.5,1.5);
}

.scale-2 { 
	-webkit-transform:scale(2,2);
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
	-o-transform:scale(2,2);
	transform:scale(2,2);
}

.scale-3 { 
	-webkit-transform:scale(2.5,2.5);
	-moz-transform:scale(2.5,2.5);
	-ms-transform:scale(2.5,2.5);
	-o-transform:scale(2.5,2.5);
	transform:scale(2.5,2.5);
}

.scale-4 { 
	-webkit-transform:scale(3,3);
	-moz-transform:scale(3,3);
	-ms-transform:scale(3,3);
	-o-transform:scale(3,3);
	transform:scale(3,3);
}

.skew-1	{
	-webkit-transform: skew(10deg);
	-moz-transform: skew(10deg);
	-ms-transform: skew(10deg);
	-o-transform: skew(10deg);
	transform: skew(10deg);
}

.skew-8	{
	-webkit-transform: skew(80deg);
	-moz-transform: skew(80deg);
	-ms-transform: skew(80deg);
	-o-transform: skew(80deg);
	transform: skew(80deg);
}


.rotate-90 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


.rotate-l-45 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.rotate-r-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


.rotate-r-5 {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}


.rotate-r-2 {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}


/* Spiegeln */
.x-spiegel	{ 	
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}
.y-spiegel	{ 	
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}

/******************************************************************************************/
/* 			Animationen 	=>	animated muss als Classe mit definiert werden	          */
/* 			Beispiel	 	=>	<h4 class="animated-T pulse-T">					          */
/* 			Achtung!!!	 	=>	Plugin Slider benutzt teilweise die Selben 				  */
/* 								animations-Classen, deswegen .animated-T		          */
/******************************************************************************************/
.animated-T { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 1s;								/* Hier Geschwindigkeit einstellen */
 	-webkit-animation-iteration-count: 20000;					/* Hier die Anzahl der Animationen einstellen */
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 1s;										/* Hier Geschwindigkeit einstellen */
 	animation-iteration-count: 20000;							/* Hier die Anzahl der Animationen einstellen */
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 


/*
 * Animation for webkit
*/
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
  
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
}
.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}


/* Pulse animation */
@-webkit-keyframes pulse-T { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.2); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse-T { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.2); } 
    100% { transform: scale(1); } 
} 
.pulse-T { 
    -webkit-animation-name: pulse-T; 
    animation-name: pulse-T; 
}  

/*
 * Flash animation
*/
  
@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.flash { 
    -webkit-animation-name: flash; 
    animation-name: flash; 
}


/*
 * Shake animation
*/
  
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(30px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {transform: translateX(30px);} 
} 
.shake { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}