* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;	
	font: 12px/20px verdana, arial, sans-serif;
	background: #ffe url(../img/banner_bg.png) repeat-x 0 101px;
}

a {
	color: #21799D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	color: #21799D;
	font: bold 12px/20px sans-serif;
}

h2 {
	background: #21799D url(../img/headline_flower.gif) no-repeat right bottom;
	color: #fff;
	font: bold 16px/20px sans-serif;
	margin: 0px 0px 40px -25px;
	padding: 5px 25px;
	width: 555px;
	position: relative;
}

h2.long {
	width: 825px;
}

h2 a {
	color: #fff;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: none;
}

h3 {
	background: #21799D url(../img/headline_flower.gif) no-repeat right bottom;
	color: #fff;
	font: bold 16px/20px sans-serif;
	padding: 5px 10px;
	margin: 0px 0px 20px 0px;
}

h4 {
	background: #21799D url(../img/headline_flower.gif) no-repeat right bottom;
	color: #fff;
	font: bold 16px/20px sans-serif;
	padding: 5px 10px;
	margin: 0px 0px 10px 0px;
}

p {
	padding-bottom: 20px;
}

p.nobr {
	padding-bottom: 0;
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

table th {
	text-align: left;
}

table td {
	vertical-align: top;
}

.imgbrd {
	border: 1px solid #21799D;
}

div#cleaner {
	clear: left;
	height: 40px;
}

/* ==================================================================================== Overall-Container */

div#container {
	position: relative; 
	margin: 0 auto; 
	width: 918px;
	background: #fff url(../img/sitebg1.gif) repeat-y;	
	height: auto !important; 
	height: 100%; 
	min-height: 100%; 	
}

div#container.sidebarbg {
	background: #fff url(../img/sitebg2.gif) repeat-y;	
}

/* ==================================================================================== Wappen */

div#logo {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -51px;
	z-index: 5;
}



/* ==================================================================================== Header */

div#header {
	height: 101px;
	width: 900px;
	margin-left: 9px;
	background: #ddd url(../img/logo.jpg);
}



/* ==================================================================================== Banner-Shadow-Wrapper */

div#wrapper1 {
	height: 84px;
	width: 918px;
	background: url(../img/banner_shadow_left.png) no-repeat;
}

div#wrapper2 {
	height: 84px;
	width: 918px;
	background: url(../img/banner_shadow_right.png) no-repeat right top;
}



/* ==================================================================================== Top-Menu */

div#menu {
	height: 84px;
	width: 900px;
	margin-left: 9px;
	position: relative;
	z-index: 7;
}

div#menu ul {
	height: 84px;
	list-style: none;
}

div#menu ul li {
	float: left;
	display: inline;
	height: 84px;
	text-align: center;
}

div#menu ul li a {
	padding-top: 62px;
	display: block;
	color: #fff;
	text-decoration: none;
	margin-bottom: -84px;
	height: 22px;
}

div#menu ul li a:hover, div#menu ul li a.active, div#menu ul li ul li a.active {
	color: #ffff80 !important;
}

div#toparrow1 {
	background: url(../img/top_arrow.gif) no-repeat;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -378px;
	top: 104px;
	z-index: 99;
}

div#toparrow2 {
	background: url(../img/top_arrow.gif) no-repeat;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -240px;
	top: 104px;
	z-index: 99;
}

div#toparrow3 {
	background: url(../img/top_arrow.gif) no-repeat;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -112px;
	top: 104px;
	z-index: 99;
}

/* ==================================================================================== Top-Menu-Buttons */

div#menu ul li#stammorchester {
	width: 135px;
	padding-left: 9px;
	background: #21799D url(../img/button_stammorchester.jpg) no-repeat 0 0;
}

div#menu ul li#stammorchester:hover {
	background: #41b4e3 url(../img/button_stammorchester.jpg) no-repeat 0 -84px;
}

div#menu ul li:hover a {
	color: #FFFF80;
}

* html div #menu ul li#stammorchester {
	padding-left: 0;
}

* html div #menu ul li#stammorchester a {
	width: 135px;
	padding-left: 9px;
}

* html div #menu ul li#stammorchester a:hover {
	width: 135px;
	background: #41b4e3 url(../img/button_stammorchester.jpg) no-repeat 0 -84px;
}

* html div #menu ul li#stammorchester ul li a, * html div #menu ul li#stammorchester a:hover ul li a {
	width: auto;
}

div#menu ul li#jugendorchester {
	width: 139px;
	background: #21799D url(../img/button_jugendorchester.jpg) no-repeat 0 0;
}

div#menu ul li#jugendorchester:hover {
	background: #41b4e3 url(../img/button_jugendorchester.jpg) no-repeat 0 -84px;
}

