@charset "utf-8";

/*
	color-1: #22378C
	style_project:	delete mainNavHover from 
	globalCSS.php: 	aktualisieren (responsive + update)
*/

/*	/////////////////////////////////////////////////////////////////////////
	header
	///////////////////////////////////////////////////////////////////////*/
#Head{
	margin				:23px 0;
}

/*	/////////////////////////////////////////////////////////////////////////
	navi
	///////////////////////////////////////////////////////////////////////*/
/*
#NaviMain {
    background			:none;
}
#NaviMain ul{
	background			:none;
	border-bottom		:1px solid #22378C;
}
#NaviMain ul:after{
	content				:'';
	clear				:both;
	display				:block;
}
#NaviMain ul li{
	
}
#NaviMain ul li a{
	box-sizing			:border-box;
	border				:1px solid transparent;
	border-bottom		:1px solid #333;
	color				:#333;
	margin-bottom		:-1px;
}
#NaviMain ul li a:hover{
	background			:#FFF;
	color				:#E30613;
}
#NaviMain ul li a.NaviMain_Active{
	background			:#FFF;
	border-left			:1px solid #333;
	border-right		:1px solid #333;
	border-bottom		:1px solid #FFF;
	color				:#E30613;
}
#NaviMain ul li:first-child a, #NaviMain ul li:first-child a.NaviMain_Active{
	border-left			:1px solid transparent;
	padding-left		:0;
}

.mainNavHover{
}

*/


/*	-------------------	NaviSub	----------------------- */
/*
#NaviSub ul{
	border				:none;
}
#NaviSub ul li{
}
#NaviSub ul li a{
	border				:1px solid transparent;
	color				:#333;
}
#NaviSub ul li a:hover, #NaviSub ul li a.NaviSub_Active{
	border				:1px solid transparent;
	color				:#E30613;
	text-decoration		:none;
}
*/
/*	-------------------	NaviTop	----------------------- */

#NaviTop ul {
    margin: 0;
}
/*
#NaviTop ul li{
	margin				:0;
}
#NaviTop ul li a{
	border-left			:1px solid #666;
	display				:block;
	padding				:0 6px;
}
#NaviTop ul li a:hover{
    color				:#E30613;
}
#NaviTop ul li:first-child  a{
	border				:none;
}
*/

a.link::before,
li.link a::before{
	width				:0.6em;
    content				: "›";
    display				: inline-block;
	padding-left		: 0em;
    position			: relative;
    text-decoration		: none;
    transition			: all 100ms ease 0s;
}
a.link:hover::before,
li.link a:hover::before{
    padding-left		: 0.2em;
}
li.link .hidden a{
	display				:inline;
}

/*	##############################################################
	boxes info
	##############################################################*/
.box-quickinfo,
.box-quickinfo-light{
	border				: 1px solid #CCC; 
	padding				: 1em; 
	margin				: 0 0 1em 0;
}
.box-quickinfo-light{
	border				: 1px dashed #CCC; 
}

/* styled text box with a short important message */
.cd-txt-box-sms{
	background			:#e5e5e5;
	font-size			:180%;
	line-height			:1.2em;
	padding				:1.8em;
	overflow			:hidden;
}
.cd-txt-box-sms::after{
	content				:' ';
}
.cd-txt-box-sms.right{
	padding-right		:0;
}
.cd-txt-box-sms.left{
	padding-left		:0;
}
.cd-txt-box-white{
	background			:#FFF;
	padding				:0 0 1.2em 0;
}
.cd-txt-box-sms-content{
	border-left			:5px solid #003a8d;
	padding				:0.5em;
}
.cd-txt-box-sms.left .cd-txt-box-sms-content{
	border-left			:none;
	border-right		:5px solid #003a8d;
}
/* styled list box */
.cd-list-box, ul.cd-list-box{
	background			:#e5e5e5;
	padding				:1em 1.8em;
}




/*	##############################################################
	icon images
	##############################################################*/
[class^="iconimg-"], [class*=" iconimg-"]{
	width				:40px;
	height				:40px;
	background-repeat	:no-repeat;
	background-position	:0px 5px;
	margin				:0 1em 0 0;
}
.iconimg-support-supporter{
	background-image	: url("../_images/support/supporter_small.png");
}
.iconimg-support-supporter-offline{
	background-image	: url("../_images/support/supporter_small_offline.png");
}



/*	##############################################################
	list elements
	##############################################################*/
