/* ====== 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;
}

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

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

#head {
	background: #fff;
	width: 1000px;
	height: 141px;
	position: relative;
}

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

#breadcrumb {
	display: none;
}

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

#metanavi {
	display: none;
}

/* ====== Content-Bereich ====== */		
/* ====== BG wird je nach body-klasse ueberschrieben s.o. ====== */
#contentarea {
	background: #fff;
	float: left;
	text-align: left;
	width: 1000px;
}

#schrift_links {
	display: none;
}

#schrift_rechts {
	display: none;
}

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

#mainnavi {
	display: none;
}

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

#orangenavi {
	display: none;
}

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

/* visual_grau_kurz ist das schmale standardbild hinter der orange-navi*/
#content {
	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: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;
}

.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;
}

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

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

#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 ====== */

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;
}

.inputForm {
	color: #585c60;
	font-size: 12px;
	border: 1px solid #a4a4a4;	
	width: 165px;
	height: 16px;
	padding: 4px 0 0 3px;
	margin-right: 22px;
}

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

label {
	color: #989ea1;
}

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

/* ====== 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 {
	display: none;
}

/* ====== 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 ====== */

dd {
	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;
}

/* ====== Liste-Speziale von Stefan - 2008-10-21 ====== */

#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 h1 {
	margin: 37px 0 22px 45px;
	color:#FF6600;
}

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

#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;
}

#dommain {display:none;}