/***********************************************/
/* Enhanced CSS2 Stylesheet-Definitions for    */
/* newer Browsers                              */
/* Displaymedium: SCREEN                       */
/***********************************************/


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, table, div, td, th, p, a, input, textarea, option, select, span, em {
	font-size: 1em;
}

body{
	margin: 0 0 0 0;
	padding-top: 1.7em;
	font-size: 73%;
	text-align: center;
}

object {
	margin: 0px;
	padding: 0px;
}

.message {
	display: block;
	margin: 1em 0px;
	background-color: #CC0000;
	color: #FFFFFF;
	padding: 0.5em;
}
.message h4 {
	background-color: #FFFFFF;
	color: #CC0000;
	margin-top: 0px;
}

.clearall {
	display: block;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
}

.clickenlarge {
	display: block;
	color: #999999;
	margin-top: -1.4em;
	height: 1.4em;
	padding: 0px 3px;
	text-align: right;
}

.clickenlarge img {
	border: 0px !important;
}

.gfxHeader {
	float: right;
	clear: right;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0px;
	width: 650px;
	padding: 0px 0px 0.3em 0px;
}
.gfxHeader span {
	display: block;
	height: 1px;
	line-height: 2em;
	font-size: 0.6em;
	overflow: hidden !important;
}
#gfxHeader .imgText {
	float: none;
	width: auto !important;
}


/* LINK-LAYOUT */
a.linkInt,
a.linkExt {
	padding-right: 16px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
a.linkInt .icon,
a.linkInt {
	background-image: url("images/icon_view.gif");
}
a.linkExt,
a.linkExt .icon{
	background-image: url("images/icon_popup.gif");
}


.caption a {
	padding: 0px;
	background-image: none;
}

#leftFrame a.linkInt,
#leftFrame a.linkExt {
	background-position: bottom right;
	padding-right: 0px;
	display: block;
}

#leftFrame a .icon {
	background-position: right center;
	float: right;
	margin-top: -1em;
}

/***********************************************/
/* Layout                                      */
/***********************************************/
table.fullCentered {
	margin: 0px;
	width: 100%;
	height: 100%;
}
table.fullCentered td.contentCentered {
	text-align: center;
	vertical-align: middle;
}

#mainContainer {
	clear: both;
	width: 900px;
	margin: auto;
	padding: 0px;
	text-align: left;
	background: #FFFFFF url("images/background_2col.gif") top left repeat-y;
}
#mainContainer.col2{
	background-image: url("images/background.gif");
}

#container {
	width: 654px;
	float: right;
	padding: 0px;
}
#bodyContainer {
	background-position: top right;
	background-repeat: no-repeat;
}
#header {
	/*position: absolute;
	top: 0px;*/
	display: block;
	height: 114px;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1.6em;
	background: #FFFFFF url("images/divider_bar.gif") bottom left repeat-x;
}
#header a {
	float: left;
}

/*********** #leftFrame  ***********/
#leftFrame {
	width: 243px;
	padding: 0px;
	float: left;
}
#leftFrame p {
	margin-top: 0px;
	margin-bottom: 1em;
}

#navi {
	display: block;
	margin-bottom: 2em;
}
#subnavi {
	display: block;
	padding: 4px;
	margin: 0px 1.1em;
	background-color: #ECECEE;
}
#subnavi li {
	font-size: 0.9em;
}
#langNavi {
	display: block;
	margin-bottom: 1em;
}
#subnavi h5 {
	color: #ED7221;
	margin: 0px 0px 0.3em 0px;
	font-size: 1em;
}

#rightFrame {
	width: 162px;
	float: right;
	overflow: hidden;
}

/*********** #contentFrame ***********/
#content,
#contentSingle {
	display: block;
	min-height: 385px;
	color: #898989;
	clear: both;
	float: left;
}
#content p,
#contentSingle p {
	line-height: 1.3em;
	text-align: justify;
}
#contentSingle {
	min-height: 285px;
}
#content {
	width: 489px;
	padding-bottom: 2em;
}


* html #content,
* html #contentSingle {
	height: 385px;
}
table.fullCentered #contentSingle {
	height: auto;
	padding:1.6em 0;
}


.csc-linkToTop {
	display: block;
	margin: 1.5em 1.1em;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	text-align: right !important;
	font-size:0.8em;
}

.cbox {
	display: block;
	/*padding: 0px 1.1em;*/
	margin: 1em 1.1em;
	clear: both;
}
#rightFrame .cbox {
	margin-left: 11px;
	margin-right: 11px;
}

