/* ====== Basis ====== */

* {
	padding: 0;
	margin: 0;
}

html { 
	overflow: -moz-scrollbars-vertical; 
} 
	
body {  
	font-family: Arial, Helvetica, sans-serif;	
	background: #fff; 	
    color: #585c60;
	text-align: center;			
}

html>body a:focus { 
	-moz-outline-style: none; 
}

img, a img { 
  	border: none;
}

a {
	text-decoration: none;
}

.klar {  
	clear: both;  
	line-height: 0px;  
	font-size: 1px;  
	height: 0px;
}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7/win */
*:first-child+html .clearfix {
	min-height: 1px;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 18px 0;	
}		

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 18px 0;  
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 18px 0;  
}

p {	
	line-height: 135%;
	font-size: 12px;
	margin-bottom: 10px;
}	

table {
	font-size: 12px;
	line-height: 135%;
}

ul {
	list-style: none;
}

.orange {
	color: #ff6600;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/* ====== Bodyklassen fuer unterschiedliche visuals in den templates ====== */
/* ====== Hauptseiten ====== */
body.home #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.home #content {background: url(../img/visual_home.jpg) top left no-repeat;}
body.home #spalte_eins {color: #fff;}
body.home #spalte_zwei {margin-top: 352px;}
body.home h1 {color: #fff;}
body.home #box_eins {border: 2px solid #ff6600; border-top: none;}

/* ====== Ueber das DIIR ====== */
body.ueberDiir #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.ueberDiir #content {background: url(../img/visual_ueber_diir.jpg) top left no-repeat;}
body.ueberDiir #spalte_eins {color: #fff;}
body.ueberDiir #spalte_zwei {margin-top: 352px;}
body.ueberDiir h1 {color: #fff;}

/* ====== Organisation ====== */
body.orga #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.orga #content {background: url(../img/visual_orga.jpg) top left no-repeat;}
body.orga #spalte_eins {color: #fff;}
body.orga #spalte_zwei {margin-top: 352px;}
body.orga h1 {color: #fff;}

/* ====== Arbeitskreise ====== */
body.arbeitskreise #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.arbeitskreise #content {background: url(../img/visual_arbeitskreise.jpg) top left no-repeat;}
body.arbeitskreise #spalte_eins {color: #fff;}
body.arbeitskreise #spalte_zwei {margin-top: 352px;}
body.arbeitskreise h1 {color: #fff;}

/* ====== Fachwissen ====== */
body.fachwissen #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.fachwissen #content {background: url(../img/visual_fachwissen.jpg) top left no-repeat;}
body.fachwissen #spalte_eins {color: #fff;}
body.fachwissen #spalte_zwei {margin-top: 352px;}
body.fachwissen h1 {color: #fff;}

/* ====== Akademie ====== */
body.akademie #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt_3sp.gif) top left repeat-y;}
body.akademie #content {background: url(../img/visual_akademie.jpg) top left no-repeat;}
body.akademie #spalte_eins {color: #fff;}
body.akademie #spalte_zwei {margin-top: 352px;}
body.akademie h1 {color: #fff;}
body.akademie #content {min-height: 570px; height: auto !important; height: 570px;}


/* ====== Konferenzen ====== */
body.konferenzen #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt_3sp.gif) top left repeat-y;}
body.konferenzen #content {background: url(../img/visual_konferenzen.jpg) top left no-repeat;}
body.konferenzen #spalte_eins {color: #fff;}
body.konferenzen #spalte_zwei {margin-top: 352px;}
body.konferenzen h1 {color: #fff;}

/* ====== Zertifizierung ====== */
body.zertifizierung #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt_3sp.gif) top left repeat-y;}
body.zertifizierung #content {background: url(../img/visual_zertifizierung.jpg) top left no-repeat;}
body.zertifizierung #spalte_eins {color: #fff;}
body.zertifizierung #spalte_zwei {margin-top: 352px;}
body.zertifizierung h1 {color: #fff;}

/* ====== Presse ====== */
body.presse #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt_3sp.gif) top left repeat-y;}
body.presse #content {background: url(../img/visual_presse.jpg) top left no-repeat;}
body.presse #spalte_eins {color: #fff;}
body.presse #spalte_zwei {margin-top: 352px;}
body.presse h1 {color: #fff;}

/* ====== Jobs ====== */
body.jobs #contentarea {background: #e3e4e6 url(../img/bg_contentarea_haupt.gif) top left repeat-y;}
body.jobs #content {background: url(../img/visual_jobs.jpg) top left no-repeat;}
body.jobs #content .borderleft { min-height: 0 !important; border-left: none !important; }
body.jobs #spalte_eins {color: #fff;}
body.jobs #spalte_eins a {color: #fff;}
body.jobs #spalte_zwei {margin-top: 352px;}
body.jobs #spalte_zwei_pad { padding-right: 24px !important; }
body.jobs h1 {color: #fff;}

/* ====== Hauptlayer fuer Breite ====== */

#mainDivBreite {
	margin: 0 auto 20px auto;
	width: 1000px;
	background-color: #e3e4e6;
}

#head {
	background: #dcdee0 url(../img/bg_head.gif) top left no-repeat;
	width: 1000px;
	height: 141px;
	position: relative;
}

#logo {
	position: absolute;
	top: 23px;
	left: 19px;
}

#breadcrumb {
	position: absolute;
	bottom: 5px;
	left: 30px;
}

#breadcrumb a {
	background: transparent url(../img/pfeil_orange.gif) no-repeat scroll 0pt 4px;
	color: #585c60;
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px 0 12px;
}

#breadcrumb a:hover {
	color: #ff6600;
}

/*====== Metanavigation oben rechts plus Suchfeld ======*/

#metanavi {
	position: absolute;
	top: 30px;
	right: 16px;
	width: 300px;
}

#metanavi ul {
	float: left;
	font-size: 10px;
	margin: 3px 5px 0 0;
}

#metanavi ul li {
	float: left;
	padding: 0 3px;
}

#metanavi ul li a {
	float: left;
	color: #6d6c71;
}

#metanavi ul li a:hover {
	color: #ff6600;
}

