/* CSS Document by Thomas Müller @ www.tm-webentwicklung.com 21.03.2008 */

/* Reset */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
} 

/* Centered page:Add Scrollbar in other browsers than IE > no jumping */
html { 
	overflow:scroll;
	overflow-x:visible;
	height:100%;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#ffffff url(../images/bg-body.gif) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	height:100%;
}

#page {
	width:960px;
	/*min-height:100%;*/
	margin-left:auto;
	margin-right:auto;
	background:url(../images/page-bg.png) left top repeat-y;
	padding:0px 15px;
}

div.clearer {
	height:1px;
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

img {
	border:none;
	display:block;
}

a {
	outline:0px;
	color:#000;
}


/**
* ------ HEADER ------ *
*/

div#header {
	width:960px;
	height:223px;
	padding:0px 0px 4px 0px;
	background:url(../images/bg-header-sm.gif) left top no-repeat;
}

img#logo {
	margin:0px 0px 0px 0px;
	float:left;
	border-right:1px solid #ffffff;
}

/**
* ------ NAVIGATION ------ *
*/

/* Sprachen-Navi */
ul#navi-lang {

}

ul#navi-lang li {

}

ul#navi-lang li a {

}

ul#navi-lang li a:hover {

}

/* Meta-Navi */
div#meta-wrapper {
	background:url(../images/page-bg.png) 50% 0% repeat-y;
	padding-top:27px;
}

div#meta {
	margin:0px 0px 0px 0px;
	padding:1px 15px 0px 15px;
	background:#43abe7;
}

ul#navi-meta {
	width:960px;
	height:30px;
	margin:0px auto 0px auto;
	background:#ebebeb;
}

ul#navi-meta li {
	float:left;
	font-size:11px;
	padding:8px 13px 5px 13px;
}

ul#navi-meta li a {
	text-decoration:none;
}

ul#navi-meta li a:hover, ul#navi-meta li.active a, ul#navi-meta li.current a {
	color:#43aae6;
}

/* Breadcrumbs-Navi */
ul#navi-breadcrumbs {
	margin:2px 0px 0px 0px;
}

ul#navi-breadcrumbs li {
	float:left;
	padding:0px 5px 7px 9px;
	font-size:11px;
	line-height:1.4em;
	background:url(../images/bg-nav-bread.gif) 0em 0.53em no-repeat;
}

ul#navi-breadcrumbs li:first-child {
	background:none;
	padding-left:13px;
}

ul#navi-breadcrumbs li a {
	text-decoration:none;
}

ul#navi-breadcrumbs li a:hover {
	text-decoration:underline;
}

/* Hauptnavigation */
ul#navi-level1 {
	background:#5071b9 url(../images/bg-nav.jpg) left top no-repeat;
	min-height:144px;
	padding:0px 0px 0px 0px;
}

ul#navi-level1 li {
	float:left;
	position:relative;
	left:15px;
}

ul#navi-level1 li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	line-height:14px;
	text-align:center;
	width:232px;
	padding:115px 0px 0px 0px;
}

ul#navi-level1 li a span {
	background:#43aae5;
	display:block;
	padding:7px 5px 7px 5px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

ul#navi-level1 li a:hover {

}

ul#navi-level1 li.active a {

}

ul#navi-level1 li.active a span {
	background:#5071b9;
}

ul#navi-level1 li.active a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

ul#navi-level1 li:first-child {

}

ul#navi-level1 li:first-child a {
	width:234px;
}

ul#navi-level1 li:first-child a span {
	border-left:1px solid #ffffff;
}

/* Level 2 */
ul#navi-level1 li ul.navi-level2 {
	position:absolute;
	z-index:500;
	top:auto;
	left:auto;
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:231px;
	border-top:1px solid #ffffff;
}

ul#navi-level1 li:first-child ul.navi-level2 {
	width:232px;
	margin-left:1px;
}

ul#navi-level1 li:hover ul.navi-level2 {
	display:block;
}