.cbox.fullwidth {
	padding: 0px !important;
	margin: 0px !important;
}

.cbox.highlightSoft,
.cbox.highlightMed {
	background: #F8F0DB url("images/background_high_soft.gif") top left repeat-x;
	padding: 1em 1.1em 4px 1.1em;
	margin: 0px;
}
.cbox.highlightMed {
	background-color: #F5D7B5;
	background-image: url("images/background_high_med.gif");
}
#leftFrame {

}
#leftFrame .cbox.highlightSoft,
#leftFrame .cbox.highlightMed {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.9em;
}


/*********** #bottomFrame   ***********/

#footer {
	clear: both;
	display: block;
	width: 100%;
	font-size: 1.6em;
	text-align: right !important;
	padding: 16px 0px 0px;
	color: #ED7221;
	border-top: 3px solid #FFFFFF;
	background: #FFFFFF url("images/divider_bar.gif") top left repeat-x;
}



/*************** SPEZIELLE FENSTER **************/
#glossarContainer {
	clear: both;
	margin: 0px 1.5em;
	display: block;
	min-width: 630px;
	text-align: left;
}
#glossarContainer #container,
#glossarContainer #content {
	width: auto !important;
	display: block !important;
	float: none !important;
	clear: both;
}
#glossarContainer #header {
	height: 57px;
	font-size: 1.3em;
}
#glossarContainer #header,
#glossarContainer #footer {
	background-image: url("images/divider_bar_small.gif");
}
#glossarContainer #footer {
	padding-top: 9px;
}
#glossarContainer .gfxHeader {
	width: 500px;
}
#glossarContainer #content {
	min-height: 300px;
}
* html #glossarContainer #content {
	height: 300px;
}



/********* Content-Boxen ********/
/********************************/



/********* Typo3-Elemente ********/
/********************************/
#preview {
	position: absolute;
	display: block;
	width: 100%;
	padding: 3px;
	top: -1em;
	font-weight: bold;
}

table.typo3-adminPanel {
	text-align: left;
	margin-left: 0px;
}
tr.typo3-adminPanel-itemHRow {
	background-color: #9AA29C;
}
tr.typo3-adminPanel-itemHRow td {
	border-top: 1px solid #FFFFFF;
}
tr.typo3-adminPanel-itemRow {
	background-color: #EFEFEF;
}



/********* Content-Elemente ********/
/********************************/


/********* Menüs - Sitemaps *******/
dl.pagemenu {
	margin: 2.5em 0px 1em 0px;
	padding: 0px;
}
dl.pagemenu .moreLink {
	text-align: right;
	display: block;
}
dl.pagemenu .moreLink a{
	/*display: inline;
	padding: 0px 2px;*/
}
dl.pagemenu dt {
	padding: 2px 8px;
	margin: 0.8em 0px 0.8em 0px;
	font-weight: bold;
	color: #898989;
	background-color: #ECECEE;
	clear: both;
}
dl.pagemenu dt a{
	color: #898989;
}

dl.pagemenu dd.info {
	margin: -0.3em 0px 0px 0px;
	border-bottom: 1px solid #ECECEE;
	color: #CCCCCC;
	font-size: 0.9em;
	padding-bottom: 2px;
}

dl.pagemenu dd {
	margin: 0.8em 0px 0px 0px;
	padding: 0px;
}

dl.pagemenu.related dd {
	margin-left: 3em;
}
dl.pagemenu.related dd img {
	vertical-align: middle;
}

dl.pagemenu.thumbnail dd {
	margin-left: 130px;
}
dl.pagemenu.thumbnail dd.preview {
	float: left;
	margin: 0px;
	margin-bottom: 1.3em;
	padding: 0px;
	width: 120px;
	height: 90px;
	border: 1px solid #ECECEE;
	clear: left;
}
dl.pagemenu.thumbnail .preview img {
	margin: 0px;
	padding: 0px;
	float: left;
}



/* Dateidownload-Listen usw. */
ul.filelist {
	margin-top: 0em;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
	clear: both;
}
ul.filelist li {
	padding: 0px;
	margin-left: 0px;
	float: left;
	/*display: block;*/
	width: 100%;
	/*width: 657px;*/
	border-bottom: 1px solid #CECECE;
	clear: both;
}

ul.filelist .icon {
	width: 20px;
	padding-top: 4px;
	vertical-align: middle;
	float: left;
}