* html div #menu ul li#jugendorchester a:hover {
	background: #41b4e3 url(../img/button_jugendorchester.jpg) no-repeat 0 -84px;
}

div#menu ul li#vororchester {
	width: 117px;
	background: #21799D url(../img/button_vororchester.jpg) no-repeat 0 0;
}

div#menu ul li#vororchester:hover {
	background: #41b4e3 url(../img/button_vororchester.jpg) no-repeat 0 -84px;
}

* html div #menu ul li#vororchester a:hover {
	background: #41b4e3 url(../img/button_vororchester.jpg) no-repeat 0 -84px;
}

div#menu ul li#buttonspacer a {
	width: 100px;
}

div#menu ul li#termine a {
	width: 93px;
	padding-left: 35px;
	background: #21799D url(../img/button_termine.jpg) no-repeat 0 0;
}

div#menu ul li#termine a:hover {
	background: #41b4e3 url(../img/button_termine.jpg) no-repeat 0 -84px;
}

div#menu ul li#bilder a {
	width: 83px;
	background: #21799D url(../img/button_bilder.jpg) no-repeat 0 0;
}

div#menu ul li#bilder a:hover {
	background: #41b4e3 url(../img/button_bilder.jpg) no-repeat 0 -84px;
}

div#menu ul li#gaestebuch a {
	width: 109px;
	background: #21799D url(../img/button_gaestebuch.jpg) no-repeat 0 0;
}

div#menu ul li#gaestebuch a:hover {
	background: #41b4e3 url(../img/button_gaestebuch.jpg) no-repeat 0 -84px;
}

div#menu ul li#links a {
	width: 76px;
	padding-right: 4px;
	background: #21799D url(../img/button_links.jpg) no-repeat 0 0;
}

div#menu ul li#links a:hover {
	background: #41b4e3 url(../img/button_links.jpg) no-repeat 0 -84px;
}

/* ==================================================================================== Submenu */

div#menu ul li ul {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
}

div#menu ul li:hover ul, div#menu ul li a:hover ul, div#menu ul li ul.showsub, div#menu ul li.sfhover {
	width: 900px;
	height: 32px;
	display: block;
	position: absolute;
	z-index: 9;
	top:  82px; 
	left: 0; 	
	background: #21799d url(../img/submenu_bg.gif) repeat-x;
	border-bottom: 3px solid #fff;
	/*filter: alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;*/
}

div#menu ul li ul.showsub {
	z-index: 10;
}

div#menu ul li ul li {
	float: left;
	display: inline;
	height: 32px;
}

div#menu ul li ul li a {
	display: block; 
	text-align: left;
	padding: 7px 25px 0 25px;
	height: 25px;
	color: #fff !important;
}

div#menu ul li ul li a.so {
	padding: 7px 25px 0 25px !important;
}

div#menu ul li ul li a.jo {
	padding: 7px 25px 0 25px;
}

div#menu ul li ul li a.vo {
	padding: 7px 25px 0 25px;
}

* html div #menu ul li a:hover ul li a, * html div #menu ul li ul.showsub li a {
	float: left;
}

div#menu ul li:hover ul li a:hover, div#menu ul li a:hover ul li a:hover {
	color: #FFFF80 !important;
	background: #41B4E3 url(../img/submenu_bg_active.gif) repeat-x !important;
}

* html div #menu ul li a.hide {
	display: none;
}

div#menu ul li ul li a.jo {
	margin-left: 144px;
	padding-left: 16px;
}

* html div #menu ul li ul li a.jo {
	margin-left: 72px;
}

div#menu ul li ul li a.vo {
	margin-left: 283px;
	padding-left: 17px;
}

* html div #menu ul li ul li a.vo {
	margin-left: 141px;
}

/* ==================================================================================== Content-Wrapper */

div#content {
	margin-left: 9px;
	padding: 40px 0 40px 25px;
	width: 875px;
	clear: both;
	color: #222;
	border-top: 3px solid #fff;
}

div#main {
	width: 850px;
	float: left;
}

div#mainleft {
	width: 580px;
	float: left;
}

div#mainright {
	padding-top: 20px;
	width: 220px;
	margin-left: 629px;
	background: #ddd;
}

* html div #mainright {
	margin-left: 626px;
}

div#mainright2 {
	padding-top: 90px;
	width: 220px;
	margin-left: 629px;
	background: #ddd;
}

* html div #mainright2 {
	margin-left: 626px;
}

/* ==================================================================================== Content */

div.homebox {
	background: #fff; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;	
}

div.homebox p {
	padding: 0px 10px 20px 10px;
}

div.homebox ul {
	padding: 0px 10px 20px 10px;
}

div.homebox ul li {
	background: url(../img/dot.gif) no-repeat 0 8px;
	padding-left: 12px;
}

