/**
 * Colours:
 * 
 * Farbe Hintegrund, helles grün: 	#ebf2e9
 * Farbe Menügrün + Infokästen:   	#bad5b8
 * Farbe Hintegrund, dunkles grün:  #008436
 * Navi-Links:			#a2401a
 * Navi-Links inactiv:		#D9B3A3
 * Navi-Links inactiv:		#C2856A
 **/


/*****************************
***  Generelles ***
*****************************/

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}


body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:          center;
	background-position: left top;
	background-color:    #ffffff;
	background-repeat:   repeat;
	margin: 0px 0px 0px 0px;
}


/*****************************
***  Gesamt-Bereich        ***
*****************************/
#frame {
	/*background-image: url("pics/buch.jpg");*/
	/*background-repeat: no-repeat;*/
	width:  1024px;
	/*height:  768px;*/
	margin-left:  auto;
	margin-right: auto;
	text-align:   left;
	background-color: #ebf2e9;
	clear: both;
}

/*****************************
***  header-Bereich        ***
*****************************/
#header {
	background-image: url("pics/Header.jpg");
	background-repeat: no-repeat;
	width:  1024px;
	height:  244px;
	margin-left:  auto;
	margin-right: auto;
	text-align:   left;
	background-color: #ffffff;
}

/*****************************
***  navihorizontalspacer     ***
*****************************/
#navihorizontalspacer {
	width:  200px;
	/*height:  520px;*/
	margin: 20px 0px 0px 0px;
	text-align:   right;
	/*background-color: #ffffff;*/
	/*background-color: red;*/
	float: left;
}
/*****************************
***  navihorizontal     ***
*****************************/
#navihorizontal {
	width:  600px;
	/*height:  20px;*/
	margin: 20px 0px 0px 0px;
	text-align:   right;
	background-color: #ffffff;
	/*background-color: blue;*/
	float: left;
}
/*****************************
***  search     ***
*****************************/
#search {
	width:  224px;
	/*height:  520px;*/
	margin: 20px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #008436;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	/*background-color: #ebf2e9;*/
	/*background-color: silver;*/
	float: right;
}
#suche input {
	border: 1px solid #008436; 

}

.such_button {
	/*background: url('fileadmin/templates/pics/lupe.gif') 0% 50%;*/
	background: url('pics/lupe.gif') 0% 50%;
	width: 21px;
	height: 20px;
	border-width: 0px;
}

/*****************************
***  horizontalspacer4px     ***
*****************************/
#horizontalspacer4px {
	width:  1024px;
	height:    4px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #ebf2e9;
	float: left;
}

/*****************************
***  middle-Bereich        ***
*****************************/
#middle {
	width:  1024px;
	background-image: url("pics/ContentBG.gif");
	background-repeat: repeat-y;
	/*height:  244px;*/
	float:    left;
	margin-left:  auto;
	margin-right: auto;
	text-align:   left;
	background-color: #ebf2e9;
}

/*****************************
***  verticalspacer4px     ***
*****************************/
#verticalspacer4px {
	width:  4px;
	height:  520px;
	height:  500px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #ebf2e9;
	background-color: red;
	float: left;
}
/*****************************
***  verticalspacer12px     ***
*****************************/
#verticalspacer12px {
	width:  12px;
	height:  520px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #ebf2e9;
	/*background-color: silver;*/
	float: left;
}
#verticalspacer12px1 {
	width:  12px;
	height:  520px;
	/*height:  650px;*/
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #ebf2e9;
	/*background-color: silver;*/
	float: left;
}
#verticalspacer12px2 {
	width:  12px;
	height:  520px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #ebf2e9;
	/*background-color: silver;*/
	float: left;
}

/*****************************
***  navivertical     ***
*****************************/
#navivertical {
	width:  126px;
	/*height: 520px;*/
	/*height: 10px;*/
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin:  auto;
	/*border: 1px solid #008436; */
	text-align:   left;
	background-color: #bad5b8;
	float: left;
	/*background-color: red;*/
}

#navivertical.a {
	/*background-color: blue;*/
}

/*****************************
***  content     ***
*****************************/
#contentnormal1col, #content {
	width:  662px;
	/*height:  520px;*/
	margin: 0px 0px 0px 0px;
	text-align:   left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	float: left;
}
/*****************************
***  contentleft2col, contentright2col     ***
*****************************/
#contentleft2col, #contentright2col {
	width:  323px;
	/*height:  520px;*/
	margin: 0px 0px 0px 0px;
	text-align:   left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	float: left;
}


