body {
	font: normal normal 13px/1.5em arial, helvetica, sans-serif;					
}
body {
/*   text-align:center; */  /* Zentrieren IE */
}
#alles {
/*   margin:0 auto; */   /* Zentrieren FF */
	margin: 0;
	padding: 0 20px 0 20px;
   width:940px;   /* NEU */
/*   text-align:left; */   /* Zentrieren IE */
}
a, a:link, a:visited {
	color:#037DB7;
	text-decoration:none;
}
a:hover, a:active {
	color:#037db7;
}
h1, h2, h3, h4, h5, b, strong {
	font-weight: bold;

}
h1, h2, h3, h4 {
	color: #023E6F;
}

h1 {
	font-size: 18px;
	padding: 24px 0 0;
	margin: 0 0 24px;
}
h2 {
	font-size: 15px;
/*	padding: 30px 0 0; */
	margin: 20px 0;
}
h3 {
	font-size: 13px;
/*	padding: 30px 0 0; */
	margin: 17px 0;
}
p {
    margin: 8px 0 15px 0;
    padding:0;
}
em, i {
	font-style: italic;
}
/* ---------------- Grundlayout Styles ---------------- */

div#header {
/*	background: transparent url(../img/bruecke1_860x129.jpg) no-repeat 0 45px; */
	height: 171px;
	margin: 0 0 3px;
/*	position: relative; */
}
div#header-hauptbild {
	clear: both;
	height: 129px;
}
div#header-bottom {
	height: 22px;
}
#main-frame {
/*	position: relative; */
	overflow: hidden;
	width: 940px;    /* NEU */
}
div#sidebar, div#content, div#rightbar {
	float: left;
	margin: 38px 0 0;
}
div#sidebar {
/*	background-color: lightgreen;*/
	width: 154px;   /* NEU */
}
div#content {
/*	background-color: yellow;*/
	margin: 27px 0 0;
	padding:  0 36px 0 0;
}
/* Klassen für div#content : */
/* normal : mit Seitenleiste  //  wide : ohne Seitenleiste */
div.normal {
	width: 715px;  /* NEU */

}
div#content.wide {
	width: 600px;
	text-align: left;
	padding: 0 200px 0 0;
	margin: 25px 0 0 0;
}

div#rightbar {
	width:189px;   /* NEU */
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
/*	height: 10px;*/
	padding: 5px 10px 0px 190px; 
	width:740px;  
/*	width:940px;  	*/
}
#footer p {
    padding:5px 0;
    margin:0;
}
/* --------- Grundlayout ENDE --------- */

/* ---------  der Header --------- */
div#rotator  {
	visibility: hidden;
	opacity: 0;
}
#header-hauptbild object {
	margin-left: 200px;
	position: absolute;
	width: 740px;
	z-index: 10;
}
#header-balkenoben {
/*	background: transparent url(../img/header-balken_oben_524x15.gif) no-repeat 0 0;*/
	float: left;
	width: 524px;
}

#header {
	background: transparent url(../img/header-logo-940x126.gif) no-repeat 0 45px;
}
#header-hauptbild img {
	margin-left: 200px;
	position: absolute;
	width: 740px;
	z-index: 1;
}
#header-hauptbild div#logo-klicker {
	position: absolute;
	top: 80px;
	left: 70px;
	height: 64px;
	width:154px;
} 
#header-hauptbild div#logo-klicker a {
	border-width: 0;
	cursor: pointer;
}
#header-hauptbild div#logo-klicker span {
	display: block;
	height: 64px;
	width:154px;
}
/* Navigations-Listen Grundstyles */

#header ul, #header-bottom ul, #breadcrumb ul, #side-navi ul {
    list-style:none;
}
#header ul li, #header-bottom ul li, #breadcrumb ul li {
    display:inline;
}
#header ul li a, #header-bottom ul li a, #breadcrumb ul li a, #side-navi ul li a {
    text-align:center;
    text-decoration:none;
}

