/* CSS Document */
* {
	margin:0; 
	padding:0;
	outline:none;
}
/* Textabkürzung */
abbr {cursor:help;}
/*%%%%% VERÄNDERUNGEN %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Veränderungen Index:
1.) Schriftgrößen
/**

	Link Blau: 	#0064c7
	Orange:		#D67D03



1.)== SCHRIFTGRÖSSEN ========================= 
Nur in "em" angeben! 10punkt => 1em.
============================================= */	
html { overflow-y: scroll; }
body {	
		font-size:10px; 
		color:#333; 
		font-family: "Open Sans", Arial, sans-serif;	
		position:relative;
		padding:0;
} /* Standardschriftgröße festlegen */

a:active, a:focus, a:link, a:visited {
	outline:none !important;
}

.youtube {
    margin: 20px 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.youtube iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}


.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    font-size:30px;
    outline:none;
    text-align: center;
    color:#FFF !important;
    border-radius: 6px;
    z-index: 50;
    background-color: #D67D03;
}


#seiteninhalt .youtube-liste .youtube-playing {
		color:#D67D03;
		font-weight: bold;
	}

#extras-spalte {font-size:1em;}
#seiteninhalt, .seiteninhalt {font-size:1.4em;}
/*#seiteninhalt {font-size:1.2em;} ********* Ab 2013-06-20 ********** */
#fussbereich p {font-size:0.9em; *font-size:1em;}
#druckWasserzeichen {display:none; visibility:hidden;}

noscript { color:red; font-weight:bold; }
/* Verstecke Element wenn kein JavaScript aktiviert ist */
.hideOnNoScript { display:none; }	


h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	color: #D67D03;
}

.text-right { text-align:right; }
.text-left  { text-align:left; }

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */	


body p.pUnterueberschrift {
    color: grey;
    font-size: 17px;
    margin-top: -16px;
    padding-bottom: 6px;
	margin-top:50px;
	/*border-bottom:1px solid #dfdfdf;*/
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */	

div.bubbleButton, #kontakt-spalte.seminarinhalte a.bubbleButton, #seminar #kontakt-spalte a.bubbleButton, a.bubbleButton {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	text-decoration:none;
	
	background-color: #D67D03;
	background-image: linear-gradient(to bottom, #FBB450, #D67D03);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	width:auto;
	font-weight:700;
}
	div.bubbleButton.right { float:right; }
	div.bubbleButton.left { float:left; }
	html #wrapper #seiteninhalt div.bubbleButton a, #kontakt-spalte a.bubbleButton { color:#FFF;  }
	html #wrapper #seiteninhalt div.bubbleButton.right a:after { content: "»"; font-size:150%; font-weight:bold; padding-left:5px; top:1px; position:relative; }
	html #wrapper #seiteninhalt div.bubbleButton.right:hover a:after { right:-4px;}
	html #wrapper #seiteninhalt div.bubbleButton.left a:before { content: "«"; font-size:150%; font-weight:bold; padding-right:5px; top:1px; position:relative; }
	html #wrapper #seiteninhalt div.bubbleButton.left:hover a:before { left:-4px; }
	html #wrapper #seiteninhalt div.bubbleButton.hide { visibility:hidden; }
	#wrapper #kontakt-spalte a.bubbleButton,
	#wrapper #seiteninhalt a.bubbleButton { font-weight:bold; text-decoration:none; color:#FFF; text-align:center; }
	#wrapper #kontakt-spalte a.bubbleButton:hover,
	#wrapper #seiteninhalt a.bubbleButton:hover { 
		cursor:pointer; 
		background-color: #D67D03;
		background-position: 0 -15px;
		color:#FFF;
		text-decoration:none;
	}
/* E-Seminare Seitenzahlen Paginierung */
div.weiterZurueckContainer {
	overflow:hidden;
	margin:20px 0px;
	text-align:center;
}
	#wrapper #seiteninhalt div.weiterZurueckContainer div.seitenzahlen {
		margin:0 auto; width:340px;
		padding-top:7px;

	}
		#wrapper #seiteninhalt div.weiterZurueckContainer div.seitenzahlen p.ersteSeite {
		color:#999999; text-decoration:none; font-size:100%; padding:0px 4px; margin-left:85px;
	}
		#wrapper #seiteninhalt div.weiterZurueckContainer div.seitenzahlen a {
			color:#999999; text-decoration:none; font-size:150%; padding:0px 4px;

		}
		#wrapper #seiteninhalt div.weiterZurueckContainer div.seitenzahlen a:hover,
		#wrapper #seiteninhalt div.weiterZurueckContainer div.seitenzahlen a.active {
			position:relative;
			top:-3px;
			color:#D67D03;
		}

/* Für alles was NUR im Print zusehen sein soll */
.noscreen { visibility:hidden; display:none; }

.shadow {
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}

#wrapper {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#BREADCRUMB {
	font-size: 1.4em;
	
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
}
	#BREADCRUMB > * {
		display:inline-block;
	
		margin:0 2px;
	}
	#BREADCRUMB > em {
		/*width:360px;*/
		width:600px;
	}

	#BREADCRUMB span, a span.orange { 
		color:#D67D03;
		font-weight:bold;
		font-size:16px;
		line-height:14px;
		padding:0 5px;
	}
	#BREADCRUMB a {
		font-weight:normal;
		text-decoration:none;
		color:#666;
	}
	
	hr {color:#1a3a5b;}
	img {border:none;}
	pre {font-size:1.2em;}
/* ==== KOPFBEREICH =================================================================================== */
#kopfbereich {
	height:auto;
	/*background:url(../../images/logo/kopfbild_empty.jpg) top left no-repeat #1a3a5b;*/
	position:relative;
	color:grey;
	border-bottom: 2px solid #D67D03;
}