ul#navi-level1 li:hover ul.navi-level2 li {
	float:none;
}

ul#navi-level1 ul.navi-level2 li {
	background:none;
	padding:0px 0px 0px 0px;
	position:static;
	left:0px;
}

ul#navi-level1 ul.navi-level2 li a {
	background:#e5e5e5;
	color:#5071b9;
	padding:6px 6px 6px 6px;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	cursor:pointer !important;
	width:219px;
}

ul#navi-level1 ul.navi-level2 li a:hover, ul#navi-level1 ul.navi-level2 li.current a {
	background:#d9d9d9;
	color:#5071b9;
}

ul#navi-level1 li:first-child ul.navi-level2 li a {
	width:220px;
}

div#navi2-placeholder {

}

ul#navi-level1 ul {
	top:0;
	left:100%;
}

ul#navi-level1 li:hover {
	cursor:pointer;
	z-index:100;
}

ul#navi-level1 li:hover ul,
ul#navi-level1 li li:hover ul,
ul#navi-level1 li li li:hover ul,
ul#navi-level1 li li li li:hover ul {
	display:block;
}

/* Level 3 */
ul#navi-level3 {

}

ul#navi-level3 li {
	font-size:11px;
	padding:6px 0px 6px 14px;
	background:url(../images/bg-nav-l3.gif) 0em 0.9em no-repeat;
}

ul#navi-level3 li:hover, ul#navi-level3 li.current {
	background:url(../images/bg-nav-l3-cur.gif) 0em 0.9em no-repeat;
}

ul#navi-level3 li a {
	color:#5071b9;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

ul#navi-level3 li a:hover, ul#navi-level3 li.current a {
	color:#8f8f8f;
}

/**
* ------ INHALTSBEREICH ------ *
*/

/* Styles für den Content-Bereich */
div#content-container {
	width:915px;
	/*min-height:500px;*/
	padding:35px 25px 40px 20px;
}

div.col-left {
	width:190px;
	float:left;
}

div#content {
	position:relative;
	width:685px;
	float:left;
	margin:0px 0px 0px 40px;
}

/* Footer */
div#footer {
	background:#43abe7;
}

div#footer ul {

}

div#footer ul li {
	float:left;
	padding:8px 13px 7px 13px;
}

div#footer ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}

div#footer p {
	float:right;
	width:765px;
	height:30px;
	background:#ebebeb;
	margin:1px 25px 0px 0px;
}

p#copy {

}

div#footer-close {
	background:url(../images/page-bg-bottom.png) left top no-repeat;
	height:15px;
	padding-bottom:80px;
	margin:0px auto;
	width:990px;
}

/**
* ------ SCHRIFTEN USW. ------ *
*/

/* Styles für Schriftformatierungen */
#content h1 {
	font-size:2em;
	line-height:1.4em;
	margin:0px 0px 10px 0px;
	color:#5071b9;
	font-weight:normal;
}

#content h2 {
	font-size:1.4em;
	line-height:1.5em;
	color:#5071b9;
	margin:10px 0px 10px 0px;
}

h3 {
	font-size:1.4em;
	line-height:1.5em;
	margin:1px 0px 10px 0px;
	font-weight:normal;
	color:#43aae6;
	text-transform:uppercase;
}

#content h3 {
	margin:10px 0px 0px 0px;
}

div.col-left h3 {
	text-transform:none;
	font-size:14px;
	line-height:1.5em;
	color:#000000;
}

div.col-left div.news-latest-container h3 {
	text-transform:uppercase;
	color:#43aae6;
}

h4 {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
	color:#000000;
}

#content h5 {
	font-size:1.2em;
	margin:1em 0em 0.2em 0em;
}

div#content p {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 10px 0px;
}

div#content div.tooltip p {
	line-height:1.4em;
}

div#content a {
	text-decoration:underline;
}

div#content a:hover {
 	color: #43ABE7;
	text-decoration:underline;
}

