html {
	height: 100%;
	font-size: 100.01%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, td, th, fieldset, select, input, textarea, address, blockquote, caption, dd, dfn, dl, dt, label, legend, samp, table, tbody, td, tfoot, th, thead, tr { 
	font-family: Arial, Helvetica, sans-serif; 
}

body {
	margin: 0;
	padding: 0;
	height: 101%;
	min-height: 101%;
}

.clear {
	clear: both;
	font-size: 0em;
	height: 0em;
	line-height: 0em;
}

/*.csc-textpic-equalheight {
	background-color: red!important;
}*/

a img {
	border: none;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}

* html h1 {
	margin-bottom: 1.2em;
}

* html #content .bodytext {
	margin: -1em 0 1.5em 0!important;
	padding: 0;
	width: auto;
}

* html #content table .bodytext {
	margin: 0!important;
	padding: 0;
	width: auto;
}

#content div.csc-frame.csc-frame-frame1 h1, 
#content div.csc-frame.csc-frame-frame2 h1,
#content div.csc-frame.csc-frame-indent h1 {
	font-size:1.1em; line-height: normal; margin-bottom: 0;
}

h2 {
	font-size: 1em;
	color: #555;
	color: #0076C0;
	margin-bottom: -.3em;
}

h3 {font-size:.75em; line-height: normal; margin: .3em 0 .5em 0; } 
h4 {font-size:.8em}
h5 {font-size:.8em}

p {
	font-size: .75em;
}

#container {
	/*float: left;*/
	width: 62.25em;
	margin: 0;
	padding: 0;	
	/* wichtig für 100% Hoehe */
	/*height: 100%;
	min-height: 100%;
	border: 1px solid red;
	background: url(../img/hintergrund_links.gif) repeat-y 41.4% 0;*/
	background: url(../img/hintergrund_links.gif) repeat-y -416px 0;
}

#container-inner {
	/*border: 1px solid red;*/
	height: 100%;
	min-height: 100%;
	width: 62.25em;
	margin: 0;
	padding: 0;
	/*background: url(../img/hintergrund_rechts.gif) repeat-y 61.5% 0;*/
	background: url(../img/hintergrund_rechts.gif) repeat-y -617px 0;	
}

#breadcrump {
	visibility: hidden;
	display: none;
}

/*#content-col1, #content-col2 {
	visibility: hidden;
	display: none;
}*/

#content-area {
	float: left;
	width: 774px;
	/*border:1px dashed fuchsia;*/
}

#content-col2 {
	float: right;
	background: #FFF;
}

#content-col1, #content-col2 {
/*#content-area, #content-col1, #content-col2 {*/
	width: 49.5%;
}

#content-col1, #content-col2 {
	background-color: #00CC00;
	/*border: 1px solid black;*/
	float: left;
	width: 49.5%;
	height: 100%;
	min-height: 5em;
}

#content-col2 {
	background-color: #339933;
	float: right;
}

#content a:link, #content a:visited {
	color: #333;
}

#content a:hover, #content a:active {
	color: #ED6F00;
}

/* Tabellenformatierung für "hören/lesen" Spalten */

#content div.csc-frame.csc-frame-frame1 table, 
#content div.csc-frame.csc-frame-frame2 table,
#content div.csc-frame.csc-frame-indent table {
	/*background-color: #CCCCCC;
	border: 1px solid red;*/
	margin: .5em 0 0 0;
	padding: 0;
	border-collapse: collapse;
	width: 24.5em;
	width: auto!important;
	height: auto!important;
}

#content div.csc-frame.csc-frame-frame1 table .bodytext, 
#content div.csc-frame.csc-frame-frame2 table .bodytext,
#content div.csc-frame.csc-frame-indent table .bodytext {
	margin: 0;
	padding: 0;
	width: auto;
}

#content div.csc-frame.csc-frame-frame1 table th, 
#content div.csc-frame.csc-frame-frame2 table th,
#content div.csc-frame.csc-frame-indent table th {
	text-align: left;
	/*font-size: .75em;*/
	width: 8em;
	padding: 0 .6em 0 0!important;
	/*background-color: #00CCCC;*/
	/*new*/
	height: auto!important;
	width: auto!important;
	/*font-weight: normal;*/
	color: #333;
}

#content div.csc-frame.csc-frame-frame1 table th p, 
#content div.csc-frame.csc-frame-frame2 table th p,
#content div.csc-frame.csc-frame-indent table th p {
	margin: 0;
	padding: 0;
	width: auto!important;
}

