body {
    background: #0B1B3F url(../images/layout/tiledBackground.gif) repeat-y center top;
    color: #FFF;
}

/*
 
 @font-face {
 
 font-family: 'Graublau Web';
 
 src: url('../fonts/GraublauWeb.eot');
 
 src: local('Graublau Web Regular'), local('Graublau Web'),
 
 url('../fonts/GraublauWeb.otf') format('opentype');
 
 }
 
 */
td, div, table, th, p, form, input, select, span, text, ul, li, fieldset, img, h1, h2, h3, h4, textarea, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    vertical-align: top;
    line-height: 140%;
    outline: none;
}

p, form, input, select, text, ul, li, a {
    font-size: 9pt;
}

a {
    border: 0;
    outline: 0;
}

.floatright {
    display: block;
    float: right;
}

.floatleft {
    display: block;
    float: left;
}

.clear {
    clear: both;
}

.align-justify, #contentBody .align-justify {
    text-align: justify;
}

#contentBody h1, #contentBody h2, #contentBody h3, #contentBody h4, #contentBody h5, #contentBody h5, #contentBody h1 a, #contentBody h2 a, #contentBody h3 a, #contentBody h4 a, #contentBody h5 a, #contentBody h5 a {
    color: #C71031;
    font-weight: bold;
}

#contentBody h1 {
    color: #C71031;
    font-size: 22pt;
    text-align: left;
    margin-bottom: 22px;
}

#contentBody h1.pageSubHeader {
    margin-top: 18px;
}

h2 {
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    margin-bottom: 16px;
}

h3 {
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    margin-bottom: 8px;
}

h4 {
    margin: 6px 0;
    font-weight: bold;
    font-size: 10pt;
}

h5 {
    font-weight: bold;
    line-height: 0.6;
    font-size: 10pt;
}

.hidden {
    display: none;
    z-index: -1;
}

#contentBody h6, div.redButton {
    width: 244px;
    height: 34px;
    border: 0;
}

#contentBody h6 a, div.redButton a {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../images/layout/redButton.png) no-repeat left top;
    font-weight: bold;
    color: #FFF;
    line-height: 33px;
    font-size: 10pt;
    padding: 0px 19px;
    line-height: 34px;
    text-decoration: none;
    border: 0;
}

#contentBody h6 a:hover, div.redButton a:hover {
    background-position: 0 -34px;
    background-color: #FFF;
    color: #FFF;
    border: 0;
}

/* Main Elements */
#pageWrapper {
    background: transparent;
    position: absolute;
    width: 1090px;
    margin-left: -545px;
    top: 0px;
    left: 50%;
    padding: 0;
}

#contentWrapper {
    float: left;
    width: 769px;
    height: 100%;
    margin-left: 184px;
}

#header {
    position: relative;
    width: 100%;
    height: 156px;
    background: #0B1B3F url(../images/layout/headerBackground.jpg) no-repeat left top;
    border-bottom: 6px solid #E3A500;
    margin: 0;
}

#contentBody {
    background: #FFF;
    color: #555;
    position: relative;
    top: 0px !ie;







	


	margin:0px;		


	width:100%;	


	height:100%;


	margin-right:0;			


}





#breadCrumb {


	position:absolute;


	left:18px;


	top:12px;


	height:22px;


	line-height:22px;	


	font-size:8pt;


	padding:0;


}





#leftColumn {
	float:left;
	width:185px;
	height:100%;
	overflow:hidden;
}





#leftColumn .inner {


	height:600px;


	background:transparent url(../images/layout/leftColumnBackground.png) no-repeat left top;


 	}





#leftColumn ul.sidebar {


	background:rgba(255,255,255,0.7);


	position:absolute;


	left:0px;


	top:92px;


	list-style:none;


	z-index:100;
		
	width:185px;
	overflow:hidden;	


}





#leftColumn ul.sidebar li {


	list-style:none;


	color:#FFF;


	font-weight:normal;


	text-decoration:none;


	padding:0;


}