#unternaviBalken {
	/* background-color: #D67D03; -> kurze Unterlinie uner Haupnavi ->  2013-07-26 ********* */
    height: 2px;
    margin: 162px auto 0;
    width: 100%;
}


	
	#LOGOCONTAINER {
		margin-top:20px;
		margin-bottom: 13px;
	}
		#LOGOCONTAINER img {
			width:158px;
		}
		.startseite #LOGOCONTAINER img {
			width:210px;
		}
	@media screen and (max-width:992px) {
		#LOGOCONTAINER img, .startseite #LOGOCONTAINER img {
			width:132px;
		}
	}
	
	#kopfbereich #stichwortlisteContainer {
		position:absolute; top:10px; right:10px; z-index:2000;
	}

		
		#kopfbereich #TAGLINE {
			position:absolute;
			top:75px; right:0;
			color:#FFF; font-style:italic; 
			font-size:14px;
			text-align:left;
			width:360px;
			color:#FFF;
			padding-left:100px;
		}
			#TAGLINE span {
				font-size:30px; font-weight:bold;
				font-style:normal;
				width:80px; 
				text-align:center;
				position:absolute; top:0; left:0;
				line-height:120%;
			}
		
		
	#kopfbereich p {
		position:absolute;
		top:5px;
		right:0px;
		color:#FFF;
		font-family:Verdana;
	}
	#kopfbereich a {
		color:inherit;
		text-decoration:none;
		outline: none;
	}
	#kopfbereich a:hover {
		text-decoration:underline;
	}
	
	
	#mininav {
		float:right;
		width:auto;
		margin-top:15px;
		font-size:1.4em;
		line-height: 20px;
		margin-bottom: 0;
	}
	.startseite #mininav {
		margin-top: 11px;
	}


	#mininav .xs-menu-toggler {
		z-index:2100;
	}
	#mininav li a {
		padding:10px 15px;
	}
	#mininav a span {
		padding-right:5px;
	}
	
	.container ul .experten-anmeldung a, #mininav .experten-anmeldung a {
		background-color:#D67D03;
		color:#FFF;
		padding:10px 15px !important;
	}
	.container ul .experten-anmeldung a:hover, #mininav .experten-anmeldung a:hover {
		color:#D67D03;
		background-color:#EEE;
	}

		#mininav a:hover {
			color:#D67D03;
			text-decoration:none;
		}
		
		#mininav li ul.dropdown {
			position:absolute;
			top:15px; left:0;
			padding:5px 10px;
			width:auto; 
			/* background-color:#D67D03; */
			background:none repeat scroll 0 0 #D67D03;
			display:none;
			border-left: 1px solid #A6420C;
			border-bottom:1px solid #A6420C;
		}
		#mininav li.dropdownTrigger:hover ul.dropdown { display:block; }
	
		
	#kopfbereich img {border:none;}
	html body #kopfbereich h1#logoheadline {border:none;}
/* == Kopfbereich Grafiken == */
	#kopfgrafiken {
		
		position:absolute;
		right:0px;
		top:42px;
		width:537px;
		*width:555px;
		z-index:10;
		
		}
		#kopfgrafiken img {
			border-left:1px solid #87B7E8;
			border-top:1px solid #87B7E8;
			border-bottom:1px solid #072442;
	border-right:1px solid #072442;
		}
		#kopfgrafiken a {
			cursor:default !important;
		}
			.schatten1 {
				position:relative;
				float:left;
				margin-left: 17px;
				
				}

	
/**
 *	XS Menu -> Menü für mobile
 *
 */
#XS_MENU {

}
	#XS_MENU h2 {
		font-size: 16px;
		margin-top: 0;
	}
	#XS_MENU_LIST > li {
		margin-top:0;
	}
	#XS_MENU .panel {
		margin-bottom: 0px;
		border: none;
		border-radius:0;
		box-shadow: none;
		border-bottom: 1px solid #CCC;
	}
	#XS_MENU .panel > div {
		padding-left:15px;
	}
	#XS_MENU .panel > a {
		font-size: 18px;
	}
	#XS_MENU .panel > a:hover {
		text-decoration: none;
	}
	#XS_MENU .panel > a:active, #XS_MENU .panel > a:focus {
		outline:none;
	}

	#XS_MENU .dropdownListe {
		padding-top:10px;
	}
	#XS_MENU .dropdownListe ul {
		list-style:none;
		margin-left: 15px;
	}
	#XS_MENU .dropdownListe ul li {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#XS_MENU .dropdownListe ul li a {
		color:#004B97;
	}
	
	.footer-container .dropdownListe {
		overflow:hidden;
	}

	
.full-size-row	{
	width:100%;
	padding:10px 0;
}
.full-size-row.oranger-balken {
	background-color: #D67D03;
}
/* Frank am 2017-08-26 */
@media (min-width: 580px) {
	.full-size-row.oranger-balken {
		height:54px;
	}
}

.slider-wrapper {
	position: relative;
}

#suche-balken {
	width:100%;
	position: absolute; 
	top:48%;
	transform:translateY(-50%);
	z-index: 100;

}
#suche-balken #freiesuche_wrapper {
	float:none !important;
	padding:14px;
	box-sizing: content-box;
	background-color: #D67D03;
	box-shadow: 0 2px 5px #444444;
}

.no-js #freiesuche_wrapper #main_search {
	display:none;
}
.no-js #freiesuche_wrapper noscript {
	color:#FFF;
	font-weight: bold;
	font-size:18px;
	text-align: center;
	display:block;
}

#freiesuche_wrapper {
	max-width:1170px;
	margin:0 auto;
	padding:0 15px;
}



