html {
	background: #f2f8fc;
}

body {
	background: #f2f8fc;
	color: #262626;
	font-size:100.1%;
}

.center {
	width: 960px;
	margin: 0 auto;
}

dfn {
	font-style: italic;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/*** Header: **************************************************************************************/

#header {
	position: absolute;
	z-index: 2000;
	top: 0;
	width: 100%;
	font: 62.5% Arial,sans-serif;
}

#header #logo {
	float: left;
	width: 191px;
	height: 107px;
}

/*** Header: Top-Navigation ***********************************************************************/

#header ul#topNav {
	float: right;
	width: 385px;
}

#header ul#topNav li {
	float: left;
	list-style: none;
}

#header ul#topNav li a {
	display: block;
	width: 94px;
	margin: 0 0 0 2px;
	background: #fff;
		filter: alpha(opacity=92);    /* IE */
		opacity: 0.92;        /* allgemein */
		-moz-opacity: 0.92;   /* Mozilla  */
		-khtml-opacity: 0.92; /* KTHML   */
		-opera-opacity: 0.92; /* Opera  */
}

#header ul#topNav li.last a {
	width: 95px;
}

/* Typo: Header Top-Navigation */

#header ul#topNav li a {
	text-align: center;
	font: normal 1.2em/26px Arial,sans-serif;
	color: #262626;
	text-decoration: none;
}

#header ul#topNav li a:hover,
#header ul#topNav li a.active,
#header ul#topNav li a.active:hover {
	color: #fff;
	background: #91bbe4;
		filter: alpha(opacity=100); /* IE */
		opacity: 1;        /* allgemein  */
		-moz-opacity: 1;   /* Mozilla   */
		-khtml-opacity: 1; /* KTHML    */
		-opera-opacity: 1; /* Opera   */
}

/*** Header: Main-Navigation **********************************************************************/

#header ul#mainNav {
	clear: both;
	position: relative;
	top: 293px;
	width: 960px;
	margin: 0;
}

#header ul#mainNav li {
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
}

#header ul#mainNav li.last {
	margin: 0;
}

#header ul#mainNav li a {
	display: block;
	width: 160px;
	height: 42px;
	padding: 8px 15px 0 15px;
	background: #fff;
		filter: alpha(opacity=92);    /* IE */
		opacity: 0.92;        /* allgemein */
		-moz-opacity: 0.92;   /* Mozilla  */
		-khtml-opacity: 0.92; /* KTHML   */
		-opera-opacity: 0.92; /* Opera  */
}

#header ul#mainNav li.first a
#header ul#mainNav li.last {
	width: 161px;
}

/* Typo: Header Navigation */

#header ul#mainNav li a {
	font: normal 1.7em/20px Arial,sans-serif;
	color: #262626;
	text-decoration: none;
}

#header ul#mainNav li a span {
	display: block;
	font: normal 0.647em/15px Arial,sans-serif;
	color: #0080d7;
}

#header ul#mainNav li a span span {
	display: inline;
	font: normal 1em/15px Arial,sans-serif;
	padding: 0 2px;
}

#header ul#mainNav li a:hover,
#header ul#mainNav li a:hover span,
#header ul#mainNav li.on a,
#header ul#mainNav li.on a span,
#header ul#mainNav li a.active,
#header ul#mainNav li a.active span {
	color: #fff;
	background: #91bbe4;
		filter: alpha(opacity=100); /* IE */
		opacity: 1;        /* allgemein  */
		-moz-opacity: 1;   /* Mozilla   */
		-khtml-opacity: 1; /* KTHML    */
		-opera-opacity: 1; /* Opera   */
}

/*** Header Navigation Search ***************************/

#header ul#mainNav form {
	height: 24px;
	padding: 15px 15px 11px 14px;
	background: transparent url(../images/css/bg_search.png) 0 0 repeat;
}

#header ul#mainNav form input {
	float: left;
	height: 24px;
	border: 0;
		font: normal 1.2em/24px Arial,sans-serif;
		color: #262626;
}

#header ul#mainNav form input#search {
	width: 133px;
	padding: 0 0 0 5px;
}

/*** Panes Index-mainNav: *******************************/

