@import url("wmk-global.css");
@import url("wmk-navi.css");
/* -----------------------------------------------*/
/* CONTENT_ELEMENTE                               */
/* -----------------------------------------------*/

/* ---------- HEADER -----------------------------*/

div#header h1{
	margin:0;
  	color: #000000;
	visibility:hidden;
}
.linie {
	font-size:1px;
	line-height:1px;
	height:1px;
	background:transparent url(../images/bg_linie.gif) repeat-x;
	margin-bottom:14px;
}
div#right .linie{
	background:transparent url(../images/bg_linie_right.gif) repeat-x;
}
div#right .linietop{
	font-size:1px;
	line-height:1px;
	height:1px;
	background:transparent url(../images/bg_linie_right.gif) repeat-x;
	margin-bottom:0px;
	border-bottom: white 10px solid;
}


/* ---------- RECHTE SPALTE ----------------------*/

div#right .rightHeadline {
	height:44px;
}
div#right h1, div#content h2.red {
	font:14px  Georgia, "Times New Roman", Times, serif;
	color:#BE5109;
	font-style:italic;
	font-weight:bold;
	margin:0;
	line-height:16px;
	padding:12px 0 0px 10px;
	}
	div#content h2.red {padding-left:0;}
div#right div.teaser h1{
	font:14px  Georgia, "Times New Roman", Times, serif;
	line-height:22px;
	color:#BE5109;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:2px 5px 14px 10px;
	}
div#right div.teaser h2{
	margin:0px 0 20px 0;
	}
div#right div.teaser img {
	margin-bottom:12px;
}
div#right div.teaser p {
	padding-right:10px;
}
div#right h2{
	font:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#BE5109;
	margin:12px 0 20px 0;
	padding:0 10px;
	}
	
div#right ul {
	list-style-type:none;
	margin:12px 0 30px 0;
	padding:0;
	padding-top: 1px;
	background: transparent url(../images/bg_linie_right.gif) repeat-x top;
}
div#right li {
	margin:0;
	padding:0;
	line-height:22px;
	background: transparent url(../images/bg_linie_right.gif) repeat-x bottom;
}
div#right ul#ulMeldungen li {
	line-height:16px;
}

div#right li a{
	display:block;
	height:22px;
	padding:4px 0 5px 26px;
	background: transparent url(../images/bg_subnavi1.gif) no-repeat 0px 4px;
	color:#0294D2;
	text-decoration:none;
}
div#right ul#ulMeldungen li a{
	height:32px;
	padding:7px 10px 7px 30px
}
div#right ul#ulMeldungen li a span{
	color:#575757;
}
div#right ul#ulMeldungen li a.active span{
	color:white;
}

div#right li a:hover{
	background: transparent url(../images/bg_subnavi2.gif) no-repeat 0px 4px;
	color:#BE5109;
}
div#right li a.active, div#right li a.active:hover{
	background: transparent url(../images/bg_subnavi3.gif) no-repeat 0px 4px;
	color:white;
}
div#right ul#ulMeldungen li a.active, div#right ul#ulMeldungen li a.active:hover{
	background: transparent url(../images/bg_subnavi3-meldungen.gif) no-repeat 0px 4px;
	color:white;
}

div#right p{
	padding:0 0 0 10px;

}
p.rightZitat{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:22px;
	margin:26px 0 24px 0;
	color:rgb(190,81,9);
	font-style:italic;
}
p.zitatAutor{
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	line-height:22px;
	color:rgb(87,87,87);
	font-style:normal;
}



/* ---------- CONTENT_BEREICH --------------------*/

td,th {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif
}
p {
	margin:0 0 0 0;
	line-height:22px;
	padding:0;
}
div#content {
	margin-bottom:60px;
	padding-bottom:60px;
}
* html div#content {
	margin-bottom:0px;
}
div#content .linieImage {
	font-size:1px;
	line-height:1px;
	height:1px;
	background:transparent url(../images/bg_linie.gif) repeat-x;
	margin-bottom:10px;
}
div#content .linieText {
	font-size:1px;
	line-height:1px;
	height:1px;
	background:transparent url(../images/bg_linie.gif) repeat-x;
	margin:12px 0 10px 0;
}
div#content .linie0 {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	background:transparent url(../images/bg_linie.gif) repeat-x;
	margin:0;
}