#freiesuche_wrapper select {
	height: 34px;
	border: none;
	border: 1px solid #ccc;

	padding: 6px 12px;
	display:inline;
	font-size: 14px;
}

#freiesuche_wrapper .kategorie-dropdown {
	float:left;
	width:35%;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;

	margin-right: -1px;
}
#freiesuche_wrapper option.option-dropdown  {
	font-size: 17px;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;	
}
#freiesuche_wrapper .selectize-input {
	border-radius: 0;
	font-size:14px;
	
}
#freiesuche_wrapper .selectize-control, .searchable-dropdown {
	display:block;
	width:60%;
	float:left;
	border-radius: 0;

}
#freiesuche_wrapper button {
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height:34px;
	padding:6px 12px;
	border: 1px solid #ccc;
	margin-left: -1px;
	width: 5%;
}
#freiesuche_wrapper .selectize-dropdown-content {
	font-size:14px;
}


@media (max-width:580px) {
	#freiesuche_wrapper .kategorie-dropdown, 
	#freiesuche_wrapper .selectize-control, .searchable-dropdown,
	#freiesuche_wrapper button {
		float:none;
		width: 100%;
		border-radius: none;
		margin-bottom: 4px;
		border-radius: 4px;
	}
	#freiesuche_wrapper .selectize-input {
		border-radius: 4px;	
	}
	
	.slider-wrapper {
		position: relative;
		background-color: #D67D03;
	}
	#suche-balken {
		position: static;
		transform:none;
	}
	#suche-balken #freiesuche_wrapper {
		width:90%;
		box-shadow: none;
		position: static;
	}
	.nivoSlider {
		display:none;
	}
}






@media (max-width:600px) {
	#kopfbereich {
		height:auto;
	}
	#LOGOCONTAINER {
		margin-bottom:10px;
	}
	#LOGOCONTAINER #LOGO_BILD img {
		max-width:120px;
	}
	#mininav li a {
		white-space: nowrap;
	}
}

@media (max-width:320px) {
		
		#mininav {
			position: relative;
			z-index: 999;
		}
		#LOGOCONTAINER {
			margin-bottom: 20px;
		}
		#freiesuche > div {
		width:88% !important;
	}

}
@media (min-width:601px) and (max-width:768px) {
	#kopfbereich {
		height:auto;
	}
	#LOGOCONTAINER {
		
		margin-bottom:20px;
		
	}
	#LOGOCONTAINER #LOGO_BILD img {
		max-width:120px;
	}


	
	#mininav li a {
		white-space: nowrap;
	}
	
}


				
/*=============================================================

				Hauptnavigation

==============================================================*/




/*==== FRANK ====================*/
@media (min-width: 992px) {
	.startseite header .row-2 {
		margin-top:22px;
	}
}

@media (min-width: 768px) {
	
	#hauptnavigation {
		/* NEU 2012-11-09 FRANK - Kleiner Website-Kopf */
		
		display:inline;
		font-size:1.4em;
	}

	/*
		Hintergrund für die Hauptnavi, beim Hover.
		Damit der graue Balken durchgehend ist
	*/
	#NAVI_BG {
		width:100%;
		position:absolute;
		top:161px;
		left:0;
		right:0;
		background-color: #F9F9F9;
		height:348px;
		display:none;
		border-bottom:2px solid #D67D03;
	}

	#hauptnavigation > li {
		padding: 0;
		list-style: none;
		display:inline-block;
		overflow:visible;
	}
	#hauptnavigation > li > a {
		color: #888888;
	    display: block;
	    /*font-weight: bold;
	    letter-spacing: 0.5px;*/
	    padding-top: 5px;
	    text-align: center;
	    text-decoration: none;
		margin-left:10px;
	}

	.bullet {
		color:#D67D03;
		display:inline-block;
		position:relative;
		margin-right:15px;
		top:2px;
		font-size:18px;
	}

	.bulletEListeStart {
		color:#D67D03;
		display:inline-block;
		position:relative;
		top:2px;
		font-size:18px;
		margin-left:4px;
		margin-right:4px;
	}
/*
	#hauptnavigation > li > a.inactive:hover {
		text-decoration:none;
		padding-bottom:5px;
		border-bottom:4px solid #D67D03;
		text-shadow:1px -1px 1px #555;
		
	}	
	*/
	
	#hauptnavigation > li .dropdownContainer {
	   	background-color: #F9F9F9;
	    display: block;
	    overflow: hidden;
	    position: absolute;
	    top: 37px;
	    width: 1141px;
	    z-index: 1900;
		height:0px;
		/* ***************** border-bottom:2px solid #D67D03; NICHT EINKOMMENTIEREN -> DIV-FEHLER BEIM HOVER !!!!! ******* */
	     /*border-left: 10000px solid #F9F9F9;
		 left: -10000px;
		border-bottom:2px solid #E2E2E2;
		border-top:1px solid #D67d03; 
	    border-right: 10000px solid #F9F9F9;*/
		left:-280px;	
		/*opacity:0.9*/

	/*
	    transition-property
	    transition-duration
	    transition-timing-function
	    transition-delay
	*/	
	}