.white {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-top: -3px;
}

.search_bg {
	float: left;
	width: 130px;
	background: #e3e4e6 url(../img/suchfeld.jpg) top left no-repeat;	
}

.searchtext {
	width: 90px;
	height: 20px; 
	float: left;
	border: none;
	background: none;
	color: #666;	
	padding: 4px 23px 0 10px;
	font-size: 12px;
}

.searchsubmit {
	float: left;
	margin: 0 0 0 5px;
}

/* ====== Content-Bereich ====== */		
/* ====== BG wird je nach body-klasse ueberschrieben s.o. ====== */
#contentarea {
	background: #e3e4e6 url(../img/bg_contentarea_standard.gif) top left repeat-y;
	float: left;
	text-align: left;
	width: 1000px;
}

#schrift_links {
	float: left;
}

#schrift_rechts {
	float: right;
}

/*====== Hauptnavigation ======*/

#mainnavi {
	float: left;
	background: #abacac url(../img/bg_mainnavi.gif) top left no-repeat;	
	text-align: left; 	
	min-height: 370px;
	height: auto !important;   /* for IE6 */
	height: 370px;
}

#mainnavi ul {
	margin-top: 18px;
	padding-bottom: 0;
	background: transparent url(../img/bg_mainnavi_ul.gif) top left repeat-y;
	font-size: 12px;
	font-weight: bold;
	width: 235px;	
}

#mainnavi ul li {
	display: inline;
}

#mainnavi ul li a {
	color: #fff;
	padding: 8px 0 9px 22px;
	display: block;	
	background: url(../img/bg_navi_lo.gif) bottom left no-repeat;
}

#mainnavi ul li a:hover {
	color: #585c60;
	background: url(../img/subnavi_active.gif) bottom left no-repeat;
}

#mainnavi ul li a.active {
	color: #585c60;
	background: url(../img/subnavi_active.gif) bottom left no-repeat;
}

/*====== Navi 2. ebene - sub ======*/
#mainnavi ul.active {
	margin: 0;
	padding: 0;
	font-weight: normal;
	background: url(../img/subnavi_active_ul.gif) bottom left repeat-y;
}

#mainnavi ul.active li a {
	color: #585c60; 
}

/* fuer alle submenu active zustaende ohne Untermenue! */
#mainnavi ul.active li a.active_orange {	
	color: #ff6600;
	font-weight: normal;
	background: url(../img/subnavi_active.gif) bottom left no-repeat;
}

/* fuer alle submenu active zustaende mit aufgeklappten Untermenue! */
#mainnavi ul.active li a.activesub {
	background: none;
	padding-bottom: 4px;
	color: #ff6600;
	font-weight: normal;
}

#mainnavi ul.active li a:hover {
	color: #ff6600;
}

/*====== Navi 3. ebene - subsub ======*/
#mainnavi ul.active ul {
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	background: url(../img/subnavi_active.gif) bottom left no-repeat;
}