/*****************************
***  contentborder     ***
*****************************/
#contentborder {
	width:  212px;
	/*height:  520px;*/
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #008436; */
	text-align:   left;
	background-color: #bad5b8;
	float: left;
}


/*****************************
***  footer                ***
*****************************/
#footer {
	width:  1024px;
	height:   10px;
	height:    0px; /* Derzeit kein Footer ! */
	margin-left:  auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align:   left;
	background-color: #ebf2e9;
	clear: both;
}



/**********************************
***  content header definitions ***
**********************************/
h1 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	color: #008436;
}






/*****************************
***  Links  ***
*****************************/
a {
	color: #008436;
	text-decoration: none;
}
a:hover {
	color: #00CC66;
	text-decoration: none;
}
a:active {
	color: #008436;
	text-decoration: none;
}





img {
	border: 0;
}



/*#navivertical a */

img {
	border:  00px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
	margin:  00px 0px 0px 0px;
}







/*****************************
***  courses     ***
*****************************/
.courses {
	width:  662px;
	/*height:  520px;
	margin: 0px 0px 0px 0px;*/
	text-align:   left;
	background-color: #bad5b8;
	float: left;
}

.courses h1{
	width:  662px;
	height:  23px;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #008436;
	color: #ffffff;
	float: left;
}

.course {
	width:  654px;
	height:  auto;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	text-align:   left;
	background-color: #bad5b8;
	color: #008436;
	float: left;
}

.course a {
	font-weight: bold;
	color: #008436;
}

.course a {
	color: #008436;
	text-decoration: none;
}
.course a:hover {
	color: #00CC66;
	text-decoration: none;
}
.course a:active {
	color: #008436;
	text-decoration: none;
}

.vcard {
	clear: both;
}
.photo {
	float: right;
}



.HorizontalLine {
	border-bottom: 1px solid #008436;
	margin-top: 20px;
	margin-bottom: 5px;
}
.HorizontalLineDetail {
	border-bottom: 1px solid #008436;
	margin-top: 0px;
	margin-bottom: 20px;
}
.DetailBlock {
	width:  660px;
	height:  auto;
	/*background-color: #bad5b8;*/
	border: 0px solid #008436;
	color: #008436;
}
.DetailBlockSpacer {
	width:   20px;
	float: left;
}
.DetailBlockLeft, .DetailBlockRight {
	width:  320px;
	float: left;
}
.DetailHeader {
	width:  320px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	/*background-color: yellow;*/
}
.DetailHeaderSub {
	width:  320px;
	margin-top: 10px;
	font-weight: normal;
	float: left;
	/*background-color: blue;*/
}
.DetailKursID {
	width:  320px;
	margin-top: 80px;	
	/*background-color: red;*/
}
.DetailInscribe {
	padding-top: 40px;
	font-weight: bold;
	text-align: left;
}

#FreieKurseBlock, #OverallOverview, #ConfirmBlock, #FreieKurseShowAll {
	width:  660px;
	height:  auto;
	/*background-color: #bad5b8;*/
	border: 0px solid #008436;
	color: #008436;
}

#FreieKurseHeaderBlock {
	width:  660px;
	height:  39px;
	/*background-color: #008436;*/
	border-bottom: 1px solid #008436;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

#FreieKurseHeaderBlock h3, #FreieKurseHeaderBlock h4, #DetailHeaderBlock h3, #DetailHeaderBlock h4, #OverallOverviewHeaderBlock h3, #OverallOverviewHeaderBlock h4, #ConfirmBlock h3, #ConfirmBlock h4{
	color: #008436;
	margin: 0px 0px 0px 10px;
}
#FreieKurseHeaderBlock h3, #DetailHeaderBlock h3, #OverallOverviewHeaderBlock h3, #ConfirmBlock h3 {
	font-size: 14px;
}
#FreieKurseHeaderBlock h4, #DetailHeaderBlock h4, #OverallOverviewHeaderBlock h4, #ConfirmBlock h4 {
	font-size: 12px;
}

#FreieKurseShowAll {
	padding-left: 10px;
	padding-top: 10px;
	width:  650px;
	text-align: left;
}

.FreieKurseKursBlock, .DetailBlock {
	/*float: left;
	width: 140px;
	background-color: blue;*/
}