#leftColumn ul.sidebar li {


	list-style:none;


	color:#FFF;


	font-weight:normal;


	text-decoration:none;


	padding:0;


}


#leftColumn ul.quickNavi {


	background.#ECEDF0;


	position:absolute;


	left:18px;


	top:98px;


	list-style:none;	


}








#leftColumn ul.quickNavi h2 {


	color:#707070;


	font-size:11pt;


	margin-bottom: 6px;	


}





#leftColumn ul.quickNavi li {


	list-style:none;


	margin-top:6px;


	padding-left:12px;	


}





#leftColumn ul.quickNavi li span {


	display:block;


	font-size: 8pt;


	margin-top:2px;	


}





#leftColumn ul.sidebar a {


	display:block;


	width:100%;


	height:100%;	


	padding:5px 5px 5px 16px;


	color:#5A6173;


	font-weight:bold;


	text-decoration:none;	


}


#leftColumn ul.sidebar ul li a {
	font-size:10.5px;	
	padding-left:22px;
	font-weight:normal;	
}





#leftColumn a:hover, #leftColumn ul li.active a {

	color:#282B33;
	background-color:#CED1D9;	
}


#leftColumn ul.sidebar ul li a:hover, #leftColumn ul.sidebar ul li.active a {	
	color:#282B33;
	background-color:#E4E8F0;	
}






#mainColumn {


	position:relative;


	float:right;


	padding:0px;


	margin:46px 0 0 0;


	width:548px;		


}





#mainColumn div.narrow {


	width:334px;	


}





#mainColumn div.wide {


	width:518px;


	margin:18px 16px 0 0;


}





#middleContent {


	padding:0 0 24px 0;


	position:relative;


	float:left;


	margin:0;


}





#rightColumn {


	padding:0 0 16px 0;


	position:fixed;


	float:right;


	bottom:0px;


	width:134px;


	height:auto;


	margin:0 0 0 0;	


	margin-left:414px; 


	left:50%;	


}





#rightColumn div.subNaviRight {


	position:absolute;


	left:16px;


	bottom:40px;


	list-style:none;	


}





form#indexedsearchbox {


	position:absolute;


	clear:both;


	top:0px;


	margin-bottom:16px;


}





form#indexedsearchbox input.searchButton{


	position:absolute;


	text-indent:99px;


	overflow:hidden;


	float:right;	


	width:18px;


	height:17px;


	color:#FFF;


	background:#FFF;


	padding:1px 1px 1px 0;				


}





form#indexedsearchbox input.searchTextbox {


	float:left;


	display:inline;


	width:90px;


	padding:2px 0px 2px 2px;


}





#rightColumn ul {


	margin-top:64px;


	clear:both;


	list-style:none;	


}





#rightColumn a {


	color:#FFF;


	font-weight:normal;


	text-decoration:none;	


}





#rightColumn a:hover {


	color:#DDD;	


}





#sideLogo {


	position:absolute;		


	top:613px;


	left:0px;	


	width:360px;


	height:156px;


	background:transparent url(../images/layout/chorWolke.png) no-repeat left top;


	z-index:90;				


}





#mainLogo {


	position:absolute;		


	top:26px;


	right:2px;	


	width:330px;


	height:212px;


	background:transparent url(../images/layout/pueriCantoresLogo.png) no-repeat left top;


	z-index:90;		


}





#mainLogo a {


	display:block;


	width:100%;


	height:168px;


	text-decoration:none;


}


	





div.indent {


	margin-left:16px;


	}


	


/* MAINNAVI STYLES START */		


	


#mainNavi {


	position:absolute;


	bottom:0;


	left:0;


	width:100%;


	height:auto;


	z-index:80;


	}





#mainNavi ul  {


	list-style:none;	


	margin:0;


	padding:0;


	width:auto;


	text-align:left;


} 





#mainNavi ul.mainNavi li {


	display:block;


	height:32px;	


	float:left;	


	background:transparent url(../images/layout/buttonNO.png) no-repeat left top;	


	margin-right:5px;			


}