#mainnavi ul.active ul li a {
	background: none;
	padding: 4px 0 4px 45px;
}

#mainnavi ul li ul.active ul li a:hover {
	background: none;
	color: #ff6600;
}

/*====== Navi 4. ebene - subsubsub======*/
#mainnavi ul.active ul ul {
	padding: 0 0 5px 0;
	background: none;
}

#mainnavi ul.active ul li ul li a {
	background: none;
	padding: 4px 0 4px 67px;
}

#mainnavi ul li ul.active ul li a:hover {
	background: none;
	color: #ff6600;
}

/*====== orange Navigation  ======*/

#orangenavi ul {
	float: right;
	font-size: 12px;
	font-weight: bold;
}

#content #orangenavi ul li {
	float: left;
	padding: 0;
	background: none;
	margin: 0 0 0 2px;
}

#orangenavi ul li a {
	float: left;
	color: #ff6600;
	padding: 1px 16px;	
	background: none;
}

#orangenavi ul li a:hover {
	color: #fff;
	background-color: #ff6600;
}

/*====== content  ======*/

#content {
	background: #fff url(../img/visual_grau_kurz.gif) top left no-repeat;
	float: left;
	width: 705px;
	min-height: 470px;
	height: auto !important;   /* for IE6 */
	height: 470px;
}

#content a {
	color: #585c60;
	padding: 4px 12px 5px 0;
	background: url(../img/pfeil_orange.gif) right no-repeat;
}

#content a img {
	padding: 0;
	background: none;
}

#content a:hover {
	color: #ff6600;
}

#content a.no_bg {
	 background: none;
}

#content ul, ol {
	line-height: 135%;
	font-size: 12px;
}

#content ol li {
	margin: 0 0 5px 18px;
}

#content ul li {
	padding-left: 24px;
	background: url(../img/bullet_standard.gif) no-repeat scroll 0pt 6px;	
	margin-bottom: 5px;
}

table.contenttable {
	width: 100%;
}

table.contenttable td {
	padding: 5px;
}

#spezial table.contenttable {
	background-color: #edeeef;
	font-size: 12px;
	width: 705px;
	border-collapse: collapse;
}

#spezial table.contenttable thead th {
	vertical-align: top;
	padding: 37px 0 22px 45px;	
	font-weight: bold;
	background-color: #fff;
	color: #ff6600;
}

#spezial table.contenttable tbody th {
	vertical-align: top;
	padding: 2px 0 2px 45px;	
	font-weight: bold;
	background-color: #f6f7f7;
}

#spezial table.contenttable td {
	vertical-align: top;
	padding: 10px 0 10px 45px;
	border-bottom: 2px solid #fff;
}

#spezial table.contenttable p {
	margin: 0 !important;
	padding: 0 !important;
}

.rosedunkel {
	background: #e3e4e6;
}

.rosehell {
	background: #edeeef;
}

/*--- standard einspaltiger content bereich ---*/
#standard {
	padding: 0 110px 30px 24px;
}

/*--- zweispaltiger content bereich ---*/
#spalte_eins {
	position: relative;
	float: left;
	width: 233px;
}

#spalte_eins_pad {
	padding: 0 24px;
}

#spalte_zwei {
	float: right;
	width: 470px;
}

#spalte_zwei_a {
	float: left;
	width: 190px;
}

#spalte_zwei_b {
	float: right;
	width: 190px;
}

#spalte_zwei_pad {
	padding: 0 110px 30px 24px;
	position: relative; /* weil zurueckbutton absolut positioniert ist */
}

/* Sonderfall für dreispalter */
#spalte_zwei_pad_ab {
	padding: 0 24px 30px 24px;
}

.borderleft {
	border-left: 2px solid #e3e4e6;
	min-height: 495px;
	height: auto !important;   /* for IE6 */
	height: 495px;
}

#content a.button_back {
	position: absolute;
	top: 72px;
	right: 40px;
	display: block;
	width: 27px;
	height: 28px;	
	background: url(../img/bt_back.jpg) top left no-repeat;
}

#content a.button_back:hover {
	background: url(../img/bt_back_on.jpg) top left no-repeat;
}

/* ====== Boxen fuer die Hauptseiten ====== */

#box_eins {
	float: left;
	width: 231px;	
}

#box_eins_pad {
	padding: 3px 24px 35px 24px;
}

#box_zwei {
	float: left;
	width: 235px;
}

#box_zwei_pad {
	padding: 3px 24px 35px 24px;
}

#box_sonderfall {
	position: absolute;
	top: 352px;
	width: 231px;
    color: #585c60;
}