/* 2015-05-30 ??????????? FRANK wg/ Hauonavi soll bei Bildschirm-Drehen geschlossen sein !!!!!
@media (max-width: 992px) {

	#hauptnavigation > li .dropdownContainer {
		hidden-md hidden-lg mobile-collapse
	}

}*/
	#hauptnavigation.delayed > li .dropdownContainer { 
		transition-property: height, top, border;
		transition-duraton: 0;
		transition-timing-function: linear;
		transition-delay: 0.5s;
	}

	#hauptnavigation > li:hover > a {
		color:#D67D03;
		text-decoration:none;
	}

	


	#hauptnavigation > li .dropdownContainer .innerContainer {
		margin:20px;
	}
		
		
	#hauptnavigation > li .dropdownContainer .dropdownListe {
		float:left;
		width:calc(25% - 40px);
		margin-right:40px;
	}
	
	#hauptnavigation > li .dropdownContainer .dropdownListe h2 {
		/*background-color: #E8E8E8;
		border: 10px solid #E8E8E8;*/     /* 2013-03-16 FRANK */
		background-color: #DFDFDF;
		border:10px solid #DFDFDF;
		font-size: 15px;
		margin-top: 0;
		margin-bottom:10px;
		border-radius:5px;
	}
	
	#hauptnavigation > li .dropdownContainer .dropdownListe li {
		line-height:30px;
		list-style:none;
		margin-left:5px;
		
	}

	#hauptnavigation > li .dropdownContainer .dropdownListe li a {
		text-decoration:none;
		display:block;
		/*color:grey;*/
		color:#666;
		border-bottom:1px solid #EDEDED;
		padding-left:5px;
		background: url("/images/seminare-a-z/pe-seminare-klein.gif") no-repeat scroll 0 12px transparent;
    	list-style: none outside none;
    	margin-left: 0;
    	padding-left: 15px;
	}
	
	#hauptnavigation > li.activeLink > a {
		text-decoration:none;
		color:#D67D03;
	}
	
	#hauptnavigation > li .dropdownContainer .dropdownListe li a:hover {	
		color:#d67d03;		
	}
	

	#hauptnavigation #seminarDropdown .dropdownContainer .innerContainer {
		left:70px;
	}
	
	#hauptnavigation #inhouseDropdown .dropdownContainer .innerContainer {
		left:210px;
	}
	
	#hauptnavigation #unternehmenDropdown .dropdownContainer .innerContainer {
		left:280px;
	}
	
	#hauptnavigation #serviceDropdown .dropdownContainer .innerContainer {
		left:390px;
	}

	
}

@media (min-width: 980px) {
	#hauptnavigation > li:hover .dropdownContainer {
		display:block; 
		height:470px;
		border-bottom:2px solid #D67D03;
	}
}

/*

@media (max-width: 992px) {
	#kopfbereich {
		height:auto;
	}
	#header {
		border-bottom:none !important;
	}
	#hauptnavigation_wrapper {
		display:block;
		width:100%;
		margin-top:20px;
		
	}
	#hauptnavigation_wrapper > div {
		float:none;
		overflow:hidden;
		padding-left:0;
		padding-right:0;
	}
	
	#hauptnavigation {
		display:block;
		width:100%;
	}
	#hauptnavigation > li {
		display:block;
		width:100%;
		list-style:none;
		text-align:left;
	}
	#hauptnavigation .dropdownToggler a {
		text-align:left;
		display:inline-block;
	}
	#hauptnavigation .dropdownToggler a .bullet {
		display:none;
	}
	
	
	#hauptnavigation_wrapper .mobile-collapse {
		background-color: #fafafa;
		border-bottom: 1px solid #dfdfdf;
		display: inline-block;
		text-align: left;
		width: 100%;
		font-size:14px;
		padding: 10px 15px;
		color: #0064C7;
		text-decoration: none;
	}
	
	.mobile-collapse:focus, .mobile-collapse:hover {
		text-decoration: none !important;
		background-color: #EEE;
		border-radius: 4px;
	}
	#hauptnavigation_wrapper .dropdownContainer.open {
		background-color: #F9F9F9;
		padding:10px 15px;
	}
	#hauptnavigation_wrapper .dropdownContainer.open h2 {
		margin-top:10px;
		font-size:14px;
		letter-spacing:2px;
	}
	#hauptnavigation_wrapper .dropdownContainer .dropdownListe ul {
		margin-left:15px;
	}
	#hauptnavigation_wrapper .dropdownContainer .dropdownListe a {
		font-size:14px;
		line-height:24px;
		color: #0064C7;
	}
	
	
	
	
}
*/
	


/*==============================================================

					Unternavigation  

============================================================ */
#unternavigation {
	margin-top:0;
	position:relative;
}
	


/*==========================================================
		
						Stichwort Liste, Dropdown
										
============================================================*/

#stichwortliste {
	position:absolute;
	top:15px;
	right:0px;
	z-index:1200;
	display:none;

		height:300px;
		overflow-y:scroll;
		width:400px;
		border-top:1px solid #F39516;
		border-left:1px solid #F39516;
		border-bottom:1px solid #D67D03;
		border-right:1px solid #D67D03;		
		font-size:12px;
		padding:20px;
		/* fallback */ 
		background-color: #F39516;
		/* Safari 4-5, Chrome 1-9 */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F39516), to(#D67D03)); 
		/* Safari 5.1, Chrome 10+ */ 
		background: -webkit-linear-gradient(top, #F39516, #D67D03); 
		/* Firefox 3.6+ */ 
		background: -moz-linear-gradient(top, #F39516, #D67D03); 
		/* IE 10 */ 
		background: -ms-linear-gradient(top, #F39516, #D67D03);
		/* Opera 11.10+ */ 
		background: -o-linear-gradient(top, #F39516, #D67D03);
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39516', endColorstr='#D67D03',GradientType=0 ); 	
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	#stichwortliste li {
		list-style-position:inside;
		list-style-type:none;
		margin-bottom:4px;
		color:#FFF;
	}
	#stichwortliste li a {
		color:#FFF;
		text-decoration:none;
	}
	#stichwortliste li a:hover {
		text-decoration:underline;
	}

/* "Template" für Stichworte / Noscript */
.stichwortseite h1 {
}
.stichwortseite ul {
	
}
	#seiteninhalt.stichwortseite  ul li {
		list-style:none;
	}
		.stichwortseite ul li a {
		}



/*======================================================

				Seite

=======================================================*/
#seite {
	position:relative; 
	overflow:hidden;
	margin-top:30px;
}