/*


#mainNavi ul.mainNavi li.link42 {


	background-image:url(../images/layout/buttonHitsNO.png);


	margin-left:4px;				


}





#mainNavi ul.mainNavi li#active42 {


	background:transparent url(../images/layout/buttonHitsACT.png) no-repeat left top;


	margin-left:4px;					


}





#mainNavi ul.mainNavi li#active42 a {


	background:transparent;					


}





*/





#mainNavi ul.mainNavi li.active a,


#mainNavi ul.mainNavi li a:hover {	


	height:32px;


	background:transparent url(../images/layout/buttonACTBackRight.gif) no-repeat right top;


	display:inline-block;		


}








#mainNavi ul.mainNavi li.active,


#mainNavi ul.mainNavi li:hover {


	background:transparent url(../images/layout/buttonACTBackLeft.gif) no-repeat left top;		


}





/* MAINNAVI STYLES END */	


	


/* CONTENT STYLES START */





div.csc-textpic-text {


	margin-bottom:16px;


}





div.csc-default p {


	margin-bottom:12px;


	}





div.csc-default img {


	margin-bottom:30px;


	}


	


contentBody #inner {


	margin:16px 144px 16px 32px;


	padding:32px 0 0 0;	


}





contentBody #inner p {


	margin:12px 0 0 0;


	font-size: 9pt;


	text-align:left;


}





#contentBody a {


	color:#333;


	font-weight:bold;


	text-decoration:none;


	}


	


#middleContent a {
	border-bottom:1px dotted #666; 
	}	


	


#middleContent h1 a,


#middleContent h2 a,


#middleContent h3 a,


#middleContent h4 a{


	border:0; 


	}	


	


#middleContent a[href $='.pdf'] { 


   padding:2px 24px 0px 0px;


   margin-right:3px;


   background: transparent url(../images/layout/pdfIcon.gif) no-repeat bottom right;


   border-bottom:1px dotted #BBB;


}

#middleContent a.facebook-link {
	display:block;
	line-height:52px;
	height:34px;
	width:auto;
	background: transparent url(../images/layout/facebookIcon.png) no-repeat left bottom;
	padding-left: 36px;
	text-decoration:none;
	border-bottom:0px;
}

#middleContent a.facebook-link:hover {
	background-color:transparent;
	background-position:left 0px;
	border-bottom:0px;
}


		


#contentBody a:hover {


	color:#000;


	background-color:#E9EAF4;


	}


	


	


#subnavi a {


	padding:0 0 -2px 0;


	text-decoration: none;


	color: #000000;


	border-bottom-width: 1px;


	border-bottom-style: dotted;


	border-bottom-color: #666666;


}





#subnavi a:hover {


	border-bottom-width: 1px;


	border-bottom-style: solid;


	border-bottom-color: #333333;


	background:#FAE500;


}





	


#mainColumn table {


	margin-left:0px;


	width:100%;


	margin:8px 0 0 0;


	clear:both;


	display:block;


}





#mainColumn table td {


	width:25%;


	white-space:nowrap;


	height:12pt;


}





#mainColumn .tx-indexedsearch table td {


	white-space:normal;


}








#mainColumn table p {


	margin:0;


}





#mainColumn ul {


	margin:8px 8px 0px 18px;	


	list-style-image:url(../images/layout/bulletArrow.png);


	list-style-position:outside;


}





#mainColumn ul li {


	margin-bottom:8px;


}





#mainColumn div.csc-sitemap ul ul li a, 


#mainColumn div.csc-sitemap ul ul ul li a {


	font-weight:normal;


	}








#mailform input, #mailform select, #mailform textarea {


	text-align:left;


	background:white;


	border:1px solid #BBBBBB;


	padding: 1px 4px;


	width:468px;  


}





#mailform input.csc-mailform-submit {


	width:120px;


	}  





#mailform input.csc-mailform-check {


	width:16px;


	}


		


#mailform label {


	display: block;


	width:180px;


	}


	


#mailform div {


	margin:12px 0 0 0;


	}





