/* Main menu */

.MainNavigationStd{display:block;}
.MainNavigationNetbook{display:none;}
.MainNavigationMobile{display:none;}
.MainNavigationSmart{display:none;}

.MainNavigationNoStd{display:none;}
.MainNavigationNoNetbook{display:block;}
.MainNavigationNoMobile{display:block;}
.MainNavigationNoSmart{display:block;}

/* ResponsiveStyle1 Standardformatierung für CMS-Bilder */
.ResponsiveStyle1 {padding:0 15px 15px 15px;width:300px;display:inline-block;}


#MainDiv {min-width:700px;}

/*.ContentWidthDiv {width:100%;min-width:540px;max-width:980px;margin:0 auto;text-align:left;}*/
.ContentWidthDiv {width:100%;min-width:540px;max-width:1200px;margin:0 auto;text-align:left;}


	
@media (max-device-width: 950px),(max-width: 950px) {
   /* Darstellung auf Netbooks */ 
	.MainNavigationStd{display:none;}
	.MainNavigationNetbook{display:block;}
	.MainNavigationMobile{display:none;}
	.MainNavigationSmart{display:none;}
	
	.MainNavigationNoStd{display:block;}
	.MainNavigationNoNetbook{display:none;}
	.MainNavigationNoMobile{display:block;}
	.MainNavigationNoSmart{display:block;}
	
}
   
@media (max-device-width: 700px),(max-width: 700px) {
     /* mobile Geräte */ 
    .MainNavigationStd{display:none;}
	.MainNavigationNetbook{display:none;}
	.MainNavigationMobile{display:block;}
	.MainNavigationSmart{display:none;}
	
	.MainNavigationNoStd{display:block;}
	.MainNavigationNoNetbook{display:block;}
	.MainNavigationNoMobile{display:none;}
	.MainNavigationNoSmart{display:block;}

	.ResponsiveStyle1 {padding:0 0 15px 0;width:100%;}
	
	
	xxbody{ 		font-size:1.8em;	} 
	
	
}

@media (max-device-width: 600px), (max-width: 600px) {
     /* Smart */ 
    .MainNavigationStd{display:none;}
	.MainNavigationNetbook{display:none;}
	.MainNavigationMobile{display:none;}
	.MainNavigationSmart{display:block;}
	
	.MainNavigationNoStd{display:block;}
	.MainNavigationNoNetbook{display:block;}
	.MainNavigationNoMobile{display:block;}
	.MainNavigationNoSmart{display:none;}
	
	
	
	xxbody { 		font-size:1.8em;	}
	
	.ContentWidthDiv {min-width:300px;}
}     


/*50% Box*/
.resBoxStd {	display:inline-block;	width:50%;	float:left;}
@media (max-device-width: 600px),(max-width: 600px)  {.resBoxStd {width:100%;}}


.CMSBox100 {	display:inline-block;	width:100%;	float:left;}

.CMSBox50 {	display:inline-block;	width:50%;	float:left;}
@media (max-device-width: 740px),(max-width: 740px)  {.CMSBox50 {width:100%;}}

.CMSBox33 {	display:inline-block;	width:33%;	float:left;}
@media (max-device-width: 740px),(max-width: 740px)  {.CMSBox33 {width:50%;}}
@media (max-device-width: 600px),(max-width: 600px)  {.CMSBox33 {width:100%;}}

.CMSBox25 {	display:inline-block;	width:25%;	float:left;}
@media (max-device-width: 740px),(max-width: 740px)  {.CMSBox25 {width:50%;}}
@media (max-device-width: 500px),(max-width: 500px)  {.CMSBox25 {width:100%;}}

.CMSBox20 {	display:inline-block;	width:20%;	float:left;}
@media (max-device-width: 980px),(max-width: 980px)  {.CMSBox20 {width:25%;}}
@media (max-device-width: 700px),(max-width: 700px)  {.CMSBox20 {width:50%;}}
@media (max-device-width: 400px),(max-width: 400px)  {.CMSBox20 {width:100%;}}


.CMSBox66 {	display:inline-block;	width:66%;	float:left;}
@media (max-device-width: 700px),(max-width: 700px)  {.CMSBox66 {width:50%;}}
@media (max-device-width: 500px),(max-width: 500px)  {.CMSBox66 {width:100%;}}



