@import url(menu.css);


body {
	margin: 0;
	padding: 0;
	color: #414141;
	font: normal 12px Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

.both {
	clear: both;
}

a {
	color: #0077BB;
	text-decoration: none;
}

a:hover {
	color: #CB121B;
	text-decoration: none;
}

#main {
	position: relative;
	width: 1012px;
	margin: 0 auto;
}
/*  common  */
.align-left{
	text-align: left;
}
.align-middle{
	text-align: middle;
}
.align-right{
	text-align: right;
}

fieldset {
  border: 0px solid white;
}

/* ---------- HEADER  ---------- */
#header {
	width: 956px;
	/*height: 98px;*/
	height: 124px;
	padding: 0 56px 0 0;
}

h1.title {
	clear: both;
	height: 30px;
	padding: 40px 0 18px 0;
	text-align: right;
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
}

/*  header Menu  */
#header0{
	margin: 0 0 0 0;
	padding: 5px;
	height: 15px;
	width: 500px;
	float: right;
}
#header0 ul{
	text-align: right;
}
li.floatLeft{
	padding: 0 0px 0 20px;
	float: right;
	list-style-type: none;
}


#login {
	height: 25px;
	margin: 0 0 3px 0;
	text-align: right;
}

input.champ {
	width: 86px;
	padding: 4px;
	border: 1px solid #e7e8ea;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #848688;
}





/* ---------- CONTENT  ---------- */
#content {
	width: 1012px;
	/*background: transparent url(../img/logo_rechts2.gif) no-repeat scroll right bottom;   */
}
#content-spacer{
	height: 10px;
	z-index: 4;
	background-color: transparent;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin: 0 0 0 3px;
	font-size: 10px;
	color: #808F98;
	text-align: center;
}
#last-modified {
  color: #666666;
  font-size: 10px;
  margin: 10px 0 8px 0;
  text-align: right;
}

/* ---------- Linke Spalte  ---------- */
#left {
	position: absolute;
	width: 190px;
	height: 90%;
	top: 0;
	left: 0;
	z-index: 1;
	background: transparent url(../img/bg-left.png) repeat-x top;
}

#logo {
	width: 142px;
	height: 221px;
	margin: 7px 0 0 23px;
	background: url(../img/logo-jm.png) no-repeat;
}

#logo a {
	display: block;
	width: 142px;
	height: 221px;
}

#logo a span {
	display: none;
}

#left #baden {
	width: 190px;
	height: 82px;
	margin: 24px 0 0 0;
	background: url(../img/baden-wurttemberg.png) no-repeat;
}

#conLeftBottom{
  margin: 50px 0 20px 0;
}
#conLeftBottom h1{
  font-size: 13px;
}
#conLeftBottom p{
  font-size: 10px;
}

#telefon {
	width: 107px;
	height: 20px;
	margin: 26px auto 6px auto;
	background: url(../img/telefon.png) no-repeat left top;
}

p.tel {
	width: 152px;
	margin: 0 auto 14px auto;
	color: #90a5b1;
	text-align: right;
}

p#menu2 {
	font-size: 9px;
	color: #788b95;
	text-align: center;
}

p#menu2 a {
	color: #788b95;
}

/* ---------- Mittel Spalte  ---------- */
#middle {
	float: left;
	width: 520px;
	padding: 0 0 0 190px;
}
#middle2 {
	float: left;
	width: 766px;
	padding: 0 0 0 190px;
}

#header_img{
	z-index: 3;
}
#header_img .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
}
.tx-slideshow-pi1 {
   text-align:left;
}



#conMiddle {
	margin: 0px 0 0px 0;
	min-height: 590px;
	background:white url(../img/bg-conmiddle.png) repeat-x scroll center top;
   height: 100%;
}

#conMiddle #flashcontent {
	width: 520px;
	height: 186px;
	margin: 0;
	padding: 0;
}

#conMiddle #flashcontent p {
	padding: 85px 0 0 0;
	text-align: center;
}

#conMiddle h1 {
  clear: left;
  margin:0pt 0pt 15px 0px;
   padding:6px 25px;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	background: #a4b6c0;
	color: #fff;
}
#conMiddle h1 a{
	color: #fff;
}
#conMiddle h2 {
	margin:15px 0pt 15px 0px;
   padding:5px 25px;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	background: #d8e1e6;
	color: #808F98;
}
#conMiddle h2 a{
	color: #808F98;
}
#conMiddle h2 a:hover{
	color: #CB121B;
}
#conMiddle h3 {
	margin: 10px 0px 10px 0px;
	padding: 0px 18px 0px 24px;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	color: #808F98;
	border-bottom: 1px solid #D8E1E6;
}
#conMiddle h3 a{
	color: #808F98;
}
#conMiddle h3 a:hover{
	color: #CB121B;
}
#conMiddle h4 {
	margin: 10px 18px 10px 24px;
	padding: 0px 0px 0px 0px;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	color: #808F98;
}
#conMiddle h4 a{
	color: #808F98;
}
#conMiddle h4 a:hover{
	color: #CB121B;
}

#conMiddle p {
	padding: 0px 15px 10px 25px;
	text-align: justify;
}

#conMiddle ul, #conMiddle ol {
	list-style: none;
	margin: 0px 20px 12px 45px;
}

#conMiddle ol li{
	padding: 0 0 10px 0px;
	color: #393e42;
	text-decoration: none;
	list-style: decimal outside none;
}
#conMiddle ol li a {
	padding: 0 0 10px 0px;
	text-decoration: none;
	list-style: decimal outside none;
}