table#terminetbl td {
	padding-right: 20px;
}

table#terminetbl td {
	width: 500px;
}

table#terminetbl td.first {
	width: 80px;
}

table#terminetbl tr.spacer td {
	padding-bottom: 10px;
}

table#terminetbl tr.line td {
	padding-top: 10px;
}

table#terminetbl tr.line td {
	border-top: 1px solid #ddd;
}

ul#sidebarlinks a {
	padding-left: 10px;
	background: url(../img/left_arrow.gif) no-repeat 0 4px;
	text-decoration: none;
	color: #000;
}

ul#sidebarlinks a:hover, ul#sidebarlinks a.active {
	text-decoration: underline;
}

table.dates, table.dates2 {
	margin-bottom: 20px;
}

table.dates td, table.dates2 td {
	padding-right: 30px;
}

table.dates2 td {
	padding-bottom: 10px;
}

div.arrowbg {
	margin: 0 20px 20px 0;
	padding: 0 0 0 20px;
	background: url(../img/arrow_bg.gif) no-repeat;
}

div.arrowbg div {
	padding: 20px 20px 0 20px;
	background: #f2f2f2;
}

ul#linklist li {
	float: left;
	margin: 0 50px 40px 0;
	width: 250px;
}

ul#linklist li.last {
	margin-right: 0;
}

ul#linklist li:last-child {
	margin-right: 0;
}

ul#linklist li ul li {
	float: none;
	width: 238px;
	margin: 0;
	padding-left: 12px;
	background: url(../img/dot.gif) no-repeat 0 8px;
}

ul#linklist li ul li.title {
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: none;
}

ul#linklist li.programlist {
	width: 400px;
	margin: 0;
	margin-right: 50px;
}
ul#linklist li.programlist2 {
	width: 400px;
	margin: 0;
}

ul#mylist li {
	padding-left: 12px;
	background: url(../img/dot.gif) no-repeat 0 8px;
}

a#fwd {
	display: block;
	height: 28px;
	width: 34px;
	background: url(../img/fwd_0.png) no-repeat;
	float: right;
}

a#fwd:hover {
	background: url(../img/fwd_1.png) no-repeat;
}

a#rwd {
	display: block;
	height: 28px;
	width: 34px;
	background: url(../img/rwd_0.png) no-repeat;
	float: left;
}

a#rwd:hover {
	background: url(../img/rwd_1.png) no-repeat;
}

div#gbnav {
	height: 28px; 
	width: 540px; 
	margin-left: 20px;
}

div#instruments a {
	display: block;
	border: 1px solid #21799d; 
	width: 178px; 
	height: 178px; 
	float: left; 
	margin-right: 43px; 
	margin-bottom: 30px;
}

div#instruments a:hover {
	text-decoration: none;
}

div#instruments a span {
	display: block; 
	color: #fff; 
	background: #21799d; 
	height: 22px; 
	margin-top: 138px; 
	padding-left: 10px; 
	margin-left: 18px; 
	width: 150px;
}

div#vorstand {
	width: 270px; 
	float: left; 
	height: 400px; 
	text-align: right;
}

* html div #vorstand {
	margin-right: -3px;
}

img#vorstandpic {
	margin-left: 40px;
	border: 1px solid #21799D;
}

p.name {
	font-size: 14px; 
	font-weight: bold;
	padding: 0px;
}

p.position {
	color: #21799D; 
	font-weight: bold;
}

table#namelist {
	margin-top: 20px;
}

table#namelist td {
	width: 230px;
}

table#namelist td.right {
	text-align: right;
	width: 190px;
}

table#namelist td.middle {
	width: 160px;
}

table#namelist a {
	color: #000;
}

/* ==================================================================================== Bilder */

div.overview {
	margin-bottom: 20px;
}

div.overview img {
	float: left;
	margin-right: 38px;
	border: 1px solid #ddd;
}

div.overview p {
	padding: 1px 0 0 0;
}

div.overview p a {
	font-weight: bold;
}

div#overviewnav {
	margin-top: 40px;
}

div#preview img {
	border: 1px solid #ddd; 
	width: 136px; 
	float: left; 
	margin-right: 40px; 
	margin-bottom: 30px;
}

div#preview img.last {
	margin-right: 0;
}

div#image {
	border: 1px solid #ddd;
	padding: 24px 24px 4px 24px;
	margin: 0 auto;
	width: 800px;
}

div#image div#subtitle {
	height: 28px;
	width: 732px;
	text-align: center;
	margin-left: 34px !important;
}

div#image div#subtitle p {
	padding: 0;
	line-height: 14px;
	font-size: 11px;
	color: #222;
}

span#curimgwrpr {
	display: block; 
	position: relative; 
	overflow: hidden; 
	width: 800px;
	background: #ddd;
	/*margin-bottom: 24px;*/
}