#content div.csc-frame.csc-frame-frame1 table td, 
#content div.csc-frame.csc-frame-frame2 table td,
#content div.csc-frame.csc-frame-indent table td {
	/*width: 16.5em;*/
	width: auto;
	padding: 0 .6em 0 0!important;
}

.Stil63 p.bodytext {
	margin: 0;
	padding: 0;
	width: auto!important;
}

.Stil63 {
	/*background-color: #99CC99;*/
	width: 5.8em!important;
	width: auto!important;	
}
.Stil67 {
	/*background-color: #009999;*/
	font-weight: bold;
	width: 17em!important;
	/*width: auto!important;*/
}

/* ######################### lesen hören - start ############################# */

/*lesen*/
div.csc-frame.csc-frame-frame1 {
	/*padding: .1em 0;*/
	/*background: url(../img/lesen_rand.jpg) no-repeat bottom right #BCD178;*/
	background: url(../img/lesen_rand.gif) no-repeat top right #BCD178;
}

/* Einzug von Buchcovern */
div.csc-textpic-imagecolumn {
	margin-left: 70px!important;
}

/*hören*/
div.csc-frame.csc-frame-frame2 {
	/*padding: .1em 0;*/
	/*background: url(../img/hoeren_rand.jpg) no-repeat bottom right #BCD178;*/
	background: url(../img/hoeren_rand.gif) no-repeat top right #BCD178;
}

/*blank*/
div.csc-frame.csc-frame-indent {
	background: #BCD178;
	/*padding: .1em 0;*/
}

/* ######################### lesen hören - ende ############################## */

div.csc-frame.csc-frame-frame1, div.csc-frame.csc-frame-frame2, div.csc-frame.csc-frame-indent {
	height: 9.375em;
	margin: 0 0 .4em 0;
	padding-left: 0em;
	/*padding-top: .5em;*/
}

html>body div.csc-frame.csc-frame-frame1, html>body div.csc-frame.csc-frame-frame2, html>body div.csc-frame.csc-frame-indent {
	height: auto!important;
	min-height: 7em;
	margin: .8em 0 -.4em 0;
}

html>body div.csc-frame.csc-frame-frame1 img, html>body div.csc-frame.csc-frame-frame2 img, html>body div.csc-frame.csc-frame-indent img {
	margin-bottom: -.35em!important;
}

/*div.csc-frame.csc-frame-frame1 img, div.csc-frame.csc-frame-frame2 img, div.csc-frame.csc-frame-indent img {

}*/

div.csc-frame.csc-frame-frame1 p, div.csc-frame.csc-frame-frame2 p, div.csc-frame.csc-frame-indent p {
	padding-top: .1em;
	/*background-color: #999999;*/
	width: 32em;
	margin: 1em 0 0 0;
	/*border-top: 10px solid #BCD178;*/
}

div.csc-frame.csc-frame-frame1 h1, div.csc-frame.csc-frame-frame2 h1, div.csc-frame.csc-frame-indent h1 {
	color: #FFF;
	margin: 0;
	padding: 0;
}

#header {
	float: left;
	width: 100%;
	height: 8em;
	/*margin: .4em .4em 0 0;*/
	margin: 0 0em 0 0;
	background-color: #FFF;
}

#logo {
	float: left;
	height: 8em;
	width: 11.5em;
	margin-right: .4em;
	/*text-align: center;*/
}

#logo img {
	margin: .8em 0 0 .8em;
}

#banner {
	float: left;
/*	height: 7.5em;
	width: 36.5em;*/
	width: 36.5em;
	height: 6.875em;
	margin: .6em .6em 0 0;
	/*background-color: #ED6F00;*/
	/*background-image: url(../img/banner_dummy_03.jpg);*/
}

/*#banner-col1 {
	float: left;
}

#banner-col2 {
	float: right;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/

#searchbox {
	float: right;
	width: 12.5em;
	padding: 0;
	margin: 6.2em .4em 0 0;/**/
	border: 1px solid gray;
	overflow: hidden;
	height:1.1em;
}

* html #searchbox {
	margin: 6.2em .2em 0 0;
}

#searchbox .text {
	float: left;
	margin: 0;
	padding: .2em 0 0 .2em;
	font-size: .7em;
	height: 1.3em;
	width: 12.4em;
	border: none;
	background-color: #FFF;
	/*border: 1px solid red;*/
}

* html #searchbox .text {
	width: 12em;
}