@media (max-width: 992px) {
	#seite {
		margin-top:20px;
	}
}


.startseite #seite {
	overflow:visible;
}


	
	
	/* ============================================================
	
			2012	
	
	============================================================== */
	
	/* ========= Campus-Seminar-Startseite ======================= */
	#seiteninhalt div.thementeaser1 {
		border-bottom:1px solid #EDEDED;
		margin-bottom:20px;
	}
	#seiteninhalt div.thementeaser1.last { border-bottom:none; }
		#seiteninhalt div.thementeaser1 h2 {
			margin-bottom:0px;
			font-size:16px; color:#D67D03; 
		}
		#seiteninhalt div.thementeaser1 p {
			padding:0px 0px;
		}
		#wrapper #seiteninhalt div.thementeaser1 p a {
			color:#0064c7;; display:block; text-align:right;
		}
		
	/* =========== Seiteninhalte ========================= */
	
	#seiteninhalt div.thementeaser {
		border-bottom:1px solid #EDEDED;
		margin-bottom:20px;
		height:360px;
	}
	#seiteninhalt div.thementeaser.scroll{
		border-bottom:1px solid #EDEDED;
		margin-bottom:20px;
		height: 360px;
	}
	#seiteninhalt div.thementeaser.last { border-bottom:none; }
		#seiteninhalt div.thementeaser h2 {
			margin-bottom:0px;
			font-size:16px; color:#D67D03;
		}
		#seiteninhalt div.thementeaser p {
			padding:0px 0px;
		}
		#wrapper #seiteninhalt div.thementeaser p a {
			color:#D67D03; display:block; text-align:right;
		}
/* ===================================================================

			Seminarempfehlung

=====================================================================*/


#seiteninhalt div.seminar-empfehlung {
    border-bottom: 1px solid #EDEDED;
    line-height: 1.3em;
    margin: 0 0 25px;
    overflow: hidden;
    padding: 5px 10px 25px 0px;
	font-size: 1.1em;
}

#seiteninhalt h3.seminar-textempfehlung {
	color: #666666;
}

/* ===================================================================

			Zweierlisten für Themen

=====================================================================*/
#seiteninhalt #themenspalte1,
#seiteninhalt #themenspalte2 {
	width:239px;
	float:left;
}

	#seiteninhalt #themenspalte1,
	#seiteninhalt #themenspalte2 {
		margin-right:20px;
	}
	
	#seiteninhalt #themenspalte1 h4,
	#seiteninhalt #themenspalte2 h4 {
		border-bottom:1px solid #ccc;
		margin-right:10px;
	}
	
	#seiteninhalt #themenspalte1 ul li,
	#seiteninhalt #themenspalte2 ul li {
		color:#ccc;
	}
	#seiteninhalt #themenspalte1 ul li a,
	#seiteninhalt #themenspalte2 ul li a {

 	}
	/*#seiteninhalt #themenspalte1 ul {
		border-right: 1px solid #D67D03;
	}*/
	
/* ===================================================================

			Seitenangaben 1 - 40 (z.B.)

=====================================================================*/
	
/*
#seiteninhalt #lexikonAZlisteContainer {
    clear: both;
    margin-bottom: 20px;
}
layout.css (Zeile 186)
#seiteninhalt div {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
*/

#seiteninhalt div.blocktext {
    text-align:center;
    width: 36em;
	margin-bottom:-40px;
	font-size:16px;
}
#seiteninhalt div.blocktext p {
	letter-spacing:0.3em;
	/* background-color:#FFDCBC; */
}
#wrapper #seiteninhalt div.blocktext a {
	color:grey;
}
#seiteninhalt div.blocktext a:hover {
	text-decoration: underline;
	background-color: #F39516;
	text-align:center;
}
#seiteninhalt div.blocktext p a:active {
	text-decoration: underline;
	background-color:#D67D03;
}






	
/*==============================================================

		 		Kontaktspalte
		
===============================================================*/	
#blind_kontaktspalte {
	float:right;
	height:720px;
	z-index:1;
	width:1px;
	position:relative;
}
#kontakt-spalte {
	color:#333;
	font-size:1.4em;
}

	#kontakt-spalte	#SchnellsucheLink a {font-size:12px;}
	#kontakt-spalte a {
		color:#1a3a5b;
		padding:6px 0 6px 10px; 
		*width:160px;
		/* background-color:#efefee; */
		display:block;
		 background-color: #EFEFEE;
	}
	#kontakt-spalte li {
		list-style-position:inside;
		*list-style-position:outside;
		list-style-type:none;
	}
	#kontakt-spalte a:link, #kontakt-spalte a:visited, #kontakt-spalte a:active {
		text-decoration:none;
		background-color:#fff;
		border-bottom:1px solid #EFEFEF;
	}	

	#kontakt-spalte a.experten-bild-link {
		display:inline-block;
		padding:2px;
		margin:0 10px 10px 0;
		background-color: transparent;
		border-bottom: none;
		margin:10px 0;
	}
	#kontakt-spalte a.experten-bild-link div {
		border:none;
	}