.FreieKurseKursDateTime {
	float: left;
	width: 140px;
	/*background-color: blue;*/
}
.FreieKurseKursSpacer {
	float: left;
	width:  10px;
	/*background-color: red;*/
}
.FreieKurseKursTitle {
	float: left;
	/*width: 360px;*/
	width: 440px;
	/*background-color: green;*/
}
.FreieKurseKursID {
	float: left;
	width:  40px;
	/*background-color: lime;*/
}
.FreieKurseKursAnmeldung {
	float: left;
	width:  80px;
	/*background-color: silver;*/
}
.FreieKurseKursClear, .DetailClear {
	clear: both;
	height:  1px;
	/*border-bottom: 1px solid #008436;*/
}

.GesamtuebersichtMonat {
	height:  30px;
	font-size: 12px;
	border-top: 1px solid #008436;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 15px;
}






#DetailHeaderBlock {
	width:  660px;
	height:  auto;
	/*background-color: #008436;*/
}

#DetailDescription {
	width:  660px;
	height:  auto;
	background-color: #ebf2e9;
}

#DetailModality {
	width:  500px;
	height:  auto;
	background-color: #bad5b8;
	margin-left: 75px;
}





#OverallOverviewHeaderBlock {
	width:  660px;
	height:  auto;
	/*background-color: #008436;*/
	margin-bottom: 20px;
}



#ConfirmHeaderBlock {
	width:  660px;
	height:  auto;
	background-color: #008436;
}
#ConfirmDescription {
	width:  660px;
	height:  auto;
	background-color: #bad5b8;
}



p.bodytext {
	text-align:          left;
}
p.align-left {
	text-align:          left;
}






/* NEWs */
.news-list-container hr.clearer, .news-single-item hr.clearer, .news-latest-container hr.clearer {
border:1px solid #BAD5B8;
border-bottom:1px solid #008436;
clear:right;
height:1px;
}
.news-latest-container hr.clearer {
clear:left;
}
.news-latest-container {
	background-color: #bad5b8;
	/*border:1px solid #333333;*/
}

.news-latest-container h4 {
	text-align: center;
	margin-top:    4px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 13px;
}
.news-latest-container h2, .news-latest-gotoarchive {
	/*background-color:#008436;*/
	/*border:1px solid #666666;*/
	color:#008436;
	/*margin:3px;*/
	/*padding:3px;*/
	text-align: center;
	font-size: 16px;
}
.news-latest-container h3 {
	/*background-color:#008436;*/
	border:0px solid #666666;
	color:#008436;
	/*margin:3px;*/
	padding:3px;
	font-size: 13px;
}

.news-latest-gotoarchive {
font-weight:bold;
margin-top:5px;
}
.news-latest-gotoarchive a:link, .news-latest-gotoarchive a:visited, .news-latest-gotoarchive a:hover {
color:#008436;
}
.news-latest-gotoarchive a {
color:#008436;
}
.news-latest-item {
	/*background-color:#F9FFE5;*/
	/*border:1px solid #666666;*/
	color: #008436;
	height:auto !important;
	line-height:1.3;
	margin:3px;
	padding:3px;
	font-size: 12px;
	vertical-align: baseline;
}

.news-latest-item h3{
	color: #ffffff;
	margin-top:    4px;
	margin-bottom: 4px;
}

.news-latest-item h3 a{
	color: #008436;
}

.news-latest-item img {
	border:1px solid #666666;
	float:left;
	margin-top: 10px;
	margin-bottom:5px;
	margin-right:5px;
}
.news-latest-category img {
border:medium none;
float:none;
margin:0;
}
.news-latest-date, .news-latest-morelink, .news-latest-category {
	font-size:9px;	
}
.news-latest-date a {
	color: #008436;	
}

.news-latest-morelink {
height:12px;
}
.news-latest-morelink a {
float:right;
}
.news-list-container {
	/*background-color:#bad5b8;*/
	/*border:1px solid #f29400;*/
	width: 660px;
}
.news-list-item {
	/*background-color:#d9dadb;*/
	/*border:1px solid #f29400;*/
	height:auto !important;
	line-height:1.3;
	margin:3px;
	padding:3px;
}
.news-list-item h3, .news-list-item h3 a{
	/*background-color: #008436;*/
}