.icon img {
	vertical-align: middle;
	margin-right: 3px;
}
ul.filelist .label {
	/*width: 560px;*/
	float:left;
	padding: 4px;
}
ul.filelist .size {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	/*width: 70px;*/
	float: right;
	padding: 4px;
	padding-left: 0px;
}

ul.filelist .desc {
	display: block;
	padding: 4px;
	margin-top: 0.4em;
}



/* Link-Menü */
ul.linkmenu {
	margin: 1em 0 1em 3em;
	/*list-style-image: url(images/bullet_navi.gif);*/
	list-style-type: none;
}
ul.linkmenu li {
	margin-bottom: 4px;
	background: url("images/bullet_navi.gif") top left no-repeat;
	padding-left: 1em;
}
ul.linkmenu a {
	font-weight: bold;
	line-height: 1em;
	display: block;

}
ul.linkmenu a:hover {
	text-decoration: none;
}



/* Sitemap */
ul.sitemap {
	margin-left: 0px;
	padding: 0px;
	font-size: 1.3em;
	font-weight: bold;
	list-style-type: none;
}
ul.sitemap li {
	margin-bottom: 1em;
}

ul.sitemap ul {
	margin-top: 1em;
	font-weight: normal;
	font-size: 0.8em;
	list-style-type: disc;
}
ul.sitemap ul li {
	float: none;
	margin: 0px;
	padding: 0;
}
ul.sitemap ul a {
	font-weight: normal;
}

ul.sitemap ul ul {
	list-style-type: square;
	font-size: 1em;
	margin-top: 0.5em;
}
ul.sitemap ul ul li {
	border-style: none;
}
ul.sitemap ul ul ul {
	margin-left : 2em;
	list-style-type: disc;
}
ul.sitemap ul ul ul ul {
	margin-left: 2em;
	list-style-type: circle;
}



/*********** SPALTEN ***************/
.leftCol {
	width: 48%;
}
div.leftCol {
	float: left;
}
div.rightCol {
	float: right;
}
.rightCol {
	width: 48%;
}
table.columns {
	padding: 0px;
}
table.columns td, table.columns tr {
	padding: 0px;
	margin: 0px;
}
table.columns .rightCol {
	padding-left: 15px;
	width: auto;
}


/*********** FORMULARE   ***********/
textarea, input, select, input.textfield {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	height: 7em;
}
.textfield {
	width: 100%;
}
* html .textfield { /* IE HACK */
	width: 94%;
}


input.textfield.date {
	width: 8em !important;
	margin-right: 0.5em;
}
input.textfield.capt {

}
img.captchaImg,
img.tx-srfreecap-pi2-image {
	margin-left: 0.5em;
	vertical-align: middle;
}
span.captcha {
	display: block;
	font-weight: normal;
	color: #898989;
	margin-top: 0.5em;
}

textarea:hover,
input:hover,
input.textfield:hover,
select:hover {
	/*background: #666666 !important;*/
}
option,
option:hover {
	background-color: #FFFFFF !important;
}

input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
}

select {
	line-height: 1em;
	height: 1.8em;
	margin: 0px;
	font-size: 0.9em !important;
	padding: 0px;
	vertical-align: middle;
}
select option {
	padding: 1px 5px;
	border-bottom: 1px dotted #666666;
}

fieldset {
	border: 1px solid #CDD0D6;
	padding: 4px;
	margin: 10px 0 15px 0;
}

fieldset legend {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
}


/*********** Tabellen   ***********/
table.contenttable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	empty-cells: show;
}
table.contenttable.halfwidth {
	width: 50% !important;
}

table.contenttable th,
table.contenttable td {
	padding: 2px 0.4em;
}

table.contenttable.contenttable-1 th,
table.contenttable.contenttable-2 th,
table.contenttable.contenttable-3 th,
table.contenttable.contenttable-4 th {
	background-color: #ED7221;
	color: #FFFFFF;
}
table.contenttable th.td-0 {
	width: 15%;
	border-bottom: 1px solid white;
}

table.contenttable.contenttable-2 .tr-odd {
	background-color: #F7F0DA;
}

table.contenttable.contenttable-3 th {
	background-color: #0185CD;
	border-color: #C9D8F5;
}
table.contenttable.contenttable-3 .tr-odd {
	background-color: #E7EFFC;
}
table.contenttable.contenttable-4 th {
	background-color: #ACACAC;
}
table.contenttable.contenttable-4 .tr-odd {
	background-color: #ECECEE;
}