/*	#kontakt-spalte a:hover {
		background-color:#efefef; 
	}*/
	/* von Frank am 27.04.2011 ================ */
	#kontakt-spalte p {
		margin: 0.8em 0;
	}
	#kontakt-spalte p.pkombis {
		margin-top: 10px;
	}
	#kontakt-spalte p.termin {
		color: red;
	}
	
	#kontakt-spalte > div {
		padding:20px;
		margin:20px 0;
	}
		#kontakt-spalte div h4 {
			margin-bottom:10px;
		}
		#kontakt-spalte div ul li {
			list-style-position:outside;
			margin-left:13px;
		}
		#kontakt-spalte div.bildungspraemie {
		background-color:#FFEBD7;
		border:1px solid #D67D03;
		border-radius: 10px;

		border-left: 1px solid #D67D03;
		border-right: 1px solid #D67D03;
			/*background-color:#E5FACA;*/
		}	
			#kontakt-spalte div.info {
				padding:0px;
				margin:0px;
				background-color: #fafafa;
  				border: 1px solid #004c91;
			}
				#kontakt-spalte h3.info {
					background-color: #004c91;
					border-bottom: 4px solid #004c91;
					border-top: 4px solid #004c91;
					color: #fff;
					text-align: center;
				}
				#kontakt-spalte p.info {
					padding:0px 10px;
				
				}		
/* Raquo für Verlinkung */
b.linkPfeil {
	color:#D67D03; 
	font-size:1.3em;
}
.linkPfeil {
	color:#D67D03; 
	font-size:0.6em;
	padding-top:1px;
	/*vertical-align:top;*/
}
/* Raquo für Verlinkung der Kontaktspalte*/
b.linkPfeilgrey {
	color:grey; 
	font-size:1.3em;
}
/* Seiten Merker ================================*/
div#besucherweg {
	background-color:#FAFAFA;
	border:1px solid #ddd;
	}
	#besucherweg h4 {
		font-size:1.2em;
		font-weight:bold;
		color: #D67D03;
	}
#kontakt-spalte #besucherweg a:link,
#kontakt-spalte #besucherweg a:visited,
#kontakt-spalte #besucherweg a:active {
	border-bottom:none;
	display:inline;
	padding:2px 0;
	margin:0;
	background-color:transparent;
	color:#0064c7;
}
#kontakt-spalte #besucherweg ul li {
	list-style:outside square; 
	margin-bottom:10px;
	color: #D67D03;
	overflow: visible;
}
#kontakt-spalte .contextContainer .orangeneQuadrate {
	margin-bottom:20px;
}
	#wrapper #kontakt-spalte .contextContainer .orangeneQuadrate li {
		list-style:outside square; 
		color: #D67D03;
	}
	#kontakt-spalte .contextContainer .orangeneQuadrate li span {
		color:#333;
	}
	#kontakt-spalte .contextContainer .orangeneQuadrate li span em {
		color:#888; font-style:normal;
	}


#besucherweg a:hover {
	border-bottom:none;
	text-decoration:underline;
	background-color:transparent;
	}

	#kontakt-spalte #besucherweg p#reset {
	text-align:right;
	padding:0 10px 2px 0;
	font-size: 11px;
    margin-top: 10px;
		}


/*======================================================================================

							Extrasspalte

======================================================================================*/
#extras-spalte {
	background-color:#fff;
	width:205px;	
	float:left;
	padding:5px;
	padding-left:0px;
}

#extras-spalte li {
	list-style-type:none;
	list-style-position:inside;
	*list-style-position:outside;
	margin-bottom:2px;
	}
	
	#extras-spalte .baustein {
		padding:10px;
		font-size:12px;
		border:1px solid #DDD;
		background-color:#FAFAFA;
	}
		#seite #extras-spalte .baustein a {
			border:none;
			text-decoration:none;
			display:inline;
			padding-left:0px;
		}
		#seite #extras-spalte .baustein a:hover {
			/*background-color:#dfdfdf;*/
			background-color:none;
		}
		#extras-spalte .baustein h3 {
			font-size:14px;
		}
		#extras-spalte .baustein p {
			font-size:11px;
			margin-bottom:10px;
		}
		#extras-spalte .baustein ul {
			margin:10px 0px 10px 20px;
			list-style-type:disc;
			list-style-image:url(../../images/seminare-a-z/fo-seminare.jpg);
			list-style-position:outside;
		}
		#extras-spalte .baustein ul li {
			
			list-style-type:disc;
			list-style-image:url(../../images/seminare-a-z/fo-seminare.jpg);
			list-style-position:outside;
			margin-bottom:5px;
		}
		#extras-spalte #bildungsseminareBaustein ul {
			margin-left:0px;
		}		
		#extras-spalte #bildungsseminareBaustein ul li {
			color:#333;
			margin-bottom:10px;
			list-style:none none outside;
		}
			#wrapper #extras-spalte #bildungsseminareBaustein ul li a {
				padding:0px;
				letter-spacing:0px;
				font-size:12px;
				/* color:#333; */
				color:#0064C7;
			}
			#wrapper #extras-spalte #bildungsseminareBaustein ul li a:hover {
				color:#D67D03;
				text-decoration:underline;
				background-color:none;				
			}
	
/*== EXTRAS Spalte Navigation ================================= */	
#extras-spalte a {

	color:#333;		
	padding:4px 0 4px 10px;
	*width:190px;
	border:1px solid #c5c5c5;
	display:block;
	}
#extras-spalte a:link, #extras-spalte a:visited, #extras-spalte a:active {
	text-decoration:none;
	}	


#extras-spalte #accordion a.aktuelles {
	color:#666;
	margin:10px;
	padding:6px 7px;
	border-bottom:1px solid white;
	*width:190px; 
	}

#extras-spalte #accordion a.aktuelles span {
	font-size:1.3em;
	}
#extras-spalte #accordion a.aktuelles:hover span {
	font-weight:bold;
	}