#panes1 div#nr1,
#panes1 div#nr2,
#panes1 div#nr3,
#panes1 div#nr4,
#panes1 div#nr5 { /*********************************************************** div#nr5 -> wieder raus?! *********/
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	min-width: 960px;
	height: 450px;
		font: 62.5% Arial,sans-serif;
}

/*#panes1 #nr1 {background: #adaea9 url(../images/css/bg_intro_unternehmen.jpg) top center no-repeat;}
#panes1 #nr2 {background: #97b1d6 url(../images/css/bg_intro_standorte.jpg) top center no-repeat;}
#panes1 #nr3 {background: #86918f url(../images/css/bg_intro_fachbereiche.jpg) top center no-repeat;}
#panes1 #nr4 {background: #9a8e89 url(../images/css/bg_intro_lehrgaenge.jpg) top center no-repeat;}*/
#panes1 #nr1 {background: #e3f1fa url(../images/css/bg_intro_unternehmen.jpg) top center no-repeat;}
#panes1 #nr2 {background: #e3f1fa url(../images/css/bg_intro_standorte.jpg) top center no-repeat;}
#panes1 #nr3 {background: #e3f1fa url(../images/css/bg_intro_fachbereiche.jpg) top center no-repeat;}
#panes1 #nr4 {background: #e3f1fa url(../images/css/bg_intro_lehrgaenge.jpg) top center no-repeat;}

#panes1 div.teaser {
	width: 383px;
	height: 135px;
	margin: 206px 0 0 577px;
	background: #fff;
	/*	filter: alpha(opacity=92);    /* IE */
	/*	opacity: 0.92;        /* allgemein */
	/*	-moz-opacity: 0.92;   /* Mozilla  */
	/*	-khtml-opacity: 0.92; /* KTHML   */
	/*	-opera-opacity: 0.92; /* Opera  */
}

#panes1 div.teaser p {
	padding: 12px 12px 0 12px;
		font: normal 1.3em/16px Arial,sans-serif;
		color: #777;
}

#panes1 div.teaser p.title {
	padding: 6px 12px 0 12px;
		font: normal 2.1em/26px Arial,sans-serif;
		color: #c44f03;
}

#panes1 div.teaser p.title span {
	padding: 0 6px;
}

#panes1 div.teaser p.link {
	padding: 20px 12px 12px 12px;
		color: #262626;
}

#panes1 div.teaser p.link a {
	padding: 0 0 0 15px;
	background: transparent url(../images/css/bg_link.gif) 2px 50% no-repeat;
		color: #0080d7;
		text-decoration: underline;
}

#panes1 div.teaser p.link a:hover {
		text-decoration: none;
}

/*** Wrap: ***************************************************************************************/

#index #wrap {
	position: relative;
	width: 960px;
	margin: 450px auto 0 auto;
	background: #fff;
	border-left: 1px solid #e3f1fa;
	border-right: 1px solid #e3f1fa;
		font: 62.5% Arial,sans-serif;
}


/*** INDEX - content *****************************************************************************/

#index #content {
	display: inline;
	float: left;
	width: 546px;
	margin: 15px 15px 65px 15px;
}

#index #content h1 {
	font: normal 2.4em/1.36em Arial,sans-serif;
	color: #c44f03;
	padding: 25px 0 0 0;
}

#index #content h1 span {
	font: italic normal 0.75em/1.36em Arial,sans-serif;
	color: #777;
	padding: 0;
}

#index #content h2 {
	font: normal 1.7em/1.36em Arial,sans-serif;
	color: #014888;
	padding: 6px 10px 0 10px;
}

#index #content h3 {
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 0.5em 10px 0 8px;
}

#index #content p {
	font: normal 1.4em/1.36em Arial,sans-serif;
	color: #666;
	padding: 0.5em 10px 0 0;
}

/*** Tabs Index-Content tabNav: *********************************/

#index #content ul#tabNav {
	position: absolute;
	z-index: 200;
	margin: 32px 0 0 0;
}

#index #content ul#tabNav li {
	float: left;
	list-style: none;
	width: 181px;
}

#index #content ul#tabNav li.center {
	width: 180px;
	margin: 0 2px;
}