#rightContent {


	position:absolute;


	top:290px;


	right:-30px; /* Workaround for position bug */


	width:194px;


	height:auto;


	margin:0;


}


	


#rightContent h1 {


 	color:#F8B714;


	font-size:14pt;


	font-weight:bold;


	border-bottom:1px solid #B5BAC5;	


	vertical-align:baseline;


	line-height:10pt;


	margin:12px 0 0 0;			


}





#rightContent #c140 h1 {


	background:url(../images/layout/hits4kidsBack.png) no-repeat left top;


	vertical-align:top;	


	padding:13px 0 8px 36px;


	border-bottom:none;


	margin-left:-12px;		


}





#rightContent .csc-default p {


	margin-bottom: 2px;


	margin-right: 40px;	


	}	


	





/* CONTENT STYLES END */








/* NEWS STYLES START */


	





div.news-latest-container,


div.news-latest-container a,


#contentBody div.news-latest-container a,


div.news-latest-gotoarchive a {


	color:#444;


	text-decoration:none;


	border:0;


} 





div.news-latest-container h2,


div.news-latest-gotoarchive a {


	font-size:9pt;


	font-weight:bold;


	margin-bottom:4px;


}





div.news-latest-container h1 {


	margin-bottom:8px;


}	





div.news-latest-container .news-latest-date,


div.news-latest-container .news-latest-category  {


	display:none;


	font-size:7pt;


	color:#444;	


}





div.news-latest-container div.news-latest-item p,


div.news-latest-item img {


	display:none;


	}


	


div.news-latest-item,


div.news-latest-gotoarchive {


	margin-top:14px;


	}


	


div.news-latest-item,


div.news-latest-gotoarchive {


	margin-top:14px;


	}





/* Hide this Stuff: */ 	


div.news-list-container .showResultsWrap, 


div.news-list-container .disabledLinkWrap {


	display:none;


}





div.news-list-container .browseLinksWrap,


div.news-list-container .news-list-browse {


	display:inline;


	}		





#contentBody a span.more,


#contentBody span.more a,


#leftColumn ul.quickNavi li,


.news-list-morelink {


	padding-left:12px;


	background:transparent url(../images/layout/arrowRight.png) no-repeat 0px 1px;	


	border:0;


	}





#middleContent .news-list-morelink a,


#middleContent .tx-chgallery-pi1 a {	


	border:0;


	}


	


#rightContent a {


	border:0;


	}	


	


#breadCrumb a {


	padding-right:12px;


	background:transparent url(../images/layout/arrowRight.png) no-repeat right top;


	line-height:21px;


	color:#555555;


	}


	


#breadCrumb span, 


#breadCrumb a {


	padding-left:3px;


	font-size:8pt;


	line-height:22px;	


	}


	


#breadCrumb span.nolink {	


	padding-left:3px;


	}


	


.news-list-morelink {


	margin-left:12px;


	line-height:12pt;


	vertical-align:bottom;


	border:0;	


	}	


	


#contentBody a span.more,


#contentBody span.more a,


#leftColumn ul.quickNavi li a,


#contentBody .news-list-morelink a {


	font-size:8pt;


	font-weight:bold;	


	color:#C71031;	


}





#contentBody a span.back,


#contentBody span.back a,


#contentBody .news-single-backlink a {


	padding-left:12px;


	background:transparent url(../images/layout/arrowLeft.png) no-repeat 0px 1px;


	border:0;	


	}


	


#contentBody a span.back,


#contentBody span.back a,


#leftColumn ul.quickNavi li a,


#contentBody .news-single-backlink a {


	font-size:8pt;


	font-weight:bold;	


	color:#C71031;	


	border:0;


}


	


hr {


	border:none;


	height:1px;


	border-top:1px dotted #777;


	margin-top:4px;	


	}


	


		


hr.light {


	border-top:1px dotted #DDD;


	margin-top:1px;	


	}








div.news-single-rightbox {


	font-size:7pt;


	font-weight:normal;	


	color:#666;


	padding-bottom:12px;


	margin:0 0 16px 0;


	border-bottom:1px solid #E1E1E1;		


}