/* --------- Die Metanavigation --------- */
div#meta-navi {
	float: right;
	height: 30px;
	margin-top: 15px;
}
#meta-navi li {
	font-size: 12px;
	padding: 0 0 0 32px;
	background: transparent url(../img/metanavi-quadrat_9x9.gif) no-repeat 10px 2px;
}
* html #meta-navi li {
	background-position: 10px 3px;
}
#meta-navi li.first {
	background-image: none;
}
#meta-navi a, #meta-navi a:link, #meta-navi a:visited {
	color: #000;
}
#meta-navi a:hover, #meta-navi a:active {
	color: #037db7;
}
/* --------- Die Hauptnavigation --------- */
div#main-navi {
	clear: both;
	font-size: 12px;
	float: right; 
	width: 750px;
	background-image: url(../img/header-navi_balken_750x22.gif);
	background-color: #D7E8F0;
}

#main-navi a.active {
	font-weight: bold;
	color: #D7E8F1;
}

ul.main-navi, ul.main-navi ul {
    list-style-type: none;
    line-height: 22px;
    font-size:14px;
}

ul.main-navi a, ul.main-navi a:hover, ul.main-navi a:visited, ul.main-navi a:active {
    display: block;
    padding: 0px 10px 0px 10px;
    font-weight:normal;
}

ul.main-navi ul li a {
	color: #fff;
}

ul.main-navi li ul li {text-align: left;}

#main-navi ul li ul li a{color:#000000; background-color:#D7E8F0; text-align:left;}

ul.main-navi ul a {
    padding: 0 10px;
    color: #fff;
}

ul.main-navi a {
    color: #fff;
}

ul.main-navi li{
    padding:0;
    margin:0;
    float:left;
    background-image: none;
}

ul.main-navi ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    z-index:3;
    display:none;
/*    min-width:180px;*/
    background: transparent none no-repeat top left;
}

li#item-4 {padding: 0 10px 0 25px;}

/*#main-navi ul li a,
#main-navi ul li a.active {
    font-weight:bold;
	border-bottom: solid 3px #033E6F;
}

#main-navi ul li a:hover,
#main-navi ul li a.active:hover {
    font-weight:bold;
	border-bottom: solid 3px #037db7;
}*/
	
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.main-navi ul:hover {display:block;}
ul.main-navi li:hover {display:block;}
ul.main-navi li:hover ul  {display:block;}

ul.main-navi ul li {
    float:none;
    background-color: transparent;
}

/* --------- Die Brotkrumme --------- */

#breadcrumb ul {
	color: #888;
	font-size: 12px;
	line-height: 12px;
}
#breadcrumb li {
	font-size: 12px;
	padding: 0 0 0 16px;
	background: transparent url(../img/breadcrumb_6x9.gif) no-repeat 5px 2px;
}
#breadcrumb li.first {
	background-image: none;
	padding-left: 0;
}
#breadcrumb li a, #breadcrumb li a:link, #breadcrumb li a:visited {
	color: #888;
} 
/* --------- Die Sidebar-Navigation --------- */

#sidebar-navi ul, #sidebar-navi ul a {
	border: 1px solid #037db7;
}
#sidebar-navi ul {
	border-width: 1px 0 0;
}
#sidebar-navi ul li {
	
}
#sidebar-navi ul li a {
	border-width: 0 0 1px;
	display: block;
	width: 130px;
}
#sidebar-navi ul a:link, #sidebar-navi ul a:hover {
	border-color: #037db7; 
}
#sidebar-navi ul.subnav-level-1 li a.active {
	background:transparent url(../img/icon-liste_8x8.gif) no-repeat scroll 0 5px;
/*	color: #037db7; */
}
#sidebar-navi ul.subnav-level-2 li a.active {
	background:transparent url(../img/icon-liste_8x8.gif) no-repeat scroll 0 5px;