#index #content ul#tabNav li a {
	display: block;
	height: 34px;
	background: #fff url(../images/css/bg_tabNav.gif) 0 0 repeat-x;
	border: 1px solid #cfdee8;
}

#index #content ul#tabNav li a:hover,
#index #content ul#tabNav li a.current {
	height: 38px;
	background: #fff;
	border-bottom: none;
}

/* Typo: Content tabNav */

#index #content ul#tabNav li a {
	font: normal 1.7em/34px Arial,sans-serif;
	color: #c44f03;
	text-decoration: none;
	text-align: center;
}

/*** Panes Index-Content tabNav: ********************************/

#index #panes2 div {
	display: none;
	position: absolute;
	z-index: 100;
	width: 544px;
	margin: 70px 0 0 0;
	background: #fff url(../images/css/bg_panes2.gif) bottom left repeat-x;
	border: 1px solid #cfdee8;
}

#index #panes2 div img {
	float: left;
	margin: 30px 10px 10px 10px;
	padding: 0;
}

#index #panes2 div h2 {
	font: normal 1.7em/1.36em Arial,sans-serif;
	color: #262626;
	margin: 36px 10px 0 186px;
	padding: 0;
	background: transparent url(../images/css/bg_hr_dotted.gif) bottom left repeat-x;
}

#index #panes2 div p {
	margin: 6px 10px 0 186px;
		font: normal 1.3em/16px Arial,sans-serif;
		color: #262626;
}

#index #panes2 div p.link {
	clear: left;
	margin: 0 10px;
	padding: 15px 0;
	background: transparent url(../images/css/bg_hr_dotted.gif) top left repeat-x;
		color: #262626;
}

#index #panes2 div p.link a {
	padding: 0 0 0 15px;
	background: transparent url(../images/css/bg_link.gif) 2px 50% no-repeat;
		color: #0080d7;
		text-decoration: underline;
}

#index #panes2 div p.link a:hover {
		text-decoration: none;
}

/*** Breadcrumb: *********************************************************************************/

#breadcrumb {
	width: 960px;
	height: 15px;
	padding: 20px 0;
		font: normal 1.1em/15px Arial,sans-serif;
		color: #888;
}

#breadcrumb p {
	float: left;
	padding: 0 7px 0 15px;
}

#breadcrumb ul li {
	float: left;
	list-style: none;
	padding: 0 7px 0 0;
}

#breadcrumb ul li a {
	padding: 0 0 0 15px;
	background: transparent url(../images/css/bg_link.gif) 2px 50% no-repeat;
		color: #262626;
		text-decoration: none;
}

#breadcrumb ul li a:hover,
#breadcrumb ul li a.active,
#breadcrumb ul li a.active:hover {
		color: #0080d7;
		text-decoration: underline;
}

/*** Content: Inhaltsbereich *********************************************************************/
/*** Raster mit 14 Einheiten ************************************/
/*** 1 Einheit = 42px + 10px padding (+ 7px margin einseitig) ***/

/*** mainContent **********************************************************************************/

#mainContent {
	display: inline;
	float: left;
	width: 525px;
}

#mainContent img {
	padding: 0.2em 0 0.5em 0;
}

#mainContent img.left {
	float: left;
	padding: 0.2em 15px 0.5em 0;
}

#mainContent img.right {
	float: right;
	padding: 0.2em 0 0.5em 15px;
}

/* Listen */

#mainContent ul {
	list-style-type: none;
	padding: 0.6em 0 0.1em 0;
}

#mainContent ul li {
	padding: 6px 0 0 16px;
	background: transparent url(../images/bg_li.gif) 5px 13px no-repeat;
}

/* Listen Links (ol) */

#mainContent ol {
	list-style-type: none;
	padding: 1.0em 0 0.1em 0;
}

#mainContent ol li {
	padding: 6px 0 0 12px;
	background: none;
}

/* Listen Sitemap */

#mainContent ul#sitemap,
#mainContent ul#sitemap ul {
	list-style: none;
	margin: 10px 0 4px 0;
	padding: 6px 16px 12px 4px;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#mainContent ul#sitemap 		 {background: #f6f6f8; margin: 0;}