div.news-single-img {





}





div.news-single-img a {


	float:left;


	margin-right:18px;





}





#contentBody div.news-single-item h1,


#contentBody div.news-list-item h2 {


	font-weight:bold;


	text-align:left;


	margin-bottom:20px;


}








#contentBody div.news-single-item h2,


#contentBody div.news-list-item h3 {


	font-size: 9pt;


}





#contentBody div.news-single-item .content {


	padding:0 0 10px 0;


	margin:0 0 20px 0;


	border-bottom:1px solid #E1E1E1;


}





div.news-single-additional-info,


div.news-list-category {


	font-size: 8pt;


	text-align:left;


	margin-bottom:8px;


}





div.news-other-entries,


div.news-single-backlink {


	margin-bottom:8px;


	font-size:8pt;


	font-weight:normal;	


	color:#666;	


}





dl.news-single-related img,


dl.news-single-related  {


	display:none;


}








/* NEWS STYLES END */	





	





/* SUBNAVI STYLES START */	


	


#subnavi {


	position:relative;


	background:transparent;	


	top:80px;


	right:0;


	width:100%;


	height:48px;


	z-index:80;	


	}	


	


#subnavi ul {


	float:right;


	list-style:none;


	font-size: 7pt;				


}	


	


#subnavi ul li {


	display:inline;	


	text-align: right;		


}





#subnavi ul li a {


	display:inline;	


	text-align: right;


	cursor: pointer;


	color:#000;


	padding:0px 2px;


	margin:4px 0 0 0;


	text-decoration:none;	


	}		








/* SUBNAVI STYLES END */


	


/* EXTENSION OVERRIDE STYLES START */ 


	


/************************


 * CHGALLERY


 ************************/  





/* Directory browser */





.tx-chgallery-pi1  div.description  {


	padding:6px 0;


}





.tx-chgallery-pi1 .info {


	padding:0;


	position:relative;


	margin-bottom:8px;


}





.tx-chgallery-pi1 .info .infoDetails {


	padding-bottom:12px;


	border-bottom:1px solid #E3E3E3;


}





.infoDetails span {


	height:14px;


	line-height:14px;


	font-size:9pt;


}





div.news-list-container .infoDetails {


	margin:20px 0 8px 0;


}





.tx-chgallery-pi1 .info .position {


	float:right;


	font-size:35px;


	font-style: italic;


	font-family:Georgia;


	color:#b8c9d6;


	margin-right:5px;


}





#contentBody .tx-chgallery-pi1 .info h1 {


	margin-bottom:10px;


}








.tx-chgallery-pi1 .info h2 {


	font-size:12pt;


	margin-bottom: 6px;


}








.tx-chgallery-pi1 .info div {


	padding:0px;


	margin:0px;


	margin-bottom: 12px;


	font-size:9pt;	


}





.tx-chgallery-pi1 .info span.back {


	clear:both;


	height:12pt;	


}





#mainColumn .tx-chgallery-pi1 ul {


	margin:0;	


	list-style:none;


}





#mainColumn .tx-chgallery-pi1 ul li {


	margin-bottom:8px;


}





span.floatleft a {


	float:left;	


}





span.floatright a {


	float:right;	


}








.tx-chgallery-pi1 .info .position span {


	font-size:20px;


}





.tx-chgallery-pi1 .single .img {


	width:160px;


	height:126px;


	background:url(../images/layout/galleryBack.gif) no-repeat;


	line-height:126px;


	position:relative; 


}





.tx-chgallery-pi1 .single .description {


	font-size:8pt;


	color:#222; 


}





.tx-chgallery-pi1 .img img,


.tx-chgallery-pi1 img {


	margin:0px;


}





.tx-chgallery-pi1 .chgallery-list,


div.news-list-container,


div.tx-indexedsearch-res {


	border-top:6px solid #E3A500;


	border-bottom:6px solid #E3A500;


	margin-bottom:20px;				


}