#conMiddle ul li{
	padding: 0 0 10px 0px;
	color: #393e42;
	text-decoration: none;
	list-style: disc outside url(../img/arrow3.gif);
}
#conMiddle ul li a {
	padding: 0 0 10px 0px;
	text-decoration: none;
	list-style: disc outside url(../img/arrow3.gif);
}

#conMiddle ul li a:hover {
	text-decoration: underline;
}

#conMiddle ul li span {
	padding: 0 0 0 15px;
	color: #6d6f71;
}

#conMiddle p.link {
	padding: 0 20px 25px 25px;
	font-weight: bold;
	color: #393e42;
}

#conMiddle p.link a {
	color: #393e42;
	text-decoration: none;
}

#conMiddle p.link a:hover {
	text-decoration: underline;
}

#conMiddle p.link span {
	padding: 0 20px 0 0;
}


/*  Teaser-Boxen  */
#teaser{
  float: left;
  width: 253px;
  background-color: white;
  border-right: 1px dotted #A4B6C0;
  margin: 10px 3px 10px 0px;
  padding: 0 0 10px 0;
}
#teaser h1, #teaser h2, #teaser h3{
  margin: 0 0 15px 0;
  padding: 3px 25px;
  /*background: none repeat scroll 0 0 #A4B6C0; */
  color: #FFFFFF;
  font: 14px Verdana,Arial,Helvetica,sans-serif;
}

#conMiddle .teaser_jmd h1, #conMiddle .teaser_jmd h2, #conMiddle .teaser_jmd h3{
  background: none repeat scroll 0 0 #ED1C24;
}
#conMiddle .teaser_projekte h1, #conMiddle .teaser_projekte h2, #conMiddle .teaser_projekte h3{
  background: none repeat scroll 0 0 #0FA8E1;
}
#conMiddle .teaser_jugendorchester h1, #conMiddle .teaser_jugendorchester h2, #conMiddle .teaser_jugendorchester h3{
  background: none repeat scroll 0 0 #A6CE39;
}
#conMiddle .teaser_kurse h1, #conMiddle .teaser_kurse h2, #conMiddle .teaser_kurse h3{
  background: none repeat scroll 0 0 #11A57B;
}
#conMiddle .teaser_wettbewerbe h1, #conMiddle .teaser_wettbewerbe h2, #conMiddle .teaser_wettbewerbe h3{
  background: none repeat scroll 0 0 #FFCB08;
}
#conMiddle .teaser_oper h1, #conMiddle .teaser_oper h2, #conMiddle .teaser_oper h3{
  background: none repeat scroll 0 0 #CE1F69;
}
#conMiddle .teaser_LVs h1, #conMiddle .teaser_LVs h2, #conMiddle .teaser_LVs h3{
  background: none repeat scroll 0 0 #A4B6C0;
}







/* ---------- conBorder  ---------- */
#conBorder {
	height: 20px;
	padding: 10px 8px 20px 22px;
}

#conBorder h1, #conBorder a{
	font-size: 20px;
	color: white;
}
#conBorder h3 {
	font: normal 21px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#conBorder p.mitglieder {
	font-size: 9px;
	color: #231f20;
	text-align: right;
}
/* ---------- Rechte Spalte  ---------- */
#right {
	float: left;
	width: 246px;
	/*min-height: 565px;  */
	height: 100%;
	background: #F6F4F5 url(../img/bg-rechts.jpg) no-repeat scroll center top;
}
#conRight {
	padding: 20px 22px;
	min-height: 528px;
	/*background: transparent url(../img/logo_rechts.gif) no-repeat scroll center bottom;     */
}
#conRight h1{
	padding: 15px 0px 0px 0px;
	font-size: 14px;
}
#conRight h2{
	padding: 10px 0px 10px 0px;
	font-size: 12px;
}
#conRight h3{
	padding: 10px 0px 10px 0px;
	font-size: 11px;
}

#conRight p{
	padding: 6px 0 0 0;
}

#conRight ul.news {
	list-style: none;
	padding: 15px 0 10px 0;
}

#conRight ul.news li {
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #393e42;
}

#conRight ul.news li span {
	font-weight: normal;
	color: #6d6f71;
}

#conRight img {
	display: block;
	margin: 0 auto 10px auto;
}


#login1{
	margin: -18px 0 0 0px;
	/*width: 80px;*/
}

/* ---------- Join the music ---------- */
#join {
	position: absolute;
	right: 0;
	bottom: 26px;
	width: 47px;
	height: 256px;
	background: url(../img/join-the-music.png) no-repeat bottom;
}



/* ---------- FOOTER  ---------- */
#footer {
	clear: both;
	min-height: 66px;
	background: #f9f9f5 url(../img/bg-footer.gif) repeat-x top;
}

#footer #container {
	width: 1012px;
	margin: 0 auto;
}

#footer #container #footer1,
#footer #container #footer2,
#footer #container #footer3 {
	float: left;
}

#footer #container #footer1 {
	width: 190px;
}

#footer #container #footer2 {
	width: 520px;
}

#footer #container #footer3 {
	margin: 10px 0 0 0;
}

#footer #container #footer1 ul,
#footer #container #footer2 ul,
#footer #container #footer3 ul {
	list-style: none;
	padding: 10px 0 0 35px;
	color: #5a6870;
}

#footer #container #footer1 ul li a,
#footer #container #footer2 ul li a,
#footer #container #footer3 ul li a {
	color: #5a6870;
}
#footer2{
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #9D9D9D;
}


.tx-odsajaxmailsubscription-pi1{
  margin: 10px 0 0 24px;
}
.tx-odsajaxmailsubscription-pi1 table{
  padding: 0 0 10px 0;
}
#conMiddle .tx-odsajaxmailsubscription-pi1 p{
  padding: 0 0 10px 0;
}