@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		24;
	dw-num-cols-tablet:		24;
	dw-num-cols-desktop:	24;
	dw-gutter-percentage:	22;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-left: 0.3418%;
	padding-right: 0.3418%;
	clear: none;
	float: none;
	background-color: rgba(255,255,255,1.00);
}
#cd_linie_o {
	width: 100%;
	margin-left: 0;
	margin-bottom: 5px;
}
#cd_logo {
width: 91.6035%;
margin-left: 4.1982%;
}
#cd_navi_content {
	width: 91.6035%;
	margin-left: 4.1982%;
	margin-top: 10px;
}
#cd_navi_c1 {
width: 100%;
margin-left: 0;
}
#cd_navi_c2 {
	margin-top: 5px;
	width: 100%;
	margin-left: 0;
}
#cd_content {
	width: 91.6035%;
	margin-left: 4.1982%;
	margin-top: 20px;
	border-radius: 20px;
	background-color: rgba(245,245,245,1.00);
	clear: both;
}
#cd_linie_u {
	margin-top: 20px;
}
#cd_footer {
	color: rgba(146,146,146,1.00);
	font-size: x-small;
}
#cd_news {
width: 12.9226%;
margin-left: 9.166%;
}
#cd_konzerte {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_musik {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_cordes {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_projekte {
width: 12.9226%;
margin-left: 18.332%;
}
#cd_bio {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_fotos {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_kontakt {
width: 12.9226%;
margin-left: 5.4094%;
clear: none;
}
#cd_head {
	margin-top: 20px;
}
#cd_band {
	font-size: small;
	font-weight: bold;
	color: rgba(38,65,134,1.00);
}
#cd_titel {
	font-weight: bold;
	color: rgba(193,33,39,1.00);
}
#cd_cover {
	margin-top: 15px;
	width: 90.8339%;
	margin-left: 4.583%;
	clear: both;
}
#cd_cover_front {
width: 79.818%;
margin-left: 10.0909%;
}
#cd_vergroessern {
	margin-top: 5px;
	font-size: x-small;
	width: 94.9545%;
	margin-left: 0;
}
#cd_text {
	margin-top: 15px;
	width: 90.8339%;
	margin-left: 4.583%;
	clear: both;
	font-size: 90%;
	line-height: 100%;
	text-align: justify;
}
#cd_text_t1 {
	width: 100%;
	margin-left: 0;
	text-align: justify;
	font-size: 90%;
	line-height: 100%;
}
#cd_audio {
	width: 100%;
	clear: both;
	margin-left: 0;
}
#cd_audio_titel {
	color: rgba(38,65,134,1.00);
	font-size: x-small;
}
#cd_audio_sound {
	width: 72.5018%;
	margin-left: 13.749%;
	font-size: 1em;
}
#div1 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 5px;
}
#section1 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
	width: 100%;
}
#section2 {
	width: 72.5018%;
	margin-left: 13.749%;
}
#cd_audio_speaker {
	margin-top: 15px;
	width: 8.3395%;
	margin-left: 45.8302%;
	clear: both;
}
#cd_audio_linie {
	margin-top: 5px;
	width: 58.7528%;
	margin-left: 18.332%;
}
#cd_audio_linie2 {
	margin-top: 5px;
	width: 63.3358%;
	margin-left: 18.332%;
}
#cd_audio_block {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#div3 {
	width: 72.5018%;
	clear: both;
	margin-left: 13.749%;
	margin-top: 5px;
}
#section7 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
}
#section9 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
	width: 100%;
}
#div4 {
	width: 72.5018%;
	clear: both;
	margin-left: 13.749%;
	margin-top: 5px;
}
#section11 {
	width: 79.818%;
	margin-left: 10.0909%;
	clear: both;
}
#section12 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
}
#section13 {
	width: 72.5018%;
	margin-left: 13.749%;
}
#section14 {
	width: 72.5018%;
	margin-left: 13.749%;
}
#section5 {
	margin-top: 5px;
	width: 63.3358%;
	margin-left: 18.332%;
}
#section10 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
}
#section6 {
	width: 79.818%;
	margin-left: 10.0909%;
	clear: both;
}
#div5 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 5px;
}
#section15 {
	margin-top: 5px;
	width: 63.3358%;
	margin-left: 18.332%;
}
#section16 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
	width: 100%;
}
#div6 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 5px;
}
#section17 {
	width: 72.5018%;
	margin-left: 13.749%;
}
#section18 {
	margin-top: 5px;
	width: 63.3358%;
	margin-left: 18.332%;
}
#div7 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 5px;
}
#section19 {
	clear: both;
	margin-left: 0;
	font-size: x-small;
	color: rgba(38,65,134,1.00);
	width: 100%;
}
#section20 {
	width: 72.5018%;
	margin-left: 13.749%;
}
#section21 {
	margin-top: 5px;
	width: 63.3358%;
	margin-left: 18.332%;
}
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: auto;
	padding-left: 0.3493%;
	padding-right: 0.3493%;
	clear: none;
	float: none;
	margin-left: auto;
}
#cd_linie_o {
	width: 95.8017%;
	margin-left: 4.1982%;
	margin-top: 20px;
}
#cd_logo {
	width: 70.6125%;
	margin-left: 4.1982%;
	margin-top: 5px;
}
#cd_navi_content {
	width: 6%;
	margin-left: 4.1982%;
	margin-top: 30px;
}
#cd_navi_c1 {
width: 100%;
margin-left: 0;
}
#cd_navi_c2 {
	margin-top: 0px;
	width: 100%;
	margin-left: 0;
}
#cd_content {
	width: 83.2071%;
	margin-left: 2%;
	height: 100px;
	clear: none;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow-y: scroll;
}
#cd_linie_u {
}
#cd_footer {
}
#cd_news {
width: 100%;
margin-left: 0;
}
#cd_konzerte {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_musik {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_cordes {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_projekte {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
#cd_bio {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_fotos {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_kontakt {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}
#cd_head {
}
#cd_band {
	font-size: 110%;
}
#cd_titel {
	font-size: 160%;
}
#cd_cover {
    clear: both;
}
#cd_cover_front {
width: 27.0469%;
margin-left: 16.8353%;
}
#cd_vergroessern {
width: 27.0469%;
margin-left: 33.6706%;
}
#cd_text {
width: 49.545%;
margin-left: 5.0454%;
clear: both;
}
#cd_text_t1 {
	width: 100%;
	margin-left: 0;
	font-size: 100%;
	line-height: 110%;
}
#cd_audio {
	width: 77.3234%;
	clear: none;
	margin-left: 11.338%;
}
#cd_audio_titel {
}
#cd_audio_sound {
width: 70.673%;
margin-left: 14.6634%;
}
#div1 {
	width: 77.3234%;
	margin-left: 11.3382%;
	clear: both;
	margin-top: 5px;
}
#section1 {
margin-left: 0;
clear: both;
width: 100%;
}
#section2 {
width: 70.673%;
margin-left: 14.6634%;
}
#cd_audio_speaker {
	width: 4.1356%;
	margin-left: 21.0918%;
	clear: none;
	margin-top: 20px;
}
#cd_audio_linie {
width: 100%;
margin-left: 0;
}
#cd_audio_linie2 {
width: 100%;
margin-left: 0;
}
#cd_audio_block {
	width: 44.4995%;
	margin-left: 0.9098%;
	clear: none;
	padding-bottom: 25px;
}
#div3 {
	width: 54.6468%;
	margin-left: 22.6765%;
	clear: both;
	margin-top: 5px;
}
#section7 {
	margin-left: 0;
	clear: both;
}
#section9 {
	margin-left: 0;
	clear: both;
	width: 100%;
}
#div4 {
	width: 54.6468%;
	margin-left: 22.6765%;
	clear: both;
	margin-top: 5px;
}
#section11 {
	width: 27.0469%;
	margin-left: 1.0119%;
	clear: none;
}
#section12 {
	margin-left: 0;
	clear: both;
}
#section13 {
	width: 70.673%;
	margin-left: 14.6634%;
}
#section14 {
	width: 70.673%;
	margin-left: 14.6634%;
}
#section5 {
	width: 100%;
	margin-left: 0;
}
#section10 {
	margin-left: 0;
	clear: both;
}
#section6 {
	width: 27.0469%;
	margin-left: 1.0119%;
	clear: none;
}
#div5 {
	width: 77.3234%;
	margin-left: 11.3382%;
	clear: both;
	margin-top: 5px;
}
#section15 {
	width: 100%;
	margin-left: 0;
}
#section16 {
	margin-left: 0;
	clear: both;
	width: 100%;
}
#div6 {
	width: 77.3234%;
	margin-left: 11.3382%;
	clear: both;
	margin-top: 5px;
}
#section17 {
	width: 70.673%;
	margin-left: 14.6634%;
}
#section18 {
	width: 100%;
	margin-left: 0;
}
#div7 {
	width: 77.3234%;
	margin-left: 11.3382%;
	clear: both;
	margin-top: 5px;
}
#section19 {
	margin-left: 0;
	clear: both;
	width: 100%;
}
#section20 {
	width: 70.673%;
	margin-left: 14.6634%;
}
#section21 {
	width: 100%;
	margin-left: 0;
}
.zeroMargin_tablet {
	margin-left: 0;
}
.hide_tablet {
	display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: auto;
	max-width: 1232px;
	padding-left: 0.3381%;
	padding-right: 0.3381%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#cd_linie_o {
width: 95.8017%;
margin-left: 4.1982%;
}
#cd_logo {
width: 66.4143%;
margin-left: 4.1982%;
}
#cd_navi_content {
	width: 5%;
	margin-left: 4.1982%;
}
#cd_navi_c1 {
width: 100%;
margin-left: 0;
}
#cd_navi_c2 {
width: 100%;
margin-left: 0;
}
#cd_content {
	width: 87.4053%;
	margin-left: 1%;
	clear: none;
	height: 645px;
	overflow-y: scroll;
}
#cd_linie_u {
}
#cd_footer {
}
#cd_news {
width: 100%;
margin-left: 0;
}
#cd_konzerte {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_musik {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_cordes {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_projekte {
width: 100%;
margin-left: 0;
}
#cd_bio {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_fotos {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_kontakt {
width: 100%;
clear: both;
margin-left: 0;
}
#cd_head {
}
#cd_band {
	font-size: 130%;
}
#cd_titel {
	font-size: 180%;
}
#cd_cover {
    width: 90.3937%;
    clear: both;
}
#cd_cover_front {
    width: 30.9233%;
}
#cd_vergroessern {
width: 25.6097%;
margin-left: 37.1951%;
}
#cd_text {
width: 42.3622%;
margin-left: 4.8031%;
clear: both;
}
#cd_text_t1 {
	width: 100%;
	margin-left: 0;
	font-size: 100%;
}
#cd_audio {
    width: 81.5151%;
    clear: none;
    margin-left: 9.242%;
}
#cd_audio_titel {

}
#cd_audio_sound {
width: 77.3234%;
margin-left: 11.3382%;
}
#div1 {
width: 81.5151%;
clear: both;
margin-left: 9.2424%;
}
#section1 {
clear: both;
margin-left: 0;
width: 100%;
}
#section2 {
width: 77.3234%;
margin-left: 11.3382%;
}
#cd_audio_speaker {
width: 3.937%;
margin-left: 24.8818%;
clear: none;
}
#cd_audio_linie {
width: 77.3234%;
margin-left: 11.3382%;
}
#cd_audio_linie2 {
width: 77.3234%;
margin-left: 11.3382%;
}
#cd_audio_block {
	width: 51.9685%;
	clear: none;
	margin-left: 0.8661%;
	margin-top: 25px;
}
#div3 {
width: 63.0303%;
clear: both;
margin-left: 18.4848%;
}
#section7 {
clear: both;
margin-left: 0;
}
#section9 {
	clear: both;
	margin-left: 0;
	width: 100%;
}
#div4 {
	width: 63.0303%;
	clear: both;
	margin-left: 18.4848%;
}
#section11 {
	width: 30.9233%;
	margin-left: 0.9581%;
	clear: none;
}
#section12 {
clear: both;
margin-left: 0;
}
#section13 {
width: 77.3234%;
margin-left: 11.3382%;
}
#section14 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#section5 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#section10 {
    clear: both;
}
#section6 {
	width: 30.9233%;
	margin-left: 0.9581%;
	clear: none;
}
#div5 {
	width: 81.5151%;
	clear: both;
	margin-left: 9.2424%;
}
#section15 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#section16 {
	clear: both;
	margin-left: 0;
	width: 100%;
}
#div6 {
	width: 81.5151%;
	clear: both;
	margin-left: 9.2424%;
}
#section17 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#section18 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#div7 {
	width: 81.5151%;
	clear: both;
	margin-left: 9.2424%;
}
#section19 {
	clear: both;
	margin-left: 0;
	width: 100%;
}
#section20 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
#section21 {
	width: 77.3234%;
	margin-left: 11.3382%;
}
.zeroMargin_desktop {
	margin-left: 0;
}
.hide_desktop {
	display: none;
}
}