div#content a, div.rightHeadline a, .tableOeffnungszeiten a{
	font:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	text-decoration:none;
	color:#0294D2;
	background:transparent url(../images/bg_link1.gif) no-repeat -3px -4px;
	padding:0 0 0 17px;
}
div#content a:hover, div.rightHeadline a:hover, tableOeffnungszeiten a:hover{
	color:#BE5109;
	background:transparent url(../images/bg_link2.gif) no-repeat -3px -4px;
}
div#content a.linkLeft, div.rightHeadline a.linkLeft {
	background:transparent url(../images/bg_linkLeft1.gif) 100% -4px no-repeat;
	padding:0 17px 0 0!important;
}
div#content a.linkLeft:hover, div.rightHeadline a.linkLeft:hover{
	background:transparent url(../images/bg_linkLeft2.gif) no-repeat 100% -4px;
/*	background:transparent url(../images/bg_linkLeft2.gif) no-repeat right -4px;
*/	padding:0 17px 0 0!important;
}

div#content h1 {
	font:28px  Georgia, "Times New Roman", Times, serif;
	color:#BE5109;
	line-height:35px;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding:9px 0 14px 0;}
div#content h2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	padding: 0 0 9px 0;
	color:#6D6E6B;
	font-weight:bold;
	margin:0;
}


div#content  ul.liste{
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	line-height:22px;
	padding-bottom:1em;
	z-index:999;
}
div#content  ul.liste li {
	padding:0 0 0 1em;
	background: transparent url(../_images/text-bullet.gif) no-repeat 0px 11px!important;
	}

div#meldungsText {
	margin-bottom:20px;
}
html * div#meldungsText{
}
div#meldungsText h2 {
	padding: 0 0 0 0!important;
}
div#content img {
	margin:0 0 20px 0;
	border:none;
	padding:0;
}
div#content td {
	line-height:200%;
}


/* Tabelle Vorstand */
table.tableVorstand {
	width:400px;
	border:none;
	table-layout:fixed;
}
table.tableVorstand td{
	line-height:30px;
	height:30px;
	vertical-align:baseline;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	color:rgb(87,87,87);
	background:url(../images/bg_linie.gif) repeat-x 0px 25px;
}
table.tableVorstand tr.trLinie {
/*	background:url(../images/bg_linie.gif) repeat-x 0 center;
*/	background:url(../images/bg_linie.gif) left center repeat-x;
	height:10px;
}
table.tableVorstand tr.trLinie td, table.tableVorstand tr.trLinie th{
	line-height:10px;
	height:10px;
}

/* dsj_-Kopfleiste */
div.lehrerHead {
	height:150px;
	position:relative;
	background: transparent url(../images/bg_linie.gif) repeat-x 0 149px;
	margin-bottom:15px;
}
div.lehrerBild {
	position:absolute;
	left:0;
	top:0;
	}
div.lehrerNavi{
	position:absolute;
	left:210px;
	width:190px;
	bottom:0;
}
div.lehrerNavi h2{
	margin:0;
	padding:0 0 1px 0;
	color:#6D6E6B;
	font-size:11px;
	line-height:22px;
}
div.lehrerNavi ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top: 1px;
	background: transparent url(../images/bg_linie.gif) repeat-x top;
}
div.lehrerNavi li {
	margin:0;
	padding:0;
	line-height:22px;
	background: transparent url(../images/bg_linie.gif) repeat-x bottom;
}
div.lehrerNavi li a{
	display:block;
	height:22px;
	padding:4px 0 5px 20px!important;
	background: transparent url(../images/bg_lehrernavi1.gif) no-repeat 0px 4px!important;
	color:#0294D2;
	text-decoration:none;
}
div.lehrerNavi li a:hover{
	background: transparent url(../images/bg_lehrernavi2.gif) no-repeat 0px 4px!important;
	color:#BE5109;
}
div.lehrerNavi li a.active{
	background: transparent url(../images/bg_lehrernavi3.gif) no-repeat 0px 4px!important;
	color:white;
}
table#tableLehrer {
	width:400px;
	border:none;
	table-layout:fixed;
}
table#tableLehrer th{
	font:13px  Georgia, "Times New Roman", Times, serif;
	color:#BE5109;
	font-style:italic;
	font-weight:bold;
	line-height:16px;
	text-align:center;

}
table#tableLehrer td{
	line-height:22px;
	vertical-align:baseline;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	line-height:22px;
	color:rgb(87,87,87);
}
table#tableLehrer tr.trLinie {
	background:url(../images/bg_linie.gif) left center repeat-x;
	height:10px;
}
table#tableLehrer tr.trLinie td, table#tableLehrer tr.trLinie th{
	line-height:10px;
	height:10px;
}
/* Tabellen Bereich "Unterrichtsgeld" */
table.tableUnterricht {
	border:none;
	table-layout:fixed;
	background-color:#f1f8fc;
	border:7px solid #f1f8fc;
	border-bottom-width:15px;
}
table.tableUnterricht thead th {
	text-align:left;
	font-weight:normal;
	line-height:15px;
	color:#6D6E6B;
	padding: 0 3px 0 20px;
	border-top:5px solid #f1f8fc;
	border-bottom:10px solid #f1f8fc;
}
table.tableUnterricht tbody td, table.tableUnterricht tbody th{
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	line-height:15px;
	background-color:white;
	color:rgb(87,87,87);
	border:1px solid #f1f8fc;
	border-top:3px solid #f1f8fc;
	padding-right: 3px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:2px;
	text-align:left;
	vertical-align:top;
}
table.tableUnterricht tbody th a{
	line-height:15px;
}
table.tableUnterricht tbody th{
	font-weight:normal;
	text-align:left;
	padding-left:3px;
	padding-top: 5px;
}
/* Tabelle Bereich Instrumente */
table#tableInstrument {
	border:none;
	table-layout:fixed;
	line-height:22px;
}
table#tableInstrument th {
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	line-height:22px;
	padding-bottom:5px;
	color:#6D6E6B;
}
table#tableInstrument td {
	vertical-align:top;
	line-height:22px;
	padding-bottom:5px;
}


