body { margin:0px; padding:0px; color:#191719; font-family: Arial, sans-serif; font-size: 13px; /*line-height: 1.3em; letter-spacing: .00115em;*/ background:#FFF url(/images/common/backgrounds/bodybg1.gif) center top; text-align:center; overflow-x:hidden; } html, body { min-height:100%; height: 100%; } html > body { text-align: left; } body.homepages, body.schools { overflow-x: hidden; } div, h1, h2, h3, h4, p, span, strong, a, ul, li {margin:0px;padding:0px;border:0px;} .nomargin {margin:0px !important;padding:0px;border:0px;} ul { list-style:none; } li { /*list-style:none;*/} h1 {font-size:28px;line-height:36px;} h2 {font-size:20px;line-height:1.25em;} h2 a {text-decoration:none;border:0px;} h3 {font-size: 13px;} h4 {font-size: 1em;} h1 {padding:0px 0px 10px 0px;} input{ border:1px solid #ddd;background-color:#fff; margin:2px 5px 8px 0px;} select{border:1px solid #ddd;background-color:#fff;} input.checkbox{ border:0px solid #ddd; background-color:transparent; margin:2px 5px 8px 0px;} a img {text-decoration:none;border:0px;} a.nodeco {text-decoration:none;border:0px;} .requiresAuth, .switchOnAuth .true, .authenticated { display:none; } .none, .disabled, .nodisplay {display:none;} /* WTF ... */ .block {display:block;} .floatleft, .footer .navigation p {float:left;} .floatright {float:right;} .clear {clear:both;} .appendtop-30 {margin-top:-30px !important;} .appendtop3 {margin-top:3px !important;} .appendtop5 {margin-top:5px !important;} .appendtop10 {margin-top:10px !important;} .appendtop20 {margin-top:20px !important;} .appendtop30 {margin-top:30px !important;} .appendtop36 {margin-top:36px !important;} .appendtop72 {margin-top:72px !important;} .appendtop80 {margin-top:80px !important;} .appendtop124 {margin-top:124px !important;} .appendbottom {margin-bottom:73px !important;} .appendbottom5 {margin-bottom:5px !important;} .appendbottom10 {margin-bottom:10px !important;} .appendbottom20 {margin-bottom:20px !important;} .appendleft2 {margin-left:2px !important;} .appendleft40 {margin-left:40px !important;} .appendleft-2 {margin-left:-2px !important;} .appendleft4 {margin-left:4px !important;} .appendleft6 {margin-left:6px !important;} .appendleft8 {margin-left:8px !important;} .appendleft10 {margin-left:10px !important;} .appendleft24 {margin-left:24px !important;} .appendright2 {margin-right:2px !important;} .appendright4 {margin-right:4px !important;} .appendright6 {margin-right:6px !important;} .appendright8 {margin-right:8px !important;} .appendright8 {margin-right: 90px !important;} .appendleft-10 {margin-left:-10px !important;} .prependtop8 {padding-top:8px !important;} .prependtop10 {padding-top:10px !important;} .prependtop20 {padding-top:20px !important;} .prependtop30 {padding-top:30px !important;} .prependtop40 {padding-top:40px !important;} .prependbottom10 {padding-bottom:10px !important;} .prependbottom1 {padding-bottom:1px !important;} .prependbottom20 {padding-bottom:20px !important;} .prependright4 {padding-right:4px !important;} .prependleft4 {padding-left:4px !important;} /*########### BG_Colors ##############*/ .gold_bg {background-color:#dda701;} .red_bg {background-color:#c1001f;} .orange_bg {background-color:#dc5901;} .darkgreen_bg {background-color:#008578;} .turquoise_bg {background-color:#0bd6f4;} .green_bg {background-color:#85B800;} .purple_bg {background-color:#8E017B;} .white_bg {background-color:#FFF;} .Boxcontent .white_bg {height:100%;width:100%;} /* .white_bg p still needed? */ .white_bg p a, .orange_bg p a {color:#191719;} .white_bg p a:hover, .orange_bg p a:hover {color:#c1001f;} .white_bg p a.active, .orange_bg p a.active {color:#000;} /* less strict matching, since template uses DIVs not Ps */ .white_bg a, .orange_bg a {color:#191719;} .white_bg a:hover, .orange_bg a:hover {color:#c1001f;} .white_bg a.active, .orange_bg a.active {color:#000;} .purple_bg a, .gold_bg p a {color:#fff;} .purple_bg a:hover, .gold_bg p a:hover {color:#c1001f;} .purple_bg a.active, .gold_bg p a.active {color:#fff;} /*########### FontColors and ... ###############*/ .turquoise_bg h3, .gold_bg h3, .red_bg h3, .orange_bg h3, .darkgreen_bg h3, .green_bg h3, .purple_bg h3, .white{color:#fff;} .gold {color:#9f7900;} .red {color:#c0001f;} .orange {color:#DC5900;} .darkgreen {color:#01b6a3;} .turquoise {color:#06BFD8;} .green {color:#85B800;} .purple {color:#8E017B;} .dark {color:#191719;} .small { font-size:10px;} .headline {font-size:28px;font-weight:bold; margin:0px 0px 19px 10px;line-height:1.15em;vertical-align:top;} .homehead {line-height:1.1075em;text-align:right;letter-spacing:-.0155em;} p {letter-spacing: .025em;} span {font-family:Arial, sans-serif;} span .boldwhite {color:#FFFFFF;font-weight:bold;} /*########### Content ##############*/ .fullHeight{ min-height:100%; position:relative; } .rehearsals #content, .groups #content, .schools #content, .blog #content, .profiles #content {position:relative;background:none;} .schools #content {min-height:920px;} .groups #top{background:transparent url(/images/common/backgrounds/top_bg_wir.gif) no-repeat top left;} .groups #content #contentbg {background:transparent url(/images/common/backgrounds/wirintro_bg.gif) no-repeat center top;padding:0px;width:1361px;height:72%;position:absolute; top:173px;left:-200px;z-index:0;} .rehearsals #content #contentbg {background:transparent url(/images/common/backgrounds/offeneangebote_bg.gif) no-repeat center top;padding:0px;width:1361px;height:72%;position:absolute; top:173px;left:-200px;} .schools #content #contentbg {background:transparent url(/images/common/backgrounds/partnerschulen_bg.gif) no-repeat center top;padding:0px;width:1361px;height:72%;position:absolute; top:173px;left:-200px;} .blog #content #contentbg {background:transparent url(/images/common/backgrounds/sowars_bg.gif) no-repeat center top;padding:0px;width:1361px;height:72%;position:absolute; top:173px;left:-200px;} .profiles #content #contentbg {background:transparent url(/images/common/backgrounds/profil_bg.gif) no-repeat center top;padding:0px;width:1361px;height:72%;position:absolute; top:173px;left:-200px;} #content { text-align:left; margin:0 auto; padding-bottom:67px !important; width:960px; border:0px solid red; height:100%; background:transparent url(/images/common/backgrounds/standard_bg.gif) no-repeat center 173px; min-height: 590px; } #contents { text-align:left; margin:0 auto; width:960px; border:0px solid red; height: 100%; min-height: 635px; background:transparent url(/images/common/backgrounds/standard_bg.gif) no-repeat center 173px; } #top { height:173px;width:100%;border:0px solid red;margin:0px;padding:0px;background:transparent url(/images/common/backgrounds/top_bg_default) no-repeat top;text-align:top;} #container {width:894px;margin:0px 0px 0px 0px;padding:0px;text-align:left;border:0px solid red;} .home #content #top { height:173px;width:100%;border:0px solid red;margin:0px;padding:0px;background:transparent url(/images/common/backgrounds/top_bg_default.gif) no-repeat top left;text-align:top;} /*########### Footer Navigation ##############*/ #footer { clear:both; background-color:#FFF; width:100%; height:67px; position:relative; } #footers {background-color: #FFF; clear: left; margin-top: -67px; height: 67px; width: 100%; text-align: center;position:relative;} #footers .navigation {margin: 0 auto; width: 880px; text-align: left;padding: 24px 48px 0 0;} #footer .navigation { color: 0; width: 880px; margin: 0 auto; text-align: left; padding: 24px 48px 0 0; } #footer .navigation ul, #footers .navigation ul { padding-top: 5px; } #footer .navigation li, #footers .navigation li { margin: 0 13px 0 6px; display: inline; } #footer .navigation img, #footers .navigation img { vertical-align: middle; } #footer .navigation p, #footers .navigation p { color: #000; float: right; } #footer .navigation a, #footers .navigation a { color: #000; font-weight: bold; text-decoration: none; } /*########### Content :: Extra BG Stuff ##############*/ #searchbg { background:transparent url(/images/common/backgrounds/searchbg.png) no-repeat top left;width:700px;height:384px; } #upsbg { background:transparent url(/images/common/backgrounds/hoppla_bg.gif) no-repeat top right;width:892px;height:397px; margin:0 0 0 48px;} #monsterbg { background:transparent url(/images/common/backgrounds/YCX_BG_monster.png) no-repeat top left; margin:0px 0px -591px -220px; height:591px;width:1360px; } #homebg { background:transparent url(/images/common/backgrounds/YCX_BG_start_KonzertTeaser.png) no-repeat top left; margin:0px 0px -591px -220px; height:591px;width:1360px; } .polaroid { padding:6px 6px 0px 4px; height:69px; background:transparent url(/images/common/backgrounds/polaroid_bg.png) no-repeat center top;} .medpolaroiddesc { padding:0px 6px 0px 4px; width:70px;color:#bfbfb2;font-size:10px;line-height:11px;} .medpolaroid { padding:6px 6px 0px 5px; height:88px; background:transparent url(/images/common/backgrounds/medpolaroid_bg.png) no-repeat center top;} .polaimage {border:0px solid red;margin:5px 0px 0px 0 !important;} .bulletinspolaroid { padding:6px 6px 0px 5px; height:88px; background:transparent url(/images/common/backgrounds/medpolaroid_bg.png) no-repeat center top; margin: 5px 8px 0px !important;} .bigpolaroid { padding:8px 8px 0px 5px; height:210px; background:transparent url(/images/common/backgrounds/bigpolaroid_bg.png) no-repeat center top;} .borderd {padding:3px 2px 7px 2px; height:50px;border:1px solid #ddd;} .icon { margin:-17px 0px 5px 8px;} .lefticon { margin:4px -38px 15px 0px;} .iconr {margin:0px} .iconhallo { margin:-17px 120px 0px 0px; float:right;} .iconhallodiv { margin:-27px 120px 0px 0px; float:right;} .iconpost{ margin:-17px -15px 5px 8px !important; float:right;} .arrow {margin:0;padding:1px 0px 8px 35px; background:transparent url(/images/common/Buttons/Pfeil_icon.png) no-repeat left top;} .email {margin:0;padding:1px 0px 8px 35px; background:transparent url(/images/common/Buttons/Mail_icon.png) no-repeat left top;} /*########### Top Navigation and Login ##############*/ #logo {float:left;margin:40px 0px 0px 15px;padding:0px 0px 0px 0px;text-decoration:none;} #login {height:93px;width:680px;float:right;margin:0px 0px 0px 43px;padding:0px 0px 0px 0px;border:0px solid red;} .login {height:48px;margin:0px 0px 0px 0px;padding:0px 0px 0px 94px; display:block;border:0px solid red;} .login p {float:right;width:48px;margin-top:0px;line-height:11px;} .login label {margin:8px 11px 0px 11px;font-size:11px;} .login input {margin:4px 0px 0px 0px;height:16px; font-size:10px;padding:2px 2px 0 2px; width:94px; border:0px solid #ddddd5;background-color:#e9e9e0;} .login .submit {width:152px;height:66px;background:transparent url(/images/common/icons/loginbutton.png) no-repeat top right;margin:0px 6px 0px 0px;} .login a.submit {color:#60930B;font-size:14px;text-decoration:underline;padding:6px 0px 0px 15px;font-weight:bold;} .login a.green {color:#60930B;font-size:9px;line-height:0.25em;text-decoration:underline;white-space:prewrap;padding-top:0px;} .logout {height:48px;width:auto;float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; display:block;} .logout a {color:#c0001f;text-decoration:underline;padding:6px 3px 0px 8px;float:left;font-size:11px;} .logout h3 {padding:6px 10px 0px 15px;float:left;} .mainnavigation {height:73px;width:477px;float:right;margin:0px 63px 0px 0px;padding:0px;} *html .mainnavigation {margin:0px 30px 0px 0px;padding:0px;} .mainnavigation ul {margin:0px;padding:0;border:0px solid red;} .mainnavigation li {width:119px;margin:0px;padding:0;} .mainnavigation li a { height:73px;width:119px;display:block;text-decoration:none;} .mainnavigation li a:hover {color:#c1001f;border-bottom:4px solid #c1001f;background:transparent url(/images/common/backgrounds/navbg.jpg) no-repeat top left;} .mainnavigation li a.active {color:#c1001f;border-bottom:4px solid #c1001f;background:transparent url(/images/common/backgrounds/navbg.jpg) no-repeat bottom left;} .mainnavigation li a span { font-weight:bold;display:block;font-size:2.15em;color:#000;border:0;margin:0px 0px 0px 0px;padding:14px 0px 0px 13px;} .mainnavigation li a:hover span {color:#c1001f;} .mainnavigation li a.active span {color:#c1001f;} .mainnavigation li a span.subline {color:#fff;font:italic small-caps bold .875em/.895em arial, sans-serif;margin:-.95em 0px 0px .975em;padding: 0em;} .mainnavigation li a:hover span.subline {color:#c1001f;} .mainnavigation li a.active span.subline {color:#c1001f;} /*#### Home #####*/ #homehead {width:328px;margin:2px 0px 55px 0px;border:0px solid red;line-height:26px;} .inform {text-align:right; float:right;width:100%;height:66px;background:transparent url(/images/common/icons/red_circle_arrow.png) no-repeat top right;padding:10px 0px 0px 0px;margin-right:30px;} .inform a {text-decoration:none;padding-right:68px;} .flash_bg {background:transparent url(/images/common/backgrounds/flash.jpg) repeat-y top left;} /*******#flashWall *********/ .thirty { height:350px; margin:0px 0px 0px -10px; padding:0; } .eighteen { height: 350px; margin:0px; } /*########### Content :: Columns #############*/ .col {width:172px;border:0px solid red;position:relative;} .doublecol {width:352px;border:0px solid red;position:relative;} .triplecol {width:534px;border:0px solid red;position:relative;} .quadcol { width:696px; border:0px solid red;position:relative; } .quadscol { width:720px; border:0px solid red;position:relative; } .searchcol { width:700px; border:0px solid red; float:left;margin:0px 0px 0px 8px;position:relative; } .searchcol #message { height:20px;} .col .white_bg, .doublecol .white_bg, .triplecol .white_bg { /*overflow-x: hidden;*/ } /*########### Content :: BoxElements #############*/ *html .goup {margin:-10px 0px 0px 0px;} .subnavigation { background:transparent url(/images/common/backgrounds/l_shadow.png) top left repeat-y;width:174px;padding:0px 0px 0px 2px;margin:-10px 0px 0 -4px;} .subnav { background:transparent url(/images/common/backgrounds/r_shadow.png) top right repeat-y;width:172px;height:auto;text-align:left;padding-top:0px;} .subnavend { background:transparent url(/images/common/backgrounds/subnavend.png) no-repeat;width:174px;height:28px;margin-left:-4px;margin-bottom:30px;} .subnav ul {width:170px;} .subnav li {margin:0px 0px 0px 17px;padding:0px 0px 8px;width:145px;} .subnav li a {color:#FFF;text-decoration:none;padding:0px 0px 10px 0px;} .subnav li a:hover {color:#59000c;} .subnav li a.active {color:#59000c;} .subnav li ul { margin:1px 0px 0px 0px; padding:0px 0px 0px;width:150px;} .subnav li ul li{ margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;width:145px;} /*.subnav li ul li a:before { content: "\-\A0";}*/ .subnav li ul li a {background: url(/images/common/icons/listarrow.gif) no-repeat 0px 3px;color:#FFF;text-decoration:none;padding:0px 0px 0px 7px;margin:0px 0px 0px 1px;} .subnav li ul li a:hover {color:#59000c;background: url(/images/common/icons/listarrow_on.gif) no-repeat 0px 3px;} .subnav li ul li a.active {color:#59000c;background: url(/images/common/icons/listarrow_on.gif) no-repeat 0px 3px;} .subnav li ul li a.calendar { background: url("/images/common/icons/listarrow.gif") no-repeat scroll 5px 3px transparent !important; color: #fff; padding:0 0 0 11px; } .subnav li ul li a.calendar.active, .subnav li ul li a.calendar:hover { background: url("/images/common/icons/listarrow_on.gif") no-repeat scroll 5px 3px transparent !important; color: #59000C; padding:0 0 0 11px; } ul.arr { list-style-type: none; list-style-position:outside; margin-left:10px; width:130px;} ul.arr li { list-style-image: url(/images/common/icons/arr1.gif);margin:0px -4px 0px 10px;} ul.arr li a { color:#191719;width:130px; } .subnavsearch {background:transparent url(/images/common/backgrounds/search_end.png) no-repeat;width:174px;height:69px;padding:0px;margin-left:-4px;margin-top:-8px; margin-bottom:26px;} .subnavsearch input {width:100px;background-color:#86be12;color:#666;border:1px solid #88ba03;margin:36px 0px 0px 12px;padding:2px 0px 0px 2px;float:left;} .subnavsearch a.submit {float:left;width:22px;height:22px;background:transparent url(/images/common/icons/searchsubmit.png) no-repeat top right;margin:36px 0px 0px 10px;} /********** was inlinestyle now: **************/ .profilechange {float: right; padding:17px 10px 0px 0px !important;} .swfcontainer {margin-top:10px !important;height: 350px; border: 0px solid red; z-index: 10000;} .groupphoto{ float:left;margin: 0 0 10px 0; padding: 0; min-width: 320px;} .groupdesc{ float:left; width: 190px; min-height:225px !important; display:block;} .material {float:left; margin-left:24px; text-align:left; width:500px; } .blogpost{ width:170px; } .bloginfo{ width:145px; } /*refactored inline style end */ .Box { width:100%; height:auto; margin:10px 0px 10px 0px; display:block; text-align:left;} /*background: transparent url(/images/common/backgrounds/r_shadow.png) right repeat-y;*/ .Boxcontent {margin:0px 2px 0px 0px; padding:0px 0px 2px 0px; /*background: transparent url(/images/common/backgrounds/b_shadow.png) bottom repeat-x; */ } .Boxcontent p {display:block;margin:0px 10px; padding:0 0px 2px 0px; } .Boxcontent p.bold {font-weight:bold; } .Boxcontent p.floatleft { width:30%; } .Boxcontent ul {display:inline;width:148px;} .Boxcontent li.calendar{float:none;margin:0px 0px 8px 0px;} .Boxcontent ul li span {display:block;margin:0px 8px; color:#000;} .Boxcontent ul li span.boldwhite{color:#FFFFFF;font-weight:bold;} .Boxcontent a {color:#fff;margin:0px 0px;} .Boxcontent a:hover {color:#191719;} .Boxcontent a.active {color:#191719;} .Boxcontent a.red {color:#c0001f;display:block;margin:0px 0px;} .Boxcontent a.red:hover {color:#191719;} .Boxcontent a.red .active {color:#191719;} .Boxcontent a.dark {color:#191719;display:block;margin:0px 0px;} .Boxcontent a.dark:hover {color:#c0001f;} .Boxcontent a.dark .active {color:#c0001f;} .Boxcontent h2 { margin:0px 0px 10px 10px;} .Boxcontent h3 { margin:0px 7px 6px 10px;} .Boxcontent h3.userdesc { margin:0px 0px 4px 10px;float:left;min-width:90px;} .Boxcontent p.userdesc { margin:0px 0px 4px 10px;float:left;min-width:180px;} .Boxcontent h4 { margin:0px 7px 10px 10px;} .Boxcontent img { margin:2px 0px 10px 10px;} .Boxcontent img.icon { margin:-17px 0px 5px 8px;} .Boxcontent img.lefticon { margin:0px 0px 5px -48px;} .Boxcontent img.schoolimg { margin:10px 10px 10px 10px;height:109px;width:150px;float:left;} .Boxcontent img.groupimg { margin: 0 0 7px 7px; padding: 0; }; .Boxcontent .map { margin:0px 0px 19px -28px;} .Boxcontent .map1 { margin:-12px 0px 19px 0px;} .Boxcontent .schoolcontent {height:129px; background-color:#fff;} .Boxcontent .breakable {white-space: pre-line;} .posts { padding: 0 10px; } .posts img { margin:4px;} .posts textarea { border:0px !important; background-color:#f2f2ed !important;color:#333; width:500px !important; margin:4px 0 8px 0 !important; padding:4px !important;} .posts textarea#entry { border:0px !important; background-color:#f2f2ed !important;color:#333; height: 0em !important; width:500px !important; margin:4px 0px 8px 0px !important; padding:4px !important;} .posts .cke_editor_post_xhtml {padding:8px 0;} .posts .cke_editor_post_xhtml .cke_editor {border:0px !important; background-color:#f2f2ed !important;color:#333; height: 8em !important; width:500px !important;} .posts .cke_skin_v2 .cke_top, .cke_skin_v2 .cke_bottom,.posts .cke_shared .cke_skin_v2 { background-color:#f2f2ed !important; border:1px solid #008578; } .posts input { background-color: #f2f2ed; color: #008578; border: 1px solid #008578; margin: 0; } .hasFooter em { font-size: 10px; border-top: 1px solid black; font-style: normal; margin-top: 10px; padding-top: 2px; display: block; } .hasFooter b { color: #85B800; } .Boxcontent p.darkgreen, .Boxcontent p.darkgreen a {color:#008578;} .Boxcontent p.darkgreen a.exclammation {display:block;color:#008578; background: url(/images/common/Buttons/SprechblaseSmall/Ausrufezeichen_WeissAufGruen.png) right 0px no-repeat; height:40px; padding:10px 47px 0px 0px; margin-bottom:-35px !important;} .Boxcontent p.darkgreen a:hover {color:#333 ;} .bulletin {margin-left:12px;margin-top:10px !important;padding:0px;} .bulletin form { margin:0px 0px 30px; padding:0px;} .bulletin input#bulletin_content {float:left;background-color:#e8e8df;border:1px solid #e8e8df;color:#666;width:340px;margin:-10px 52px 0px 0px;} .bulletin input#bulletin_submit {float:left;background-color:#e8e8df;border:1px solid #e8e8df;color:#3b9c90;margin:-10px 0px 0px 0px;} .line {width:500px;border-top:1px solid #ddd;} .line .left { width:340px;margin:-7px 0px 0px;float:left;} .line .left p.destroy {background-color:#fff;color:#bfbfb2;float:left;padding:0px; margin:0px;font-size:10px;} .line .left p.time {background-color:#fff;color:#bfbfb2;float:right;padding:0px 5px 4px; margin:0px;font-size:10px;} .line .left .ui-state-bulletin{ padding: 0; float: left; width: 25px; margin: -2px 0px 0px;} .line .right {width:157px;margin:-15px 0px 10px 2px; float:left;} .line .right .polaroid {float:left;margin: 0px 0px 0px 0px;} .line .right .polaroid img {margin:0;} .line .right h3 {width:80px;padding :25px 0px 0px;} .VideoBox { width:170px; min-height:180px; height:auto; background: transparent url(/images/common/backgrounds/video_bg.png) right top no-repeat; margin:30px 0px 0px 0px; display:block; text-align:left;} .VideoBox object {margin:0px 0px 22px 1px;overflow:hidden;} .VideoBox object embed {margin-bottom:22px;} .VideoBox p { margin:7px 0px 4px 10px; font-weight:bold; font-size:12px; float:left; overflow:hidden;} .VideoBox p a {color:#06BFD8;} .VideoBox p a:hover {color:#C1001F;} .VideoBox img { margin:0px;} .VideoBox div { margin:-18px 4px 0px 0px; } .VideoBox .polaroid { float:right; margin:2px;} .InfoTeaser h2 { font-size:13px;color:#fff;} /*old*/ /*.QuoteBox { border:0px solid red; width:100%; height:auto; min-height:170px;background: transparent url(/images/common/backgrounds/zitat_bg.png) left top no-repeat; margin:20px 0px 20px 0px;display:block; text-align:left;} .QuoteBox h2 {font-size:20px; color:#C1001F; line-height:22px;float:left; width:225px; margin:8px 0px 0px 28px;} .QuoteBox p { float:left; width:225px; margin:8px 0px 0px 28px;} .QuoteBox div div{ margin:74px 40px 0px 0px; float:right;}*/ /*new noch zu testen!*/ .QuoteBox { width:350px; height:auto; min-height:170px;background: transparent url(/images/common/backgrounds/zitat_bg.png) left top no-repeat; margin:20px 0px 20px 0px;display:block; text-align:left;} .QuoteBox h2 {font-size:20px; color:#C1001F; line-height:22px;width:265px; margin:8px 0px 0px 28px;overflow:hidden; } .QuoteBox p { float:left; width:350px; margin:8px 0px 0px 28px;} .QuoteBox h3 {float:left;margin:26px 0px 0px 28px;} .QuoteBox div div.polaroid{ margin:2px 40px 0px 0px; float:right;} /**/ .box { margin:0px 2px; padding:10px 0px 10px 10px; font-size:12px; background:transparent;} .box p {color:#000; margin:0px 0px 0px 0px; padding:6px 0px 2px 0px; font-size:12px; } .box a {color:#191719;} .box a:hover {color:#000;} .box a.active {color:#000;} .box h3 { color:#000; font-size:12px;} .box h1 { color:#000;} .box h2 { color:#000;} .boxcontent {margin:0px 12px; padding:10px 0px 10px 0px; } .boxcontent ul {display:inline;width:170px;} .boxcontent li.calendar{float:none;margin:0px 0px 8px 0px;} .boxcontent ul li span {display:block;margin:0px 0px; color:#000;} .boxcontent ul li span.boldwhite{color:#FFFFFF;font-weight:bold;} .boxcontent p {margin:0px; padding:0 0 2px 0px; } .boxcontent a {color:#fff;} .boxcontent a:hover {color:#000;} .boxcontent a.active {color:#000;} .boxcontent h3 { margin:0px 0px 10px 0px;color:#fff;} .introduction{ padding:0px 0px 0px 0px;margin:36px 0px 0px 10px;} .mapbox { background:transparent url(/images/common/backgrounds/r_shadow.png) repeat-y top right; width:272px;height:auto;text-align:left; margin:-3px 0px 20px 80px;} .mapbox .mapcontent{float:left;width:250px;border:0px solid #000;} .mapbox .mapcontent .mapimg{ clear:both;width:280px;height:210px;overflow:hidden; margin: 0px 0px 10px -28px !important;} .mapbox .search{width:250px;} .mapboxtop { background:transparent url(/images/common/backgrounds/angebottopbg.png) no-repeat;margin:0px;width:270px;height:28px;color:#FFF;} .ListBox { width:100%; height:auto; background: transparent url(/images/common/backgrounds/r_shadow.png) right repeat-y; margin:0px 0px 2px 0px; display:block; text-align:left;} .ListBox2 { width:100%; height:auto; background: transparent url(/images/common/backgrounds/b_shadow.png) bottom repeat-x; margin:0px 0px 2px 0px; display:block; text-align:left;} .ListBox2 a {text-decoration:none;} .groupsearch { width:530px;height:57px; background: transparent url(/images/common/backgrounds/search.png) right no-repeat; margin:0px 0px 0px 0px; padding:4px 0px 6px 0px; display:block; text-align:left;} .groupsearch form {background: transparent; margin:0px 6px 0px 0px;} .groupsearch select { width:300px;padding:2px;background-color:#e9e9e0;} .groupsearch span{width:auto;float:left;margin: 5px 10px 0px 10px; } .groupsearch strong {width:auto;margin: 0px 0px 0px 0px; line-height:22px;} /*############## was section############*/ .search { width:270px;padding:0px 0px 0px 13px;} .search h3 {margin:24px 0px 8px 0px;} .search select{ width:240px;padding:2px;} /*####### pagination ############*/ .pagination, .prev_disabled, .next_disabled { width: 166px; border: 0px solid red; margin:0px 0px 0 10px;} .pagination a, .prev_disabled a, .next_disabled a {color: #8e017b; margin: 0; font-weight:bold;text-transform:uppercase;} .pagination a:hover { color:#ac029b; } .prev_disabled .prev_page {display:none;} .next_disabled .next_page {display:none;} #selector { background: url('../../images/common/Buttons/RundSmall/PfeilR_GrauAufHGruen.png') no-repeat scroll top left; width: 44px; height: 44px; } .prev_page { background: transparent url(/images/common/Buttons/RundLarge/PfeilL_WeissAufLila.png) no-repeat scroll left center; padding: 35px 0px 30px 70px; height: 76px; width: 166px; text-align:left;} .next_page {background: transparent url(/images/common/Buttons/RundLarge/PfeilR_WeissAufLila.png ) no-repeat scroll right center; padding: 39px 70px 30px 0px; height: 76px; width: 166px; text-align:right;} .bulletin .pagination { width: 490px; } .bulletin .pagination a, #pupil_ensemble_search_div .pagination a { color:#191719; } .bulletin .pagination a:hover, #pupil_ensemble_search_div .pagination a:hover { color:#000; } .bulletin .prev_page{ float:left; background: transparent url(/images/common/Buttons/RundSmall/PfeilL_GrauAufHGruen.png ) no-repeat scroll left center; padding: 19px 0px 9px 50px; height: 26px; width: 166px; text-align:left;} .bulletin .next_page{background: transparent url(/images/common/Buttons/RundSmall/PfeilR_GrauAufHGruen.png ) no-repeat scroll right center; padding: 19px 50px 9px 0px; height: 26px; width: 166px; text-align:right;float:right;} #pupil_ensemble_search_div .pagination.top { color:#191719;white-space:nowrap;width: 150px; float:right; margin: -63px 18px 0 0px; } #pupil_ensemble_search_div .pagination.bottom { color:#191719;white-space:nowrap;width: 150px; float:right; margin: 0px 18px 0 0px; } #pupil_ensemble_search_div .prev_page { float:left; background: transparent url(/images/common/Buttons/RundSmall/PfeilL_GrauAufHGruen.png ) no-repeat scroll left center; padding: 19px 0px 9px 50px; margin:0; height: 26px; width:12px; text-align:left;} #pupil_ensemble_search_div .next_page {background: transparent url(/images/common/Buttons/RundSmall/PfeilR_GrauAufHGruen.png ) no-repeat scroll right center; padding: 19px 50px 9px 0px; margin:0; height: 26px; width:12px; text-align:right;float:right;} #pupil_ensemble_search_div .disabled {display:block ;} #pupil_ensemble_search_div .separator {float:left; padding:19px 2px 9px 2px; margin:0;} /*########### accordion #################*/ #accordion a, #accordion a, #accordion0 a, #accordion1 a, #accordion2 a { outline: 0; text-decoration:none !important; cursor: pointer; } #accordion .Boxcontent,#accordion .Boxcontent a, #accordion .Boxcontent .white_bg { padding-left:0px; } #accordion0 .Boxcontent,#accordion0 .Boxcontent a, #accordion0 .Boxcontent .white_bg { padding-left:0px; } #accordion1 .Boxcontent,#accordion1 .Boxcontent a, #accordion1 .Boxcontent .white_bg { padding-left:0px; } #accordion2 .Boxcontent,#accordion2 .Boxcontent a, #accordion2 .Boxcontent .white_bg { padding-left:0px; } #accordion, #accordion0, #accordion1, #accordion2{ outline:0; } .ListBox2 .events .extern .ui-icon, .ListBox2 .events .ycx .ui-icon, .ListBox2 #accordion .extern .ui-icon, .ListBox2 #accordion0 .extern .ui-icon, .ListBox2 #accordion1 .extern .ui-icon, .ListBox2 #accordion2 .extern .ui-icon, .ListBox2 #accordion .ycx .ui-icon, .ListBox2 #accordion0 .ycx .ui-icon, .ListBox2 #accordion1 .ycx .ui-icon, .ListBox2 #accordion2 .ycx .ui-icon {width:19px; height:19px;background-image: url(/images/common/icons/ui-icons_acc_38x38.png);margin:0 8px;} #accordion .ycx .ui-icon-plus, #accordion0 .ycx .ui-icon-plus, #accordion1 .ycx .ui-icon-plus, #accordion2 .ycx .ui-icon-plus, .ListBox2 .events .ycx .ui-icon-plus {background-position: 0px 0; } #accordion .ycx .ui-icon-close, #accordion0 .ycx .ui-icon-close, #accordion1 .ycx .ui-icon-close, #accordion2 .ycx .ui-icon-close, .ListBox2 .events .ycx .ui-icon-close {background-position: -19px 0; } #accordion .extern .ui-icon-plus, #accordion0 .extern .ui-icon-plus, #accordion1 .extern .ui-icon-plus, #accordion2 .extern .ui-icon-plus, .ListBox2 .events .extern .ui-icon-plus {background-position: 0px -19px;} #accordion .extern .ui-icon-close, #accordion0 .extern .ui-icon-close, #accordion1 .extern .ui-icon-close, #accordion2 .extern .ui-icon-close, .ListBox2 .events .extern .ui-icon-close {background-position: -19px -19px; } .ListBox2 .ui-accordion .ui-accordion-header a { padding-left: .75em; } .ListBox2 .ui-accordion .ui-accordion-content p { padding: 0em 4em .75em .75em; } .ListBox2 .ui-accordion .ui-accordion-header a { padding-left: .75em; } .ListBox2 .ui-accordion .ui-accordion-content p { padding: 0em 4em .75em .75em; } .ycx p, #accordion .description a.red {color: #c1001f;} .extern p {color: #000;} #accordion .description {background: transparent url(/images/common/backgrounds/b_shadow.png) bottom repeat-x; padding:0px;} #accordion .description a{ font-weight:bold;text-transform:uppercase;} /*#dialog #accordion .ycxprofile .ui-icon{width:19px; height:19px;background-image: url(/javascripts/jquery/ui/ycx/images/ui-icons_c1001f_256x240.png);}*/ .editbox{ overflow: hidden !important; display:none; padding:0px !important; } #dialog #accordion { background-color: #fff; width:100%;} #accordion .ycxprofile{ background-color: #fff; width:100%; text-align:left; color: #c1001f;padding:4px 0px 0px 10px;} #dialog #accordion .description { background-color: #fff; width:100%; height:401px;} #dialog #accordion .ycxprofile .ui-icon{ width:19px; height:19px; background-image: url(/javascripts/jquery/ui/ycx/images/ui-icons_triangel_40x19.png); } #dialog #accordion .ui-icon-triangle-1-s {background-position: 0px 0; } #dialog #accordion .ui-icon-triangle-1-e {background-position: -19px 0; } /*############## dialog form ###############*/ .pField { clear:left;width:100%; margin:0px 0px 0px 65px;padding:7px 0px 5px;} .pFieldNotes {float:left; width:30%;color: #a9a5a2; padding:0;margin:0;} .pFieldleft {float:left; width:65%; margin:0px;padding:0px;} .pField h3 {float:left; width:35%; text-align:left; padding:0px 0px 0px;} .pField textarea, .pField input, .pField select { float:left; padding: 2px 0px 2px 2px; margin:0px 0px 3px 0px; width:50%; text-align:left; border:1px solid #ddddd5; background-color:#e9e9e0;} #accordion .description .pFieldleft .soundSelector a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#e9e9e0; color:#C1001F; border:0 none; cursor:pointer; float:right; font-size:.9em; margin:0.1em 7.25em 0.2em 0em; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:0.25em 0.5em; width:auto;} #accordion .description .pFieldleft .soundSelector a:hover { color:#FFF;background-color:#C1001F;} .pField input.readonly {color: #a9a5a2;} .pField textarea {height:5em;} .pField select { border:1px solid #ddddd5; width:180px; } .rField {margin:0px 0px 0px 0px; padding:0px; } .rField input.photo {border:1px solid #ddddd5;background-color:#e9e9e0;} .rField .bigpolaroid {border:0px solid #ddddd5;padding-top:9px;padding-left:11px;} .pFieldNotes p {float:right; width:80%; padding:0 !important; text-align:left;} /*############# Vizard-Content-Boxes ##################*/ .teasers { padding: 0px; margin: 0px; } .ui-widget { font: 1em/1.225em Arial, sans-serif; margin: 0px 0px 30px; } .ui-widget-shadow { margin: 0px 0px 1px 0px; padding: 1px 1px 0px 0px; background: #999 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 2px; -webkit-border-radius: 2px; } /*Accordion ----------------------------------*/ .ui-widget-content {padding:10px 11px;} .ui-widget-content p, .ui-widget-content img, .ui-widget-content span, .ui-widget-content div, .ui-widget-content h1,.ui-widget-content h2, .ui-widget-content h3 {padding:0px 0px 5px;} .ui-widget-content img {margin-right:11px;} .ui-widget-content div {} .ui-widget-content span {} .ui-widget-content h1 {} .ui-widget-content h2 {} .ui-widget-content h3 {} .ui-widget-content ul {padding:0px 0px 0px 0px;margin-left:13px;} .ui-widget-content li {list-style-image: url(/images/common/icons/minus.gif); margin:0px 0px 0px 0px;} .ui-widget .nocol {background-color:transparent !important;padding:0px 11px;} /*Peppelemente*/ .pepp1 {background-image:url(/images/common/elements/gutenoten_red.png);background-repeat:no-repeat; width:332px; height:179px;} .pepp2 {background-image:url(/images/common/elements/gutenoten_purple.png);background-repeat:no-repeat; width:332px; height:179px;} .pepp3 {background-image:url(/images/common/elements/gutenoten_orange.png);background-repeat:no-repeat; width:332px; height:179px;} .pepp4 {background-image:url(/images/common/elements/gutenoten_blue_s.png);background-repeat:no-repeat; width:170px; height:155px;} .pepp5 {background-image:url(/images/common/elements/gutenoten_purple_s.png);background-repeat:no-repeat; width:170px; height:155px;} .pepp6 {background-image:url(/images/common/elements/lupe.png);background-repeat:no-repeat; width:170px; height:195px;} .pepp7 {background-image:url(/images/common/elements/note.png);background-repeat:no-repeat; width:170px; height:195px;} .pepp8 {background-image:url(/images/common/elements/noten.png);background-repeat:no-repeat; width:170px; height:47px;} .pepp9 {background-image:url(/images/common/elements/gutenoten_blue.png);background-repeat:no-repeat; width:332px; height:201px;} .pepp10 {background-image:url(/images/common/elements/gutenoten_blue2.png);background-repeat:no-repeat; width:332px; height:164px;} .pepp11 {background-image:url(/images/common/elements/gutenoten_green.png);background-repeat:no-repeat; width:332px; height:193px;} .pepp12 {background-image:url(/images/common/elements/gutenoten_green2.png);background-repeat:no-repeat; width:332px; height:157px;} .pepp13 {background-image:url(/images/common/elements/gutenoten_green_s.png);background-repeat:no-repeat; width:170px; height:161px;} .pepp14 {background-image:url(/images/common/elements/gutenoten_green_s2.png);background-repeat:no-repeat; width:170px; height:138px;} .pepp15 {background-image:url(/images/common/elements/stars.png);background-repeat:no-repeat; width:170px; height:47px;} .pepp16 {background-image:url(/images/common/elements/gutenoten_orange2.png);background-repeat:no-repeat; width:332px; height:164px;} .pepp17 {background-image:url(/images/common/elements/gutenoten_orange_s.png);background-repeat:no-repeat; width:170px; height:161px;} .pepp18 {background-image:url(/images/common/elements/gutenoten_purple2.png);background-repeat:no-repeat; width:332px; height:164px;} .pepp19 {background-image:url(/images/common/elements/gutenoten_red2.png);background-repeat:no-repeat; width:332px; height:182px;} .pepp20 {background-image:url(/images/common/elements/gutenoten_red_s.png);background-repeat:no-repeat; width:170px; height:161px;} .pepp21 {background-image:url(/images/common/elements/lupemitnote.png);background-repeat:no-repeat; width:170px; height:207px;} .pepp22 {background-image:url(/images/common/elements/hamburg_s.gif);background-repeat:no-repeat; width:170px; height:236px;} .pepp23 {background-image:url(/images/common/elements/hamburg_l.gif);background-repeat:no-repeat; width:350px; height:519px;} .cke_skin_v2 { z-index:100; }