#mainContent ul#sitemap ul		 {background: #eeeef2;}
#mainContent ul#sitemap ul ul	 {background: #e5e5eb;}

#mainContent ul#sitemap li,
#mainContent ul#sitemap ul li {
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0.8em 0 0 1.0em;
	background: none;
}

/* Tabellen */

#mainContent table {
	width: 525px;
	padding: 0.8em 0 0.4em 0;
}

#mainContent table th,
#mainContent table td {
	min-width: 40px;
	padding: 0.3em 10px 0.3em 10px;
	border: 2px solid #fff;
}

#mainContent table th {background: #cee1f2;}
#mainContent table td {background: #ebf4fc;}

#mainContent table caption {
	text-align: left;
	padding: 1.6em 10px 0 10px;
}

/*** Typo: mainContent ***/

#mainContent h1 {
}

#mainContent h2 {
}

#mainContent h3 {
}

#mainContent h4 {
}

#mainContent p {
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 0.8em 0 0 0;
}

#aktuell #mainContent p.datum {
	font: bold 2.0em/1.36em Arial,sans-serif;
	color: #c7dcf2;
	margin: 2.0em 0 0 0;
	padding: 0.2em 0 0 0;
	text-align: right;
	border-top: 1px solid #c7dcf2;
}

#aktuell #mainContent p.datum span {
	font: bold 0.7em/1.36em Arial,sans-serif;
	color: #d4d4d4;
	margin: 0 2px;
}

#mainContent p.small {
	font: normal 1.1em/1.36em Arial,sans-serif;
	color: #666;
}

#mainContent p.right {
	text-align: right;
}

#mainContent .hinweis {
	color: #f60;
	font-weight: bold;
}

#mainContent li {
	font: normal 1.3em/1.36em Arial,sans-serif;
}

#mainContent li li {
	font: normal 1.0em/1.36em Arial,sans-serif;
}

#mainContent ul#sitemap ul {
	font-size: 0.95em;
}

#mainContent table th,
#mainContent table td {
	vertical-align: top;
	font: normal 1.3em/1.36em Arial,sans-serif;
}

#mainContent table th p,
#mainContent table td p {
	font-size: 1.0em; /* tinymce */
	padding: 0;
}

#mainContent table caption {
	font: bold 1.3em/1.36em Arial,sans-serif;
}

#datentabelle #mainContent table th {
	font: bold 1.1em/1.36em Arial,sans-serif;
}

#datentabelle #mainContent table td {
	font: normal 1.1em/1.36em Arial,sans-serif;
}

#mainContent a {
	color: #000;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 4px no-repeat;
	cursor: pointer;
}

#mainContent a[href $='.pdf'] {
	padding: 0 0 0 20px;
	background: transparent url(../images/bg_link_content_pdf.gif) 0 0 no-repeat;
}

#mainContent a[href $='.csv'] {
	padding: 0 0 0 20px;
	background: transparent url(../images/bg_link_content_csv.gif) 0 0 no-repeat;
}

#mainContent a[href ^="mailto:"] {
	padding: 0 0 0 21px;
	background: transparent url(../images/bg_link_content_mail.gif) 0 50% no-repeat;
}

#mainContent h4 a {
	background: transparent url(../images/bg_link_content.gif) 0 3px no-repeat;
}

#mainContent p a,
#mainContent h4 a,
#mainContent li a {
	display: inline-block; /* IE (bei Zeilenumbruch)*/
}

#mainContent a:hover {
	color: #000;
	text-decoration: none;
}

#mainContent a.link_image {
	text-decoration: none;
	/* display: block; */
	margin: 0;
	padding: 0;
	background: none;
}

/* iFrame */

#bildungsplaner {
	width: 525px;
	height: 1800px;
}

/*** Unter-Navigation *****************************************************************************/   /* fertig */

#uNav {
	display: inline;
	float: left;
	width: 160px;
	margin: 0 15px 0 15px;
	background: transparent url(../images/css/bg_hr_dotted.gif) top left repeat-x;
}

#uNav li {
	list-style: none;
	background: transparent url(../images/css/bg_hr_dotted.gif) bottom left repeat-x;
}

#uNav ul {
	padding: 0 0 8px 0;
	background: none;
}

