/* 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:1200px;margin:0 auto;text-align:left;}
/*.ContentWidthDiv {width:100%;min-width:540px;max-width:/// 980px /// 1200px;margin:0 auto;text-align:left;}*/


.ResDivA {width:50%;display:inline-block;float:left;}
@media (max-device-width: 540px),(max-width: 540px) {.ResDivA {width:97%;display:block;}}


	
@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: 540px), (max-width: 540px) {
     /* 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: 704px)  {.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: 500px),(max-width: 500px)  {.CMSBox33 {width:100%;}}

.CMSBox33a {	display:inline-block;	width:33%;	float:left;}
@media (max-device-width: 740px),(max-width: 740px)  {.CMSBox33a {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: 400px),(max-width: 400px)  {.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%;}}

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

.CMSFooterBox50 {	display:inline-block;	width:50%;	float:left;}
@media (max-device-width: 750px),(max-width: 750px)  {.CMSFooterBox50 {width:100%;border-bottom:1px solid white;margin-bottom:1em;}}

.CMSFooterBox33 {	display:inline-block;	width:33%;	float:left;}
@media (max-device-width: 750px),(max-width: 750px)  {.CMSFooterBox33 {width:100%;border-bottom:1px solid white;margin-bottom:1em;}}

.CMSFooterBox33a {	display:inline-block;	width:33%;	float:left;}
@media (max-device-width: 750px),(max-width: 750px)  {.CMSFooterBox33a {width:50%;}}

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


/*
.SpecialFooter{width:25%;float:left;color:White;padding:1em 0;margin:0;}
.SpecialFooter div{font-weight:bold;padding:0;}
.SpecialFooter li{list-style:none; }
.SpecialFooter a{color:White;cursor:pointer;}
.SpecialFooter a:hover{background-color:rgba(250,250,250,.2);color:White;}
@media (max-device-width: 700px),(max-width: 700px) 
{.SpecialFooter{width:50%;height:300px;}}
@media (max-device-width: 540px),(max-width: 540px) 
{.SpecialFooter{width:100%;text-align:center;float:none;height:auto;}}

.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;	
}



.responsivpaddinghalf {padding:.5em;}
.responsivpadding {padding:1em;}
.responsivpaddingH {padding:0 1em;}
@media (max-device-width: 540px),(max-width: 540px)  
{
	.responsivpaddingH {padding:0 .5em;}
	.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/#688cc0+0,5476a8+50,456391+51,2f5082+100 */
background: rgb(104,140,192); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(104,140,192,1) 0%, rgba(84,118,168,1) 50%, rgba(69,99,145,1) 51%, rgba(47,80,130,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(104,140,192,1) 0%,rgba(84,118,168,1) 50%,rgba(69,99,145,1) 51%,rgba(47,80,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(104,140,192,1) 0%,rgba(84,118,168,1) 50%,rgba(69,99,145,1) 51%,rgba(47,80,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688cc0', endColorstr='#2f5082',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 {color:white !important;background-color:#7b95bc;} /*Hauptmenu Hintergrundfarbe aktuell*/
#DTCMSNavX 
{
	
	clear:both;
	display:inline-block;
	width:100%;
	font-size:0;
	padding:0;
	margin:0;
	background-color:#5476a8; /* <<------- Hauptmenu Hintergrundfarbe*/
	border-top:1px solid rgba(255,255,255,.1);
}
#DTCMSNavX li
{
	font-size:18px;
	list-style:none;
	float:left;
	padding:0;
	margin: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;
	
}

#DTCMSNavX li a
{
	padding:.5em;
	display:inline-block;
	margin:0;
	color:white;
	xwidth:100%;
}
#DTCMSNavX li:hover
{
	background-color:rgba(255,255,255,.1);
	
}
#DTCMSNavX li:hover > ul
{
	visibility:visible;
}
#DTCMSNavX li ul
{
	/*Dropdown Panel*/
	visibility:hidden;
	margin:0;
	padding:0;
	position:absolute;
	background-color:#6d89b5; /*  <<------- Dropdown Hintergrundfarbe*/
	z-index:99999;
	-moz-box-shadow: 3px 3px 9px 0px RGBA(0,0,0,0.3);
	-webkit-box-shadow:  3px 3px 9px 0px RGBA(0,0,0,0.3);
	box-shadow: 3px 3px 9px 0px RGBA(0,0,0,0.3);
}
#DTCMSNavX li ul li
{
	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{display:block;}

@media (max-device-width: 540px), (max-width: 540px) 
{
	/*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;overflow-y: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;}
}