div#content ul {
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#content ul li {
	font-size:1.2em;
	padding:2px 0px 2px 11px;
	line-height:1.5em;
	list-style-type:none;
	background:url(../images/list_square_black.gif) 0em 0.8em no-repeat;
}

div#content table {
	margin:0px 0px 10px 0px;
}

div#content table th, div#content table td {
	font-size:1.1em;
	vertical-align:top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
}

div#content table th {
	font-weight:bold;
}

div#content table th p, div#content table td p {
	font-size:1.2em;
	margin:0px;
}

/* Hübschere Tabellen */
div#content table tbody tr td, div#content table tbody tr th {
	vertical-align:top;
	text-align:left;
	font-size:1.1em;
	line-height:1.5em;
}

div#content table tbody tr th, div#content table thead tr th {
	font-size:1.1em;
	color:#FFFFFF;
}

div#content table.bunt {
	border:1px solid #e20015;
	/*width:100%;*/
}

div#content table.bunt tbody tr td {
	padding:3px 6px;
}

div#content table.bunt tbody tr th, div#content table.bunt thead tr th {
	font-weight:bold;
	text-align:center;
	background-color:#e20015;
	padding:3px 6px;
}

div#content table.bunt tbody tr td.trenner {
	border-bottom:1px solid #e20015;
	padding:0px !important;
	font-size:1px !important;
	line-height:1px !important;
	height:1px !important;
	overflow:hidden !important;
}


/**
* ------ ELEMENTE ------ *
*/

img.links {
	float:left;
	margin:2px 20px 10px 0px;
}

img.rechts {
	float:right;
	margin:2px 0px 10px 10px;
}

div#content li.csc-textpic-image {
	background-image:none;
	padding-left:0px;
}

.form_error {
	color:#b5152b !important;
}

/* Slideshow */
div.slideshow {
	width:711px;
	height:223px;
	overflow:hidden;
	margin-bottom:5px;
	float:left;
}

/* Standort */
img#so2, p#pso2 {
	display:none;
}

p#pso1, p#pso2 {
	padding-top:20px;
}

/* Vorstands-Fotos */
img#vorstand-map {
	/*position:absolute;
	z-index:10;*/
}

#tooltip.vorstand {
	position: absolute;
	z-index: 3000;
	width:183px;
	color:#000000;
	font-size:12px;
	line-height:1.5em;
	background:url(../images/bubble-gr2.png) left top no-repeat;
	padding:18px 7px 7px 7px;
}
#tooltip.vorstand h3, #tooltip.vorstand div {
	margin: 0px !important;
	color:#000000 !important;
	font-size:13px !important;
	line-height:1.3em !important;
	text-transform:none;
}
#tooltip.vorstand div.body {
	font-size:11px !important;
	line-height:1.3em !important;
	padding:5px 0px 0px 0px !important;
}

div.tooltip {
	display:none;
	position:absolute;
	width:285px;
	color:#000000;
	font-size:11px;
	line-height:1.4em;
	background:url(../images/bubble-down-g.png) left bottom no-repeat;
	padding:7px 7px 52px 8px;
}

div.tooltip span {
	height:47px;
	width:37px;
	background:url(../images/bubble-down-p.png) left top no-repeat;
	position:absolute;
	bottom:-43px;
	left:133px;
	display:block;
}



/* Datentabelle */
div#content table.datentabelle th, div#content table.datentabelle td {
	font-size:1em;
	vertical-align:top;
	text-align:left;
	padding-right:35px;
}

div#content table.datentabelle th {
	font-size:1.1em;
	font-weight:bold;
}

/* Mitglieder-Tabellen */
div#content table.tabellelinks {
	float:left;
	margin-top:10px;
}

div#content table.tabellelinks td {
	text-align:left;
	vertical-align:top;
	width:187px;
	padding-top:12px;
	padding-right:28px;
	font-size:1em;
}