div#subtitlewrapper {
	margin-top: 24px;
}

p.zitat {
	font-style: italic;
	font-size: 13px;
}

p.zitat span {
	font-size: 10px;
}

/* ==================================================================================== TextPics */

div.datepic {
	background: #fff; 
	padding: 10px; 
	margin-bottom: 20px; 
	border: 1px solid #ccc;
	text-align: center;
}

div.datepic p {
	margin: 0; 
	padding: 0; 
	padding-top: 5px; 
	font-size: 10px;
}

div.datepic a {
	display: block;
}

div.datepic a img.small {
	height: 136px;
	display: block;
}

div.datepic a img.big {
	position: absolute;	
	display: block;
	height: 0;
	right: -9999px;
	visibility: hidden;
}

div.datepic a img.bigjs {
	position: absolute;	
	display: block;
	height: 0;
	left: -9999px;
	visibility: hidden;
}

#div.datepic a:active img.small, div.datepic a:focus img.small {
	visibility: hidden;
}

div.datepic a:active, div.datepic a:focus {
	position: static; 
	outline: 0;
}

div.datepic a:active img.big, div.datepic a:focus img.big {
	display: block;
	border: 1px solid #000;
	background: #fff;
	padding: 9px;
	height: 551px;
	right: 44px;
	z-index: 30;
	margin-top: -138px;
	visibility: visible;
	position: absolute;
}

div.datepic a img.bigjs2 {
	display: block;
	border: 1px solid #000;
	background: #fff;
	height: 136px;
	padding: 9px;
	right: 44px;
	z-index: 30;
	margin-top: -138px;
	visibility: visible;
	position: absolute;
}

div.datepic a:active img.bottom, div.datepic a:focus img.bottom  {
	margin-top: -544px;
}

* html div div.datepic a:active img.bottom, * html div div.datepic a:focus img.bottom  {
	margin-top: -546px;
}

div#overall {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 999999;
	cursor: pointer;
}

/* =================================================================================== Gästebuch */

div.gb1 {
	padding: 20px !important;
}

div.gb1 p {
	padding: 0;
}

div.gb2 {
	background: #21799D !important; 
	color: #fff !important; 
	padding: 5px 20px !important; 
	height: 20px !important;
}

div.gb2 p {
	padding-bottom: 0; 
	float: left;
}

img.hp {
	float: right; 
	margin: 3px 0 0 10px;
}

img.mail {
	float: right; 
	margin-top: 2px;
}

/* ==================================================================================== Formular */

div#contact {
	width: 425px;
}

div#contact input, textarea {
	float: right;
}

div#contact input.button {
	clear: right; 
	margin: 20px 0 0 119px;	
	float: none;
	overflow: visible;
	padding: 3px 5px !important;
}

form td {
	padding: 0 20px 10px 0;
}

input, textarea {
   font: 12px verdana, arial, sans-serif;
	border: 1px solid #ccc;
	background: #f2f2f2;
	width: 300px;
	padding: 2px;
}

form#guestbook p {
	padding-bottom: 10px;
}

form#guestbook input, form#guestbook textarea {
	width: 218px;
	background: #fff;
}

form#guestbook textarea {
	margin-right: -4px;
}

textarea {
	height: 120px;
}

input.error, textarea.error {
	background: #ff0c08 !important;
}

input:active, input:focus, textarea:active, textarea:focus, 
input.error:active, input.error:focus, textarea.error:active, textarea.error:focus,
form#guestbook input:active, form#guestbook input:focus,
form#guestbook textarea:active, form#guestbook textarea:focus {
	background: #ffe !important;
}

input.button, form#guestbook input.button {
	width: auto;
	margin-top: 10px;
	overflow: visible;
	padding: 3px 5px !important;
}

input.email {
	width: 0px !important;
	height: 0px !important;
	border: 0 !important;
	padding: 0 !important;
	display: none;
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* ==================================================================================== Footer */

div#footer {
	position: absolute;
	bottom: 0;
	background: #21799D url(../img/footer_bg.gif) repeat-x top;
	height: 42px;
	width: 900px;
	margin-left: 9px;
	color: #fff;
	border-top: 3px solid #fff;
}

div#footer ul {
}

div#footer li {
	list-style-type: none;
	display: inline;
}

div#footer a {
	text-decoration: none;
	color: #fff;
	display: block;
	height: 27px;
	float: left;
	padding: 14px 25px 0 25px;
}

div#footer a:hover {
	background: #41b4e3 url(../img/footer_bg.gif) repeat-x bottom;	
	color: #FFFF80;
}

div#footer a.active {
	color: #FFFF80;
}

div#footer a.login {
	float: right;
}