/***********************************************/
/* Navigation / Links                          */
/***********************************************/

/****** LINKS (Basisdefinition in core.css) *****/

/****** BUTTONS ********/
a.button, input.button, .button a,
.tx-indexedsearch-searchbox-button {
	text-align: center;
	border-style: none;
	background-color: #ED7221 !important;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.button, .button a {
		padding: 2px;
}
input.button,
.tx-indexedsearch-searchbox-button {
	text-align: center;
}
a.button:hover,
.button a:hover,
input.button:hover,
.tx-indexedsearch-searchbox-button:hover {
	color: #000000 !important;
	background-color: #F7F0DA;
}




a.moreLink,
.moreLink a {
	float: right;
	display: block;
	padding-right: 1.5em;
	background: transparent url("images/bullet_navi.gif") top right no-repeat;
}
a.backLink,
.backLink a {
	display: block;
	float: left;
	padding-left: 1.5em;
	background: transparent url("images/bullet_back.gif") top left no-repeat;
}



/************ NAVI **************/
#navi ul,
#subnavi ul,
#langNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.98em;
}
#navi ul li,
#subnavi ul li,
#langNavi ul li {
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 1em;
	display: inline;
}
#navi ul li a,
#subnavi ul li a,
#langNavi ul li a,
#langNavi ul li em {
	display: block;
	color: #000000;
	margin: 0px;
	padding: 3px 7px;
	padding-left: 2.8em;
	background: url("images/bullet_navi.gif") 1em 0.2em no-repeat;
}
#langNavi ul li em {
	color: #666666;
	background-image: url("images/bullet_navi_inactive.gif");
	font-style: normal;
}
#subnavi ul li a {
	padding-bottom: 2px !important;
	background-position: 1em 0.1em !important;
}
#navi ul li.last a{
	margin-top: 0.8em;
}
#navi ul ul li.last a,
#navi ul li.last ul a {
	margin-top: 0px !important;
}
#navi ul li {
	/*border-bottom: 1px solid #FFFFFF;*/
}
#navi ul li a:hover,
#langNavi ul li a:hover {
	background-color: #F5D7B5;
	color: #ED7221;
}
#subnavi ul li a:hover {
	background-color: #CCCCCC;
	color: #ED7221;
}
#navi ul li a.active {
	font-weight: bold;
	color: #ED7221;
	/*
	background-color: #ED7221;
	color: #FFFFFF;
	*/
	padding-left: 1em;
	background-image: none;
	background: #F5D7B5 url("images/background_high_med.gif") left top repeat-x;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	margin-top: 0.4em;
}
#navi ul li a.active.sub {

}

#navi ul ul {
	padding: 0px;
	padding-bottom: 1em;
	background: #F5D7B5 url("images/background_high_soft.gif") left bottom repeat-x;
}
#navi ul ul li a{
	/*
	font-size: 0.9em;
	padding-top: 3px;
	padding-left: 2.5em !important;
	padding-bottom: 3px;
	
	background-image: none;*/
}
#navi ul ul li {

}
#navi ul ul li a:hover {
	background-color: #F3B989;
	color: #D65400;
}
#navi ul ul li a.active,
#subnavi ul li a.active {
	background: transparent url("images/bullet_navi_active.gif") 1em 0.2em no-repeat;
	padding-bottom: 3px;
	padding-left: 2.8em;
	font-weight: normal;
	color: #ED7221;
}

#navi ul ul a.active {
	margin: 0px;
	padding-top: 3px;
}

#navi ul ul ul {
	background-color: #FFCC99;
}
#navi ul ul ul li a{
	padding-left: 3.5em;
}

#navi ul .bottomBar {
	display: block;
	height: 5px;
	background: #F5D7B5 url("images/background_high_soft.gif") left bottom repeat-x;
}


/***********************************************/
/* FCEs                                        */
/***********************************************/
dl.galleryEntry {
	display: block;
	clear: both;
	padding: 0px;
}
dl.galleryEntry dt {
	margin-bottom: 1em;
	margin-top: 1.3em;
	font-size: 1em;
	font-weight: bold;
	background-color: #ECECEE;
	padding: 2px 8px;
}
dl.galleryEntry dd.image {
	float: right;
	margin-left: 1em;
	margin-top: -2em;
	margin-right: 0.5em;
	width: 220px;
}
dd.image .image,
dd.image .imagerow,
dd.image .imagewrap {
	margin: 0px !important;
}
dd.image .image {
	border-right: 0px !important;
}
dl.galleryEntry dd.desc {
	margin-left: 0px;
	padding: 0px;
}