#searchbox .button {
	float: right;
	border: none;
	margin: -2px 0 0 0;
	padding: 0 4px 0 4px;
	font-size: .7em;
	background-color: #278CCC;
	height: 1.8em;
	width: auto;
	color: #FFF;
}

* html #searchbox .button {
	padding: 2px 2px 0 2px;
}

#leftcol {
	float: left;
	width: 11.5em;	
	/*height: 100%;*/
	background-color: #CCCCCC;
	/*margin-right: .4em;*/
	margin: -1.4em 0 0 0;
	padding: 0;
}

#nav {
	float: left;
	background-color: #0076C0;
	width: 100%;
	height: 25em;
	margin: 0;
	padding: 1.25em 0 0 0;
}

#box {
	float: left;
	background-color: #278CCC;
	width: 100%;
	/*height: 8.7em;*/
	/*margin-top: .4em;*/
	border-top: .4em solid #FFF;
	padding: .4em 0;
	/*margin-bottom: .4em solid silver;*/
	color: #FFF;
}

* html #box {
	padding: 1.4em 0;
}

* html #box h1 {
	margin-top: 1em;
	line-height: .2em;
}

html>body #box {
	height: auto;
	min-height: 9.55em;
}

#box .gutter {
	padding: 0 .7em;
}

#box h1 {
	font-size: 1em;
}

#box p {
	font-size: .75em;
}

#content {
	float: right;
	/*background-color: #bbb;*/
	width: 36.5em;
	width: 584px;
	height: 100%;
	margin: 1em 0 -.4em 0;
	padding: 0;
	/*border: 1px solid grey;*/
}

* html #content {
	margin-top: 2.1em;
}

/*html>body #content {
	margin: 2.5em 0;
}*/

/* Gelber Teaserbereich für Folgeseiten */
#teaser {
	float: right;
	/*background-color: #FBC100;*/
	width: 13.3125em;
	min-height: 100%;
    height: 100%;
	text-align: center!important;
	margin: 0 auto;
	margin-bottom: .4em;
}

/* Blauer Teaserbereich für Startseite */
/*#teaser div.csc-frame.csc-frame-invisible {
	background-color: #D3E1F3;
	min-height: 100%;
	height: 100%;
}*/


#teaser a:link, #teaser a:visited {
	color: #0076C0;
	text-decoration: none;
}

#teaser a:hover, #teaser a:active {
	color: #FFF;
}

#teaser p {
	padding: 0 .5em 0 .8em;
	margin-top: 0;
}

#teaser h3 {
	color: #0076C0;
	font-size: 1em;
	margin-bottom: -1em!important;
	padding: 0 .5em 0 .5em;
	display: inline;
}

#nav ul {
	color: #ED6F00;
	margin: 0 0 0 2em;
	padding: 0;
	font-size: .85em;
	font-weight: bold;
	list-style-type: square;
}

#nav li ul {
	margin: 0 0 0 .1em;
	list-style-type: none;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.3em;
}

* html #nav li {
	margin-bottom: -.18em;
}

#nav li {
	margin-top: .1em;
}

#nav a:link, #nav a:visited { 
	color: #FFF;
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	/*color: #FFF;
	text-decoration: underline;*/
	color: #FBC100;
}

#navlist .active {
	color: #FBC100!important;
}

/*
#footer {
	clear: both;
}

#meta-nav {
	
	margin: 0;
	display: inline;
	text-align: center;
}

#meta-nav li {
	float: left;
	font-size: .8em;
	display: inline;
}

#meta-nav a:link, #meta-nav a:visited { 
	color: #000;
	text-decoration: none;
}

#meta-nav a:hover, #meta-nav a:active {
	color: #000;
	text-decoration: underline;
}
*/

#footer {
	/*margin-top: -135px;*/
	clear: both;
	display: block;
	margin: .4em 0 .5em 0;
	width: 62.25em;
	/*border-top: 1px solid #278CCC;
	border-top: 1px solid #ED6F00;*/
	/*border: 1px dashed green;*/
}

#meta-navi {
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
	text-align: center;
}

#meta-navi li {
	display: inline;
	list-style-type: none;
	color: #333;
}

#meta-navi a:link, #meta-navi a:visited {
	color: #333;	
	font-size: .75em;
	text-decoration: none;
}

#meta-navi a:hover, meta-navi a:active {
	color: #333;	
	font-size: .75em;
	text-decoration: underline;
}

#meta-navi a.active {
	color: #333;	
	text-decoration: underline;
}


/* ### 2 Spalter ### */

div.tx-fdfx2cols-pi1 {
	height: 10px;
	float: left;
	width: 100%;
}