div#content table.tabellelinks td.partnerlogo {
	vertical-align:top;
	padding:13px 10px 0px 0px;
	width:110px;
}

div#content table.tabellelinks td.partnerlogo img {
	display:inline;
}

/* Ausbildungstabelle */
div#content table.ausbildung {
	margin-top:10px;
}

div#content table.ausbildung th {
	font-size:1em !important;
	text-align:left;
	vertical-align:top;
	background:#EBEBEB;
	color:#004F92;
	padding:3px 6px;
}

div#content table.ausbildung th p, div#content table.ausbildung td p {
	margin:0px !important;
}

div#content table.ausbildung td {
	font-size:0.9em !important;
	text-align:left;
	vertical-align:top;
	padding:6px 6px;
	background:#EBEBEB;
	border:1px solid #EBEBEB;
}

div#content table.ausbildung td ul {
	margin:0px !important;
	padding:0px;
	list-style-type:none;
}

div#content table.ausbildung td ul li {
	font-size:1.2em !important;
	padding:0px 0px 0px 11px;
	background-position:0 0.6em;
}

div#content table.ausbildung tr.odd td {
	background:#ffffff;
}

/* Listen mit Pfeil */
div#content ul.arrowli {
	margin:15px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}

div#content ul.arrowli li {
	margin:0px;
	padding:3px 0px 0px 0px;
	list-style-type:none;
}

div#content ul.arrowli li a {
	background-image:url(../img/list-arrow.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding-left:13px;
	font-size:1.1em;
}


/**
* ------ FORMULARE ------ *
*/

/* Styles für Formularelemente */
form {
	margin:0px;
}

fieldset {
	margin:0px 0px 15px 0px;
	padding:15px 12px 15px 12px;
	border:1px solid #5071b9;
	font-size:1em;
	width:420px;
}

legend {
	padding:3px 9px;
	color:#618AB2;
	font-weight:bold;
	border: 1px solid #43abe7;
	font-size:1.2em;
	background:#E9E9E9 url(../images/teaser-h3-grey.gif) left top;
}

label, div.label {
	font-size:1.2em;
	line-height:1.4em;
	cursor:pointer;
	width:120px;
	float:left;
	clear:left;
	margin-left:7px;
}

input {
	border:1px solid #757575;
	margin-bottom:7px;
	width:275px;
	font-size:1.2em;
}

input.check, input.radio {
	border:none;
	margin-bottom:0px;
	width:auto;
	font-size:inherit;
}

select {
	font-size:1.2em;
	margin-bottom:10px;
}

select.large {
	width:100px;
}

input.submit, input.csc-mailform-submit {
	border:1px solid #5071b9;
	width:auto;
	color:#000000;
	font-size:1em;
	font-weight:normal;
	margin-left:127px;
	margin-top:15px;
	padding: 2px 8px 2px 8px;
	background:#E9E9E9;
	font-size:1.1em;
	overflow: visible;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	border:1px solid #757575;
	width:275px;
	height:85px;
}

textarea:focus, input:focus, select:focus {
	border:1px solid #000000;
}

input.check:focus, input.radio:focus {
	border:none;
}


/**
* ------ EXTENSIONS ------ *
*/

/* News */
div.news-latest-item {
	padding:8px 0px 7px 0px;
	font-size:1em;
}

div.news-latest-item h5 {
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	line-height:1.5em;
}

div.news-latest-item p, p.news-latest-gotoarchive {
	margin:0px 0px 1px 0px !important;
	font-size:11px;
	line-height:1.5em;
}

p.news-latest-morelink {
	margin:0px !important;
	padding:0px !important;
}

p.news-latest-morelink a, p.news-latest-gotoarchive a, p.news-list-morelink a {
	text-decoration:none !important;
	color:#43aae6;
}

div.news-list-item h3 a {
	color:#43abe7;
}

p.news-list-morelink {
	border-bottom:1px solid black;
	padding-bottom:15px;
}

p.news-single-timedata {
	border-bottom:1px solid black;
	padding-bottom:12px;
	font-size:1em !important;
}