/*===================================================================================

	Schnellsuche
	-> Neu aufgebaut 2013-05-24

===================================================================================*/
#SCHNELLSUCHE_CONTAINER {
	width:100%;
	z-index:1100;	
	position:absolute;
	top:50px;
	left:0;
    display: none;
	font-size:1.4em;
}
	#SCHNELLSUCHE {
		background-color: #FAFDFD;
		border: 1px solid #EDEDED;
		box-shadow: 0 0 10px #333333;
		margin:0 auto;
		width: 840px;
		position:relative;
	}
	
	#SCHNELLSUCHE_SCHLIESSEN {
		background-color: #FFFFFF;
		border: 1px solid #D67D03;
		border-radius: 18px;
		color: #D67D03;
		cursor: pointer;
		font-size: 24px;
		font-weight: bold;
		padding: 0 10px;
		position: absolute;	
		right:-20px; 
		top: -20px;
	}	
	
	#SCHNELLSUCHE_CONTENT {
		padding:40px;
		overflow:hidden;
	}
		#SCHNELLSUCHE_CONTENT h2 {
		  	border-bottom: 1px solid #D67D03;
			border-top: 1px solid #D67D03;
			color: #D67D03;
			padding: 8px;
			text-align: center;
			margin-bottom:10px;
			font-size:1.4em;
			font-weight:normal;
		}
	
		#SCHNELLSUCHE_CONTENT ul {
			float:left;
			width:210px;
			margin:20px;
		}
		#SCHNELLSUCHE_CONTENT ul.last { margin-right:0; }
		
		#SCHNELLSUCHE_CONTENT ul li {
			color:#D67D03;
			list-style: square outside;
			margin-left:0px;
			margin-bottom:4px;
		}
		#SCHNELLSUCHE_CONTENT ul li.listenkopf {
			list-style-type:none;
			padding-left:-10px;
			font-weight:bold;
			color:#004b97;
			margin-bottom:5px;
		}

		#SCHNELLSUCHE_CONTENT ul li:not(.listenkopf) {
			list-style: outside none none;
			background: transparent url("/images/seminare-a-z/pe-seminare-klein.gif") no-repeat scroll 0px 8px;
			padding-left: 15px;
			margin-left: 0px;
		}


		#SCHNELLSUCHE_CONTENT ul li.listenkopf a {
			color:#004b97;
		}
		
			#SCHNELLSUCHE_CONTENT ul li > * {
				color:#666;
			}
	
			#SCHNELLSUCHE_CONTENT ul li a {
				color:#0064C7;
				text-decoration:none;
			}
/* Ende Schnellsuche */


/* Header */
#header {
 	/* NEU 2012-11-09 FRANK - Kleiner Website-Kopf */
  	/* background-color: #EA5D00; */
	
    /* border-bottom: 1px solid #A6420C;
    box-shadow: 0 0 4px #000000; */
    height: 159px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
	/*background-color:#FAFAFA;*/    /* 2013-03-16 FRANK */
	background-color:#FFFFFF;
	border-bottom:2px solid #D67D03;
   /* BISLANG 
   background-color: #D67D03;
    border-bottom: 1px solid #A6420C;
    box-shadow: 0 0 4px #000000;
    height: 201px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;*/
}
	
	
.paginierung {
	display:block;
	text-align:center;
	margin:20px 0;
}
.paginierung li {
	display:inline-block;
}
.paginierung li.paginierung-link {
	font-size:18px;
	margin:0;
	padding:0;
}
.paginierung .paginierung-link--empty {
	width:18px;
	height:10px;
}

#seiteninhalt .paginierung .paginierung-link--active a {
	font-size:18px;
	font-weight:bold;
	color:#D67D03;
	margin:0;
}



.experten-angebote .promotion {
	background-color:#FCF044;
}
.experten-angebote .promotion .paket-preis {
	color:red;
	font-weight: bold;
}
.experten-angebote .promotion .promotion-hinweis {
	font-size:80%;
	
	display:block;
	margin:10px 0;
}


/*======================================================

			Unterbereich / Über dem Footer
			
=======================================================*/

#unterbereich {
    background-color: #E2E2E2;
    border-top: 1px solid #D8D8D8;
    clear: both;
    color: white;
    padding-top: 10px;
    text-align: center;
}
#unterbereich h2 {
		color:#666;
		font-weight:normal;
		margin-top:40px;
		font-size:12px;
	}
	
#unterbereich li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	}
	
#unterbereich a:hover { 	text-decoration:underline; }
#unterbereich p {
	color: #666;
    margin: 0 auto;
    text-align: right;
    width: 980px;
	font-size:10px;
	}
#unterbereich p span { float:left; width:auto; }
#unterbereich p a { color:#888; }
#unterbereich a:link, #unterbereich a:visited, #unterbereich a:active, #unterbereichLinks a:link, #unterbereichLinks a:visited, #unterbereichLinks a:active {
    color: #666666;
    text-decoration: none;
}

#unterbereich a:link, #unterbereich a:visited, #unterbereich a:active, #unterbereichLinks a:link, #unterbereichLinks a:visited, #unterbereichLinks a:active {
    color: #666666;
    text-decoration: none;
}

#unterbereich p a {
    color: #888888;
}

/**
 * Table Sorter Styles
 * tablesorter
 * 
 */