html>body .tx-fdfx2cols-pi1 {
	height: auto;
	min-height: 10px;
}

/* Layout 1 */

div.c2l1d-left {
	width: 49.4%;
	float: left;
	background: #FFF;
	margin-top: 0;
	padding: 0;
}

div.c2l1d-left p, div.c2l1d-middle p {
	margin: 0;
	padding: 0;
}
		
div.c2l1d-middle {
	width: 49.4%;
	float: right;
	background: #FFF;
	margin: 0;
	padding: 0;
}


/* Layout 2 */

div.c2l2d-left {
	width: 34%;
	float: left;
	background: #FFF;
	margin-top: 0;
	padding: 0;
	color: #666;
	font-size: 90%;	
}
		
div.c2l2d-middle {
	width: 64%;
	float: right;
	background: #FFF;
	margin: 0;
	padding: 0;
}

* html div.c2l2d-left, * html div.c2l2d-middle {
	/*margin-top: 1em;*/
	padding-top: 1em;
}


/* Layout 3 */

div.c2l3d-left {
	width: 34%;
	float: left;
	background: #FFF;
	margin-top: 0;
	padding: 0;
}
		
div.c2l3d-middle {
	width: 64%;
	float: right;
	background: #FFF;
	margin: 0;
	padding: 0;
}



/* ### 3 SPALTER ### */

div.tx-fdfx3cols-pi1 {
	height: 10px;
	float: left;
	width: 100%;
	margin: 0;
}

html>body .tx-fdfx3cols-pi1 {
	height: auto;
	min-height: 10px;
}

div.c3l1d-left p, div.c3l1d-middle p, div.c3l1d-right p {
	padding: 0 0 0 .75em;
}

* html div.c3l1d-left p, * html div.c3l1d-middle p, * html div.c3l1d-right p {
	padding-left: 1.2em!important;
	width: 175px!important;
}

div.c3l1d-left p img, div.c3l1d-middle p img, div.c3l1d-right p img {
	padding: 0;
	margin: .65em 0 -1.5em -.75em;	
	display: inline;
}

* html div.c3l1d-left p img, * html div.c3l1d-middle p img, * html div.c3l1d-right p img {
	margin: 0;
	width: 193px;
	margin-left: -1.2em
	}

/* Layout 1 */
div.c3l1d-left {
	/*width: 33%;*/
	width: 193px;
	float: left;
	margin: 0;
	padding: 0 0 .4em 0;
	background: #ED6F00;
}

div.c3l1d-middle {
	/*width: 33%;*/
	width: 193px;
	float: left;
	margin: 0 2px;
	padding: 0 0 .4em 0;
	background: #FBC100;
}

div.c3l1d-right {
	/*width: 33%;*/
	width: 193px;
	float: right;
	margin: 0;
	padding: 0 0 .4em 0;
	background: #8EB300;
}

* html div.c3l1d-left, * html div.c3l1d-middle, * html div.c3l1d-right {
	width: 193px;
	margin-bottom: -0.75em;
	padding-bottom: 0;
	padding-top: 1.5em;
}

/* Layout 2 */
div.c3l2d-left {
	
}

div.c3l2d-middle {
	
}

div.c3l2d-right {
	
}

/* Layout 3 */
div.c3l2d-left {
	
}

div.c3l2d-middle {
	
}

div.c3l2d-right {
	
}

/* DETAILS Buttons in Tabellen mit top und bottom margin */
tr a.internal-link img {
	margin: 10px 0 10px 0!important;
}


div#seitenheadline {
	float: right;
	background: #BCD178;
	height: 45px;
	width: 36.5em;
	margin: 0 0 -1.75em 0;
	padding: 0;
	/*margin-bottom: -2.1em;*/
	display: inline;
}

div#seitenheadline h1 {
	color: #FFF;
	font-size: 3em;
	/*display: inline;*/
	padding: 0;
	margin: .6em 0 0 .3em;
	/*background:#00FF00;*/
	line-height: 0em;
} 


html>body div#seitenheadline {
	float: right;
	margin-top: 0em;
	margin-bottom: -1.4em;
	overflow: hidden;
}

html>body div#seitenheadline h1 {
	/*padding: .6em 0 0 0;*/
	padding: -1.8em 0 0 0;
}

/*html>body div#seitenheadline {
	background: #BCD178;
	height: 45px;
	width: 36.5em;
	margin-top: -2.05em;
}

html>body div#seitenheadline h1 {
	color: #FFF;
	font-size: 3em;
	border: 1px solid blue;
	margin-left: .3em;
} 
*/

