@import url(head.css);
	@import url(contentNavigation.css);
	@import url(footer.css);
	
	/* ZUM RAUSKOPIEREN FUER NEWS MODUL */
	
	.startNewsContent {
		position: relative;
		top: 9px;
		left: 9px;
		width: 178px;
		font-size: 13px;
		color: #e4e6e7;		
	}
	
	.startNewsContent h3 {
		margin: 6px 0px !important;
		padding: 0px !important;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.startNewsContent h4 {
		margin: 9px 0px 0px 0px;
		padding: 0px;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.startNewsContent a {
		font-family: Arial, Helvetica, sans-serif;
		color: #e4e6e7;
	}
	
	.startNewsContent .fontBlack {
		font-family: "Arial Black", Arial, sans-serif;
	}
	
	/**/
	
	/* ZUM RAUSKOPIEREN FUER EVENTS MODUL */
	
	.startEventsContent {
		position: relative;
		top: 9px;
		left: 9px;
		width: 178px;
		font-size: 13px;
		color: #e4e6e7;		
	}
	
	.startEventsContent h3 {
		margin: 6px 0px !important;
		padding: 0px !important;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.startEventsContent h4 {
		margin: 9px 0px 0px 0px;
		padding: 0px;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.startEventsContent a {
		font-family: Arial, Helvetica, sans-serif;
		color: #e4e6e7;
	}
	
	.moreLink {
		margin: 9px 0px 0px 0px;
	}
	
	/**/
	
	/* ZUM RAUSKOPIEREN FUER NEWS STORIES */
	
	.startGreyStories {
		position: relative;
		top: 9px;
		left: 9px;		
		font-size: 13px;
		color: #546066;		
		height:182px;
	}
	
	.startGreyStories .storyBlock {
		margin: 0px;
		padding: 0px;
	}
	
	.startGreyStories .story {
	   position: relative;
		width: 224px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}
	
	.startGreyStories h3 {
		margin: 0px 0px 9px 0px;
		padding: 0px;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.startGreyStories a {
		font-family: Arial, Helvetica, sans-serif;
		color: #546066;
	}
	
	.startGreyStories .author {
		font-family: "Book Antiqua", Palatine, Times, serif;
		margin: 9px 0px 18px 0px;
	}
	
	.teaserImageStories {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 160px;
		height: 180px;
		overflow: hidden;
	}
	
	.teaserImageStories img {
		position: relative;
		bottom: 0px;
		right: 0px;
	}
	
	/**/
	
	
	/* Generelle Formattierungen */
	
	html {
		height: 100%;
	}
	
	body {
		margin: 0px;
		padding: 0px;
		background-color: #ccc;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		height: 100%;
	}
	
	a {
		color: #006600;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	.siteMainColor { /* regelt die Hauptfarbe der Website */
		background-color: #7DB955;
	}
	
	.siteSecondColor { /* hauptsaechlich auf der rechten Seite eingesetzt */
		background-color: #B2B2B2; 
	}
	
	.siteThirdColor { /* hauptsaechlich auf der rechten Seite eingesetzt */
		background-color: #CCCCCC; 
	}
	
	.siteFourthColor { /* z.B. benutzt bei Tabellen im Inhalt */
		background-color: #dddddd; 
	}
	
	.siteNavigationColor {
		background-color: #4B565C;
	}
	
	.chrischonaWebsiteWrap {
		position: relative;
		width: 979px;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		background: #f4f4f4 url(/uploads/media/tsc/images/websiteWrapperBackground.gif);
	}
	
	/* Startseiten Specials */
	
	.tscStartpageContentWrap {
		position: relative;
		top: 0px;
		left: 0px;
		width: 955px;
		left: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	.fontBlack {
		font-family: "Arial Black", Arial, sans-serif;
	}
	
	/* Zeile in Blau */
	
	.tscStartBoxBlue {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 230px;
		margin: 0px;
		padding: 0px;
		background: url(/uploads/media/tsc/images/startBoxBlueBack.jpg) repeat-x;
		font-size: 13px;
	}
	
	.tscStartTextBoxSmallLightblue {
		position: relative;
		top: 0px;
		left: 0px;
		width: 187px;
		height: 202px;
		margin: 0px 9px 0px 0px;
		padding: 0px;
		background: #258dc5;
		overflow: hidden;
		color: #e4e6e7;
		/* font-family: "Book Antiqua", Palatino, Times, sans-serif;*/
		font-size: 1em;
		float: left;
	}
	
	.tscStartTextBoxSmallLightblue h3 {
		margin: 15px 0px 9px 7px;
		padding: 0px;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.tscStartTextBoxSmallDarkblue {
		position: relative;
		top: 0px;
		left: 0px;
		width: 187px;
		height: 202px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background: #027abb;
		overflow: hidden;
		color: #e4e6e7;
		font-family: "Book Antiqua", Palatino, Times, sans-serif;
		font-size: 1em;
		float: left;
	}	
	
	.tscStartTextBoxBig {
		position: relative;
		top: 0px;
		left: 0px;
		width: 366px;
		height: 202px;
		margin: 0px 9px 0px 0px;
		padding: 0px;
		background: #5ba9d3;
		overflow: hidden;
		color: white;
		font-size: 1em;
		float: left;
	}
	
	.tscStartLinkListe {
		position: relative;
		top: 9px;
		left: 9px;
		width: 177px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.tscStartLinkListe li {
		margin: 0px 0px 11px 0px;
		line-height: 1em;
	}
	
	.tscStartLinkListe a {
		color: #e4e6e7;
	}
	
	.startBegruessung { /* ist eine Tabelle */
		position: relative;
		top: 9px;
		left: 9px;
		width: 346px;
		margin: 0px;
		padding: 0px;
		table-layout: auto;
		border-collapse: collapse;
		color: white;
	}
	
	.startBegruessung h2 {
		margin: 0px;
		padding: 0px;
		font-size: 1.8em;
		font-weight: normal;
	}
	
	.startBegruessung a {
		color: white;
		text-decoration: underline;
	}
	
	.startBegruessung .author {
		font-family: "Book Antiqua", Palatine, Times, serif;
		color: white;
	}
	
	/* Zeile in Grau */
	
	.tscBoxGrey {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 202px;
		margin: 23px 0px 0px 0px;
		padding: 0px;
		font-size: 13px;
	}
	
	.tscBoxGreySmall {
		position: relative;
		top: 0px;
		left: 0px;
		width: 388px;
		height: 202px;
		padding: 0px;
		overflow: hidden;
		background: #D6D6D6 url(/uploads/media/tsc/images/boxGreyBack.gif) top repeat-x;
		float: left;
	}
	
	.positionLeft {
		margin: 0px 0px 0px 9px;
	}
		
	.tscBoxGreyBig {
		position: relative;
		top: 0px;
		left: 0px;
		width: 558px;
		height: 202px;
		overflow: hidden;
		background: #D6D6D6 url(/uploads/media/tsc/images/boxGreyBack.gif) top repeat-x;
		float: left;
	}
	
	.tscGreyBoxTable { /* ist eine Tabelle */
		position: relative;
		top: 9px;
		left: 9px;
		width: 544px;
		margin: 0px;
		padding: 0px;
		table-layout: auto;
		border-collapse: collapse;
		color: #546066;
	}
	
	.tscGreyBoxTable h3 {
		margin: 0px 0px 9px 0px;
		padding: 0px;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	
	.tscGreyBoxTable a {
		color: #546066;
	}
	
	.tscGreyBoxTable .author {
		font-family: "Book Antiqua", Palatine, Times, serif;
		color: #546066;
	}	
	
	/* Klassenableitung zur Kontrolle der unterschiedlichen Breiten im Content */
	
	.spreadNo, .spreadSmall, .spreadBig {
		display: none;
	}
	
	.spreadNo .container { /* kein rechter Bereich. Zusatzklasse fuer container */
		margin-right: -137px;
	}	
			.spreadNo .sidebar {
				display: none;
			}
			
			.spreadNo .EditRightContent { /* nur zur Pflege der Website im rechten Bereich */
				display: block !important;
				position: relative;
				margin-top: 26px;
				width: 1px;
				float: right;
			}
			
			.spreadNo .EditRightContent a {
				position: absolute;
				top: -40px;
				right: 20px;
			}
			
			.spreadNo .EditRightContent .siteSecondColor {
				background-color: transparent;
			}
			
			.spreadNo .contentWrapNav {
				margin-right: 137px;
				border: 1px solid blue;
			}
			
			.spreadNo .contentWrapNoNav {
				margin-right: 137px;
				border: 1px solid blue;
			}
	
	
	.spreadSmall .container { /* kleiner rechter Bereich. Zusatzklasse fuer container */
		margin-right: -206px;
	}	
			.spreadSmall .sidebar {
				position: relative;
				margin-top: 26px;
				width: 206px;
				float: right;
			}			
			.spreadSmall .contentWrapNav {
				margin-right: 255px;
			}
			
			.spreadSmall .contentWrapNoNav {
				margin-right: 255px;
			}
	
	
	.spreadBig .container { /* grosser rechter Bereich. Zusatzklasse fuer container */
		margin-right: -425px;
	}	
			.spreadBig .sidebar {
				position: relative;
				margin-top: 26px;
				width: 425px;
				float: right;
			}			
			.spreadBig .contentWrapNav {
				margin-right: 455px;
			}
			
			.spreadBig .contentWrapNoNav {
				margin-right: 455px;
			}
	
	/**/
	
	.container { /* fuer dynamische Prozentangaben des Content */
		width: 100%;
		float: left;
		margin-top: 0px;
		border: 0px solid red;
		z-index: 9;
	}	
	
	
	
	/* 
	Chrischona Content mit Breadcrump Navigation und rechtem Infoblock!
	Linke Navigation liegt in seperatem contentNavigation.css
	
	tsc Startseite ist die breadcrump ausgeschalten!
	
	*/
	
	.breadcrump {
		position: relative;
		width: 540px;
		height: 23px;
		margin: -3px 0px 0px 59px;
		padding: 0px;
		white-space: nowrap;
		overflow: hidden;
		border: 0px solid red;
		z-index: 1;
		display: none;
	}
	
	.breadcrump .next {
		margin: 0px 4px 0px 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 23px;
		color: #6F6F6F;
	}
	
	.breadcrump .inactive {
		margin: 0px 4px 0px 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 23px;
		color: #6F6F6F;
		text-decoration: none;
	}
	
	.breadcrump a.inactive:hover {
		text-decoration: underline;
	}
	
	.breadcrump .active {
		margin: 0px 4px 0px 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 23px;
		color: #6F6F6F;
		text-decoration: none;
	}
	
	
	/* redcms Content mit redaktionellem Inhalt oder Modulinhalt */
	
	.fontsize1 { /* Ableitungen werden mit em formattiert s.u. */
		font-size: 13px;
		line-height: 17px;
	}
	
	.fontsize2 { /* Ableitungen werden mit em formattiert s.u. */
		font-size: 16px;
		line-height: 21px;
	}
	
	.fontsize3 { /* Ableitungen werden mit em formattiert s.u. */
		font-size: 23px;
		line-height: 32px;
	}
	
	
	.redcmscontent {
		position: relative;
		width: 100%;
		background: red;
		margin: 0px; padding: 0px;
	}
	
	.redcmscontent a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0 em;
		font-weight: bold;
	}
	
	.redcmscontent a:hover {
		text-decoration: underline;
	}
	
	.redcmscontent H2 {
		font-size: 1.6em;
		line-height: 1.6em;

	}
	
	.redcmscontent H3 {
		font-size: 1.4em;
		line-height: 1.4em;

	}
	.redcmscontent H4 {
		font-size: 1.1em;
		line-height: 1.1em;
		padding-bottom:2px !important;
		padding-top:10px !important;
		margin:0px !important;
		font-weight:bold;
		

}

	}
	.redcmscontent H5, .redcmscontent H6 {
		font-size: 1.2em;
		line-height: 1.2em;

	}
	
	.contentBox {
		display: block;
		width: 99%;
		border: 1px solid #dddddd;
		background: #efefef url(/uploads/media/tsc/images/backgroundBottom.jpg) repeat-x;
		margin: 0px;
		padding: 0px;
	}
	
	.contentBox h4 {
		margin: 6px;

	}
	
	.contentBox ul {
		list-style-type: none;
		list-style-position: outside;
		padding: 0px;
		margin: 6px;
	}
	
	.contentBox ul li {
		padding: 10px 0px 12px 35px;
		margin: 0px;
		background: url(/uploads/media/tsc/images/iconPDF.gif) no-repeat left;
	}

	.contentBox ul.word li {
		background: url(/uploads/media/tsc/images/iconDOC.gif) no-repeat left !important;

	}

	
	/* Rechte Seite */
	
	.topCorner {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.bottomCorner {
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	.sidebarContent {
		margin: 0px 0px 0px 16px;
		padding: 0px;
		padding-bottom: 20px;
	}
	
	.sidebarContent H3 {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		padding: 16px 0px 3px 0px;
		margin: 0px 0px 0px 16px;
	}
	
	.clearing {
		height: 0;
		clear: both;
	}

	
	/* Klassen f?r Style Manager */
	
	.rightSide { /* rechte Seite Inhaltstabelle */
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		table-layout: auto;
		border-collapse: collapse;
	}
	
	.rightSide a {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.first {
		width: 16px;
		font-size: 1px;
		padding: 0px;
	}