table.table-sortable th:hover {
	cursor:pointer;
	background-color: #fafafa;
}
table.table-sortable th {
    background-image: url(/images/table-sorter/bg.gif); 
    background-repeat: no-repeat;
    background-position: 95% center;
    border-right:1px solid #CCC;
}
table.table-sortable th.headerSortDown { 
    background-image: url(/images/table-sorter/desc.gif);
	background-color: #e2e2e2;
} 
table.table-sortable th.headerSortUp { 
    background-image: url(/images/table-sorter/asc.gif); 
    background-color: #e2e2e2;
} 
/*======================================================

			Fussbereich / Footer
			
=======================================================*/
.footer-container {
	background-color:#EFEFEF;
	border-top:1px solid #E0E0E0;
}
.footer-container .container ul li {
	list-style:none;
}
.footer-container .container ul li, .footer-container .container p > * {
	font-size:14px;
	margin-bottom:10px;
}
	.footer-container .bordernone {
		margin:10px 0 20px 10px;
	}
	.footer-container .row {
		padding:20px 0;
	}
.footer-container .container ul li a, .footer-container .container p a {
	color:#666;
}

#endeseiteninhalt a {
	color:#666;
}



#gesamtBreite.js-container-page h1 {
	font-size:24px;
	margin-bottom:0.5em;
}
.js-container-page h2 {
	color:#888;
	font-size:16px;
}

.js-container p.SEMFUEKRA_p {
	line-height: 1.6em;
	font-size:1.4em;
}

.js-container {
	overflow:hidden;
	/*font-size:13px;*/
	background-color: #f8f8f8;
    border: 1px solid #E8E8E8;
    border-radius: 5px 5px 5px 5px;
    margin: 0 20px 20px 0;
    padding: 20px;
	width:100%;
	display:block;
}
	.js-container img {
		max-width: 100%;
		height:auto;
		border:4px solid #e8e8e8;
	}

@media (min-width:768px) {
	.js-container {
		float:left;
		width:43%;
	}
}


.js-container-seiteninhalt {
    margin: 0 20px 20px 231px;
	float:none;
	/*width:480px;*/
	display:none;
	width:93%;
}

.footer-js-container-toggler { display:none; }

.js-container h4, #seminar .js-container-seiteninhalt h4 {
	font-weight:normal;
	font-size:15px;
	font-style:italic;
	margin-bottom:5px;
	margin-top:0;
	padding-top:20px;
	border-top:1px solid #FFF;
}
	.js-container h4:first-child, #seminar .js-container-seiteninhalt h4:first-child {
		border-top:none;
		padding-top:0;
	}

.sitemap h5, #seminar .js-container-seiteninhalt h4 {
	font-weight:normal;
	/*font-size:13px;*/
	margin-bottom:5px;
	margin-top:0;
	padding-top:0px;
	color:#888888;
}

.js-container ul {
	margin-left:2px;
	padding-bottom:20px;
	border-bottom:1px solid #DDD;
}
	.js-container ul:last-child {
		border-bottom:none;
		padding-bottom:0;
	}


.js-container li {
    background: url("/images/seminare-a-z/pe-seminare-klein.gif") no-repeat scroll 0 11px rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin-left: 0;
    padding: 4px 0 4px 15px;
	line-height:150%;
}
.js-container li a {
	color: #0064C7;
    text-decoration:none;
}

.clear-js-container {
 	clear:both; height:0;
}

.js-container-left0 {
	display: block;
    margin-left: 0;
}


.table > tbody + tbody.weitere-termine {
	border-top: none;
}
.table > tbody > tr > td.no-border {
	border-top: 0;
}


/* Collapsable collapsed! */
[data-toggle="collapse"] > .glyphicon-chevron-down {
	display:inline-block;	
}			
[data-toggle="collapse"] > .glyphicon-chevron-up {
	display:none;
}			
/* Collapsable expanded! */
[data-toggle="collapse"][aria-expanded="true"] > .glyphicon-chevron-down {
	display:none;
}			
[data-toggle="collapse"][aria-expanded="true"] > .glyphicon-chevron-up {
	display:inline-block;
}

/* Accoridion ZU */
.down-right-collapse .glyphicon {
	color:#D67D03;
}
.down-right-collapse > div > .collapse {
	padding: 10px 25px;
}
.toggle-header {
	cursor:pointer;
}
.down-right-collapse [data-toggle="collapse"] > .glyphicon-chevron-right {
	display:inline-block;
}
.down-right-collapse [data-toggle="collapse"] > .glyphicon-chevron-down {
	display:none;
}
/* Accoridion ist AUF */
.down-right-collapse [data-toggle="collapse"][aria-expanded="true"] > .glyphicon-chevron-down {
	display:inline-block;
}
.down-right-collapse [data-toggle="collapse"][aria-expanded="true"] > .glyphicon-chevron-right {
	display:none;
}


/* 2017-03-03 -- FRANK --- ANFANG --- */
/* Collapsable collapsed! */
[data-toggle="collapse"] > .glyphicon-menu-down {
	display:inline-block;	
}			
[data-toggle="collapse"] > .glyphicon-menu-up {
	display:none;
}			
/* Collapsable expanded! */
[data-toggle="collapse"][aria-expanded="true"] > .glyphicon-menu-down {
	display:none;
}			
[data-toggle="collapse"][aria-expanded="true"] > .glyphicon-menu-up {
	display:inline-block;
}
/* 2017-03-03 -- FRANK --- ANFANG --- */



#COOKIE_HINWEIS {
	position: fixed;
	bottom:-100%;
	left:0;
	width:100%;
	background-color: rgba(100,100,100,0.95);
	padding:20px;
	z-index:9999999;
	color:#FFF;
	box-shadow: #121212 2px 2px 14px 2px;
}
#COOKIE_HINWEIS .inner {
	max-width:1000px;
	margin:0 auto;
}
#COOKIE_HINWEIS .inner p {
	font-size:14px;
}
#COOKIE_HINWEIS .inner a {
	font-size:14px;
	color:#fff;
	text-decoration: underline;
}