/* ==========================================================================
   iOS Hacks
   ========================================================================== */
   
html * {
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	
	-webkit-overflow-scrolling: touch;
}

input {
	-webkit-appearance: caret;
	-moz-appearance: caret; /* mobile firefox too! */
}

/* ==========================================================================
   Fonts
   ========================================================================== */
   
@font-face {
  font-family: 'f15ticns';
  src: url('../fonts/f15icns.eot');
  src: url('../fonts/f15icns.eot#iefix') format('embedded-opentype'),
       url('../fonts/f15icns.woff') format('woff'),
       url('../fonts/f15icns.ttf') format('truetype'),
       url('../fonts/f15icns.svg#fbicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#Open_Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('../fonts/PTSans-Narrow-Regular-webfont.eot');
    src: url('../fonts/PTSans-Narrow-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTSans-Narrow-Regular-webfont.woff') format('woff'),
         url('../fonts/PTSans-Narrow-Regular-webfont.ttf') format('truetype'),
         url('../fonts/PTSans-Narrow-Regular-webfont.svg#PT_Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Allgemein
   ========================================================================== */

html, body {	
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    
    background: #fff;
    
    /* Silbentrennung
    -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
   	hyphens: auto; 
   	*/
    
    overflow-x: hidden;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
}

::selection { 
	background: #e4391d; 
	color: #fff; 
}

::-moz-selection { 
	background: #e4391d; 
	color: #fff; 
}

a, 
a:focus,
a:active {
	color: #000;
	text-decoration: none;
	outline: none;
	border-bottom: 1px dotted #000;
}

a:hover {
  	color: #e4391d;
	text-decoration: none;	
	border-bottom: 1px dotted #e4391d;
}

p {
	margin: 0 0 10px;
}

hr {
    border-color: #1a73a7;
    border-width: 2px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.Icons {
	 font-family: 'f15ticns';
	 font-size: 16px;
}


.container-fluid {
	max-width: 1170px;
}

.flRight {
	float: right;
}

.flLeft {
	float: left;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-responsive-full {
	display: block;
	width: 100%;
    height: auto;
    max-width: inherit;
}

.img-rounded {
  border-radius: 6px;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fstop {
	clear:both;
	display:block;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   Listen
   ========================================================================== */

ul,
ol {
	margin: 0;
	padding: 0 15px 20px 15px;
}

ul li {
	list-style: square;
}

/* ==========================================================================
   Headlines
   ========================================================================== */
   
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    margin-top: 0px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: 10px;
    margin-top: 0px;
}

h1, .h1 {
	font-size: 28px;
	line-height: 28px;
	margin-top: 10px;
}

h2, .h2 {
	font-size: 24px;
	line-height: 24px;	
}

h3, .h3 {
  	font-size: 20px;
	line-height: 20px;
}

h4, .h4 {
  	font-size: 18px;
	line-height: 18px;
}

h5, .h5 {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	
	font-size: 16px;
	line-height: 16px;
	width: auto;
	display: inline-block;
	color: #fff;
	background: #e4391d;
	padding: 5px 8px 5px 8px;
}

h6, .h6 {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	
  	font-size: 16px;
	line-height: 16px;
	width: auto;
	display: block;
	color: #fff;
	background: #000;
	padding: 5px 8px 5px 8px;
}



.txtCenter {
	text-align: center;
}


/* ==========================================================================
   Abstaende
   ========================================================================== */

.margTop0 { 
	margin-top: 0; 
}

.margTop10 { 
	margin-top:10px; 
}

.margTop15 { 
	margin-top:15px; 
}

.margTop20 { 
	margin-top:20px; 
}

.margTop30 { 
	margin-top:30px; 
}


.margBot0 { 
	margin-bottom: 0; 
}

.margBot10 { 
	margin-bottom:10px; 
}

.margBot15 { 
	margin-bottom:15px; 
}

.margBot20 { 
	margin-bottom:20px; 
}

.margBot30 { 
	margin-bottom:30px; 
}


.margLeft10 { 
	margin-left:10px; 
}

.margLeft15 { 
	margin-left:15px; 
}

.margLeft20 { 
	margin-left:20px; 
}

.margLeft30 { 
	margin-left:30px; 
}



.marRight10 { 
	margin-right:10px; 
}

.marRight15 { 
	margin-right:15px; 
}

.marRight20 { 
	margin-right:20px; 
}

.marRight30 { 
	margin-right:30px; 
}


.padVert10 { 
	padding-top:10px; 
	padding-bottom:10px; 
}

.padVert15 { 
	padding-top:15px; 
	padding-bottom:15px; 
}

.padVert20 { 
	padding-top:20px; 
	padding-bottom:20px; 
}

.padVert30 { 
	padding-top:30px; 
	padding-bottom:30px; 
}

.padHor10 { 
	padding-left:10px; 
	padding-right:10px; 
}

.padHor15 { 
	padding-left:15px; 
	padding-right:15px; 
}

.padHor20 { 
	padding-left:20px; 
	padding-right:20px; 
}

.padHor30 { 
	padding-left:30px; 
	padding-right:30px; 
}



/* ==========================================================================
   Layout - Allgemein
   ========================================================================== */
   
#page {
	position: relative;
	width: 100%;
	max-width: 1180px;
	height: 100%;
	
	margin: 0 auto;
	padding: 0;
}

#content {
	width: 100%;
	float: left;
}

.padd-h10 {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

/* Farben Rubrik */
.mColor-1 {
	background: #a93216;
}

.mColor-2 {
	background: #3b4954;
}

.mColor-3 {
	background: #9e3679;
}

.mColor-31 {
	background: #ef7d00;
}

.mColor-4 {
	background: #ae9e17;
}

.mColor-5 {
	background: #5f899a;
}

.mColor-6 {
	background: #7b8082;
}

.mColor-7 {
	background: #c5770d;
}

.mColor-8 {
	background: #0c970f;
}

.mColor-,
.mColor-0,
.mColor-99 {
	background: #4a4a4a;
}

/* Farben Rubrik 2 */
.mTitle .mColor-1,
.tsr .tmDate.tColor-1 {
	background: rgba(190,50,22, 0.8);
}

.mTitle .mColor-2,
.tsr .tmDate.tColor-2 {
	background: rgba(59,73,84, 0.8);
}

.mTitle .mColor-3,
.tsr .tmDate.tColor-3 {
	background: rgba(158,54,121, 0.8);
}

.mTitle .mColor-31,
.tsr .tmDate.tColor-31 {
	background: rgba(239,125,0, 0.8);
}

.mTitle .mColor-4,
.tsr .tmDate.tColor-4 {
	background: rgba(174,158,23, 0.8);
}

.mTitle .mColor-5,
.tsr .tmDate.tColor-5 {
	background: rgba(95,137,154, 0.8);
}

.mTitle .mColor-6,
.tsr .tmDate.tColor-6 {
	background: rgba(123,128,130, 0.8);
}

.mTitle .mColor-7,
.tsr .tmDate.tColor-7 {
	background: rgba(197,119,13, 0.8);
}

.mTitle .mColor-8,
.tsr .tmDate.tColor-8 {
	background: rgba(12,151,15, 0.8);
}

.mTitle .mColor-,
.tsr .tmDate.tColor-,
.mTitle .mColor-0,
.tsr .tmDate.tColor-0
.mTitle .mColor-99,
.tsr .tmDate.tColor-99 {
	background: rgba(0,0,0, 0.7);
}

/* ==========================================================================
   Layout - Farben -> Querie 1
   ========================================================================== */
   
@media only screen and (max-width: 940px) {


/* Farben Rubrik 2 */
.mTitle .mColor-1,
.tsr .tmDate.tColor-1 {
	background: rgba(190,50,22, 1.0);
	}

.mTitle .mColor-2,
.tsr .tmDate.tColor-2 {
	background: rgba(59,73,84, 1.0);
	}

.mTitle .mColor-3,
.tsr .tmDate.tColor-3 {
	background: rgba(158,54,121, 1.0);
	}

.mTitle .mColor-31,
.tsr .tmDate.tColor-31 {
	background: rgba(239,125,0, 1.0);
	}

.mTitle .mColor-4,
.tsr .tmDate.tColor-4 {
	background: rgba(174,158,23, 1.0);
	}

.mTitle .mColor-5,
.tsr .tmDate.tColor-5 {
	background: rgba(95,137,154, 1.0);
	}

.mTitle .mColor-6,
.tsr .tmDate.tColor-6 {
	background: rgba(123,128,130, 1.0);
	}

.mTitle .mColor-7,
.tsr .tmDate.tColor-7 {
	background: rgba(197,119,13, 1.0);
	}

.mTitle .mColor-8,
.tsr .tmDate.tColor-8 {
	background: rgba(12,151,15,1.0);
	}

.mTitle .mColor-,
.tsr .tmDate.tColor-,
.mTitle .mColor-0,
.tsr .tmDate.tColor-0
.mTitle .mColor-99,
.tsr .tmDate.tColor-99 {
	background: rgba(0,0,0, 1.0);
	}

} /* Querie END */

/* ==========================================================================
   Layout - Allgemein -> Querie 1
   ========================================================================== */
   
@media only screen and (max-width: 1180px) {

#page {
	padding: 0 10px 0 10px;
	}

} /* Querie END */

/* ==========================================================================
   Transitions / Collage+
   ========================================================================== */
   
.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    }


/* EFFECT 1 */
.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly ease-in-out forwards;
    -moz-animation: fly ease-in-out forwards;
    animation: fly ease-in-out forwards;
}
@-webkit-keyframes fly {
    100% { -webkit-transform: rotateX(0deg); opacity: 1; -webkit-transform-origin:50% 50% 0; }
}

@-moz-keyframes fly {
    100% { -moz-transform: rotateX(0deg); opacity: 1; -moz-transform-origin:50% 50% 0; }
}

@keyframes fly {
    100% { transform: rotateX(0deg); opacity: 1; transform-origin:50% 50% 0; }
}



/* EFFECT 2 */
.effect-2 {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards;
}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}


/* EFFECT 3 */
.effect-3 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
    100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}