/* Bildunterzeile */
dd.csc-textpic-caption {
	font-size: .7em;
	padding: 0 .2em;
	color: #666;
}

/* Suche */
strong.tx-indexedsearch-redMarkup {
	color: #ED6F00;
}

div.tx-indexedsearch-searchbox fieldset {
	margin: 1em 0 0 0;
	border: none;
}

div.tx-indexedsearch-searchbox fieldset legend {
	visibility: hidden;
	display: none;
}

div.tx-indexedsearch-searchbox .tx-indexedsearch-form {
	float: left;
	font-size: .75em;
	margin: 0 0 0 -.8em;
}

* html div.tx-indexedsearch-searchbox .tx-indexedsearch-form {
	margin: 0;
}

div.tx-indexedsearch-searchbox .tx-indexedsearch-form ,tx-indexedsearch-searchbox-sword {

}

div.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
	float: left;
}

div.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit .tx-indexedsearch-searchbox-button {

}

div.tx-indexedsearch-searchbox tx-indexedsearch-browsebox {
	
}

#tx-indexedsearch-searchbox-button-submit {
	font-size: .8em;
}



ul.browsebox {
	/*background-color: #CCCCCC;*/
	margin: 0 0 4em .1em;
	padding: 0;
	font-size: .75em;
	white-space: nowrap;
}		

.browsebox li {
	/*background-color: #999999;*/
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 .3em 0 .3em;	
	display: inline;
	list-style-type: none;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.browsebox li a {
	text-decoration: none;
}

.tx-indexedsearch-res {
	clear: both;
}
/**/

/* Lesung */
* html .csc-textpic-text h2 {
	margin-bottom: 1.4em;
}

/* Kontakt */

fieldset.csc-mailform {
	font-size: .8em;
	margin-top: 1em;
	border: none;
}

.csc-mailform-field label {
	
}

#mailform fieldset.csc-mailform {
	/*border: 1px solid red;*/
}

#mailformmitteilung {
    font-size: 1em;
    width: 271px;
}

#mailform input {
	/*margin: 0 0 .8em 1.5em;*/
	width: 271px;
}

#mailform input#mailformemail {
    margin-left: 1.5em;
}

#mailform input#mailformname {
    margin-left: 1.7em;
}

#mailform input.csc-mailform-submit {
    margin-left: 5em;
    margin-top: 1em;
    width: auto;
	clear: both;
}

div.csc-mailform-field {
    margin: 0 0 .3em -.8em;
	/*border: 1px solid black;*/
	float: left;
	width: 29em;
}

* html div.csc-mailform-field {
    margin: 0 0 .3em 0;
}

div.csc-mailform-field textarea, div.csc-mailform-field input {
	float: right;
}

div.csc-mailform-field label {
	margin: 3px 0 0 0;
	/*border: 1px solid green;*/
	width: 5em;
	float: left;
}

div.tx-flseositemap-pi1 {
	font-size: .8em;
}

div.tx-flseositemap-pi1 ul {
	color: #ED6F00;
	/*margin: 0 0 0 2em;
	padding: 0;*/
	list-style-type: square;
}

div.tx-flseositemap-pi1 li ul {
	margin: 0 0 0 -1.35em;
	list-style-type: none;
	line-height: 1.3em;
}

* html div.tx-flseositemap-pi1 li ul {
	margin: 0 0 0 1.7em;
}

/* Blätter Funktion */

.tx-cccbrowse-pi1-browsebox table { 
	margin-top: .35em;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	margin-bottom: .35em;
	height: 22px!important;
}


.tx-cccbrowse-pi1-browsebox table td { 
	margin: 2px;
	border: 1px #ddd solid;
	padding-bottom: 0;
	padding-top: 0;
	padding-left:4px;
	padding-right:4px;
	background:#f1f1f1;
	height: 22px!important;
}

.tx-cccbrowse-pi1-browsebox table tr {
	height: 22px!important;
}

.tx-cccbrowse-pi1-browsebox table td p a { font-weight:normal; text-decoration:none; }
.tx-cccbrowse-pi1-browsebox-SCell p a { color:black; text-decoration:none;}

.gelb {
   color:#FBC100;
  }
.orange {
   color:#ED6F00;
  }
.blau {
   color:#278CCC;
  }
.dunkelblau {
   color:#0076C0;
  }
.gruen {
   color:#8EB300;
  }
.grau {
   color:#CCCCCC;
  }
.dunkelgrau {
    color:#666666;
  }