/***********************************************/
/* TYPO3-Extensions                            */
/***********************************************/
.csc-textpic DIV.imagewrap .image {}
.csc-textpic .imagerow { clear: both; margin-bottom: 1em;}
.csc-textpic.csc-textpic-equalheight DIV.imagerow { margin: 0px; }

/* startseiten bilder */
.fullwidth .csc-textpic.center .image {
	margin: 0px !important;
	padding: 0px !important;
}


/* loginbox */
.tx-felogin-pi1 fieldset div {text-align:right;width:60%;margin-top:0.3em;}
.tx-felogin-pi1 label {float:left;clear:left;width:55%;margin-right:1em;margin-top:0.3em;text-align:right;}

/* tt_news */
div.news .headline em {
	display: block;
	font-size: 0.9em;
	text-align: right;
	font-style: normal;
	margin-top: -1em;
}
div.news .shortdesc {
	display: block;
	margin: 1.3em 0px;
}
div.news .moreLink {
	margin-top: 3em;
}
div.news .news-single-img {
	display: block;
	margin-top: 1em;
}


.podcasts dl.pagemenu.thumbnail dd.preview {
	background-image: url("images/podcast_small.jpg");
	background-repeat: no-repeat;
}

.podcasts dl.pagemenu.thumbnail dd.preview a {
	display: block;
	width: 100%;
	height: 90px;
	vertical-align: middle;
}
.podcasts dl.pagemenu.thumbnail dd.preview .blend {
	display: block;
	width: 100%;
	height: 90px;
	background-color: #FFFFFF;
}
/*
.news .podcast {
	display: block;
	background-color: #F7F0DA;
	padding: 0.4em;
	margin: 2em 0px;
}
*/




#rightFrame .fullwidth DIV.csc-textpic .image {
	margin: 0px;
}
#rightFrame DIV.csc-textpic .caption {
	display: block;
	padding: 2px 1px;
	background-color: #FFFFFF;
}
#rightFrame DIV.csc-textpic .imagewrap,
#rightFrame DIV.csc-textpic .image {
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/* CSS-Styled Multimedia */
.multimedia p {
	padding: 0px;
	margin: 0px;
}
.multimedia {
	text-align: center;
}


/* Appointment-List                            */
/***********************************************/
table.appointment {
	border: 0px;
	border-spacing: 0px;
	/*border-collapse: collapse;*/
	empty-cells: show;
	width: 100%;
}
table.appointment caption {
	background-color: #CCCCCC;
	padding: 2px;
	color: #ED7221;
	font-weight: bold;
}
table.appointment.archive caption  {
	color: #0185CD;
}
.user-appointment-pi1 th {
	background-color: #F7F0DA;
	color: #ED7221;
	padding: 0.3em 0.5em;
	vertical-align: top;
	border-bottom: 1px solid #FFFFFF;
}
table.appointment.list th {
	background-color: #ED7221;
	color: #FFFFFF;
	padding: 0.2em 0.3em;
	border-right: 1px solid #FFFFFF;
}
table.appointment.archive th {
	background-color: #0185CD;
	color: #FFFFFF;
	border-color: #C9D8F5;
}
table.appointment.list td {
	padding: 0.3em 0.3em;
	border-bottom-style: none;
	border-right: 1px solid #FFFFFF;
}
table.appointment.list tr:hover {
	background-color: #F5D7B5;
}
table.appointment.list.archive tr:hover {
	background-color: #C9D8F5;
}
table.appointment.list tr{
	cursor: pointer;
}


table.appointment.list .flag {
	width: 50px;
}
table.appointment.list .crdate {
	width: 140px;
}
table.appointment.list .date,
table.appointment.list .time {
	width: 80px;
}
table.appointment .label {
	width: 28%;
}



.user-appointment-pi1 td {
	padding: 0.2em 1em;
	vertical-align: top;
	border-bottom: 1px solid #F7F0DA;
}
.user-appointment-pi1 .archive td {
	border-color: #C9D8F5;
}
.user-appointment-pi1 tr.odd {
	background-color: #F7F0DA;
}
.user-appointment-pi1 .archive tr.odd {
	background-color: #E7EFFC;
}
span.tx-srfreecap-pi2-cant-read {
	font-size: 0.9em;
	display: block;
}
