/* Farben: Braun 443012 Light Yellow 40% ffeb99 Light Yellow 70% fbd542 Dark Yellow 934f0c 9a4e0b Light Green bde4e3 Med Blue 004069 */ /* opening kludge to reset all */ html, body, body *, div, table, h1, h2, h3, h4, h5, h6, p, form, img, input, select { margin: 0; border: 0; padding: 0; font-size: 100.01%; } html { } body { margin: 0; padding: 0; font: 11px/14px Verdana, sans-serif; background: #443012 url("/assets/images/css/tile.gif"); } #page { width: 935px; margin: 0 auto; border-left: 3px solid #fbd542; border-right: 3px solid #fbd542; background: #9a4e0b url("/assets/images/css/tile_page.gif") repeat-x; position: relative; } /* HEADER ############################################################################################################ */ #header { height: 139px; position: relative; } #header h1 { width: 466px; height: 114px; position: absolute; left: 0; top: 0; background: url("/assets/images/css/header_h1.gif");} #header h1.uhead { background: url("/assets/images/css/header_h1.gif"); } #header h1.phead { background: url("/assets/images/css/header_h1.gif"); } #header h1 a { text-indent: -9999px; display: block; width: 303px; height: 92px; position: relative; left: 16px; top: 8px;} #header h2 { text-indent: -9999px; width: 466px; height: 139px; border-left: 2px solid #fbd542; position: absolute; left: 467px; top: 0; z-index: 20;} #header h2.uhead { background: url("/assets/images/css/header_h2_u.jpg"); } #header h2.phead { background: url("/assets/images/css/header_h2_p.jpg"); } #headlines { position: absolute; top: 13px; right: 13px; width: 455px; line-height: 16px; z-index: 900; color: #ffeb99; text-align: right; display: none; } #headlines h3 { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin: 0;} #headlines ul { list-style: none; margin: 0;} #headlines li a { color: #FBD542; text-decoration: underline; } #headlines li a:hover { color: #bde4e3; } #s-startpage #headlines { display: block; } /* NAV ############################################################################################################ */ #nav { position: absolute; z-index: 10; height: 54px; width: 100%; top: 114px; left: 0; background: url("/assets/images/css/tile_nav.gif") repeat-x;} #nav, #nav ul, #servicenav, #snav { list-style: none;} #nav li h2 a { position: absolute; top: 0px; width: 167px; height: 25px; text-indent: -9999px; } #nav li#unav h2 a { left: 16px; } #nav li#pnav h2 a { left: 196px; } #nav li.cat-hidden ul { display: none; } #nav li.cat-selected ul { margin-top: 31px; margin-left: 16px; } #nav li.cat-selected ul li { display: block; float: left; } #nav li.cat-selected ul li a { text-decoration: none; color: #443012; padding: 0 8px 4px 8px;} #nav li.cat-selected ul li a.selected { border-bottom: 6px solid #bde4e3; } #nav li#unav.cat-selected h2 a, #nav li#unav.cat-hidden h2 a:hover { background: url("/assets/images/css/unav_selected.gif") !important; } #nav li#unav.cat-hidden h2 a { background: url("/assets/images/css/unav_hidden.gif"); } #nav li#pnav.cat-selected h2 a, #nav li#pnav.cat-hidden h2 a:hover { background: url("/assets/images/css/pnav_selected.gif"); } #nav li#pnav.cat-hidden h2 a { background: url("/assets/images/css/pnav_hidden.gif"); } /* SERVICENAV ############################################################################################################ */ #servicenav { position: absolute; top: 13px; line-height: 16px; left: 384px; text-align: right;} #servicenav li a { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 110%; text-decoration: none; letter-spacing: 1px;} #servicenav li a.selected { color: #bde4e3; } #servicenav li a:hover { color: #fff; } #servicenav li#btn_cds a { text-transform: none;} /*#servicenav li#btn_impressum a { z-index: 80; position: absolute; left: 460px; top: 122px; text-decoration: none; color: #443012; padding: 0 8px 4px 8px; text-transform: none; letter-spacing: 0px; font-family: Verdana, sans-serif; font-size: 11px;}*/ /**/ /*body.service #servicenav li#btn_impressum a { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 110%; text-decoration: none; letter-spacing: 1px; top: 0px;}*/ /*body.service #servicenav li#btn_impressum a:hover { color: #fff; }*/ /*body.service #servicenav li#btn_impressum a.selected { color: #bde4e3; }*/ #s-aktuelles #servicenav #btn_aktuelles a, #s-termine #servicenav #btn_termine a { color: #bde4e3 !important; } /* CONTENT ############################################################################################################ */ #content { position: relative; margin-top: 26px; z-index: 40; line-height: 1.5em; color: #fff; background: url("/assets/images/css/tile_content.gif"); width: 100%; padding-bottom: 20px; padding-top: 30px; } #content h2 { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 130%; margin-bottom: 10px; letter-spacing: 1px;} /* MAIN ############################################################################################################ */ #main { width: 435px; padding: 0px 16px; } #main p { margin-bottom: 1em;} #main blockquote { padding: 10px 0 0; border-bottom: 1px dotted #fff; border-top: 1px dotted #fff; width: 200px; font-style: italic; padding-left: 0em; text-align: center; margin: 20px auto;} #main blockquote span.quote { font-family: Georgia, serif; font-size: 120%; color: #bde4e3;} #main blockquote span.source { color: #ffeb99;} #main h3 { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 110%; margin-bottom: 10px; margin-top: 30px; letter-spacing: 1px;} #main h4 { color: #bde4e3; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 100%; margin-bottom: 0px; letter-spacing: 1px;} #main ul { list-style: none; } #main div.box { padding: 5px 10px; margin: 20px auto 30px; border-left: 1px dotted #fbd542; } #main div.box p { margin-bottom: 0;} #main sup { font-size: 8px;} #content a { color: #fbd542; } #content a:hover { color: #bde4e3 } #main #top { text-align: right; margin-top: 50px;} #main #top a { font-size: 10px; color: #bde4e3; width: 70px; height: 18px; text-decoration: none; } #main #top a:hover { text-decoration: underline; } div.bigpic { position: relative; left: -1px;} div.bigpic img { border: 1px solid #fbd542;} /* RIGHT ############################################################################################################ */ #right { width: 466px; height: 139px; position: absolute; left: 469px; top: 0px; } div.dualright { } /* GALLERY ############################################################################################################ */ #gallery { position: absolute; right: 234px; top: 0px; width: 200px; background: url("/assets/images/css/tile_gallery.gif") repeat-x; padding: 30px 16px 0; } #gallery #imgcontainer { text-align: center; position: relative;} #gallery #imgcontainer a { display: block; float: left; margin: 5px 5px 0px 0px; } #gallery #imgcontainer a#img3, #gallery #imgcontainer a#img5 { position: relative; left: 7px; } #gallery #imgcontainer a img { border: 1px solid #fbd542;} #gallery #imgcontainer a:hover img { border: 1px solid #fff; } #s-cds #gallery #imgcontainer a#img3, #s-cds #gallery #imgcontainer a#img5 { position: relative; left: 0px; } /* PERMANENT ############################################################################################################ */ div.permanent { position: absolute; right: 16px; top: 30px; width: 200px; } div.permanent #soundex { margin-bottom: 20px;} div.permanent #soundex ul { list-style: none;} div.permanent #contact { color: #ffeb99; margin: 20px 0; border-top: 1px dotted #fff; padding: 20px 0 0;} body.unterricht div.permanent #contact { border-top: 0px dotted #fff; padding: 0; margin-top: 0;} div.permanent #contact strong { color: #bde4e3; } div.permanent #cform { margin: 20px 0; border-top: 1px dotted #fff; padding: 20px 0; } #cform label { display: block; color: #bde4e3} #cform input.text { display: block; width: 194px; background: #8c4c0c; color: #ffeb99; height: 16px; border: 1px dotted #ffeb99; padding: 0 2px;} #cform textarea { display: block; width: 198px; background: #8c4c0c; color: #ffeb99; height: 80px; border: 1px dotted #ffeb99;} #cform span { display: block; padding: 0 2px;} #cform #btn_submit { padding: 0 5px; height: 18px; margin-top: 5px;} #cform input:focus, #cform textarea:focus { background: #bde4e3; color: #443012;} #cform #lastformrow { text-align: center;} #cform #msg_name, #cform #msg_email, #cform #msg_addr, #cform #msg_msg { font-size: 10px; font-style: italic; color: #fbd542; } #cform p#morecds { margin-top: 20px !important;} div.permanent div.filelist ul { margin-top: 20px; list-style: none; line-height: 18px;} div.permanent div.filelist ul a { padding-left: 5px;} div.permanent div.filelist ul span.file { padding-left: 20px;} div.permanent div.filelist ul img { position: relative; top: 4px; left: 5px;} div.permanent div.filelist { color: #ffeb99;} div.permanent div.filelist ul.notenlist { margin-top: 10px !important; } ul.notenlist li { margin-bottom: 10px; } ul.notenlist li span.desc { padding-left: 5px; color: #bde4e3;} #nlist1 { border-bottom: 1px dotted #fff; margin-bottom: 10px;} #s-permanent #contact { margin-top: 0; border: 0; padding-top: 0px;} span.nia { background: #472806; display: block; font-weight: bold; margin-top: 5px; padding: 2px 2px 2px 10px; width: 200px; } /* FOOTER ############################################################################################################ */ #footer { } /* ANLÄSSE ############################################################################################################ */ #u-anlaesse ul#pastevents { list-style: square; margin-left: 13px;} #u-anlaesse ul#pastevents li { margin-bottom: 5px;} #u-anlaesse ul#pastevents li strong { color: #bde4e3; text-transform: uppercase;} /* REPERTOIRE ############################################################################################################ */ dl#replist { color: #bde4e3; } dl#replist em { color: #ffeb99; } dl#replist dt { width: 10px; float: left; display: block; text-align: right; font-weight: bold; color: #fbd542; text-transform: uppercase;} dl#replist dd { margin-left: 20px; display: block; padding-left: 10px; border-bottom: 1px dotted #fbd542; margin-bottom: 10px; padding-bottom: 10px;} /* REFERENZEN ############################################################################################################ */ #u-referenzen #main ul li em { color: #ffeb99; } #u-referenzen #main div.box { padding: 5px 10px; margin: 20px auto 30px; border-left: 1px dotted #fbd542;} #u-referenzen #main div.box p { margin-top: 20px;} #u-referenzen #main div.kooperation li { display: inline; } #u-referenzen #main div.kooperation li img { border: 1px solid #FBD542; margin: 5px 5px 0 0; } #u-referenzen #main div.kooperation li img:hover { border: 1px solid #FFF; } /* SPIELRAUM ############################################################################################################ */ #p-spielraum #main ul li { padding: 5px 10px 5px; margin: 20px auto 30px; border-left: 1px dotted #fbd542;} #p-spielraum #main #map img { border: 1px dotted #fbd542;} /* ENSEMBLES ############################################################################################################ */ #main ul.orientierung { list-style: square; padding: 5px 20px 5px; margin: 10px auto 30px; border-left: 1px dotted #fbd542; } #main ul#e-subnav { position: absolute; top: 0px; background: #9a4e0b url("/assets/images/css/subnav_bg.gif") 81px 0; color: #fff; z-index: 1; padding: 1px 5px; font-size: 10px; font-family: Tahoma, Arial, sans-serif; width: 441px;} #main ul#e-subnav li { display: block; float: left; } #main ul#e-subnav li a { text-decoration: none; color: #ffeb99; padding: 0 7px 4px;} #main ul#e-subnav li a:hover { color: #fff; } #main ul#e-subnav li a.selected, #main ul#e-subnav li a.selected:hover { color: #bde4e3; } /* STARTPAGE ############################################################################################################ */ #s-startpage #content { background: url("/assets/images/css/tile_content_start.gif"); padding: 0 0 50px; min-height: 650px; } #s-startpage #content #main { background: url("/assets/images/start.jpg"); background-position: -3px 0px; width: 935px; height: 600px; padding: 0px; border-bottom: 2px solid #fbd542;} #s-startpage #nav li { display: none;} #s-startpage #content ul.quicknav { width: 100%; margin-bottom: 40px; position: relative; left: -8px; top: -10px;} #s-startpage #content ul.quicknav li { display: block; float: left;} #s-startpage #content ul.quicknav li a { padding: 0 8px;} #s-startpage #content #kooperationen { height: 145px; margin-bottom: -50px; position: relative; } #s-startpage #content #kooperationen .left { left: 0; position: absolute; } #s-startpage #content #kooperationen .right { border-left: 1px solid #FBD542; left: 467px; position: absolute; } #s-startpage #content #kooperationen h2 { left: 20px; position: absolute; top: 15px; width: 400px; } #s-startpage #content #kooperationen ul { left: 20px; position: absolute; top: 40px; width: 400px; } #s-startpage #content #kooperationen .left ul li { display: block; float: left; } #s-startpage #content #kooperationen .left ul li a { display: block; height: 89px; margin-right: 5px; text-indent: -9999px; width: 89px; border: 1px solid #FBD542; } #s-startpage #content #kooperationen .left ul li a:hover { border: 1px solid #FFF; } #s-startpage #content #kooperationen .left ul li a#ecta { background: url("/assets/images/logos/ecta1.png") no-repeat 0 0; } #s-startpage #content #kooperationen .left ul li a#hgf { background: url("/assets/images/logos/hgf1.png") no-repeat 0 0; } #s-startpage #content #kooperationen .left ul li a#dtkv { background: url("/assets/images/logos/dtkv1.png") no-repeat 0 0; } #s-startpage #content #kooperationen .left ul li a#gema { background: url("/assets/images/logos/gema1.png") no-repeat 0 0; } #s-startpage #content #kooperationen .left ul li a#ecta:hover { background: url("/assets/images/logos/ecta1.png") no-repeat 0 -89px; } #s-startpage #content #kooperationen .left ul li a#hgf:hover { background: url("/assets/images/logos/hgf1.png") no-repeat 0 -89px; } #s-startpage #content #kooperationen .left ul li a#dtkv:hover { background: url("/assets/images/logos/dtkv1.png") no-repeat 0 -89px; } #s-startpage #content #kooperationen .left ul li a#gema:hover { background: url("/assets/images/logos/gema1.png") no-repeat 0 -89px; } #s-startpage #content #kooperationen .right ul { list-style-type: square; margin-left: 13px; } #s-startpage #content #start-u { position : absolute; left: 35px; top: 25px;} #s-startpage #content #start-p { position : absolute; left: 35px; top: 90px;} #s-startpage #content #start-k { position : absolute; left: 35px; top: 557px;} /* HONORAR ############################################################################################################ */ #p-honorar table { border: 1px dotted #ffeb99; border-left: 10px solid #ffeb99; border-right: 10px solid #ffeb99; width: 100%; border-collapse: collapse; margin: 10px 0 20px;} #p-honorar table th { background: #9a4e0b; color: #bde4e3; padding: 2px 0; font-weight: normal; font-size: 9px; border: 1px dotted #ffeb99; text-transform: uppercase; border-bottom: 1px solid #bde4e3; border-top: 1px solid #bde4e3;} #p-honorar table td { border: 1px dotted #ffeb99; padding: 2px 0; text-align: center; color: #ffeb99;} #p-honorar table #einer td, #p-honorar table #dreier td { } #p-honorar table #zweier td, #p-honorar table #vierer td { border: 1px dotted #ffeb99; background: #9a4e0b;} #p-honorar p.smallprint { font-size: 9px; font-style: italic; color: #ffeb99; text-align: right; margin-bottom: 30px;} #p-honorar #gutscheine ul li { margin: 10px 0;} #p-honorar #gutscheine ul li strong { color: #ffeb99;} #p-honorar #gutscheine ul li em { font-style: normal; font-weight: bold; color: #bde4e3; padding-left: 20px;} #p-honorar h4 { margin-top: 30px; margin-bottom: 0;} /* VITA ############################################################################################################ */ #s-vita #content { background: url("/assets/images/css/tile_content_service.gif"); min-height: 600px;} #s-vita div.dualright { height: 100%; overflow: hidden;} #s-vita table { border-collapse: collapse;} #s-vita table td.left { text-align: right; font-weight: bold; padding-right: 10px; vertical-align: top; color: #bde4e3; border-right: 1px dotted #ffeb99; } #s-vita table td.right { padding-left: 10px; vertical-align: top; padding-bottom: 5px;} #s-vita table td.left { width: 75px;} #s-vita #membership { position: absolute; top: 960px; left: 490px; z-index: 400; } #s-vita #membership h2 { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 130%; margin-bottom: 10px; letter-spacing: 1px;} #s-vita #membership ul { list-style: none; } #s-vita #membership ul li { width: 91px; height: 91px; display: inline;} #s-vita #membership ul li a { display: block; width: 89px; height: 89px; text-indent: -9999px; border: 1px solid #fbd542; float: left; margin-right: 20px;} #s-vita #membership ul li a:hover { border-color: #fff;} #s-vita #membership ul li a#egta { background: url("/assets/images/logos/ecta.png") no-repeat; } #s-vita #membership ul li a#hgf { background: url("/assets/images/logos/hgf.png") no-repeat; } #s-vita #membership ul li a#dtkv { background: url("/assets/images/logos/dtkv.png") no-repeat; } #s-vita #membership ul li a#gema { background: url("/assets/images/logos/gema.png") no-repeat; margin-right: 0 !important;} /* TERMINE ############################################################################################################ */ #s-termine #content { background: url("/assets/images/css/tile_content_service.gif"); min-height: 2000px; padding: 0 0 50px;} #s-termine #content #main { width: auto; padding: 0px; padding-top: 30px;} #s-termine #content #termine1 { width: 427px; margin: 0px 40px 20px 20px; float: left;} #s-termine #content #termine2 { margin: 0px 20px; } #s-termine #content #termine2 div.box { margin-left: 468px;} #s-termine #content h3 { color: #fbd542; margin-bottom: 0;} #s-termine #content div.box { margin-top: 5px; color: #ffeb99;} /* AKTUELLES ############################################################################################################ */ #s-aktuelles #content { background: url("/assets/images/css/tile_content_service.gif"); min-height: 600px;} #s-aktuelles div.dualright { height: 100%; overflow: hidden;} #s-aktuelles div.entry { border-bottom: 1px dotted #fff; padding-bottom: 20px;} #s-aktuelles div.entry h3 { margin-bottom: 0px; color: #bde4e3;} #s-aktuelles div.entry h4 { text-transform: none; } #s-aktuelles #lastentry { border-bottom: 0; margin-bottom: 0;} /* BESETZUNGEN ############################################################################################################ */ #u-besetzungen div.box h4 a { color: #bde4e3; text-decoration: none;} #u-besetzungen div.box h4 a:hover { color: #fff;} #u-besetzungen #right #hanseterzett { margin-left: 15px; } #u-besetzungen #right h2#hanse { margin-top: 700px; } /* IMPRESSUM ############################################################################################################ */ #s-impressum #content { background: url("/assets/images/css/tile_content_service.gif"); min-height: 600px; } #s-impressum div.dualright { height: 100%; overflow: hidden;} /* CDs ############################################################################################################ */ #s-cds #main h2 { text-transform: none;} #s-cds div.box { color: #ffeb99; } #s-cds div.box p { color: #fff; } #s-cds div.box ol li { display: inline; margin-right: 10px; } #s-cds div.box h5 { margin-top: 10px; color: #fff;} #s-cds div.box h4 strong { color: #ffeb99;} #s-cds div.box h4 a { color: #bde4e3; text-decoration: none;} #s-cds div.box h4 a:hover { color: #fff;} #s-cds #content #main div.box ol li a { margin: 0; padding: 0; } #s-cds #cform { margin-top: 0; border-top: 0; padding-top: 0;} #s-cds #cform select { width: 100%; height: 18px; color: #443012; padding: 2px 5px;} #s-cds #cform div.formrow { margin-bottom: 10px;} #s-cds #cform #lastformrow { margin-top: 20px;} /* BIO ############################################################################################################ */ body.bio #page { width: 460px; height: 500px; padding: 20px;} body.bio #bioheader { border-bottom: 1px dotted #fff; padding-bottom: 10px; margin-bottom: 20px;} body.bio #bioheader h1 { color: #ffeb99; text-transform: uppercase; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 130%; margin-bottom: 10px; letter-spacing: 1px;} body.bio #pic { width: 240px; height: 360px; float: right; margin: 0 0 10px 10px; border: 1px solid #fbd542;} body.bio #biofooter { border-top: 1px dotted #fff; padding-top: 10px; margin-top: 20px; position: absolute; bottom: 30px; width: 460px; text-align: right;} body.bio a { color: #fbd542; } body.bio a:hover { color: #bde4e3; } body.bio #biomain p { margin-bottom: 1em; color: #fff;} /* NOTEN ############################################################################################################ */ #p-noten div.box { margin-top: 10px;} #p-noten div.box p { margin-bottom: 1em; } #p-noten div.box div.notenbox a img { border: 1px solid #fbd542;} #p-noten div.box div.notenbox a:hover img { border: 1px solid #fff; } #p-noten h4 { margin-top: 40px; } /* WORKSHOPS ############################################################################################################ */ #p-e-gitarrentage div.box h4 a { color: #bde4e3; text-decoration: none;} #p-e-gitarrentage div.box h4 a:hover { color: #fff;} /* 404 ############################################################################################################ */ #error-page #content { display: none; } #error-page #error_content { height: 600px; } #error-page #error_content h2 { color: #FFEB94; margin: 50px 0 20px; margin-left: 20px; } #error-page #error_content h3 { display: none; } #error-page #error_content p.error { color: #FFF; margin-left: 20px; width: 450px; } #error-page #error_content ul { list-style: none; margin: 20px 20px; } #error-page #error_content ul li a { color: #fbd542; } #error-page #error_content ul li a:hover { color: #bde4e3; } #error-page #imgcontainer { display: none; } #error-page #right { margin-top: 110px; } #error-page #right a { color: #fbd542; } #error-page #right a:hover { color: #bde4e3; } #error-page #right #contact h2 { margin: 9px 0 20px; } #error-page #right #cform h2 { color: #FFF; margin-bottom: 10px; } #error-page #soundex { display: none; } /* Overrides for Mozilla (Safari ignores these) */ #doesnotexist { color: #fff;#}