#uNav ul li {
	background: none;
}

#uNav li a {
	display: block;
	width: 160px;
	padding: 13px 0 8px 0;
}

#uNav ul li a {
	width: 140px;
	padding: 0px 10px 3px 10px;
}

/*** Typo Unter-Navigation ***/

#uNav li a {
	font: normal 1.4em/1.36em Arial,sans-serif;
	color: #262626;
	text-decoration: none;
}

#uNav ul li a {
	font: normal 1.2em/1.36em Arial,sans-serif;
}

#uNav li a:hover,
#uNav li a.active,
#uNav li a.active:hover {
	color: #0080d7;
}

/*** Sidebar **************************************************************************************/

#index #sidebar {
	display: inline;
	float: right;
	width: 354px;
	margin: 15px 15px 65px 15px;
}

/*** Sidebar Typo ***/

#index #sidebar h2 {
	font: normal 1.5em/1.36em Arial,sans-serif;
	color: #0080d7;
	padding: 30px 0 0 0;
	background: transparent url(../images/css/bg_hr_dotted.gif) bottom left repeat-x;
}

#index #sidebar p {
	font: normal 1.3em/1.36em Arial,sans-serif;
	color: #262626;
	padding: 0.8em 0 0 0;
}

#index #sidebar p a {
	padding: 0 0 0 15px;
	background: transparent url(../images/css/bg_link.gif) 2px 50% no-repeat;
		color: #0080d7;
		text-decoration: underline;
}

#index #sidebar p a:hover {
		text-decoration: none;
}

#index #sidebar p.overline {
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	background: transparent url(../images/css/bg_hr_dotted.gif) 0 0 repeat-x;
}

/*** Sidebar Aktuelles ***/

#index #sidebar ul {
	margin: 0.6em 0 0 0;
}

#index #sidebar ul li {
	margin: 0.2em 10px 0 0;
	padding: 0.5em 0 0 0;
		font: normal 1.3em/1.36em Arial,sans-serif;
		color: #262626;
}

#index #sidebar ul li a {
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	padding: 0 0 0 16px;
	background: transparent url(../images/css/bg_link_black.gif) 0px 0.4em no-repeat;
		color: #262626;
		text-decoration: underline;
}

#index #sidebar ul li a:hover {
	background: transparent url(../images/css/bg_link.gif) 0px 0.4em no-repeat;
		color: #0080d7;
		text-decoration: none;
}

/*** Sidebar Form Lehrgang ***/

#index #sidebar form {
	margin: 0.8em 0 0 0;
}

#index #sidebar form select {
	width: 225px;
	margin: 1.0em 0 0 0;
		color: #444;
}

#index #sidebar form select option.indent {
	text-indent: 5px;
}

#index #sidebar form input {
	width: 162px;
	margin: 1.5em 0 0 0;
		color: #c44f03;
}

/*** Footer ***************************************************************************************/

#footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #e3f1fa;
		font: 62.5% Arial,sans-serif;
		color: #666;
}

#footer div.center {
	border-top: 10px solid #fff;
}

#footer div.center div {
	display: inline;
	float: left;
	width: 190px;
	border-right: 2px solid #f2f8fc;
}

#footer div.center div.first,
#footer div.center div.last {
	width: 191px;
}

#footer div.center div.last {
	padding: 71px 0 10px 0;
	background: #e3f1fa url(../images/css/logo_footer.png) 5px 7px no-repeat;
	border-right: none;
}

#footer p {
	margin: 0 15px 5px 15px;
		font: normal 1.1em/1.36em Arial,sans-serif;
		color: #666;
}

#footer ul {
	margin: 12px 0 25px 0;
}

#footer ul.small {
	padding: 0 0 29px 0;
}

#footer li {
	margin: 0 15px;
	padding: 7px 0;
	background: transparent url(../images/css/bg_hr_dotted.gif) top left repeat-x;
		font: normal 1.1em/15px Arial,sans-serif;
		color: #666;
}

#footer li.first {
	background: none;
		font: bold 1.2em/1.36em Arial,sans-serif;
		color: #666;
}

#footer li.break {
	padding: 36px 0 7px 0;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	color: #262626;
	text-decoration: underline;
}