/*	color: #037db7; */
}
#sidebar-navi ul.subnav-level-1 li a.active {
	color: #037db7;
	padding:0 0 0 13px;	
}
#sidebar-navi ul.subnav-level-2 li a.active {
	background-position: 12px 4px;
	color: #037db7;
	padding:0 0 0 26px;	
}
#sidebar-navi ul.subnav-level-1 {
	font-size: 13px;
	
}
#sidebar-navi ul.subnav-level-1 a {
	padding-left: 13px; 
	width: 142px;
}
#sidebar-navi ul.subnav-level-2 {
	border: solid #fff 0px;
	font-size: 12px;
}
#sidebar-navi ul.subnav-level-2 a {
	padding-left: 26px; 
	width: 124px;
}


/* --------- das Suchfeld von #globalesuche und von indexedsearch--------- */

div#globalesuche {
	font-size: 10px;
	float: left;
/*	height: 14px; */
	margin: 4px 0 0; 
	position: relative;  /* wird für die Positionierung des Suchfelds benötigt
	 						nur Positionierung plaziert es in allen Browsern gleich */
	width: 154px;
}
div.tx-indexedsearch-form {
	font-size: 10px;
	overflow: hidden;
/*	position: relative; */
	width: 240px;
}
div.tx-indexedsearch-searchbox {
	position: relative;
}
* html div.tx-indexedsearch-searchbox {
	margin-right: 130px;
}
label.suche-nach-label {
	font-size: 12px;
	display: inline-block;
	width: 80px;
}
#globalesuche .suchfeld, input#tx-indexedsearch-searchbox-sword {
    border: 1px solid #074074;
	color: #094072;
	height: 14px;
	padding: 1px 3px;
	position: absolute;
	width:125px;
}
* html input#tx-indexedsearch-searchbox-sword {
	left: 83px;
}
#globalesuche .suchfeld:hover, input#tx-indexedsearch-searchbox-sword:hover {
    border: 1px solid #96B4D1;
}
#globalesuche .button, input#tx-indexedsearch-searchbox-button-submit {
    border: none;
    background: url(../img/suchbutton_sprite_18x46.gif) no-repeat 0 0;
	color: transparent;
	cursor: pointer;
	margin-left: 3px;
	position: absolute;
	right: 0;
	width: 18px;
	height: 18px;
}
input#tx-indexedsearch-searchbox-button-submit {
	left: 216px;
	top: 0px; 
}
#globalesuche .button:hover, input#tx-indexedsearch-searchbox-button-submit:hover {
    border: none;
    background: url(../img/suchbutton_sprite_18x46.gif) no-repeat 0 -28px;
	color: transparent;
/*    padding: 1px 0; */
}
#globalesuche label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}


div.tx-indexedsearch-whatis {
	display: none;
}
/* Die #infobox im content */

#infobox {
	background-color: #d7e8f1;
	font-size: 11px;
	padding: 0 0 20px;
	margin: 0 0 38px;
	width: 189px;
	float: right;
*/}
#infobox h3 {
	background-color: transparent;
	background-image: url(../img/infobox-balken_189x25_dunkelblau.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin: 0;
	padding: 3px 10px 0 10px;
}
#infobox p {
	margin: 20px 10px 20px 10px;
	font-size: 11px;
}
#infobox img {
	padding: 3px 5px 0 0;
	float: left;
}
#infobox a, #infobox a:link, #infobox a:visited {
	color:#037DB7;
	text-decoration: none;
}
#infobox a, #infobox a:hover, #infobox a:active {
	color: #037db7;
}
#infobox div.info-speziallink a, #infobox div.info-speziallink a:link, #infobox div.info-speziallink a:visited {
	background: transparent url(../img/infobox-linkicon_sprite30x30.gif) no-repeat 0 -16px;
	display: block;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 0 0 14px;
}
#infobox div.info-speziallink a:hover, #infobox div.info-speziallink a:active {
	background: transparent url(../img/infobox-linkicon_sprite30x30.gif) no-repeat -20px 4px;
}

/* ---------- Quicklink-Box ---------*/
/* Die #infobox im content */