/* Tabelle Bereich Öffnungszeiten / Kontakt */
table.tableOeffnungszeiten{
	border:none;
	table-layout:fixed;
	line-height:22px;
	margin-left:10px;
}
table.tableOeffnungszeiten th {
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	line-height:22px;
	padding-bottom:5px;
	color:#6D6E6B;
}
table.tableOeffnungszeiten td {
	vertical-align:top;
	line-height:22px;
	padding-bottom:5px;
}

/* Liste Bereich Instrument / Fach */
ul.ulInstrument {
	margin:0;
	padding:0;
}
ul.ulInstrument li {
	display:block;
	width:190px;
	padding-left:10px;
	float:left;
	padding-top:4px;
	padding-bottom:5px;
	background-color:transparent;
	background:transparent url(../images/bg_linie-ul.gif) repeat-x 0 -1px;
}
/* Liste Mitarbeiter */
div.mitarbeiter {
	clear:both;
	position:relative;
	width:100%;
}
div.mitarbeiter .linie {
	margin:0;
	padding:0;
}
div.mitarbeiterBild {
	width:80px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid white;
}
div.mitarbeiterBild img {
	border:none;
	padding:0;
	margin:0!important;
}
div.mitarbeiterText {
	position:relative;
	width:300px;
	float:left;
	margin-top:5px;
	margin-bottom:13px;
	}
div.mitarbeiterText h2 {
	padding-bottom:0px!important;
}
/*Kooperationspartner */
div.koop {
	clear:both;
}
div.koop .linie {
	margin:0;
	padding:0;
}
div.koopBild {
	width:150px;
	float:left;
	margin-top:16px;
	margin-bottom:13px;
}
div.koopBild img {
	padding-left:10px;
}
div.koopText {
	position:relative;
	width:240px;
	float:left;
	margin-top:11px;
	margin-bottom:13px;
	}
div.koopText h2 {
	padding-bottom:0px!important;
}
/* PDF-Download */
div.pdfDownload {
	clear:both;
	width:400px;
	height:62px!important;
	margin-top:21px;
}
div.pdfDownloadBild {
	width:55px;
	float:left;
	height:45px;
	padding-left:20px;
	padding-top:15px;
}
div.pdfDownload img {
	border:none;
	padding:0;
	margin:0!important;
}
div.pdfDownloadText {
	position:relative;
	width:310px;
	height:41px;
	float:left;
	padding-top:19px;
	}
div.pdfDownloadText h2 {
	padding-bottom:0px!important;
}
/*Kooperationspartner */
div.koop {
	clear:both;
}
div.koop .linie {
	margin:0;
	padding:0;
}
div.koopBild {
	width:150px;
	float:left;
	margin-top:16px;
	margin-bottom:13px;
}
div.koopBild img {
	padding-left:10px;
}
div.koopText {
	position:relative;
	width:240px;
	float:left;
	margin-top:11px;
	margin-bottom:13px;
	}
