@charset "UTF-8";
/* #### tc ##################################################################

Grün (Umschulung Fortbildung)
	#8ABC3F		rgba(138,188,63,1)

Orange Personalentwicklung
	#DB9E27		rgba(219,158,39,1)

Himmelbaul (Studium)
	#90B0D9		rgba(144,176,217,1)

Textgrau
	#444		rgba(68,68,68,1)

Verlauf Footer hellgrau-dunkelgrau
  Oben dunkelgrau
	#8F8F8F		rgba(143,143,143,1)
  Unten helleres grau
	#B1B1B1		rgba(177,177,177,1)

Verlauf helles grau rechts Kontakt
  Oben dunkles grau
	#DEDEDE		rgba(222,222,222,1)
  Unten
	Weiß	... fauler Stefan ist faul :D

Balken in Kursliste
  Helles Grau
	#F1F1F1		rgba(241,241,241,1)

############################################################################ */

/*
.layout_right > .course_list > .course_item:first-of-type > span{
	min-height: 0;
}

.layout_right > .course_list > .course_item:first-of-type > span > h1{
	margin-left: 0;
	
	color: #DB9E27;
}

.layout_right > .course_list > .course_item:first-of-type > span > h1:before{
	content: none;
}
*/



.layout_right > .course_list > .course_item:nth-of-type(1) > span,
.layout_right > .course_list > .course_item:nth-of-type(2) > span{
	min-height: 0;
}

.layout_right > .course_list > .course_item:nth-of-type(1) > span > h1,
.layout_right > .course_list > .course_item:nth-of-type(2) > span > h1{
	margin-left: 0;
	
	color: #DB9E27;
}

.layout_right > .course_list > .course_item:nth-of-type(1) > span > h1:before,
.layout_right > .course_list > .course_item:nth-of-type(2) > span > h1:before{
	content: none;
}



.mikogo_container{
	width: 100%;
    height: auto;
    border: none;
    margin-top: 1rem;
}

.mikogo_container form{
}

.mikogo_container form input[type="text"],
.mikogo_container form textarea{
	display: block;
	
	width: 100%;
	
	box-sizing: border-box;
}

.mikogo_container form textarea{
	height: 10em;
}

.mikogo_container form input[type="submit"]{
	margin-top: 1rem;
}


#special{
    display: block;
    position: absolute;
	visibility: hidden;

    top: -165px; left: 0;
    width: 720px; height: 115px;

    background-image: url('../images/layout/webbanner_praemie_sichern.png');
	/*webbanner_praemie_sichern.png*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

	text-indent: -9999px;
	line-height: 1px;
	color: transparent;


	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#special{
	/*top: -155px;*/

    /*width: 710px;*/
    /*height: 105px;*/

	/*background-image: url('../images/layout/webbanner_praemie_sichern.png');*/
}



body.page_tcstart   #special{
	visibility: visible;
    top: -115px;
}

body.page_tcstart   #special{
    /*top: -110px;*/
}






/*
body #special{
	background-image: none;
}

body #special{
	display: block !important;
	display: none;
    color: inherit;
    line-height: 1rem;
    
	font-size: .75rem;
	text-indent: 0;
}

body #special span{
	display: block;
	position: absolute;
	
	top: 10px; right: 0; bottom: 10px; left: 0;
	background-color: rgba(255,255,255,.9375);
	padding: .625rem;
	
	border-left: 5px solid #C90000;
}

body #special p{
	margin: .375rem 0;
}

body #special p:first-of-type{
	margin-top: 0;
}

body #special p:last-of-type{
	margin-bottom: 0;
}
*/





html,body{
	padding:0;
	margin:0;
	cursor:default;
}

html{
	overflow-y: scroll;
	/*overflow-x: hidden;*/

	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 250% auto;	/* WUMPE ... ?! */
	background-size: cover;

	-webkit-transition: background-image 1000ms ease-out 500ms;
	-moz-transition: background-image 1000ms ease-out 500ms;
	transition: background-image 1000ms ease-out 500ms;
}
html.ielt10{
	/*background: url('../images/layout/Hintergrund_bg_50_moz.jpg') center center no-repeat;*/
	background-attachment: fixed;
	background-size: 250% auto;
	background-size: cover;
}

body{
	position: relative;

	font-family: 'OpenSans', 'Open Sans', 'open-sans', sans-serif;
	font-weight: 250;		/* WUMPE! das musde mir mal erklären */
	font-weight: normal;		/* soll wohl eher das sein... */
	font-size:15px;
	color:#444;

	background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.9),rgba(255,255,255,.9) 40%, rgba(255,255,255,.0));
	background-image: -moz-linear-gradient(bottom,rgba(255,255,255,.9),rgba(255,255,255,.9) 40%, rgba(255,255,255,.0));
	background-image: linear-gradient(to top,rgba(255,255,255,.9),rgba(255,255,255,.9) 40%, rgba(255,255,255,.0));

	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 250% 600px;
}

body.loading *{
	cursor: progress !important;
}

body:before, body:after { content: " "; display: table }
body:after { clear: both }
.ielt8 body { zoom: 1 }



.robot-only, .print-only{
	display:none !important;
}



wbr{
	display:none;
	white-space:nowrap;
}

.ie8 wbr{
	display:inline;
}

.cf:before, .cf:after { content: " "; display: table }
.cf:after { clear: both }
.ielt8 .cf { zoom: 1 }



/* #### LAYOUT ############################################################# */

.layout_container{
	width:1200px;
	margin: 50px auto 0 auto;

	-webkit-transition: margin-top 500ms ease-out;
	-moz-transition: margin-top 500ms ease-out;
	transition: margin-top 500ms ease-out;
}

body.page_tcstart .layout_container{
	margin-top: 115px;
}



/* #### HEADER ############################################################## */

.layout_header{
	position: relative;
	height:240px;
	clear: both;
}