#box_sonderfall_pad {
	padding: 3px 24px 35px 24px;
}

/* ====== aktuelles ====== */

div.aktuelles {
	position: relative; /* weil zurueckbutton absolut positioniert ist */
	float: left;
	width: 100%;
	height: 138px;
	border-bottom: 8px solid #e3e4e6;
}

div.aktuelles_last {
	position: relative; /* weil zurueckbutton absolut positioniert ist */
	float: left;
	width: 100%;
	height: 138px;
	border: none;
}

div.aktuelles_pad {
	float: left;
	padding: 0 0 15px 59px;
}

div.aktuelles_text {
	float: left;
	width: 320px;
	padding-left: 60px;
}

#content a.button_vor {
	position: absolute;
	top: 90px;
	right: 40px;
	display: block;
	width: 27px;
	height: 28px;	
	background: url(../img/bt_vor.jpg) top left no-repeat;
}

#content a.button_vor:hover {
	background: url(../img/bt_vor_on.jpg) top left no-repeat;
}

/* ====== Seminare ====== */

table.seminare_table {
	background-color: #edeeef;
	line-height: 135%;
	font-size: 12px;
	width: 705px;
}

table.seminare_table thead th {
	vertical-align: top;
	padding: 37px 0 22px 0;	
	font-weight: bold;
	background-color: #fff;
}

table.seminare_table tbody th {
	vertical-align: top;
	padding: 2px 0;	
	font-weight: bold;
	background-color: #f6f7f7;
}

.space_45 {
	width: 45px;
}

.space_30 {
	width: 30px;
}

.space_100 {
	width: 100px;
}

.num {
	width: 45px;
}

.color {
	width: 45px;
}

.thema {
	width: 130px;
}

.leitung {
	width: 175px;
}

.termin {
	width: 100px;
}

.gebuehr {
	width: 90px;
	text-align: right;
}

table.seminare_table td {
	vertical-align: top;
	padding: 10px 0;
	border-bottom: 2px solid #fff;
}

table.seminare_table td.color_pad {
	padding-top: 14px;
}

table.seminare_table .right {
	text-align: right;
}

#content a.seminar_nummer {
	color: #ff6600;
	background: none;
}

a.seminar_nummer:hover {
	text-decoration: underline;
}

/* ====== seminar_detail ====== */

table.seminar_detail {
	background-color: #edeeef;
	line-height: 135%;
	font-size: 12px;
	width: 705px;
}

table.seminar_detail thead th {
	vertical-align: top;
	padding-top: 37px;	
	font-weight: bold;
	background-color: #fff;
}

table.seminar_detail tbody th {
	background-color: #f6f7f7;
}

table.seminar_detail td {
	vertical-align: top;
	padding: 10px 0;
}

.bold {
	font-weight: bold;
}

td.borderwhite {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;	
}

td.borderwhite_top {
	border-top: 2px solid white;
}

#content td a.anmelden {
	background: url(../img/bt_anmeld.jpg) top left no-repeat;
	float: right;
	margin: 15px 65px;
	width: 75px;
	height: 26px;
}

#content td a.anmelden:hover {
	background: url(../img/bt_anmeld_on.jpg) top left no-repeat;
}

table.seminar_detail td.up {
	vertical-align: bottom;
	padding-left: 70px; 
}

#content a.button_up {
	display: block;
	width: 27px;
	height: 28px;	
	background: url(../img/bt_top.jpg) top left no-repeat;
}

#content a.button_up:hover {	
	background: url(../img/bt_top_over.jpg) top left no-repeat;
}

/* ====== seminar_anmeldung und Kontaktformular  ====== */

tbody.formular {
	margin: 69px 0;
}

tbody.formular td {
	padding: 6px 0;
}

.selectForm {
	color: #585c60;
	font-size: 12px;
	border: 1px solid #a4a4a4;	
	width: 170px;
	height: 20px;
	margin-right: 22px;
	padding: 2px 0 0 0;
}

.selectForm option {
	padding: 4px 0 0 3px;
	width: 165px;
}

input, textarea {
	color: #585c60;
	font-size: 12px;	
	border: 1px solid #a4a4a4;	
}

.inputForm {
	width: 165px;
	height: 16px;
	padding: 4px 0 0 3px;
	margin-right: 22px;
}

.inputRed {
	width: 165px;
	height: 16px;
	padding: 4px 0 0 3px;
	margin-right: 22px;
	border-color: #E72B20;
	background: #ffefef;
}