#quicklinks {
	background-color: #d7e8f1;
	font-size: 11px;
	padding: 0 0 20px;
	margin: 0 0 38px;
	width: 189px;
	float: right;
*/}
#quicklinks h3 {
	background-color: transparent;
	background-image: url(../img/infobox-balken_189x25_dunkelblau.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin: 0;
	padding: 3px 10px 0 10px;
}
#quicklinks p {
	margin: 20px 10px 20px 10px;
	font-size: 11px;
}

#quicklinks a, #quicklinks a:link, #quicklinks a:visited {
	color:#037DB7;
	text-decoration: none;
}
#quicklinks a, #quicklinks a:hover, #quicklinks a:active {
	color: #037db7;
}

/* div.quick-text a {
	padding: 0 0 0 10px;}*/
	
div.quick-text a:before{content:url(../img/pfeil.gif);
}


/*  --------- Personen-Box --------- */
div.personen-box {
	margin: 0 0 34px;
}
div.personen-karte {
/*	background: transparent url(../img/personen-karte-back_280x10.gif) repeat-y 0 0; */
	height: 120px;
	margin: 0 0 18px 0;
	position: relative;
	width:354px;
}
div.personen-foto {
	float: left;
	height: 120px;
	width: 90px;
}
div.personen-daten {
	background: #d7e8f1 url(../img/personen-karte-header_254x46.gif) no-repeat 0 0; 
/*	background-color: #d7e8f1; */
	float: left;
	height: 110px;
	margin: 0 0 0 10px;
	padding: 0px 10px 10px 19px;
	width: 224px;
}
.personen-daten h3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 0;
	margin: 0;
}
.personen-header {
	height: 46px;
}
div.personen-daten .funktion {
	color: #fff;
	font-size: 13px;
	font-style: italic;
}
.personen-kontakt {
	padding: 5px 0 0;
}
.personen-desc {
	clear: both;
}
.personen-desc span.personen-name {
	font-weight: bold;
}
.personen-kontakt span.label {
	display: inline-block;
	width: 52px;
}

/* Die Texte im Hauptframe sind in einem DIV.story. Dieses DIV ist rein technisch für TYPO 3 */


.story ul, .story ol {
/*	line-height: 24px;	*/
	margin: 0 0 18px 0;
}
.story ul {
/*	list-style-image: url(../img/icon-liste_8x8.gif);*/
}
.story ul li {
	background: transparent url(../img/icon-liste_8x8.gif) no-repeat 0 6px;
	padding: 0 0 6px 17px;
}
.story ol li {
	padding: 0 0 6px 0;
}
.story ol {
	list-style-type: decimal;
	padding: 0 0 0 22px;	
}
* html .story ol {
	padding: 0 0 0 24px;
} 

/* der Footer */
div#footer {
	border-top:2px solid #8eaac0;
	border-bottom:2px solid #037db7;
	margin: 40px 0 20px;
}
div#footer p {
	padding: 0 0 5px 0;
}
div#footer span.email {
/*	padding-left: 32px; */
}
div#footer strong {
	font-weight: normal;
}

/*  --------- ich überschreibe einige Default Styles --------- */

/* Bilder, die über das Element "Text mit Bild" eingefügt werden */

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	margin-top: 3px;
}
/* Bilder, die über den RTE eingefügt werden */
.story p img {
	float: left;
	margin: 3px 10px 0 0;
}
/* -------- TT_News Einzeldarstellung -------- */
.news-single-item {
margin-bottom:0px;
padding:0px;
}
.news-single-img {
float:left;
margin: 5px 10px 0 0px;
padding:0;
}
.news-single-item span.news-single-timedata {
	float: left;
	font-weight: bold;
	padding-right: 10px;
}
/* die Resourcen unterhalb des news-single Artikels: */
.news-single-related, .news-single-files, .news-single-links {
margin: 0;
padding: 0;
}
.news-single-additional-info {
clear:both;
margin-top:15px;
padding:0;
}
dl.news-single-links dt, dl.news-single-links dd {
	margin: 0;
} 
/* Der "Zurück zu" Link unter der news-single: */