.layout_header .cnlink{
	visibility: hidden;

	display: block;
	position: absolute;
	top: -104px; right: 0px;
	width:166px; height:54px;

	background: url('../images/layout/logo_cn.png');

	text-indent: -9999px; line-height: 1px;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.layout_header .cnlink:before{
	content: "";
	display: block;
	position: absolute;
	top: -15px;bottom: -15px; left: -20px;
	width: 1px;

	background: -webkit-linear-gradient(top, rgba(50,50,50,0), rgba(50,50,50,.75), rgba(50,50,50,0));
	background: -moz-linear-gradient(top, rgba(50,50,50,0), rgba(50,50,50,.75), rgba(50,50,50,0));
	background: gradient(to bottom, rgba(50,50,50,0), rgba(50,50,50,.75), rgba(50,50,50,0));
}

.layout_header .homelink{
	visibility: hidden;

	display: block;
	position: absolute;
	top: -110px; right: 210px;
	width: 213px; height: 60px;

	background: url('../images/layout/logo_mp.png');

	text-indent: -9999px; line-height: 1px;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

body.page_tcstart .layout_header .homelink{
	visibility: visible;
	top:-85px;
}
body.page_tcstart .layout_header .cnlink{
	visibility: visible;
	top:-79px;
}



/* #### LEFT ############################################################### */

.layout_left{
	width:300px;
	min-height: 100px;
	float: left;
}



/* #### CONTENT ############################################################# */

.layout_content_container{
	position: relative;
	min-height: 600px;
	margin: 10px 0 0 0;
	padding: 0 0 4em 0;
	background: rgba(255,255,255,0.9);
}

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

.layout_content{
	float: left;

	width: 600px;
	min-height: 100px;

	padding: 0 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.belayout4 .layout_content{	/* 2spaltig */
	width: 900px;
	p_adding: 0 40px 0 20px;
}



/* #### RIGHT ############################################################## */

.layout_right{
	float: left;

	width:300px;
	min-height: 100px;

	padding: 0 1.5em 1.5em 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.belayout4 .layout_right{	/* 2spaltig */
	display: none;
}



/* #### FOOTER ############################################################# */

.layout_footer{
	clear: both;
	height: 175px;

	font-weight: 400;
	color: #FFF;

	background-image: -webkit-linear-gradient(#8F8F8F,#B1B1B1);
	background-image: -moz-linear-gradient(#8F8F8F,#B1B1B1);
	background-image: linear-gradient(#8F8F8F,#B1B1B1);
}

.layout_footer .layout_footer_content{
	position: relative;
	width: 1200px; height: 100%;
	margin: 0 auto;

	background-image: -webkit-linear-gradient(#8F8F8F,#B1B1B1);
	background-image: -moz-linear-gradient(#8F8F8F,#B1B1B1);
	background-image: linear-gradient(#8F8F8F,#B1B1B1);
}

.layout_footer .footer_qms,
.layout_footer .rtecontent,
.layout_footer .csc-menu,
.layout_footer .footer_links{
	position: relative;
	float: left;
	height: 175px;
	margin: 0 25px 0 0;
	padding: 0 0 0 1.5em;
}
.layout_footer .csc-menu:before,
.layout_footer .footer_links:before{
	content: "";
	display: block;
	position: absolute;
	top: .5em; left: 0;
	width: 1px; height: 90%;

	background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
	background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
	background: gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
}
.layout_footer .footer_links{
	margin-right: 0;
}

.layout_footer .footer_qms{
	position: relative;
	width: 150px; height: 150px;
	margin-top: 1em;
}

.layout_footer .footer_qms > div{
	position: absolute;
	width: 80%; height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

@-webkit-keyframes qms_ani{ 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 0.0; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } }
@-moz-keyframes qms_ani{ 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 0.0; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } }
@keyframes qms_ani{ 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 0.0; } 75% { opacity: 1.0; } 100% { opacity: 1.0; } }

.layout_footer .footer_qms > div:nth-of-type(2){
	-webkit-animation: qms_ani 7500ms linear infinite;
	-moz-animation: qms_ani 7500ms linear infinite;
	animation: qms_ani 7500ms linear infinite;
}

.layout_footer .footer_qms img{
	width: 100%;
	margin: 0;
}



.layout_footer .rtecontent{
	line-height: 1.25em;
	padding-left: 0;
}

.layout_footer .rtecontent p:first-of-type{
	margin-top: 1.75em;
}
.layout_footer .rtecontent p{
	margin: 1em 0;
}

.layout_footer .rtecontent a{
	color: inherit !important;
}



.layout_footer ul.csc-menu{
	display: block;
	overflow: hidden;
	list-style: none;
}
.layout_footer .csc-menu li{
	display: block;
}
.layout_footer .csc-menu li:first-of-type{
	margin-top: 1.75em;
}

.layout_footer .csc-menu li a{
	position: relative;
	display: block;
	padding: 0 0 0 .875em;
	line-height: 1.5em;
	text-decoration: none;
	font-weight: inherit;
	color: inherit;
}
.layout_footer .csc-menu li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 8px; left: 0;
	width: 0; height: 0;

	border-left: 8px solid #FFF;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.layout_footer .csc-menu li a:hover{
	text-decoration: underline;
}



.layout_footer ul.footer_links{
	display: block;
	margin-left: 1.5em;
	padding-left: 1.5em;
	list-style: none;
}

.layout_footer ul.footer_links li{
	display: block;
}

.layout_footer ul.footer_links li a{
	display: block;
	width: 140px; height: 50px;
	margin: 1em 0 0 0;

	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;

	text-indent: -9999px; color: transparent; line-height: 1px;
}

.layout_footer ul.footer_links li a.home{ background-image: url('../images/layout/logo_mp_weiss_kl.png'); }
.layout_footer ul.footer_links li a.agentur{ background-image: url('../images/layout/logo_cn_weiss_kl.png'); }



.layout_footer .footer_map{
	display: block;
	position: absolute;
	top: -50px; right: -50px;
	width: 200px; height: 200px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	border: 4px solid #FFF;

	box-shadow: 0 0 12px rgba(0,0,0,.25);
	/*box-shadow: 0 0 12px 0px rgba(0,0,0,.25);*/

	/*text-indent: -9999px;
	color: transparent;
	line-height: 1px;
	background-image: url('https://maps.googleapis.com/maps/api/staticmap?center=&sensor=false&zoom=15&size=220x220&scale=1&maptype=roadmap&markers=color:0x2e5dad%7Clabel:%7C51.039219,13.803824');
	background-position: center center;
	background-repeat: no-repeat;*/
}



/* #### MAINMENU ########################################################### */

.layout_mainmenu ul,
.layout_mainmenu li{
	display: block;
	margin: 0;
	padding: 0;
}

.layout_mainmenu ul{
	z-index: 10;
}

.layout_mainmenu ul.level0 > li{
	float: left;
	position: relative;

	background-position: bottom left;
	background-size: 100% auto;
	background-repeat: no-repeat;
}


/* hintergrund monochrome */
.layout_mainmenu ul.level0 li.uid100{ background-image: url('../images/layout/menu/uid100_ausbildung_back_bw.png') }
.layout_mainmenu ul.level0 li.uid102{ background-image: url('../images/layout/menu/uid102_umschulung_back_bw.png') }
.layout_mainmenu ul.level0 li.uid101{ background-image: url('../images/layout/menu/uid101_personal_back_bw.png') }

/* layer im button */

.layout_mainmenu ul.level0 li a div{
	content:"";
	display:block;
	position:absolute;
	top:0;right:0;bottom:0;left:0;

	background-position: left bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;

	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}


/* hintergrund bunt */

.layout_mainmenu ul.level0 li a div:nth-of-type(1){
	opacity: 0;
}

.layout_mainmenu ul.level0 li.uid100 a div:nth-of-type(1) { background-image: url('../images/layout/menu/uid100_ausbildung_back.png') }
.layout_mainmenu ul.level0 li.uid102 a div:nth-of-type(1) { background-image: url('../images/layout/menu/uid102_umschulung_back.png') }
.layout_mainmenu ul.level0 li.uid101 a div:nth-of-type(1) { background-image: url('../images/layout/menu/uid101_personal_back.png') }

.layout_mainmenu ul.level0 li.selected a div:nth-of-type(1),
.layout_mainmenu ul.level0 li a:hover div:nth-of-type(1){
	opacity: 1;
}


/* farbverlauf */

.layout_mainmenu ul.level0 li a div:nth-of-type(2){
	background-position: left 0%;
}

.layout_mainmenu ul.level0 li.uid100 a div:nth-of-type(2) { background-image: url('../images/layout/menu/uid100_ausbildung_effect.png') }
.layout_mainmenu ul.level0 li.uid102 a div:nth-of-type(2) { background-image: url('../images/layout/menu/uid102_umschulung_effect.png') }
.layout_mainmenu ul.level0 li.uid101 a div:nth-of-type(2) { background-image: url('../images/layout/menu/uid101_personal_effect.png') }

.layout_mainmenu ul.level0 li.selected a div:nth-of-type(2){
	background-position: left 100%;
}


/* icon + text */
.layout_mainmenu ul.level0 li.uid100 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid100_ausbildung_text.png') }
.layout_mainmenu ul.level0 li.uid102 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid102_umschulung_text.png') }
.layout_mainmenu ul.level0 li.uid101 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid101_personal_text.png') }

.layout_mainmenu ul.level0 li.selected.uid100 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid100_ausbildung_text_selected.png') }
.layout_mainmenu ul.level0 li.selected.uid102 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid102_umschulung_text_selected.png') }
.layout_mainmenu ul.level0 li.selected.uid101 a div:nth-of-type(3) { background-image: url('../images/layout/menu/uid101_personal_text_selected.png') }


/* rahmen */
.layout_mainmenu ul.level0 li.selected:after{
	content:"";
	display: block;
	position: absolute;
	top:-5px;right:-5px;bottom:-5px;left:-5px;
	border:5px solid #FFF;
	box-shadow: 0 0 10px #000;

	z-index: 100;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.layout_mainmenu ul.level0 li a{
	display: block;
	height:240px;
	width: 400px;
	margin: 0;
	padding: 0;

	text-indent: -9999px;
}



/* #### SUBMENU ############################################################ */

.layout_submenu{}

.layout_submenu ul,
.layout_submenu li{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.layout_submenu > ul{
	margin: 1em 1em 1em -1em;
	b_ackground: rgba(0,255,0,0.5);
}

.layout_submenu li{
	position: relative;
}

.layout_submenu li.neu:before{
	content:"";
	display: block;
	position: absolute;

	left: -1px; top: 0px;
	width: 74px; height: 48px;

	background: -webkit-linear-gradient(left, rgba(0,0,0,.125), rgba(0,0,0,0));
	background: -moz-linear-gradient(left, rgba(0,0,0,.125), rgba(0,0,0,0));
	background: gradient(to right, rgba(0,0,0,.125), rgba(0,0,0,0));
}

.layout_submenu li.neu:after{
	content:"";
	display: block;
	position: absolute;

	left: -6px; top: -7px;
	width: 58px; height: 58px;

	background-image: url('../images/layout/marker_neu_rot_02.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.layout_submenu li.neu.selected:after{
	/*left: -48px;*/
}

body .layout_submenu li.uid236.selected:after,
body .layout_submenu li.uid236:hover:after,
body .layout_submenu li.uid380.selected:after,
body .layout_submenu li.uid380:hover:after,
body .layout_submenu li.uid381.selected:after,
body .layout_submenu li.uid381:hover:after{
	content:"";
	display: block;
	position: absolute;

	left: auto; top: -6px; right: 6px;
	width: 33px; height: 60px;

	background-image: url('../images/layout/marker_online_blau.png');
	background-position: center;
	background-repeat: no-repeat;
	/*background-size: auto 100%;*/
}

.layout_submenu li a{
	position: relative;
	display: block;
	padding: 0 0 0 72px;
	margin: 0;
	color: #444;
	text-decoration: none;
	line-height: 48px;
	font-weight: 400;

	white-space: nowrap;
	overflow: hidden;
}

.layout_submenu li.uid137 a,
.layout_submenu li.uid314 a,
.layout_submenu li.uid410 a{
	letter-spacing: -1px;
	letter-spacing: -.03125em;
}

.layout_submenu ul.level0 > li > a:before{
	display: block;
	position: absolute;

	/*top: -15px;*/
	top: -2px;
	left: 28px;
	width:48px;

	line-height: 48px;
	/*font-size: 72px;*/
	font-size: 32px;

	opacity: 0.8;

	z-index:10;

	-webkit-transition: left 200ms ease-out;
	-moz-transition: left 200ms ease-out;
	transition: left 200ms ease-out;
}

.layout_submenu ul.level0 > li> a:hover:before{
	opacity: 1;
}

.layout_submenu ul.level0 > li.selected > a:before{
	left: 16px;
	opacity: 1;
}

.layout_submenu ul.level0 > li.selected > a,
.layout_submenu ul.level0 > li > a:hover{
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);
}



.layout_submenu ul.level0 > li.selected > a,
.layout_submenu ul.level0 > li > a:hover,
.layout_submenu ul.level0 > li.neu > a:hover{
	background-color: #AAA;
}

body.studium .layout_submenu ul.level0 > li.selected > a,
body.studium .layout_submenu ul.level0 > li > a:hover,
body.studium .layout_submenu ul.level0 > li.neu > a:hover{
	background-color: #90B0D9;
}

body.umschulung .layout_submenu ul.level0 > li.selected > a,
body.umschulung .layout_submenu ul.level0 > li > a:hover,
body.umschulung .layout_submenu ul.level0 > li.neu > a:hover{
	background-color: #8ABC3F;
}

body.personal .layout_submenu ul.level0 > li.selected > a,
body.personal .layout_submenu ul.level0 > li > a:hover,
body.personal .layout_submenu ul.level0 > li.neu > a:hover{
	background-color: #DB9E27;
}

body.personal .layout_submenu ul.level0 > li.uid130 > a{
	letter-spacing: -.055em;
}


.layout_submenu ul.level1 li a{
	padding: 0 1em 0 1em;
	m_argin: 0 0 0 72px;
	margin: 0 0 0 56px;
	line-height: 2.25em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height:0em;
	overflow: hidden;
	opacity: 0;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.layout_submenu li.selected ul.level1 > li > a{
	opacity: 1;
	height:2.25em;
}

.layout_submenu ul.level1 li a:before{
	content:"";
	display: block;
	position: absolute;
	top:50%;
	left:0px;
	margin: -.25em 0 0 0;
	background: #444;
	height:0.5em;
	width:0.5em;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.layout_submenu ul.level1 > li a:hover,
.layout_submenu ul.level1 > li.selected a{
	-webkit-transition: color 100ms ease-out;
	-moz-transition: color 100ms ease-out;
	transition: color 100ms ease-out;
}

.layout_submenu ul.level1 > li a:hover:before,
.layout_submenu ul.level1 > li.selected a:before{
	-webkit-transition: background 100ms ease-out;
	-moz-transition: background 100ms ease-out;
	transition: background 100ms ease-out;
}

body.studium .layout_submenu ul.level1 > li a:hover,
body.studium .layout_submenu ul.level1 > li.selected a{
	color: #90B0D9;
}

body.umschulung .layout_submenu ul.level1 > li a:hover,
body.umschulung .layout_submenu ul.level1 > li.selected a{
	color: #8ABC3F;
}

body.personal .layout_submenu ul.level1 > li a:hover,
body.personal .layout_submenu ul.level1 > li.selected a{
	color: #DB9E27;
}


body.studium .layout_submenu ul.level1 > li a:hover:before,
body.studium .layout_submenu ul.level1 > li.selected a:before{
	background-color: #90B0D9;
}

body.umschulung .layout_submenu ul.level1 > li a:hover:before,
body.umschulung .layout_submenu ul.level1 > li.selected a:before{
	background-color: #8ABC3F;
}

body.personal .layout_submenu ul.level1 > li a:hover:before,
body.personal .layout_submenu ul.level1 > li.selected a:before{
	background-color: #DB9E27;
}



/* #### STARTSEITE ######################################################### */

body.page_tcstart .layout_content_container .layout_left,
body.page_tcstart .layout_content_container .layout_content,
body.page_tcstart .layout_content_container .layout_right{
	width: 400px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 1.5em;
}

body.page_tcstart .course_list{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.page_tcstart .course_item{
}

body.page_tcstart .course_item + .course_item{
	border-top: 1px solid rgba(0,0,0,0.1);
}


body.page_tcstart .course_link{
	display: block;
	min-height: 81px;
	padding: 1em 0 1em 0;

	text-decoration: none;
	color: #444;
}



body.page_tcstart .course_title{
	position: relative;
	margin: 0 0 .5em 1em;
	font-size: 1em;
	line-height: 20px;

	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

body.page_tcstart .course_title:hover{
	-webkit-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
}

body.page_tcstart .layout_left .course_link:hover .course_title{ color: #90B0D9; }
body.page_tcstart .layout_content .course_link:hover .course_title{ color: #8ABC3F; }
body.page_tcstart .layout_right .course_link:hover .course_title{ color: #DB9E27; }

body.page_tcstart .course_title:before{
	content: "";
	display: block;
	position: absolute;
	top: 7px; left: -1em;
	width: 6px; height: 6px;
}
body.page_tcstart .layout_left .course_title:before{ background-color: #90B0D9; }
body.page_tcstart .layout_content .course_title:before{ background-color: #8ABC3F; }
body.page_tcstart .layout_right .course_title:before{ background-color: #DB9E27; }

body.page_tcstart .course_desc{
	margin: 0 0 0 1em;
}

body.page_tcstart .course_desc p{
	margin: 0;
}

/* CORONA */
/*
body.page_tcstart .layout_content ul.course_list > li:first-of-type .course_link .course_title {
    color: #D0000B;
}

body.page_tcstart .layout_content ul.course_list > li:first-of-type .course_desc p{
    color: #D0000B;
}
*/


/* #### PAGETITLE ########################################################## */

.pagetitle{
	width: 900px;

	margin: 0 0 0 300px;
	padding: 1em 1em 1em 1.5em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);

	color: #FFF;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;

	background-color: #AAA;
}

body.page_tcstart .pagetitle{ display: none; }
body.umschulung .pagetitle{ background-color: #8ABC3F; }
body.studium .pagetitle{ background-color: #90B0D9; }
body.personal .pagetitle{ background-color: #DB9E27; }

.pagetitle h1{
	margin: 0;
	line-height: 1.1em;
	font-size: 2em;
	font-weight: 400;
}
.pagetitle sub{
	font-size: 1em;
	font-weight: 400;
	clear: both;
}



/* #### DOWNLOADS ########################################################## */

.csc-uploads{
	margin: .5em 0;
}

.csc-uploads .csc-uploads-element{
	display: block;
	position: relative;
	min-height: 4em;
	margin: 0 0 1em 0;
	padding: 0 0 0 3.15em;
}
.csc-uploads .csc-uploads-element:before{
	content: "";

	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 3em; height: 4em;

	background-image: url('../images/sprites/filetypes_grau.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 510px;

	opacity: .75;
}
.csc-uploads .csc-uploads-element.csc-uploads-element-pdf:before	{ background-position: -586px -305px; }
.csc-uploads .csc-uploads-element.csc-uploads-element-doc:before	{ background-position: -107px -231px; }
.csc-uploads .csc-uploads-element.csc-uploads-element-docx:before	{ background-position: -213px -231px; }
.csc-uploads .csc-uploads-element.csc-uploads-element-xls:before	{ background-position: -479px -231px; }
.csc-uploads .csc-uploads-element.csc-uploads-element-xlsx:before	{ background-position: -586px -231px; }

.csc-uploads .csc-uploads-fileName,
.csc-uploads .csc-uploads-description,
.csc-uploads .csc-uploads-fileSize{
	display: block;
	margin: 0 0 0 .5em;
}

.csc-uploads .csc-uploads-fileName{
	margin-bottom: .375em;
	line-height: 1.5em;

	text-decoration: none !important;
	font-weight: 400;
}

.csc-uploads .csc-uploads-fileName > a{
	text-decoration: none;
	font-size: 1em;
	color: inherit;

	overflow: hidden;
	white-space: nowrap;
}
.csc-uploads .csc-uploads-fileName > a:hover{ color: #2E5DAD; }
.csc-uploads .csc-uploads-fileName > a:hover{ color: #AAA; }
body.umschulung .csc-uploads-fileName > a:hover{ color: #8ABC3F; }
body.studium .csc-uploads-fileName > a:hover{ color: #90B0D9; }
body.personal .csc-uploads-fileName > a:hover{ color: #DB9E27; }

.csc-uploads .csc-uploads-description{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.csc-uploads .csc-uploads-fileSize{}
.csc-uploads .csc-uploads-fileSize:after{
	content: "B";
}



/* #### KURSLISTE - Aktuelle Kurse ######################################### */

ul.kursliste{
	display: block;

	/*margin: 20px -20px 0 -20px;*/	/* gegen das padding in .layout_content */
	margin: 20px 0px 0 -20px; 	/* gegen das padding in .layout_content */
	padding: 0;

	list-style: none;
}

ul.kursliste pre,
ul.kursliste code{
	font-family: 'OpenSans', 'Open Sans', 'open-sans', sans-serif;
}

.kursliste_filter .input_search{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;

	display: block;
	position: absolute;
	top:17px;
	right:17px;

	padding: 0 0.5em;
	margin: 0;

	line-height: 1.5em;
	font-family: inherit;
	font-size: 17px;
	font-weight: normal;
	vertical-align: baseline;

	border-radius: 0;
	border:1px solid rgba(255,255,255,0.5);
	background: rgba(255,255,255,0);
}

/* muss einzeln gemacht werden ... die mögen 'defekte' selektoren nicht */
.kursliste_filter .input_search::-webkit-input-placeholder { color:#FFF; opacity:1 }
.kursliste_filter .input_search::-moz-input-placeholder { color:#FFF; opacity:1 }
.kursliste_filter .input_search::-moz-placeholder { color:#FFF; opacity:1 }
.kursliste_filter .input_search:-ms-input-placeholder  { color:#FFF; opacity:1 }
.kursliste_filter .input_search::input-placeholder { color:#FFF; opacity:1 }


.kursliste_filter .input_search:focus,
.kursliste_filter .input_search:valid,
.kursliste_filter .input_search:active{
	border-color:#FFF;
	background: #FFF;
	color: #333;
}
.kursliste_filter .input_search:invalid{
	outline: none;
	box-shadow: none;
}



.kursliste_filter ul.tags,
.kursliste_filter ul.tags li.tag{
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}

.kursliste_filter ul.tags:after{ content:""; display: table; clear: both }

.kursliste_filter ul.tags li.tag{
	position: relative;
	float: left;
	padding:0 4px 0 7px;
	margin:0 2em 0.5em 0;

	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;

	line-height: 18px;
	height:18px;

	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	background: #949494;
	color:#FFF;
	font-weight: 600;
	font-size: 12px;

	cursor:pointer;

	opacity: 0.66;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body.beuser .kursliste_filter ul.tags li.tag.long,
body.beuser .kursliste_filter ul.tags li.tag:nth-of-type(40):before,
body.beuser .kursliste_filter ul.tags li.tag:nth-of-type(40) ~ li.tag:before{
	content:"/!\\";
	text-decoration: underline;
	margin: 0 0.5em 0 0;
	display: inline-block;
	background: red;
	color: #FFF;
	font-weight: bold;
}


.kursliste_filter ul.tags li.tag:after{
	content:"";
	display: block;
	position: absolute;
	left:100%;
	top:0;
	height:0;
	width:0;
	font-size: inherit;

	border-top:9px solid transparent;
	border-right:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:9px solid #949494;
}

body.studium .kursliste_filter ul.tags li.tag{ background: #6291CA }
body.umschulung .kursliste_filter ul.tags li.tag{ background: #729b33 }
body.personal .kursliste_filter ul.tags li.tag{ background: #b5801e }

body.studium .kursliste_filter ul.tags li.tag:after{ border-left-color: #6291CA }
body.umschulung .kursliste_filter ul.tags li.tag:after{ border-left-color: #729b33 }
body.personal .kursliste_filter ul.tags li.tag:after{ border-left-color: #b5801e }

.kursliste_filter ul.tags li.tag:hover,
.kursliste_filter ul.tags li.tag.selected{
	opacity: 1;
}



.kursliste .kursliste_item{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;

	background-color: rgba(255,255,255,0);
	color: rgba(0,0,0,0.8);

	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: opacity 500ms ease-out, max-height 500ms ease-out 250ms, padding 500ms ease-out 250ms, border-width 500ms ease-out 250ms !important;
	-moz-transition: opacity 500ms ease-out, max-height 500ms ease-out 250ms, padding 500ms ease-out 250ms, border-width 500ms ease-out 250ms !important;
	transition: opacity 500ms ease-out, max-height 500ms ease-out 250ms, padding 500ms ease-out 250ms, border-width 500ms ease-out 250ms !important;
}

.kursliste .kursliste_item[data-cnum="A372/20"]:before,
.kursliste .kursliste_item[data-cnum="A373/20"]:before,
.kursliste .kursliste_item[data-cnum="A374/20"]:before,
.kursliste .kursliste_item[data-cnum="A375/20"]:before,
.kursliste .kursliste_item[data-cnum="A376/20"]:before,
.kursliste .kursliste_item[data-cnum="A077/21"]:before,
.kursliste .kursliste_item[data-cnum="A111/21"]:before,
.kursliste .kursliste_item[data-cnum="A129/21"]:before,
.kursliste .kursliste_item[data-cnum="A279/21"]:before{
	content: "";
	
	display: block;
	position: absolute;
	
	top: .3625rem; left: .3625rem;
	
	width: 2.5rem;
    height: 2.5rem;
	
	background-image: url('../images/layout/marker_neu_rot_02.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}

body.beuser .kursliste .kursliste_item.db_detail:after{
	position: absolute;
	top:0;right:0;
	background: red;
	color: #FFF;
	font-weight: 400;
	line-height: 1.5em;
	padding: 0 0.5em;
	content:"keine CMS-ID";
	font-size: 13px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-radius: 2px;
}


.kursliste .kursliste_item.open{
}

.kursliste .kursliste_item.hidden{
	opacity: 0;
	max-height: 0px;
	overflow: hidden;
	border-width: 0px;
	padding-top:0px;
	padding-bottom:0px;
}

.kursliste_item.open,
.kursliste_item:hover{
	background-color: rgba(255,255,255,1);

	color:rgba(0,0,0,1);

	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

.kursliste_item + .kursliste_item{
	border-top: 1px solid rgba(0,0,0,.1);
}

.kursliste_item > a{
	display: block;
	position: relative;

	padding: 15px 40px 15px 70px;
	margin: 0;

	text-decoration: none;

	font-size: 13px;
	color:inherit;
}

.kursliste_item > a:before{
	display: block;
	position: absolute;

	top: 12px; left: 12px;
	width: 40px;

	line-height: 40px;
	font-size: 36px;
}

.kursliste_item .kursliste_item_header{
	margin: 0;
	padding: 0;

	line-height: 1.2em;

	font-size: 15px;
	font-weight: 400;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.kursliste_item.open .kursliste_item_header{
	white-space: normal;
	overflow: visible;
	text-overflow:none;
}

.kursliste_item .meta{
	margin: 0;
	font-weight: 100;
}

.kursliste_item.ondemand .date{
	display:none;
}



.kursliste_item .more {
	display: block;
	padding: 0 30px 0 55px;

	max-height: 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 0px;
}


.kursliste_item.open .more{
	max-height: none;
}

.kursliste_item.open .more .description{
	max-height: none;
	font-size: 13px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius: 2px;
	padding: 0.5em 1em;
	margin: 0;
}

.kursliste_item.open .more.nodesc .description{
	display:none;
}


.kursliste_item .tags{
	display:none;
}

body.beuser .kursliste_item .tags{
	display: block;
	margin: 10px 0 0 0 ;
	padding: 0 5px;
	font-size: 13px;
	border-radius: 3px;
	background-image: -webkit-linear-gradient(top,#555,#333);
	background-image: -moz-linear-gradient(top,#555,#333);
	background-image: linear-gradient(top,#555,#333);
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	line-height: 1.75em;
}

body.beuser .kursliste_item .tags:before{
	content:"Tags: ";
	font-weight: normal;
}



/*body.beuser .kursliste_item .tags:after{
	content:"  (nur für Typo Benutzer sichtbar)";
	font-size: 11px;
	font-weight: 400;
}*/


.kursliste_item .more .button{
	display: block;
	float: right;
	margin: 15px 0 15px 10px;
	padding: 10px 15px;

	background: #AAA;
	border:none;
	border-radius:none;
	font-size: 15px;
	font-weight: 500;
	font-family: OpenSans, 'Open Sans', open-sans, sans-serif;
	color:#FFF;
	text-decoration: none;
	cursor: pointer;
}

.kursliste.kursliste_p .button.detail{
	display: none;
}

.kursliste_item.db_detail .button.detail{
	display: none;
}


body.studium .kursliste_item .more .button{ background-color: #90B0D9; }
body.umschulung .kursliste_item .more .button{ background-color: #8ABC3F }
body.personal .kursliste_item .more .button{ background-color: #DB9E27; }

body.studium .kursliste_item .more .button:active{ background-color: #6291CA }
body.umschulung .kursliste_item .more .button:active{ background-color: #729b33 }
body.personal .kursliste_item .more .button:active{ background-color: #b5801e }

.kursliste ul ul{
	margin: .25em 0;
}



/* #### PARTNER-LOGOS ###################################################### */

.csc-layout10 .csc-textpic{
	margin: 50px 1em;
}

.csc-layout10 .csc-textpic .csc-textpic-center-outer,
.csc-layout10 .csc-textpic .csc-textpic-center-inner,
.csc-layout10 .csc-textpic .csc-textpic-imagecolumn{
	float: none;
}

.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn{
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.csc-layout10 .csc-textpic .csc-textpic-imagecolumn figure{
	margin: 0 auto 2em auto;
}
.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure{
	position: absolute;
	display: block;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: 0 auto;

	z-index: 50;
	opacity: 1;
}

.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure.left{ display: none; }
.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure.right{ display: none; }
.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure.left.left0{ display: block; z-index: 49; opacity: 0; }
.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure.right.right0{ display: block; z-index: 49; opacity: 0; }

.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn.slide figure{ -webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; }


.csc-layout10 .csc-textpic .csc-textpic-imagecolumn figure a{
	display: block;
}

.csc-layout10 .csc-textpic.gt .csc-textpic-imagecolumn figure img{
	width: auto;
	height: auto;
	margin: 0 auto;
}



/* #### KONTAKT - KARTEN ################################################### */

.layout_right .card{
	width: 125%;
	margin: 2em 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background: #FFF;

	box-shadow: 0 0 12px rgba(0,0,0,.25);
	box-shadow: 0 0 12px 0px rgba(0,0,0,.25);
}

.layout_right .contact{
	position: relative;
	height: 8em;
	border: 4px solid #FFF;
	background-color: #FFF;
}

.layout_right .contact .contact_image{
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 6em;

	background-image: url('/fileadmin/user_upload/_kontakte/_dummy.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*body.studium .layout_right .contact .contact_image{ background-image: url('../../../user_upload/_kontakte/_dummy_studium.png'); }*/
/*body.umschulung .layout_right .contact .contact_image{ background-image: url('../../../user_upload/_kontakte/_dummy_umschulung.png'); }*/
/*body.personal .layout_right .contact .contact_image{ background-image: url('../../../user_upload/_kontakte/_dummy_personal.png'); }*/

.layout_right .contact .contact_person{
	float: left;
	margin: 0 0 0 6em;
	padding: 0 0 0 .5em;
	width: 71%;
}
.layout_right .contact .contact_person:before{
	content: "Ansprechpartner:";
	display: block;
	line-height: 1.5em;
	font-weight: 600;
	color: inherit;
	line-height: 2.75em;
}

.layout_right .contact .contact_person .contact_item{
	display: block;
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
}
.layout_right .contact .contact_person .contact_item.empty{
	display: none;
}

.layout_right .contact .contact_person .contact_item.name{
	color: #000;
}

.layout_right .contact .contact_company{
	display: none;
}

/* #### ZITATOMAT - KARTEN ################################################## */
.layout_right .zitatomat {
	position: relative;
	padding: 0 19px;
	border: 4px solid #FFF;
	background-color: #FFF;
}

.layout_right .zitatomat > h2 {
	display: block;
	margin: 10px 0 0 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
	text-transform: uppercase;
}

.layout_right .zitatomat a { text-decoration: none; }

.studium .zitatomat a { color: #90B0D9; }
.umschulung .zitatomat a { color: #8ABC3F; }
.personal .zitatomat a { color: #DB9E27; }

.layout_right .zitatomat a:hover { text-decoration: underline; }

.layout_right .zitatomat blockquote,
.layout_right .zitatomat blockquote p { margin: 0.5em; }

.layout_right .zitatomat blockquote a {
	font-weight: 600;
	font-style: italic;
	color: black;
}

/* #### KONTAKT - GOOGLE MAPS ############################################## */
.contact_map > div {
	width: 100%;
	height: 300px;
	margin-top: 10px;
}

.contact_map > h2 {
	display: block;
	margin: 10px 0 0 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
}

.contact_map p > span {
	display: block;
	width: 25%;
	margin: 20px 0 10px auto;
	line-height: 2em;
}

.contact_map p > span { background-color: #AAA; }
.studium .contact_map p > span { background-color: #90B0D9; }
.umschulung .contact_map p > span { background-color: #8ABC3F; }
.personal .contact_map p > span { background-color: #DB9E27; }

.contact_map p > span:active{ background-color: #999; }
.studium .contact_map p > span:active{ background-color: #6291CA; }
.umschulung .contact_map p > span:active{ background-color: #729B33; }
.personal .contact_map p > span:active{ background-color: #B5801E; }

.contact_map p > span > a {
	display: block;
	outline: none;
	font-weight: inherit;
	color: white;
	text-decoration: none;
	text-align: center;
}


/* #### KONTAKT - FORMULAR ################################################# */

.mailform{
	padding: 10px 19px;
}

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

.mailform .horst{ display:block !important; height:0 !important; overflow: hidden !important; border:none !important }

.mailform .mailform_error {
	font-weight: bold;
	color: #cc4444;
	line-height: 2em;
}

.mailform .mailform_success {
	font-weight: bold;
	/*color: #8ABC3F;*/
	line-height: 2em;
}

.mailform > h2{
	display: block;
	margin: 10px 0 0 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
}

.mailform textarea,
.mailform input{
	display: block;
	margin: 0;
	padding: 0 5px;
	line-height: 25px;
	border:1px solid rgba(0,0,0,0.25);
	outline: none;
	color: inherit;

	width:100%;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.mailform.open label input,
.mailform.open label textarea{
	border:1px solid rgba(0,0,0,0.66);
}

.mailform.open label.mailform_optional input,
.mailform.open label.mailform_optional textarea{
	border:1px solid rgba(0,0,0,0.25);
}

.mailform label{
	position:relative;
	display: block;
	width:100%;
	padding: 10px 0 0 0;
	margin: 0;

	overflow: hidden;
	opacity: 1;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.layout_right .mailform label.mailform_optional{
	padding: 0;
	max-height: 0px;
	opacity: 0;
}

.mailform.open label.mailform_optional{
	padding: 10px 0 0 0;
	max-height: 3em;
	opacity: 1;
}

.mailform.open label.mailform_optional:last-of-type{
	max-height: none;
}

.mailform label.mailform_optional:after {
	content:"optional";
	position: absolute;
	top:15px;right:10px;
	color:rgba(0,0,0,0.33);
	font-size: 11px;
}

.mailform label.mailform_optional:last-of-type:after{
	content: none;
}

.mailform input[type='checkbox']{
	display: inline-block;
	vertical-align: top;
	width: 7.5%;
	margin-top: 5px;
}

.mailform input[type='checkbox'] + label{
	display: inline-block;
	vertical-align: top;
	width: 90%;
	padding-top: 0;
}

.mailform input[type='submit']{
	margin: 20px 0 10px 0;
	width:50%;
	float: right;
	line-height: 2em;

	color: #FFF;
	font-weight: 400;
	border:none;
}

.mailform textarea{
	resize: vertical;
	height: 4em;

	-webkit-transition: height 500ms ease-out;
	-moz-transition: height 500ms ease-out;
	transition: height 500ms ease-out;
}

.mailform textarea:focus,
.mailform textarea:active,
.mailform textarea::valid{
	height: 8em;
	overflow-y: scroll;
}

.mailform label.left input{
	width: 100px;
	float: left;
}

.mailform label.right input{
	width:200px;
	float: right;
}

.mailform input.right:after{
	display:table;content:"";clear:both;
}


body .mailform input[type='submit'] { background-color: #AAA; }
body.studium .mailform input[type='submit'] { background-color: #90B0D9; }
body.umschulung .mailform input[type='submit'] { background-color: #8ABC3F; }
body.personal .mailform input[type='submit'] { background-color: #DB9E27; }

body .mailform input[type='submit']:active { background-color: #999; }
body.studium .mailform input[type='submit']:active{ background-color: #6291CA; }
body.umschulung .mailform input[type='submit']:active{ background-color: #729b33; }
body.personal .mailform input[type='submit']:active{ background-color: #B5801E; }



.mailform .personal_hint{
	display: none;
	font-weight: bold;
	color: #DB9E27;
}

body.personal .mailform .personal_hint{
	display: block;
}

body.personal .mailform .personal_hint.hidden{
	display: none;
}



.layout_content .mailform input[type='submit']{
	width: 25%;
}

.layout_content .mailform{
	padding: 0;
}

/* ### UNTERNEHMEN - HISTORIE ############################################## */
.page_178 .layout_content { width: 900px; }
.page_178 .layout_content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img { max-width: 200px; }

.page_178 .layout_content .csc-default:nth-of-type(2n):after,
.page_178 .layout_content .csc-default:nth-of-type(2n-1):after {
	content: "";
	display: block;
	position: absolute;
	top: 1.525rem;
	width: 0;
	height: 0;
	border-top: .5rem solid transparent;
	border-bottom: .5rem solid transparent;
}

.page_178 .layout_content .csc-default:nth-of-type(2n) {
	float: left;
	position: relative;
	width: 50%;
	margin-left: -.0625rem;
	border-right: .125rem solid #AAA;
}
.page_178 .layout_content .csc-default:nth-of-type(2n):after {
	right: 0;
	border-right: .75rem solid #AAA;
}
.page_178 .layout_content .csc-default:nth-of-type(2n) .rtecontent,
.page_178 .layout_content .csc-default:nth-of-type(2n) .csc-header-n2  { padding-right: 20px;  }
.page_178 .layout_content .csc-default:nth-of-type(2n) h2 { text-align: right;  }

.page_178 .layout_content .csc-default:nth-of-type(2n-1) {
	float: right;
	position: relative;
	width: 50%;
	margin-right: -.0625rem;
	border-left: .125rem solid #AAA;
}
.page_178 .layout_content .csc-default:nth-of-type(2n-1):after {
	left: 0;
	border-left: .75rem solid #AAA;
}
.page_178 .layout_content .csc-default:nth-of-type(2n-1) .rtecontent,
.page_178 .layout_content .csc-default:nth-of-type(2n) .csc-header-n2 { padding-left: 20px; }
.page_178 .layout_content .csc-default:nth-of-type(2n-1) h2  { text-align: left;  }

.page_178 .layout_content .csc-default:first-of-type {
	float: none;
	width: 100%;
	margin: 0;
	border: none;
	text-align: left;
	text-align-last: left;
}
.page_178 .layout_content .csc-default:first-of-type .rtecontent { padding: 0; }
.page_178 .layout_content .csc-default:first-of-type:after { border: none; }

/* ### BILDNACHWEIS ######################################################## */

#c662 .csc-textpic-center-outer{ position: static; float: none; right: auto; }
#c662 .csc-textpic-center-inner{ position: static; float: none; right: auto; }
#c662 .csc-textpic-imagerow{ margin: 0; }
#c662 .csc-textpic-imagecolumn{ display: block; float: none; }

#c662 figure.csc-textpic-image{
	display: inline-block;
	float: none;
	width: 33%;
	margin: 0;
	padding: 0 1em 1em 0;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#c662 figure.csc-textpic-image img{
	height: 200px;
}

#c662 figure.csc-textpic-image figcaption{
	display: block;
	padding: .5em 0 0 0;
	line-height: 1.5em;
}



/* #### LIGHTBOX ############################################################ */

.lightbox_background{
	display: none;
	position: fixed;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 9000;
}
.lightbox_background.visible{
	display: block;
}

.lightbox_container{
	display: none;
	position: fixed;
	top:49%;right:49%;bottom:49%;left:49%;

	color: #000;
	background: #FFF;
	border:10px solid #FFF;
	box-shadow: 0 0 10px #000;
	margin: -10px;

	z-index: 9001;
}
.lightbox_container.visible{
	display: block;
}
.lightbox_container:after{
	position: absolute;
	content: " ";
	display: block;
	top:0;right:0;bottom:0;left:0;
	box-shadow: inset 0 0 50px rgba(0,0,0,.25);
}

.lightbox_container .lightbox_spinner{
	display:none;
	position: absolute;
	top:50%;left:50%;
	height:40px;
	width:40px;
	margin: -20px 0 0 -20px;
	background: url('../images/layout/loading134.gif') center center no-repeat;
}
.lightbox_container.loading .lightbox_spinner{
	display: block;
}



.lightbox_container .lightbox_close{
	position: absolute;
	display: block;
	top:-35px;
	right:-35px;
	top:-50px;
	right:-50px;
	width: 60px;
	height: 60px;

	z-index: 9010;

	cursor:pointer;

	background: url('../images/layout/btn_close.png') center center no-repeat;
	background-size: 30px 30px;

	-webkit-transition: background-size 250ms cubic-bezier(0.175, 0.885, 0.240, 1);
	-webkit-transition: background-size 250ms cubic-bezier(0.175, 0.885, 0.240, 1.650);
	-moz-transition: background-size 250ms cubic-bezier(0.175, 0.885, 0.240, 1.650);
	transition: background-size 250ms cubic-bezier(0.175, 0.885, 0.240, 1.650);
}
.lightbox_container .lightbox_close:hover{
	background-size: 40px 40px;
}

.lightbox_container.loading .lightbox_close{
	display: none;
}

.lightbox_content{
	display: none;
	height: 100%;
	overflow: hidden;
}

.lightbox_content iframe,
.lightbox_content audio{
	width: 100%;
	height: 100%;
}

.lightbox_content.visible{
	display: block;
}



/* #### SITEMAP ############################################################ */

.csc-sitemap{
}

.csc-sitemap ul,
.csc-sitemap li{
	list-style: none;
	margin: 0.5em 0 0 0;
	padding: 0;
}

.csc-sitemap ul ul{
	margin: 0.25em 0 0.5em 0;
}

.csc-sitemap li{
	position: relative;
	margin:0 0 0 1em;
	padding:0.25em 0 0.25em 1em;
	border-left: 1px solid #888;
}

.csc-sitemap li:last-of-type{
	border-left-color: transparent;
}


.csc-sitemap li a{
	color: #444;
	text-decoration: none;
}

.csc-sitemap li a:before{
	content:"";
	display: block;
	position: absolute;
	left: -1px;
	top:-.25em;
	height:1em;
	width:0.5em;

	border-left: 1px solid #888;
	border-bottom:  1px solid #888;
}



/* ### TESTSEITE - MPIcon ################################################## */

#c430 h1{
	font-family: mpicon;
/*
	-moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
*/
	font-weight: normal;
	font-size: 4em;
	outline: 2px solid rgba(0,0,0,0.25);
/*
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
*/
}



/* ### ADMIN PANEL ######################################################### */

body.beuser .kursliste_item .tags.empty:after,
body.beuser [class^=Mso]:first-of-type:before,
body.beuser [class^=Mso]:last-of-type:after,
body.beuser .layout_content .rtecontent [style]:not([class^=Mso]):before,
body.beuser .layout_content .rtecontent [style]:not([class^=Mso]):after{
	display: block;
	background: red !important;
	color: #FFF;
	font: bold 12px/1.5em consolas,monospace;
	text-align: center;
}

body.beuser .kursliste_item .tags.empty:after { content:"\21E7  keine Stichwörter angegeben! \21E7" }
body.beuser .layout_content .rtecontent [style]:not([class^=Mso]):first-of-type:before{ content:"\21E9  inline style! Formatierung überprüfen \21E9" }
body.beuser .layout_content .rtecontent [style]:not([class^=Mso]):last-of-type:after{ content:"\21E7  inline style! Formatierung überprüfen \21E7" }
body.beuser [class^=Mso]:first-of-type:before{ content:"\21E9  MS Office style! Formatierung überprüfen \21E9" }
body.beuser [class^=Mso]:last-of-type:after{ content:"\21E7  MS Office style! Formatierung überprüfen \21E7" }

form#TSFE_ADMIN_PANEL_FORM{
	position:fixed !important;
	top:0 !important;
	right:0 !important;
	left: auto !important;
	bottom: auto !important;

	box-shadow: 0 0 20px rgba(0,0,0,1);
}

#TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-header td{
	padding: 0 !important;
}
.typo3-adminPanel-header-title{
	line-height: 2.5em;
	padding: 0 0 0 1em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}

/*.page_209 .layout_content .rtecontent p{
	line-height: 1.5em;
}*/

.layout_contentmenu ul{
	display: block;
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}

.layout_contentmenu ul > li{
	display: inline-block;
	list-style: none;
}

.layout_contentmenu ul > li > a{
	display: block;
	position: relative;

	height: 18px;
	line-height: 18px;

	margin: 0 .5em .25em 0;
	padding: 0 6px;

	background: #949494;
	border-radius: 3px;

	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);

	font-weight: 600;
	font-size: 12px;

	color: #FFF;

	opacity: 0.66;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.layout_contentmenu ul > li > a:hover{
	opacity: 1;
}

body.studium .layout_contentmenu ul > li > a{ background: #6291CA; }
body.umschulung .layout_contentmenu ul > li > a{ background: #729B33; }
body.personal .layout_contentmenu ul > li > a{ background: #B5801E; }

.accordion{

}

.accordion .rtecontent{
	-webkit-transition: all 125ms ease-out;
	-moz-transition: all 125ms ease-out;
	transition: all 125ms ease-out;
}

.accordion .accordion_button{
	display: inline-block;
	position: relative;
	cursor: pointer;

	width: 10em;
	height: 18px;
	line-height: 18px;

	margin: 0 .5em .25em 0;
	padding: 0 6px;

	background: #949494;
	border-radius: 3px;

	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);

	font-weight: 600;
	font-size: 12px;

	color: #FFF;

	opacity: 0.66;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.accordion .accordion_button:hover{
	opacity: 1;
}

body.studium .accordion .accordion_button{ background: #6291CA; }
body.umschulung .accordion .accordion_button{ background: #729B33; }
body.personal .accordion .accordion_button{ background: #B5801E; }

.accordion.accordion_collapsed .accordion_button:before{ content: "Weiterlesen"; }
.accordion.accordion_expanded .accordion_button:before{ content: "Text ausblenden"; }


/* #### tc ##################################################################

Orange (Personalentwicklung)
	#DB9E27		rgba(219,158, 39,1)
	#E5D3AF		rgba(240,218,177,1)

############################################################################ */

.modules > .rtecontent{
	margin: 1.75em 0 -.25em 0;
}

.modules > .rtecontent > p{
	margin: 1px 0;
	padding: 0;
}

.modules > .rtecontent > p.link{
	cursor: pointer;
}

.modules > .rtecontent > p > span{
	display: inline-block;
	vertical-align: top;

	line-height: 2em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modules > .rtecontent > p > span:first-of-type{
	/*width: 11%;*/
	padding: 0 .75em;
	background-color: rgba(240,218,177,1);
}
.modules > .rtecontent > p:hover > span:first-of-type{

	background-color: rgba(219,158, 39,1);
}

.modules > .rtecontent > p > span:last-of-type{
	width: 88.5%;
	padding: 0 .75em;
	background-color: rgba(240,218,177,.5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.modules > .rtecontent > p:hover > span:last-of-type{
	background-color: rgba(219,158, 39,.5)
}


body.page_373 .pagetitle{
	background-color: #DB9E27;
}

body.page_373 .pagetitle:after{
	content: "Sekretariats-/Assistenzbereich";
	white-space: nowrap;
	font-size: 30px;
	line-height: 1em;
}

body.page_373 .pagetitle > h1{
	width: 0;
	height: 0;
	overflow: hidden;
}

body.page_373 .rtecontent ul > li:before{
	background-color: #DB9E27;
}

body.page_373 .kursliste_item > a:before{
	color: #DB9E27;
}

body.page_373 .kursliste_item .more .button{
	background-color: #DB9E27;
}

body.page_373 .csc-header a,
body.page_373 .rtecontent a{
	color: #DB9E27;
}

body.page_373 .mailform input[type='submit'] {
  background-color: #DB9E27;
}



body.page_373 .layout_submenu ul.level0 > li.selected > a,
body.page_373 .layout_submenu ul.level0 > li > a:hover,
body.page_373 .layout_submenu ul.level0 > li.neu > a:hover{
	background-color: #DB9E27;
}







.layout_content .html_lb > img{
	width: 100%;
	height: auto;
}





#poll_container{
	display: block;
	position: relative;

	margin: 1em 0;

	background-color: #FFF;
	border: 1px solid #90B0D9;
}

#poll_container.disabled{
	height: 5em;
}

#poll_container:before{
	content: "Votingergebnis:";

	display: none;
	position: absolute;

	z-index: 9999;

	top: .5em; right: 0; left: 0;
	height: 1.5em;
	padding: 0 10px;
	line-height: 1.5em;

	opacity: 0;

	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
#poll_container.hide_form:before{
	display: block;
}
#poll_container.show_score:before{
	opacity: 1;
}



#poll_container #poll_form{
	position: relative;

	padding: 1em;

	background-color: #FFF;
}



#poll_container.disabled #poll_form,
#poll_container.hide_form #poll_form{
	display: none;
}

#poll_container.disabled:before{
	content: "Um an der Umfrage zum Studienort teilzunhemen muss die Ausführung von Skripten in Ihrem Browser aktiviert sein." !important;

	display: block;
	position: absolute;

	top: 0; right: 0; bottom: 0; left: 0;
	padding: 1em;
	line-height: 1.5em;

	background-color: #FFF;

	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#poll_container #poll_form div{
	margin: 0 0 .5em 0;
}

#poll_container #poll_form label{
	display: inline-block;

	margin: 0 0 0 .25em;
}

#poll_container #poll_form input{
	display: inline-block;

	margin: .25em 0 0 0;
}

#poll_container #poll_form input[type="submit"]{
	display: block;

	margin: .625em 0 0 0;
	padding: .5em 1em;

	background-color: #90B0D9;
	border: 1px solid #90B0D9;

	font-weight: bold;
	color: #FFF;
}

#poll_container #poll_form input[type="submit"]:hover{
	background-color: #FFF;

	color: #90B0D9;

	-webkit-transition: all 125ms ease-in-out;
	-moz-transition: all 125ms ease-in-out;
	transition: all 125ms ease-in-out;
}

#poll_container #poll_form input[name="poll[efuXC8a4P3ao]"]{
	position: absolute;

	top: -1000%; left: -1000%;
}



#poll_container #poll_canvas{
	display: none;
	position: relative;

	height: 0;
	margin-top: 2em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	opacity: 0;

	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
#poll_container.hide_form #poll_canvas{
	display: inherit;
}
#poll_container.show_score #poll_canvas{
	opacity: 1;
}

#chat{
	display: inline-block;
	position: relative;
	cursor: pointer;

	height: 18px;
	line-height: 18px;

	margin: 0 .5em .25em 0;
	padding: 0 12px;

	background: #949494;
	border-radius: 3px;

	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);

	font-weight: 600;
	font-size: 12px;

	color: #FFF;

	opacity: 0.66;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.studium	#chat{ background: #6291CA; }
body.page_376	#chat{ background: #6291CA; }
body.umschulung	#chat{ background: #729B33; }
body.personal	#chat{ background: #B5801E; }

#chat:hover {
  opacity: 1;
}

mandy{
	font-weight: bold;
}