div.koopText h2 {
	padding-bottom:0px!important;
}
/* Veranstaltungen */
div.listeVeranstaltung {
	margin:7px 0 6px 0;
}
div.listeVeranstaltung a, div.listeVeranstaltung h2, div.listeVeranstaltung p{
	line-height:16px!important;
}
div.listeVeranstaltung h2{
	color:#BE5109!important;
	padding:0 0 0 0!important;
}

div#teaserVeranstaltung {
	width:400px;
	height:140px;
	}
div#teaserVeranstaltungBild {
	width:210px;
	height:140px;
	float:left;
}
div#teaserVeranstaltungText {
	width:180px;
	height:140px;
	margin-top:4px;
	float:left;
	}
div#teaserVeranstaltungText h2 {
	color:#BE5109;
	font: italic bold 13px/22px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 8px 0;
}
/* Tabelle Bereich Veranstaltungen */
table.tableVeranstaltung {
	border:none;
	table-layout:fixed;
	line-height:22px;
}
table.tableVeranstaltung th {
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	line-height:22px;
	color:#6D6E6B;
}
table.tableVeranstaltung td {
	vertical-align:top;
	line-height:22px;
}

/* Formulare */
.error {
	color:#BE5109;
}
fieldset {
	padding:0;
	margin:0;
	border:none;
}
div.formContainer {
	background-color:#F1F8FC;
	width:400px;
	w\idth:370px;
	padding:9px 15px;
	margin-bottom:10px;
	position:relative;
}
div.formContainer p {
	line-height:15px;
}
form {
	padding:24px 0 0 0;
	margin:0;
}
div.formContainer label{
	display:block;
	float:left;
	width:65px;
	line-height:18px;
	padding:0;
	margin:0;
}
div.formContainer input{
	float:left;
	width:300px;
	height:16px;
	border:1px solid #BFD8E6;
	color:#575757;
	margin-bottom:10px;
	font-size:11px;
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.formContainer input#plz{
	width:67px;
}
div.formContainer input#ort{
	width:190px;
}
div.formContainer label#labelort{
	width:30px;
	margin-left:11px;
	}
div.formContainer input#info{
	margin: 2px 10px 30px 63px;
	border:none;
	width:20px;
}
div.formContainer input#submit{
	width:135px;
	clear:both;
	margin: 25px 0 8px 65px;
	height:22px;
	border:none;
}
ul.unterricht {
	margin:0;
	margin-left:7px;
	padding:0;
	list-style:none;
}
#jumpMenu {
	position:absolute;
	right:10px;
	top:169px;
}
#jumpMenu form {
	margin:0;
	padding:0;
}
#jumpMenu select{
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	margin:0;
	padding:0;
	width:190px;
	font-size:11px;
	color:#0294D2;
	height:18px;
}
#jumpMenu select#lehrerMenu option{
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	width:190px;
	font-size:11px;
	color:#0294D2;
	line-height:20px;
	margin:2px 0 0 0;
	padding:0 0 0 0;
}
#jumpMenu select#lehrerMenu optgroup {
	font-family:Georgia, "Times New Roman", Times, serif!important;
	color:#BE5109;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	margin:6px 0 3px 0!important;
}
#imageGallery {
	margin:0;
	padding:0;
}
#imageGallery img {
	border:0;
	margin:0;
	padding:0;
}
#imageGallery .divBild {
	float:left;
	width:190px;
	height:140px;
	position:relative;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
#imageGallery .divArrow {
	width:17px;
	height:17px;
	position:absolute;
	left:0;
	top:123px;
	background:#00A6EB url(../images/pfeil.gif) no-repeat;
}
#imageGallery, .divArrow a, .divBild a, .divBild a img{
	margin:0!important;
	padding:0!important;
	background:none!important;
}
#imageGallery .divBlue {
	float:left;
	width:190px;
	height:140px;
	background-color:#F2F7Fb
}
.clearer{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}
.einblicke { margin-left:-20px; }
.einblicke .linie {clear:both;margin:20px 0 20px 20px;}
.einblicke .pic { margin:0 0 20px 20px; float:left; }
.einblicke .pic img { display:block; margin:0 0 8px 0!important; }
.einblicke .pic span { font-weight:bold; }


#naspa {
	clear:left;
	display:block;
	background:transparent url(../images/jugendmusiziert/naspa-logo.jpg) no-repeat 0 0;
	padding-top:60px;
	color:#575757;
	text-decoration:none;
	line-height:150%;
	margin-left:30px;
	width:140px;}
	#naspa:hover {background-position:-300px 0;}