div.news-single-backlink {
	margin-top: 15px;
	padding: 0;
}
div.news-single-backlink a {
	background: transparent url(../img/news-zurueck-linkicon_sprite30x30.gif) no-repeat 0px -18px;
	color: ##037DB7;
	font-weight: bold;
	padding: 0 0 0 15px;
}
div.news-single-backlink a:hover, div.news-single-backlink a:active {
	background: transparent url(../img/news-zurueck-linkicon_sprite30x30.gif) no-repeat -20px 2px;
	color: #037db7;
}
p.news-single-imgcaption {
	font-size: 9px;
	line-height: 12px;
}


/* die .box-nachrichten sind divs auf der Aktuelles-Seite */
.box-nachrichten {
	margin-bottom: 30px;
}
.box-nachrichten h3 {
	margin: 17px 0 10px;
}
.box-nachrichten span.news-datum {
	font-weight: bold;
	padding-right: 5px;
}
.box-nachrichten p {
	display: inline;
	margin: 0 0 17px;
}

/* -------- Das Anmelde-Formular und Unterseiten davon - kommt nach register.css -------- */

fieldset#mitgliedsantrag label {
	display: inline-block;
	padding: 5px 0px 5px 0;
	width: 100px;
}

* html fieldset#mitgliedsantrag label.label-titel { width: 104px; }
*+html fieldset#mitgliedsantrag label.label-titel { width: 104px; }
fieldset#mitgliedsantrag label.zweiprozeile {
	margin-left: 20px;
	width: 40px;
}
fieldset#mitgliedsantrag span.label {
	color: black;
}
#mitgliedsantrag label span {
	color: #D01011;
}
fieldset#mitgliedsantrag input {
	width: 350px;
}

fieldset#mitgliedsantrag fieldset#lightmember label {
	white-space: nowrap;
	padding-right: 20px;
	width: auto;
}

fieldset#gender input#tx-srfeuserregister-pi1-gender-0, fieldset#gender input#tx-srfeuserregister-pi1-gender-1, fieldset#leitender input, fieldset#organvertreter input, fieldset#lightmember input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_lightmember-0, fieldset#lightmember input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_lightmember-1 {
	width: 18px;
}

fieldset#mitgliedsantrag label.professional-activity, fieldset#f3daten label.date-of-entry {
	width: 297px;
}
fieldset#betrieb label.land-of-enterprise {
	width: 205px;
}
fieldset#f3daten label.recruited-through {
	width: 110px;
}
* html fieldset#f3daten label.recruited-through { width: 114px; }
*+html fieldset#f3daten label.recruited-through { width: 114px; }
fieldset#f3daten input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_recruited_through {
	width: 340px;
}
fieldset#f3daten input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_date_of_entry {
	width: 153px;
}
fieldset#personendaten h3 {
	margin: 5px 0 0;
}
fieldset#personendaten input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_street, fieldset#personendaten input#tx-srfeuserregister-pi1-city {
	width: 220px;
}
fieldset#personendaten input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_street_nr, fieldset#personendaten input#tx-srfeuserregister-pi1-zip {
	width: 57px;
}
fieldset#personendaten input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_date_of_first_professional_activity, fieldset#personendaten  input#tx-srfeuserregister-pi1-date_of_birth {
	width: 80px;
}
fieldset#lightmember h3, fieldset#berufsgruppe h3, fieldset#berufsausbildung h3, fieldset#position h3, fieldset#status h3, fieldset#betrieb h3, fieldset#f3daten h3 {
	margin: 17px 0 5px;
}
fieldset#organvertreter p.tx-srfeuserregister-pi1-error, fieldset#organvertreter br {
	display: none;
}
fieldset#abschicken input#tx-srfeuserregister-pi1-captcha-response {
	width: 100px;
}
fieldset#abschicken div.tx-srfeuserregister-pi1-captcha {
	overflow: hidden;
	margin: 17px 0;
}
fieldset#abschicken div#captcha-img-input {
	clear: both;
	padding-top: 10px;
	overflow: hidden;
}
fieldset#abschicken span.tx-srfreecap-pi2-cant-read {
/*	display: inline-block; */
	margin: 0 0 17px;
	color: black;
}