ul.default,
ul.default-strong,
ul.links,
u.default-checklist,
ul.Text_List_Nice_MarginLeft_0{
	margin:0 0 1em 0;
	padding:0;
}
ul.default,
ul.Text_List_Nice_MarginLeft_0{
	padding-left:1em;
}
ul.default li,
ul.default-strong li,
ul.default-checklist li,
ul.Text_List_Nice_MarginLeft_0 li{
	list-style-type:none;
	padding:0;
}
ul.default li::before, 
.list-default > ul li::before,
ul.default-strong li::before, 
.list-default-strong > ul li::before,
ul.Text_List_Nice_MarginLeft_0 li::before{
    content: "";
    display: block;
    position: relative;
}
ul.default li::before, 
.list-default > ul li::before,
ul.Text_List_Nice_MarginLeft_0 li::before{
    background-color: #000;
    height: 1px;
    left: -1em;
    top: 0.625em;
    width: 0.5em;
}
ul.default-strong{
	margin-left:1.6875rem;
}
ul.default-strong li::before, 
.list-default-strong > ul li::before {
	width				: 1rem;
	width				: 1em;
	height				: 0.375rem;
	height				: 0.375em;
	height				: 5px; /* prevent optical conflicts */
    background-color	: #bbbcbe;
	left				: -1.6875rem;
	top					: 0.625em;
	top					: 0.825em;
}
ul.default-checklist{
	padding-left		:1.4em;
}
ul.default-checklist li:before {
	width				: 1.4em;
	content				: "\2713"; 
	color				:#408522;
	font-family			: "iconset";
	display				: inline-block;
	margin-left			: -1.4em; 
}

ul.links li {
	list-style-type:none;
}
ul.links li a{
	padding:0.2em 0;
	display:block;
}
ul.links li.url a::before,
ul.default li.url a::before,
ul.default-strong li.url a::before, 
a.link::before{
    content: "›";
    display: inline-block;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1;
	margin-right: 0.3em;
    position: relative;
    text-decoration: none;
    transition: all 100ms ease 0s;
}

/*	##############################################################
	responsive style
	##############################################################*/
ul.responsive, ol.responsive{
	margin				:0 0 1em 0;
	padding				:0;
	border-top			:1px solid #EEE;
	display				:block;
	overflow			:hidden;
}
ol.responsive{
	padding				:0 1.4em;
}
ul.responsive li, ol.responsive li{
	border-bottom		:1px solid #EEE;
	font-size			:110%;
	padding				:0.5em;
	transition			: all 0.3s ease;
	list-style-type		:none;
}
ol.responsive li{
	list-style-type		:decimal;
}
ul.responsive li:hover, 
ul.responsive li.active,
ol.responsive li:hover, 
ol.responsive li.active{
	background			:#F7F7F7;
	background			:#F7FAFB;
	transition			: all 0.3s ease;
}
ul.responsive li a,
ol.responsive li a{
	display				:block;
	text-decoration		:none;
}
ul.responsive.iconset li span,
ul.responsive.iconset li div[class^="icon-"], ul.responsive.iconset li div[class*=" icon-"],
ol.responsive.iconset li span,
ol.responsive.iconset li div[class^="icon-"], ol.responsive.iconset li div[class*=" icon-"]{
	font-family			: "iconset";
	margin				:2px 0.5em 0 0;
}
ul.responsive li .left,
ol.responsive li .left{
	width				:inherit; /* fix the stupid stuff */
	border				:none;
}
ul.responsive li hr,
ol.responsive li hr{
	display				: inline-block;
	margin				: 0.5em 0;
}
ul.responsive li .box-quickinfo,
ol.responsive li .box-quickinfo{
	border				: none;
	border-top			: 1px solid #CCC; 
	margin				: 0;
}
ul.responsive li a.Button_Marginal,
ul.responsive li a.ButtonLink_flexibel,
ol.responsive li a.Button_Marginal,
ol.responsive li a.ButtonLink_flexibel{
	display				: inline-block;
}
ul.responsive#support-help-list li a,
ol.responsive#support-help-list li a{
	display				:inline-block;
}
ul.responsive li .hidden, ol.responsive li .hidden{
	padding				:0 1em;
}

ul.responsive#archiv-vod{
}
ul.responsive#archiv-vod li .left{
	max-width			:10%;
}
ul.responsive#archiv-vod li .right{
	max-width			:90%;
	text-align			:right;
	white-space: nowrap;
	overflow			:hidden;
	text-overflow		: ellipsis;
}

.transition-all{
	transition: all 0.3s ease;
}

.greybox {
	background			: #CCC;
    background			: rgba(0, 0, 0, 0) linear-gradient(135deg, #f6f6f6 0%, #d7d8d9 100%) repeat scroll 0 0;
    padding				: 2em;
}
.greybox-80{
    background			: rgba(255, 255, 255, 0.8) ;
}
.greybox-60{
    background			: rgba(255, 255, 255, 0.6) ;
}
.greybox-40{
    background			: rgba(255, 255, 255, 0.4) ;
}
.greybox-20{
    background			: rgba(255, 255, 255, 0.2) ;
}

.greybox h1, .greybox h2, .greybox h3, .greybox h4, .greybox h5 {
    color				: #000000;
    margin				: 0 0 15px;
    overflow			: hidden;
    padding				: 0;
    text-decoration		: none;
    text-overflow		: ellipsis;
    white-space			: nowrap;
}
.greybox p, .greybox article {
    color				: #000;
    font-size			: 1.125rem;
    line-height			: 1.1666em;
    margin				: 0 0 1em 0;
    text-decoration		: none;
}