@charset "ISO-8859-1";

* { margin: 0px; padding: 0px; }
ul { margin-left: 30px; }
body { background-color: White; color: Black; text-align: center; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
img {border: none}
#frame { margin: 0pt auto; position: relative; text-align: left; width: 930px; padding-bottom: 40px; }
.clear_both {clear: both}

img.teaser {padding-left: 5px; padding-right: 5px}
img.startbild {padding-left: 10px; padding-bottom: 5px; float: right}

#top { position: relative; height: 310px; }
#logo { position: absolute; top: 33px; left: 20px; height: 75px; }
#banner { position: absolute; bottom: 0px; left: 0px; height: 170px; width: 930px; }
#kontakt, #impressum, #benutzerlogin, #newsletter, #printbutton { display: block; position: absolute; top: 123px; color: Black; text-decoration: none; padding-left: 15px; }
#kontakt { left: 525px; }
#impressum { left: 695px;  }
#benutzerlogin { left: 835px;  }
#newsletter { left: 603px; }
#printbutton { left: 440px; }
#printbutton a { color: Black; text-decoration: none; }


#navigation { position: absolute; top: 335px; left: 0px; width: 190px; }
/*#navigation span.l1, #navigation a.l1 { display: block; height: 20px; color: Black; text-decoration: none; font-size: 14px; padding: 4px 0px 0px 15px; margin: 0px 0px 4px 0px; cursor: pointer}*/
#navigation span.l1, #navigation a.l1 { display: block; color: Black; text-decoration: none; font-size: 14px; padding: 4px 0px 4px 15px; margin: 0px 0px 4px 0px; cursor: pointer}
#navigation a.l1:hover, #navigation a.l1.active, #navigation span.l1:hover, #navigation span.l1.active { color: #464544; }
#navigation .placeholder { height: 20px; }

#navigation .subnav { padding-bottom: 0px; display: none }
#navigation .subnav a.l2 { display: block; color: Black; text-decoration: none; font-size: 14px; padding: 4px 0px 0px 25px; margin: 0px 0px 4px 0px; }
#navigation .subnav a.l2:hover, #navigation .subnav a.l2.active { color: #464544; }
#navigation .subnav .placeholder { height: 20px; }

#full { position: relative; margin: 24px 0px 0px 190px; padding: 0px 0px 0px 10px; }
#full #content { width: 457px; }
#portal { position: relative; margin: 30px 0px 0px 190px; padding: 1px 0px 0px 0px;}

.portal_spalte { float: left; width: 216px; padding: 0px 15px 0px 15px; }
.portal_spalte h2 { font-size: 14px; }
.portal_spalte img { margin-bottom: 10px; }


#absaetze { float: left; width: 494px }
#absatz_bilder {width: 216px; float: right; padding-top: 5px}

/* #medien { position: absolute; top: 0px; right: 0px; width: 230px; padding: 0px 0px 0px 0px; text-align: center; } */
#medien { width: 730px; height: 50px}
#medien .medienitem {margin: 5px 10px 0px 10px; text-align: left; float: left; cursor: pointer}
#bilder { background: URL(/images/icon_bilder.gif) no-repeat; }
#videos { background: URL(/images/icon_videos.gif) no-repeat; }
#musik { background: URL(/images/icon_musik.gif) no-repeat; }
#downloads { background: URL(/images/icon_downloads.gif) no-repeat; }
.medienitem .header { margin: 0px 0px 4px 23px; padding: 3px 0px 0px 0px; font-size: 11px;}
.medienitem .medienlinks { margin: 0px 0px 0px 33px; display: none}
.medienitem .medienlinks a { display: block; color: #888888; margin-bottom: 3px; font-size: 12px; }
.addthislink {
	padding-left: 2px;
}
.addthislink a{
	font-size: 11px;
	text-decoration: underline;
	color: #06F;
}
.addthislink a:hover{
	text-decoration: none;
}
div.unterschrift_bild { background-color: #cccccc; font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin-bottom: 10px; }
div.unterschrift_bild div { padding: 5px }

div.download {margin-bottom: 30px}

.list_item { position: relative; margin-bottom: 20px; }
.list_item .text { float: left; width: 560px; }
.list_item img { float: right; }


#center { width: 477px; margin: 30px 0px 0px 190px; padding: 0px 10px 0px 10px; }
.divider { height: 1px; overflow: hidden; margin-bottom: 10px; }

#portal_termine { position: absolute; top: 335px; right: 0px; width: 220px; padding: 10px 0px 0px 0px;}

#SEO { display: none }

/* fonts */
h2 { font-size: 20px; font-weight: normal; margin-bottom: 10px; margin-top: 20px}
a.more { text-decoration: none; }
.list_header { font-size: 13px; font-weight: bold; }

label { cursor: pointer}

/* Terminkalender */
h3.zeitraum {text-align: right; color: #75B4D6}
#search_form { position: relative; top: -34px; }
#calendar {width: 553px}
#calendar div.day {width: 79px; margin: 0; padding: 0px; background: URL(/images/calendar_header_blue.gif) no-repeat; float: left;  }
.termine { padding-bottom: 5px; }

.min_height { height: 70px; }

#calendar div.header { padding-top: 4px; padding-left: 5px; font-weight:bold; height: 24px; color: #75B4D6; font-size: 14px}
div.day span.tag_dunkel {color: #7EACCA}

#termin_legenden { position: absolute; top: 0px; right: 0px; width: 150px; padding: 0px 0px 0px 0px;}
#streichen { font-size: 10px; padding-bottom: 7px }
#termin_legenden table {margin-left: 14px; margin-top: 4px}
#stichwort {width: 120px}
#alle_button, #search_button, #gesamt_button {width: 64px; font-size: 10px}
#gesamt_button {width: 130px; margin-top: 5px}
div.row {clear: both}
.termin_legende { padding: 0px 0px 5px 16px; }
#cat_590 { background: URL(/images/bullet/akademie.gif) no-repeat 0px 1px; }
#cat_599 { background: URL(/images/bullet/begabten.gif) no-repeat 0px 1px; }
#cat_593 { background: URL(/images/bullet/chorakademie.gif) no-repeat 0px 1px; }
#cat_602 { background: URL(/images/bullet/chorwettbewerb.gif) no-repeat 0px 1px; }
#cat_623 { background: URL(/images/bullet/orchesterwettbewerb.gif) no-repeat 0px 1px; }
#cat_605 { background: URL(/images/bullet/dirigieren.gif) no-repeat 0px 1px; }
#cat_128735 { background: URL(/images/bullet/netzwerk.gif) no-repeat 0px 1px; }
#cat_227825 { background: URL(/images/bullet/musikrat.gif) no-repeat 0px 1px; }

.termin_590 { background: URL(/images/bullet/akademie.gif) no-repeat; padding-top: 13px; }
.termin_599 { background: URL(/images/bullet/begabten.gif) no-repeat; padding-top: 13px; }
.termin_593 { background: URL(/images/bullet/chorakademie.gif) no-repeat; padding-top: 13px; }
.termin_602 { background: URL(/images/bullet_orange.gif) no-repeat; padding-top: 13px; }
.termin_623 { background: URL(/images/bullet/orchesterwettbewerb.gif) no-repeat; padding-top: 13px; }
.termin_605 { background: URL(/images/bullet/dirigieren.gif) no-repeat; padding-top: 13px; }
.termin_128735 { background: URL(/images/bullet/netzwerk.gif) no-repeat; padding-top: 13px; }
.termin_227825 { background: URL(/images/bullet/musikrat.gif) no-repeat; padding-top: 13px; }

.termine a { text-decoration: none; color: Black; }
.termin_details { display: none; }
.termin_detail_header { font-weight: bold; font-size: 15px; }

#sponsoren { margin-top: 20px}
#sponsoren h3 { font-size: 15px }

table.bezirke {padding-bottom: 10px;}
table.bezirke td {padding-right: 10px;}
table.bezirke input {margin-left: 5px;}

/*
 * Kurse
 */

.kurs {padding-bottom: 7px}
.kurs img {margin-right: 3px}
.kurs a {text-decoration: none; color: black;}

#kurskat_20097 { background: URL(/images/bullet_blue.gif) no-repeat 0px 1px; }
#kurskat_20113 { background: URL(/images/bullet_turquoise_hollow.gif) no-repeat 0px 1px; }
#kurskat_20117 { background: URL(/images/bullet_lightgreen_hollow.gif) no-repeat 0px 1px; }
#kurskat_20121 { background: URL(/images/bullet_yellow.gif) no-repeat 0px 1px; }
#kurskat_20125 { background: URL(/images/bullet_orange.gif) no-repeat 0px 1px; }
#kurskat_20129 { background: URL(/images/bullet_red.gif) no-repeat 0px 1px; }

.kurs_20097 { background: URL(/images/bullet_blue.gif) no-repeat; padding-top: 13px; }
.kurs_20113 { background: URL(/images/bullet_turquoise_hollow.gif) no-repeat; padding-top: 13px; }
.kurs_20117 { background: URL(/images/bullet_lightgreen_hollow.gif) no-repeat; padding-top: 13px; }
.kurs_20121 { background: URL(/images/bullet_yellow.gif) no-repeat; padding-top: 13px; }
.kurs_20125 { background: URL(/images/bullet_orange.gif) no-repeat; padding-top: 13px; }
.kurs_20129 { background: URL(/images/bullet_red.gif) no-repeat; padding-top: 13px; }


/*
 * Suche
 */
div.searchresult { margin-bottom: 15px}
div.searchresult h2 {font-size: 15px; font-weight: normal; margin-bottom: 5px}
div.searchresult a, div.searchpages a { text-decoration: underline; color: #3e70a7; }

div.searchheader {text-align: right; margin-bottom: 20px}
div.searchpages {text-align: right; margin-top: 20px}


div.feedlink {width: 100px; position: absolute; left: 680px; top: -5px}
div.feedlink a { color: black; text-decoration: none}
div.feedlink img {border: none; margin-right: 4px;}