@charset "utf-8";


div.DT-METRO1 {width:50%;Display:inline-block;float:left;line-height:0;font-size:0;}

div.DT-METRO1 a {margin:8px;display:block;cursor:pointer;background-color:White;}
div.DT-METRO1 a img {z-index:0; width:100%;	-moz-opacity: .9; opacity: .9; -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
div.DT-METRO1 a:hover > img {z-index:1;-moz-opacity: 1; 	opacity: 1;-webkit-transform: scale(1.4);
-moz-transform: rotate(2deg) scale(1.07);-ms-transform: rotate(2deg) scale(1.07);-o-transform: rotate(2deg) scale(1.07);transform: rotate(2deg) scale(1.07);
}
div.DT-METRO1 a:hover{xbackground-color:#cc0000;}
@media (max-device-width: 600px), (max-width: 640px) {div.DT-METRO1 {width:100%;}}
div.DT-METRO2 {width:50%;Display:inline-block;float:left;line-height:0;font-size:0;}


.DT-FX-menu{
	font-weight::normal;
    margin: 0 0 10px 10px;
    padding: 0;
    
}
.DT-FX-menu li{
  
    overflow: hidden;
    display: inline-block;
	float:left;
    background: #fff;
    margin-bottom: 4px;
	-moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,.3);
	-webkit-box-shadow:  1px 1px 8px 0px rgba(0,0,0,.3);
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,.3);
    transition: all 300ms ease-in-out;
}
.DT-FX-menu li:last-child{
    margin-bottom: 0px;
}
.DT-FX-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.DT-FX-infocont{
	top:140px;
	background-color:rgba(243, 130,16,.6); /* Hintergrundfarbe der Textinfo bei Mouseover*/
	
	position:absolute;
	text-align:center;
	transition: all 300ms linear; 
/*	-moz-box-shadow:inset 0px 0px 20px 0px rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,.5);
	box-shadow:inset 0px 0px 20px 0px rgba(255,255,255,.5);				*/
}
.DT-FX-content{
    position: absolute;
	color:white;
    height: 60px;
}
.DT-FX-main
{
	color:White;
    font-size: 18px;
	margin-top: 8px;
    transition: all 300ms linear;
}
.DT-FX-sub{
	margin-top:150px;
	font-weight:normal;
   	padding:10px;
	line-height:1em;
    transition: all 300ms linear; 
}
.DT-FX-menu li:hover{
    border-color: #fff004;
    background: #000;
}
.DT-FX-menu li:hover .DT-FX-main{
	transform: scale(1.2);  
}
.DT-FX-menu li:hover .DT-FX-sub{
	margin-top:0px;
	line-height:1.5em;
}
.DT-FX-menu li:hover .DT-FX-infocont{
	top:0px;
/*	background-color:rgba(120, 124,122,.95);*/
	background-color:rgba(243, 130,16,1); /* Hintergrundfarbe der Textinfo bei Mouseover*/
}
.text-shadow{
	text-shadow: 1px 1px 1px #444444;
	filter: dropshadow(color=#855308, offx=1, offy=1);
}

.DT-CMS-menu
{
	
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
	background-image:url(../images/layout/menuback.png);
	border:0px solid #cccccc;
	background-color:#999999;
	clear:both;
	background-size:58px 58px;
}
.DT-CMS-menu li
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	
}
.DT-CMS-menu li.right
{
	float:right;
}
.DT-CMS-menu li a
{
	font-size:.8em;
	line-height:1em;
	
	display:inline-block;
	height:58px;
	width:90px;
	text-align:center;
	float:left;
	color:White;
	background-color:#999999;
	background-image:url(../images/newsletter/statisch/menuback2.png);
}
.DT-CMS-menu li a span{line-height:1em;}

.DT-CMS-menu li a:hover
{
	color:Red;
	background-color:#dddddd;
	text-decoration:none;
}
.DT-CMS-menu li a.current
{
	color:#cc0000;
	font-weight:bold;
	background-color:#dddddd;
}

.DT-CMS-menu li a span
{	display:inline-block;
	padding: 4px;
}


/* Tabellenformat */
.DT-CMS-Table 
{
	margin:0px;
	padding:0px;
	width:100%;
	
	border:0px solid #000000;
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,.4);
	-webkit-box-shadow:  0px 0px 8px 2px rgba(0,0,0,.4);
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.4);
}
.DT-CMS-Table table{
    border-collapse: collapse;
    border-spacing: 0;
    
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	border:2px solid #dddddd;
}
.DT-CMS-Table em
{
	font-style:normal;
	COLOR: #dd0000;
		
}
.DT-CMS-Table tr:last-child td:last-child { }
.DT-CMS-Table table tr:first-child td:first-child {}
.DT-CMS-Table table tr:first-child td:last-child {}
.DT-CMS-Table tr:last-child td:first-child{}
.DT-CMS-Table tr:hover td{}
.DT-CMS-Table tr:nth-child(odd){ background-color:#fbfbfb; }
.DT-CMS-Table tr:nth-child(even)    { background-color:#f2f2f2; }
.DT-CMS-Table tr:hover { background-color:rgba(0,0,0,.1); }
.DT-CMS-Table td{
	vertical-align:middle;
	border:0px solid #000000;
	border-width:0px 0px 0px 0px;
	text-align:left;
	padding:.3em;
	font-size:1em;
	margin:0;
	font-weight:normal;
	color:#7f7f7f;
}
.DT-CMS-Table tr:first-child td{}

.FTFXFoto
{

	display:inline-block;
	cursor:pointer;
	
	width:100%;
	padding:.5em .5em 0 .5em;
	-moz-box-shadow: 0px 0px 0px 0px #999;
	-webkit-box-shadow:  0px 0px 0px 0px #999;
	box-shadow: 0px 0px 0px 0px #999;
    
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);
    
    -webkit-transform-origin: middle center;
    -moz-transform-origin: middle center;
    -ms-transform-origin: middle center;
    transform-origin: middle center;
    
    transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
}
.FTFXFoto:hover
{		
	background-color:White;
	
	-moz-box-shadow: 3px 3px 9px 0px #999;
	-webkit-box-shadow:  3px 3px 9px 0px #999;
	box-shadow: 3px 3px 9px 0px #999;
    
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    
    -webkit-transform-origin: middle center;
    -moz-transform-origin: middle center;
    -ms-transform-origin: middle center;
    transform-origin: middle center;
}

/*FX Style X1------------------------------------------*/
/*Container: diese Zeile ist für iPad notwendig (warum auch immer)*/
div.DT-FX-X1{cursor:pointer;}

/*Titelzeile*/
div.DT-FX-X1 ul{color:white;background-color:rgba(230,0,53,.8);font-weight:bold;font-size:1.2em;margin:0;padding:.4em;text-align:center;}
div.DT-FX-X1:focus, div.DT-FX-X1:hover ul{color:white;}
/*Titel- Text-hintergrund*/
div.DT-FX-X1 div{background-color:rgba(255,255,255,.6);transition: all .5s ease-in;}
div.DT-FX-X1:focus, div.DT-FX-X1:hover div{background-color:rgba(230,0,53,.8);}
/*Text/Einblendung*/
div.DT-FX-X1:focus, div.DT-FX-X1:hover span{max-height:500px; transform: rotate(0deg);}
div.DT-FX-X1 span{color:White;overflow:hidden;	max-height: 0px;    transition: all .5s ease-in; transform: rotate(-90deg);}
/*Linkdarstellung*/
div.DT-FX-X1 a{color:white;}
div.DT-FX-X1 a:hover {background-color:rgba(255,255,255,.3);}