/* EFFECT 4 */
.effect-4 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip ease-in-out forwards;
    -moz-animation: flip ease-in-out forwards;
    animation: flip ease-in-out forwards;
}

@-webkit-keyframes flip {
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
    100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
    100% { transform: rotateX(0deg); opacity: 1; }
}


/* EFFECT 5 */
.effect-5 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}


/* EFFECT 6 */
.effect-6 {

    -webkit-transform:  scale(0.638) translate(-179px);
    -moz-transform:     scale(0.638) translate(-179px);
    transform:          scale(0.638) translate(-179px);

    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}


/* Universal durations */
.effect-duration-1{
    -webkit-animation-duration: .4s;
    -moz-animation-duration:    .4s;
    animation-duration:         .4s;
}
.effect-duration-2{
    -webkit-animation-duration: .5s;
    -moz-animation-duration:    .5s;
    animation-duration:         .5s;
}
.effect-duration-3{
    -webkit-animation-duration: .6s;
    -moz-animation-duration:    .6s;
    animation-duration:         .6s;
}
.effect-duration-4{
    -webkit-animation-duration: .7s;
    -moz-animation-duration:    .7s;
    animation-duration:         .7s;
}
.effect-duration-5{
    -webkit-animation-duration: .8s;
    -moz-animation-duration:    .8s;
    animation-duration:         .8s;
}
.effect-duration-6{
    -webkit-animation-duration: .9s;
    -moz-animation-duration:    .9s;
    animation-duration:         .9s;
}
.effect-duration-7{
    -webkit-animation-duration: .95s;
    -moz-animation-duration:    .95s;
    animation-duration:         .95s;
}
.effect-duration-8{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:    1s;
    animation-duration:         1s;
}
.effect-duration-9{
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration:    1.05s;
    animation-duration:         1.05s;
}
.effect-duration-10{
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration:    1.1s;
    animation-duration:         1.1s;
}