fieldset#abschicken div#datenschutz-gelesen {
	clear: both;
}
fieldset#abschicken div.tx-srfeuserregister-pi1-captcha label, fieldset#abschicken div#datenschutz-gelesen label {
	width: 460px;
}
fieldset#abschicken input#tx-srfeuserregister-pi1-tx_f3srfeuserregisterext_nb {
	float: left;
	margin: 8px 8px 0 0;
	width: 20px;
}
fieldset#abschicken img {
	float: left; 
	margin-right: 10px;
}


fieldset#mitgliedsantrag input.tx-srfeuserregister-pi1-submit {
	clear: both;
	display: block;
	margin-top: 30px;
	width: 150px;
}

p.tx-srfeuserregister-pi1-eval-error, p.tx-srfeuserregister-pi1-missing-error {
	color: #D01011;
	font-weight: bold;
	margin: 17px 0 0;
}

fieldset#berufsgruppe p.tx-srfeuserregister-pi1-eval-error, 
fieldset#berufsgruppe p.tx-srfeuserregister-pi1-eval-error br, 
fieldset#berufsausbildung p.tx-srfeuserregister-pi1-eval-error, 
fieldset#berufsausbildung p.tx-srfeuserregister-pi1-eval-error br, 
fieldset#status p.tx-srfeuserregister-pi1-eval-error, 
fieldset#status p.tx-srfeuserregister-pi1-eval-error br, 
fieldset#betrieb p.tx-srfeuserregister-pi1-eval-error, 
fieldset#betrieb p.tx-srfeuserregister-pi1-eval-error br, 
fieldset#abschicken p.tx-srfeuserregister-pi1-eval-error, 
fieldset#abschicken p.tx-srfeuserregister-pi1-eval-error br {
	display: none;
}
fieldset#abschicken div.tx-srfeuserregister-pi1-captcha p.tx-srfeuserregister-pi1-eval-error {
	display: block;
}

/* Für richtige Browser werden die br's im Formular ausgeschaltet. 
Für den IE6 werden sie dan wieder angeschaltet */
fieldset#mitgliedsantrag br {
/*	display: none;*/
}
* html fieldset#mitgliedsantrag br {
/*	display: block;*/
}
br.ie6 {
	display: none;
}
* html br.ie6 {
/*	display: block;*/
}
/* Der Mitgliedsdaten-Review, nachdem man das Formular ausgefüllt hat: */
fieldset#mitgliedsantrag p {
	margin: 8px 0 0;
}
fieldset#mitgliedsantrag.review-screen br {
	display: none;
}

/* --------- Die Suchergebnisse --------- */

div.tx-indexedsearch-res h3 {
	margin: 17px 0 5px;
}
.tx-indexedsearch-res p {
	margin: 5px 0;
}
dl.tx-indexedsearch-info dt, dl.tx-indexedsearch-info dd {
	display: inline;
/*	font-size: 11px; */
}
dl.tx-indexedsearch-info dt, dl.tx-indexedsearch-info dd a {
	color: #888;
}
dl.tx-indexedsearch-info dd a:hover, dl.tx-indexedsearch-info dd a:active {
	color:##037DB7;
}

p.relevanz, span.tx-indexedsearch-percent {
/*	display: none;*/
	color: #888;
/*	font-size: 11px; 	*/
	margin: 0 0 5px;
}


/* --------- Die Multibox --------- */

#multi td.text { vertical-align:top;background-color:#f0f0f0;padding: 0 0 0 10px;}
#multi td.links { vertical-align: middle; min-width:200px;text-align:center;}
#multi td.rechts { vertical-align: middle; min-width:200px;200px;text-align:center;}
#multi table {width:100%;}
div#multi {padding: 0 0 10px 0;}