div.news-single-img {
	float:left;
	width:240px;
	margin:4px 15px 8px 0px;
}

p.news-single-imgcaption {
	margin:5px 0px 0px 0px !important;
	font-size:11px !important;
}

div.news-single-backlink a {
	font-size:11px !important;
}

p.news-catmenu-header, p.news-catmenu-NO, p.news-catmenu-ACT {
	float:left;
	margin-right:15px !important;
}

p.news-catmenu-NO img, p.news-catmenu-ACT img {
	display:none;
}

p.news-catmenu-header a, p.news-catmenu-NO a, p.news-catmenu-ACT a {
	text-decoration:none !important;
}

p.news-catmenu-header a:hover, p.news-catmenu-NO a:hover, p.news-catmenu-ACT a:hover {
	color: #43ABE7;
}

p.news-catmenu-ACT a {
	color: #5071B9 !important;
}

p.news-catmenu {
	margin:0px !important;
}

/* Sitemap */
div#content div.csc-sitemap ul {
	margin-top:0px;
	margin-bottom:0px;
}

div#content div.csc-sitemap ul li a:hover {
	text-decoration:underline !important;
}

div#content div.csc-sitemap ul li.sitemap-l1, div#content div.csc-sitemap ul li.sitemap-l2 {
	background-image:none;
}

div#content div.csc-sitemap ul li.sitemap-l1 ul {
	margin:0px;
}

div#content div.csc-sitemap ul li.sitemap-l1 {
	padding:10px 0px 0px 0px;
}

div#content div.csc-sitemap ul li.sitemap-l2 {
	padding:5px 0px 0px 0px;
	line-height:1.2em;
}

div#content div.csc-sitemap ul li.sitemap-l1 a {
	display:block;
	padding:0px 0px 2px 0px;
	text-decoration:none;
	border-bottom:1px dotted #666;
	font-weight:bold;
	color:#000 !important;
}

div#content div.csc-sitemap ul li.sitemap-l2 a {
	background-image:url(../images/list-arrow.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	border-bottom:none;
	font-weight:normal;
	font-size:0.85em;
}

/* Suche */
.tx-indexedsearch .searchbox-tmpl-css label {
	float:left;
	margin-right:0em;
	width:160px;
}

div.tx-indexedsearch-searchbox {
	margin-top:15px;
}

div.tx-indexedsearch-searchbox fieldset {
	border:none;
	padding:5px 0px;
}

div.tx-indexedsearch-searchbox fieldset label {
	margin-left:0px;
}

div.tx-indexedsearch-searchbox fieldset input.submit {
	margin-left:160px;
}

div.tx-indexedsearch-searchbox .submit {
	margin-top:7px;
	margin-bottom:0px;
}

div.tx-indexedsearch-res .res-tmpl-css {
	background:#dce0e4;
}

div.tx-indexedsearch-res h2 {
	font-size:12px !important;
	background:#dce0e4;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
}

div.tx-indexedsearch-res h2 a {

}

div.tx-indexedsearch-whatis {
	margin-left:0px;
	padding-top:5px;
	font-size:1.2em;
}

span.tx-indexedsearch-icon {
	float:left;
}

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

.tx-indexedsearch .percent-tmpl-css {
	margin-top:0px;
}

span.tx-indexedsearch-percent {
	padding-right:3px;
}

.tx-indexedsearch-redMarkup {
	color:#b5152b !important;
}

p.tx-indexedsearch-descr {
	padding-left:10px;
}

dl.tx-indexedsearch-info {
	margin:0px 0px 0px 0px;
	background-color:#9ca7ae !important;
}

dt.tx-indexedsearch-text-item-crdate {
	padding-left:3px;
}

ul.browsebox li {
	background-image:none !important;
	padding-left:0px !important;
	padding-right:5px !important;
}

ul.browsebox li a {
	text-decoration:none !important;
	font-size:12px;
}