div.news-list-container {


	margin-top:40px;			


}





div.news-list-container .excerpt {


	width:434px;			


}





div.news-list-container .image {


	margin-right:16px;			


}





div.news-list-container img {


	margin:0;


	}








.tx-chgallery-pi1 .chgallery-list li,


.tx-chgallery-pi1 .chgallery-list .itemodd,


div.news-list-item {


	border:0;


	background:transparent;


	padding-bottom:10px;	


	border-bottom:1px solid #E3E3E3;	


}





div.news-list-item {


	padding-bottom:20px;		


}





div.news-list-item p {


	margin-bottom:0;		


}





/* Pagebrowser */





div.tx-chgallery-pi1 {


	padding-top:16px;	


}





.tx-chgallery-pi1 .pagebrowser,


.news-pagebrowser {	


	margin:2px 0;


	font-size:8pt;


	margin:14px 0;	


}





.tx-chgallery-pi1 .pagebrowser .result,


.news-pagebrowser .browseLinksWrap {	


	line-height:20px;


	height:18px;	


}





.tx-chgallery-pi1 .pagebrowser .result span {	


	line-height:20px;


	height:18px;


}





.tx-chgallery-pi1 .pagebrowser .link,


.tx-indexedsearch .browsebox li {


	float:left;


}





#middleContent .tx-chgallery-pi1 .pagebrowser .link a,


#middleContent .news-pagebrowser .browseLinksWrap a,


#middleContent .news-pagebrowser .browseLinksWrap span.activeLinkWrap,


#middleContent .tx-indexedsearch .browsebox li a {


	border:1px solid #dde1e4;


	padding:1px 6px 2px 6px;


	height:15px;


	line-height:16px;


	margin-right:8px;


	display:block;


}





.news-pagebrowser span.page,


.tx-indexedsearch .browsebox span {


	float:left;


	height:20px;


	line-height:20px;	


	margin-right:8px;


	display:block;


}





.news-pagebrowser .browseLinksWrap a,


.news-pagebrowser .browseLinksWrap span.activeLinkWrap {


	float:left;


}


.tx-chgallery-pi1 .pagebrowser .prev {


}





.tx-chgallery-pi1 .pagebrowser .text {


	margin-right:12px;


	float:left;


	text-align:center;


	font-weight:bold;


}





.news-pagebrowser {


	margin-top:20px;


}





.tx-chgallery-pi1 .pagebrowser .next {


}








.tx-chgallery-pi1 .greyline { 


	border-bottom:1px solid #E3E3E3;


	height:20px;


	margin:0 0 20px 0;


	}





#contentBody .tx-chgallery-pi1 .title a {


	color:#C71031;	


}





.tx-indexedsearch-searchbox,


.tx-indexedsearch-browsebox p {


	display:none;


	}	


	


div.tx-indexedsearch-res div.tx-indexedsearch-res {


	border-top:0;


	border-bottom:1px solid #E1E1E1;


	padding:12px 0;


	margin-bottom:0;		


	}	


	


div.tx-indexedsearch-res div.tx-indexedsearch-res td {


	font-size:9pt;


	font-style:normal;


	}





#contentBody .tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr,


#contentBody .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw	 {


	font-style:normal;


	}





.tx-indexedsearch .tx-indexedsearch-whatis  {


	border-bottom:1px solid #E1E1E1;


	padding-bottom:12px;


	margin-bottom:20px;


	


	}


	


#contentBody .tx-indexedsearch .tx-indexedsearch-whatis ul:after  {


	content: "Seite";


	}	


	


.tx-indexedsearch div.tx-indexedsearch-whatis {


	font-size:9pt;


	}





.tx-indexedsearch div.tx-indexedsearch-browsebox {


	margin-bottom:16px;


	}


	


.tx-indexedsearch td.tx-indexedsearch-title h4	{


	margin-top:1px;


}


	


#contentBody .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {


	background:#EDE3E6;


	color:#111;


}


	





/* EXTENSION OVERRIDE STYLES END */