.SpecialFooter{float:left;}
.SpecialFooter div{font-weight:bold;}
.SpecialFooter li{list-style:none; float:left;}
.SpecialFooter a{cursor:pointer;color:#888888;}
.SpecialFooter a:hover{background-color:rgba(250,250,250,.2);}

@media (max-device-width: 540px),(max-width: 540px) 
{.SpecialFooter{width:100%;float:none;}}

.SpecialFooter2{width:100%;color:White}
.SpecialFooter2 div{font-weight:bold;padding:1em 0;}
.SpecialFooter2 li{list-style:none; float:left;width:8em;display:inline-block;}
.SpecialFooter2 a{color:White;cursor:pointer;}
.SpecialFooter2 a:hover{background-color:rgba(250,250,250,.2);color:White;}

@media (max-device-width: 540px), (max-width: 540px)
{.SpecialFooter2{font-size:1.2em}
.SpecialFooter2 li{width:6em;display:inline-block;}
}


nav
{
	margin:0;
	padding:0;
	float:left;
	display:block;	
}



.responsivpadding {padding:1em;}
@media (max-device-width: 540px),(max-width: 540px)  {.responsivpadding {padding:.5em;}}
  

.FooterNavigationSmart {display:none;}
@media (max-device-width: 540px), (max-width: 540px) {
     /* Footer-Navigation für Smartphones */ 
	.FooterNavigationSmart 
	{
		
		display:inline-block; 
		width:100%;
		position:fixed;
		z-index:9999999;
		bottom:0px;
		line-height:1em;
		font-size:0px;
		margin:0;
		left:0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4120c+0,e24d48+49,c4120c+51,ef4f4c+100 */
background: #c4120c; /* Old browsers */
background: -moz-linear-gradient(top,  #c4120c 0%, #e24d48 49%, #c4120c 51%, #ef4f4c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c4120c 0%,#e24d48 49%,#c4120c 51%,#ef4f4c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c4120c 0%,#e24d48 49%,#c4120c 51%,#ef4f4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4120c', endColorstr='#ef4f4c',GradientType=0 ); /* IE6-9 */

	}    
	.FooterNavigationSmart ul {margin:0;padding:0;display:inline-block;width:100%;}
	.FooterNavigationSmart ul li{font-size:16px;width:20%;padding:.4em 0 0 0;text-align:center;list-style-type: none;	float:left;	}

	.FooterNavigationSmart ul li a
	{
		display:inline-block;
		color:#00519b;
	}
	.FooterNavigationSmart ul li img{border:0;width:2em;}
	.FooterNavigationSmart ul li a:hover
	{
		display:inline-block;
		background-color:rgba(255,255,255,.2);
		color:White;
	}   
    
}




/*ANFANG Hauptmenu ----------------------------------------------------------------------*/
.DTCMSNavXCurrent 
{
	
	background-color:rgba(255,255,255,.3);} /*Hauptmenu Hintergrundfarbe aktuell*/


#DTCMSNavX 
{
	
	clear:both;
	display:inline-block;
	width:100%;
	font-size:0;
	padding:0;
	margin:0;
	height:46px;
	position:relative;
	z-index:999;
	
	
	
}
#DTCMSNavX li
{

	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:19px;
	list-style:none;
	float:left;
	padding:0;
	margin:0 2em 0 0;
	width:auto;
	-webkit-transition:background-color .3s ease; 	-moz-transition:background-color .3s ease; 	-o-transition:	background-color .3s ease; 	transition:background-color .3s ease;
	
}


@media (max-device-width: 950px),(max-width: 950px) 
{
	/*Verkleinerte Schrift des Hauptmenüs ab 950px*/
	#DTCMSNavX li{font-size:15px;margin-top:6px;margin-right:1em;} 
}
@media (max-device-width: 770px),(max-width: 770px) 
{
	/*Verkleinerte Schrift des Hauptmenüs ab 600px*/
	#DTCMSNavX li{font-size:14px;margin-right:0;} 
}
	
@media (max-device-width: 640px),(max-width: 640px) 
{
	#DTCMSNavX {height:auto; background-color:#dfdfdf; }  /*Hauptmenu im SmartModus Hintergrundfarbe*/
	#DTCMSNavX li{XXbackground-color:white; }			 /*Hauptmenu im SmartModus Hintergrundfarbe*/
	}


#DTCMSNavX li a
{
	padding:.5em;
	display:inline-block;
	margin:0;
	color:#333333; /* Schriftfarbe Menüs */
	xwidth:100%;
}
#DTCMSNavX li:hover
{
	background-color:rgba(0,0,0,.07); /*Hintergrundfarbe bei Mouseover*/
	
	
	background-image:url(../images/layout/dropdowmarker.png);	background-repeat:no-repeat;	background-position:20px 30px;	/*Pfeil bei Dropdown*/
	
}
#DTCMSNavX li.lilogo:hover
{background-color:rgba(0,0,0,.001);
}
@media (max-device-width: 540px), (max-width: 540px) {#DTCMSNavX li:hover {background-image:none;}}


#DTCMSNavX li:hover > ul
{
	visibility:visible;
}
@media (max-device-width: 540px),(max-width: 540px) 
{#DTCMSNavX li:hover > ul{	visibility:hidden;}}


#DTCMSNavX li ul
{
	/*Dropdown Panel*/
	visibility:hidden;
	margin:0;
	padding:0;
	position:absolute;
	
	background-color:white; /*Dropdown Hintergrundfarbe*/
	XXXborder:1px solid #cccccc;
	z-index:99999;
	-moz-box-shadow: 1px 3px 9px 0px RGBA(0,0,0,0.3);
	-webkit-box-shadow:  1px 3px 9px 0px RGBA(0,0,0,0.3);
	box-shadow: 1px 3px 9px 0px RGBA(0,0,0,0.3);
}
#DTCMSNavX li ul li
{
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
			
	float:none;
	border-top:1px solid rgba(255,255,255,.2);
	
}
#DTCMSNavX li ul li a
{
	display:block;
	width:250px;
	padding:.5em;
}
#DTCMSNavXMainlogoSmart {display:none;}
#DTmainheader
{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;display:inline-block;width:100%;
	
	}

@media (max-device-width: 600px), (max-width: 600px) 
{
	/*Ansicht für Smartphones*/
	#DTCMSNavXMainlogoStd{display:none;}
	#DTCMSNavXMainlogoSmart {display:block;cursor:pointer;}
	#DTmainheader{display:none;}
	#DTCMSNavX li 	{	width:100%;		display:block;		float:none;		border-top:1px solid rgba(255,255,255,.2);	}
	#DTCMSNavX li ul	{margin-left:8em;	}
	#DTCMSNavX li ul li a{	width:270px;}
	#DTCMSNavX li a {	width:100%;}
}
/*ENDE Hauptmenu ----------------------------------------------------------------------*/

/*ANFANG MobileKat3 ----------------------------------------------------------------------*/
#DTCMSKategorie3
{
	display:inline-block;
	width:100%;
	text-align:right;
	padding:0;
	margin:0;
	background-color:white;
	
}
#DTCMSKategorie3 div
{
	display:inline-block;margin:0 0 0 auto;
}

#DTCMSKategorie3 li
{

	font-size:10pt;
	line-height:.8em;
	list-style:none;
	
	float:left;
	text-align:center;
}
#DTCMSKategorie3 li a
{
	display:block;
	
	padding:.5em;
	
	overflow:hidden;
	color:#888888;
}
#DTCMSKategorie3 li a.current
{
	text-decoration:underline;
	color:#cc0000;
}
#DTCMSKategorie3 li a:hover
{
	cursor:pointer;
	background-color:rgba(0,0,0,.05);

}


#DTCMSMobK3
{
	clear:both;
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	
	background-color:#aaaaaa;
	border-top:1px solid rgba(255,255,255,.2);
}

#DTCMSMobK3 li
{

	font-size:11pt;
	line-height:.8em;
	list-style:none;
	
	float:left;
	text-align:center;
}
#DTCMSMobK3 li a
{
	display:inline-block;
	width:100%;
	height:2em;
	
	overflow:hidden;
	color:White;
}
#DTCMSMobK3 li a.current
{
	background-color:rgba(255,255,255,.3);
	-moz-box-shadow: 0px 0px 6px 0px RGBA(0,0,0,0.3);	-webkit-box-shadow:  0px 0px 6px 0px RGBA(0,0,0,0.3);	box-shadow: 0px 0px 6px 0px RGBA(0,0,0,0.3);
}
#DTCMSMobK3 li a:hover
{
	cursor:pointer;
	background-color:rgba(255,255,255,.2);

}
/*ENDE MobileKat3 ----------------------------------------------------------------------*/

/*Leftmenu und Content---------------------------------------------------------*/
.ResponsiveLeftMenu{width:30%;float:left;overflow-x:hidden;}
.ResponsiveContent{width:70%;float:right;overflow-x:hidden;}
@media (max-device-width: 540px), (max-width: 540px) 
{.ResponsiveLeftMenu{width:100%;float:none;}
.ResponsiveContent{width:100%;float:none;}
}