.inputForm:focus {
	border: 1px solid #ff6600;
}

label {
	color: #989ea1;
}

input.bt_submit {
	margin: 0 0 20px 0;
	border: none;	
}

.inputFormTextarea {
	width: 300px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;	
	padding: 10px;	
	overflow: auto;
}

.checkbox {
	border: none;
}

/* ====== Fachbuch ====== */

table.fachbuch {
	background-color: #f0f1f3;
	line-height: 135%;
	font-size: 12px;
	width: 705px;
}

table.fachbuch tbody th {
	vertical-align: top;
	padding: 2px 0;	
	font-weight: bold;
	background-color: #f0f1f3;
}

.inputFach {
	color: #585c60;
	font-size: 12px;
	border: 1px solid #a4a4a4;	
	width: 230px;
	height: 16px;
	padding: 4px 0 0 3px;
}

.inputFachShort {
	color: #585c60;
	font-size: 12px;
	border: 1px solid #a4a4a4;	
	width: 50px;
	height: 16px;
	padding: 4px 0 0 3px;
}

tr.space td {
	padding: 0;
	border: none;
}

span.subtitle {
	color: #a3a7a8;
}

/* ====== footer ====== */

#footer {
	border-top: 1px solid #585c60;
	font-size: 10px;
	margin: 15px 0 53px 0;
}

#footer ul {
	float: left;
	padding-left: 30px;
}

#footer ul li {
	float: left;
	color: #6d6c71;
	border-left: 1px solid #585c60;
}

#footer ul li a {
	float: left;
	color: #6d6c71;
	padding: 4px 15px 4px 15px;
}

#footer ul li a:hover {
	color: #ff6600;
}

/* ====== sitemap ====== */

div#sitemap ul {
 	margin: 0 0 30px 30px;
 	font-weight: bold;
}
 
div#sitemap ul ul {
 	margin-left: 30px;
 	font-weight: normal;
}
 
div#sitemap ul li {
	 margin: 4px 0 0 0;	 
	 background: none;
}

/* ====== Typo3 Stuff ====== */

div.csc-textpic-caption {
	font-size: 12px;
	padding: 5px 0;
}

div.csc-textpic-clear {
	margin-bottom: 20px;
}

/* ====== Suche ====== */

#content td.tx-indexedsearch-descr {
	font-style: normal;
}

#content ul.browsebox {
	margin: 0 0 20px 0;
}

#content ul.browsebox li {
	background: none;
	padding-left: 0; 
	padding-right: 20px; 
}

#content .tx-indexedsearch-redMarkup {
	color: #ff6600;
}

#content .tx-indexedsearch-title a {
	font-weight: bold;
}

#content input.tx-indexedsearch-searchbox-sword {
	margin: 0 20px;
	color: #585c60;
	padding: 0 3px;
}

#content input.tx-indexedsearch-searchbox-button {
	border: 1px solid #ff6600;
	background-color: #fff;
	color: #585c60;
}

#content .tx-indexedsearch-whatis {
	font-size: 12px;
}

/* ====== Spezial 2008-11-03 ====== */

#content #spezial ul {
	margin: 0;
	padding: 0;
}

#content #spezial ul li {
	padding: 10px 0 10px 45px;
	margin: 0;
	border-bottom: 2px solid #fff;
	width: 660px;
	background: #edeeef;
}

#content #spezial ul ul li {
	padding: 5px 0 5px 24px;
	background: url(../img/bullet_standard.gif) no-repeat scroll 0pt 11px;	
	border: none;
	width: auto;
}

#content #spezial h1 {
	margin: 37px 0 22px 45px;
	color: #f60;
}

#content #spezial #spalte_zwei_pad h1 {
	color: #585c60;
	margin: 18px 0;
}

#content #spezial p {
	margin: 0 110px 30px 45px;
}

#content #spezial .aktuelles_text p,
#content #spezial #spalte_zwei_pad p {
	margin: 18px 0;
}

#content #spezial table.seminar_detail ul li {
	padding: 0 0 0 24px;
	background: url(../img/pfeil_orange.jpg) no-repeat scroll 0pt 4px;	
	margin-bottom: 18px;
	width: auto;
	border: none;
}

#content #spezial .module {
	margin-left: 45px;
}

#content #spezial .module h1 {
	color: #585c60;
	margin-left: 0;
}

ul.red {
	color: #E72B20;
}

#content #spezial table.seminar_detail ul.red li {
	background: none;
	padding: 0;
}

#dommain {
 visibility: hidden;
 font-size: 10px;
 margin-top: -5px;
}