.news-search-form {
	background-color:#bad5b8;
	/*border:1px solid #666666;*/
	margin-bottom:5px;
	padding:3px;
}
.news-search-emptyMsg {
margin:0;
}
.news-search-form form {
margin:0;
}
.news-list-container h3 {
	/*background-color:#d9dadb;*/
	/*border-bottom:1px solid #f29400;*/
	margin-bottom:5px;
	padding:2px;
	font-size: 13px;
}
.news-list-container h3 a:link, .news-list-container h3 a:visited, .news-list-container h3 a:hover {
	color:#008436;
	padding-left:2px;
}
.news-list-container h3 a {
color:#FFFFFF;
}
.news-list-container p {
	padding-left:3px;
	color: #008436;
}
.news-list-date {
	/*background-color: #008436;*/
	color: #008436;
	float:right;
	font-size:9px;
	font-weight:normal;
	height:20px;
	margin-right:-2px;
	margin-top:-2px;
	text-align:right;
	width:180px;
}
.news-list-imgcaption {
float:right;
font-size:9px;
padding-right:3px;
padding-top:3px;
}
.news-list-container img {
	/*border:1px solid #008436;*/
	float:right;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:2px;
}
.news-list-category img {
border:medium none;
float:none;
margin:0;
}
.news-list-morelink, .news-list-category {
font-size:9px;
margin-left:3px;
}
.news-list-morelink {
margin-bottom:3px;
}
.news-list-browse {
text-align:center;
}
.tx-ttnews-browsebox, .browseBoxWrap {
background-color:#F9FFE5;
border:1px solid #666666;
margin:3px;
padding:3px;
}
.tx-ttnews-browsebox td {
font-size:10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
font-weight:bold;
}
.tx-ttnews-browsebox-SCell p, .tx-ttnews-browsebox td p {
margin:0;
}
.tx-ttnews-browsebox-SCell {
background-color:#BBE53A;
border:1px solid #666666;
}
.news-search-emptyMsg {
font-size:11px;
margin-left:10px;
}
.news-single-item {
	background-color:#ebf2e9;
	/*border:1px solid #008436;*/
	margin-bottom:5px;
	padding:5px;
	width: 650px;
	color: #008436;
}
.news-single-item h2 {
	color: #008436;
	/*background-color:#008436;*/
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding: 0;
}
.news-single-item h3 {
	font-size: 13px;
	color: #008436;
	margin-bottom:15px;
}
.news-single-img {
float:right;
margin-left:5px;
}
.news-single-imgcaption {
clear:both;
padding:3px;
}
.news-single-category {
float:right;
}
.news-single-backlink, .news-single-backlink a {
font-size:10px;
font-weight:bold;
margin-bottom:15px;
margin-top:10px;
}
.news-single-timedata {
float:right;
}
.news-single-timedata, .news-single-author, .news-single-imgcaption {
font-size:9px;
}
.news-single-author {
padding-bottom:3px;
}
.news-single-additional-info {
background-color:#BBE53A;
border:1px solid #666666;
margin-top:15px;
padding:3px 3px 0;
}
.news-single-related, .news-single-files, .news-single-links {
background-color:#F9FFE5;
border:1px solid #666666;
margin:0 0 3px;
padding:3px;
}
.news-single-related dd, .news-single-links dd, .news-single-files dd {
margin-left:20px;
}
.news-single-related dt, .news-single-links dt, .news-single-files dt {
font-size:11px;
font-weight:bold;
margin-left:5px;
width:90%;
}
.news-amenu-container {
background-color:#BBE53A;
border:1px solid #333333;
margin-top:10px;
padding:3px;
}
.news-amenu-container li {
padding-bottom:1px;
}
.news-amenu-container ul {
background-color:#F9FFE5;
border:1px solid #666666;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-top:5px;
padding:3px;
}
.news-amenu-container h2 {
background-color:#008436;
border:1px solid #666666;
color:#FFFFFF;
padding:3px;
}
.news-amenu-item-year {
background-color:#008436;
border:1px solid #666666;
color:#FFFFFF;
font-weight:bold;
padding:2px;
}
.news-catmenu {
background-color:#F9FFE5;
border:1px solid #666666;
margin:10px 0 10px 10px;
padding:5px;
}
.news-catmenu-header {
font-size:11px;
font-weight:bold;
}
.news-catmenu div {
font-size:10px;
white-space:nowrap;
}
.news-catmenu div img, .news-catmenu img, .news-catmenu-header img {
margin:0;
padding:0;
vertical-align:middle;
}
.news-catmenu-ACT {
font-weight:bold;
}




div.csc-textpic-center div.csc-textpic-text {
	text-align:center;
}

div.csc-header {
	color: #008436;
}

.csc-frame-rulerAfter {
	clear: both;
	border-bottom: 1px solid #008436; 
}

.csc-textpic-caption {
	color: #008436;
	font-size: 10px;
}