/* Theme Name: Frühförderstelle Aschaffenburg Theme URI: http: //www.jumato.de/ Description: Frühförderstelle Aschaffenburg Author: JUMATO media Template: twentyten Version: 1.0 . */ /* reset */ html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-family: Arial, sans-serif; font-size: 12px; } /* @group STYLES */ /* -------------------------------------------------------------- GENERAL -------------------------------------------------------------- */ a, a:link, a:active { color: #0166A4; text-decoration: none; } a:hover { color: #007fce; text-decoration: none; } a:visited { color: #477aa5; } a.zurueck { color:#FFFFFF; background-color:#333333; margin-top:20px; padding:4px 10px; float:left} a.zurueck:hover { background-color:#666666; } a.vor { color:#FFFFFF; background-color:#333333; margin-top:20px; padding:4px 10px; float:right;} a.vor:hover { background-color:#666666; } #main table { border-collapse: collapse; border-spacing: 0;} #main table th { text-align: left; } #main table td { vertical-align: top;} table.statistik { text-align:center;} table.statistik td { padding:3px;} table.konzeption { vertical-align:top; line-height:16px;} table.konzeption td { padding:3px; border:1px solid #999999;} table.inner td { border:none; padding:5px;} tr.grau { background-color:#CCCCCC;} td.status {width:220px; text-align:left; padding-left:3px;} a img { border: none;} p, pre { line-height: 1.5em; color: #444; margin: 0 0 8px; } h1 { font-weight: normal; color: #444; font-size: 28px; margin: 0px 0 15px; line-height: 1.4em; font-family: 'Noto Sans', arial, sans-serif; } h2 { font-family: 'Noto Sans', arial, sans-serif; font-weight: bold; color: #666; font-size: 19px; margin: 0px 0 10px; line-height: 1.4em; } h2 a { color: #666; font-size: 19px; font-weight: bold; } h3 { font-family: 'Noto Sans', arial, sans-serif; color: #888; font-size: 17px; margin: 25px 0 8px 0px; } #leistungenmenu h3 { font-family: 'Noto Sans', arial, sans-serif; color: #AAA; font-size: 18px; margin: 5px 0 10px; border-bottom: 1px solid #CCC; padding: 0 0 5px 0;} h4 { color: #222; font-weight: bold; font-size: 14px; margin:15px 0 5px; line-height: 1.4em; } .page-id-21 #content h1, .page-id-21 #content h3 { color: #ed7418;} .page-id-21 #content h4, .page-id-21 #content h5 { color: #c8611e;} .page-id-23 #content h1, .page-id-23 #content h3 { color: #86c400;} .page-id-23 #content h4, .page-id-23 #content h5 { color: #6a9e30;} .page-id-25 #content h1, .page-id-25 #content h3 { color: #0aaffc;} .page-id-25 #content h4, .page-id-25 #content h5 { color: #028fcd;} .page-id-27 #content h1, .page-id-27 #content h3 { color: #f6b900;} .page-id-27 #content h4, .page-id-27 #content h5 { color: #cf9c32;} .page-id-29 #content h1, .page-id-29 #content h3 { color: #6c6680;} .page-id-29 #content h4, .page-id-29 #content h5 { color: #4a4558;} #main ul { list-style-type: disc; list-style-position: outside; margin: 5px 0 20px 20px;} #main ul li { color: #444; line-height: 1.5em; margin: 0 0 8px; } #main ol { list-style-type: decimal-leading-zero; list-style-position: outside; margin: 5px 0 20px 30px;} #main ol li { color: #444; line-height: 1.5em; margin: 0 0 8px; } #main ul.xoxo, #main ul.xoxo ul { list-style: none; margin: 0px; padding: 0;} #main ul.xoxo li, #main ul.xoxo ul li { list-style: none; margin: 0px; padding: 0;} #main hr { margin: 20px 0 20px; border: 1px solid #343434; height: 1px; border-width: 1px 0 0 0; } #main hr.dotted { margin: 20px 0 20px; border: 1px dotted #999999; height: 1px; border-width: 1px 0 0 0; } /* @end */ /* @group LAYOUT */ /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */ body { background: #fbfbfb; color: #333;} #wrapper { width: 940px; position: relative; margin: 0 auto 0px;} #main { margin-bottom: 30px;} #main #container { min-height: 450px; } #main #contentwide { margin: 20px 0px; } #main #content { float: left; width: 600px; margin: 20px 30px 0 0; } #main #sidebar { float: left; width: 310px; margin: 75px 0px 0 0; position: relative; } #sidebarmenu { width: 310px; position: absolute; top: 0px; } #sidebarmenu.fixed { position: fixed; top: 0; margin-top: 25px; } #oben { background: #FFF; padding: 2px; height: 14px; clear: both; } #oben a { font-size: 11px; } #main #columnLeft { float: left; width: 220px; margin: 20px 40px 0 0; position: relative;} #main #columnRight { float: left; width: 680px; margin: 20px 0px 0 0; min-height: 550px; } /* @end */ /* @group HEADER */ /* +++++++++++ HEADER +++++++++ */ #header { height: 135px; position: relative; width: 940px; margin: 0px auto 0px; } #header #branding { position: absolute; top: 10px; left: 0px; } #header #branding #site-title { width: 217px; height: 80px; text-indent: -999em; overflow: hidden; display: block; background: transparent url('images/fruehfoerderstelle.png') no-repeat center top; } #header #loginlink { position: absolute; top: 65px; right: 0px; text-align: right; } #header #loginlink a { color: #666; } .not-a-member-handle {display:none; visibility: hidden;} #header #topsearch { position: absolute; top: 15px; right: 0px; } #header #topsearch input { border: 1px solid #CCC; padding: 0px 5px; margin: 0 3px 0 0; height: 18px; line-height: 18px; font-size: 11px; float: left; } #header #topsearch input#topsearchsubmit { background: #999; border: 1px solid #999; padding: 0px 5px; height: 20px; font-size: 11px; float: left; color: #FFF; text-decoration: none; line-height: 20px; text-transform: uppercase; } #header #login { position: absolute; top: 10px; right: 0; } #header #login a { display: block; width: 50px; background: #333; color: #FFF; text-decoration: none; height: 20px; line-height: 20px; text-align: center; text-transform: uppercase; font-size: 11px;} /* @end */ /* @group MENU */ /* =Menu -------------------------------------------------------------- */ #access { position: absolute; left: 0; top: 90px; } #access .menu-header { background: #333; height: 40px; width: 940px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { color: #CCC; display: block; line-height: 40px; padding: 0px; text-decoration: none; font-family: 'Noto Sans', arial, sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; width: 187px; text-align: center; border-right: 1px dotted #CCC; } #access #menu-item-66 a { border-right: none; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 40px; left: 0; float: left; width: 187px; z-index: 99999; } #access ul ul li { min-width: 180px; border-top: 1px solid #FFF; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #bbd0d0; font-size: 14px; line-height: 1em; color: #FFF; padding: 10px; width: 167px; height: auto; text-transform: none; border-right: none; text-shadow: 1px 1px 2px #000; letter-spacing: 0.04em; } #access ul ul #menu-item-70 a { background: #ed7418; } #access ul ul #menu-item-62 a { background: #86c400; } #access ul ul #menu-item-58 a { background: #0aaffc; } #access ul ul #menu-item-71 a { background: #f6b900; } #access ul ul #menu-item-69 a { background: #6c6680; } #access ul ul #menu-item-70 a:hover, #access ul ul #menu-item-62 a:hover, #access ul ul #menu-item-58 a:hover, #access ul ul #menu-item-71 a:hover, #access ul ul #menu-item-69 a:hover { background: #a9021d; } #access li:hover > a, #access ul ul :hover > a { color: #FFF; background: #a9021d; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #FFF; background: #a9021d; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #FFF; background: #a9021d; } #access ul li:hover > ul { display: block; } #sidebar a#kontakt { display: block; padding: 15px 10px; font-size: 18px; color: #FFF !important; background: #011c26 url('images/icon-kontakt.png') no-repeat 260px center; text-shadow: 1px 1px 2px #333; font-family: 'Noto Sans', arial, sans-serif; letter-spacing: 0.04em; margin: 0 0 20px;} /* leistungen menu */ #leistungenmenu ul { margin: 0; padding: 0; list-style: none; } #leistungenmenu ul li { margin: 0; padding: 0; list-style: none; } #leistungenmenu li a { display: block; border-bottom: 2px solid #fbfbfb; padding: 13px 10px; font-size: 14px; color: #FFF !important; background: #ed7418 url('images/arrow.png') no-repeat 195px center; text-shadow: 1px 1px 2px #000; font-family: 'Noto Sans', arial, sans-serif; letter-spacing: 0.04em; } #sidebar #leistungenmenu li a { background-position: 285px center; } #menu-item-121 a { background-color: #ed7418 !important; } #menu-item-121 a:hover, #menu-item-121.current-menu-item a { background-color: #df6c23 !important; } #menu-item-119 a { background-color: #86c400 !important; } #menu-item-119 a:hover, #menu-item-119.current-menu-item a { background-color: #7eb93a !important; } #menu-item-117 a { background-color: #0aaffc !important; } #menu-item-117 a:hover, #menu-item-117.current-menu-item a { background-color: #02a4ea !important; } #menu-item-122 a { background-color: #f6b900 !important; } #menu-item-122 a:hover, #menu-item-122.current-menu-item a { background-color: #e6ad38 !important; } #menu-item-120 a { background-color: #6c6680 !important; } #menu-item-120 a:hover, #menu-item-120.current-menu-item a { background-color: #5b556c !important; } #leistungenmenu ul li a:hover { background-image: none !important; } #leistungenmenu .current-menu-item a { background-image: none !important; } /* Login Menu items */ #menu-item-1845, #menu-item-1730, #menu-item-1731 { display: none; } body.logged-in #menu-item-1845, body.logged-in #menu-item-1730, body.logged-in #menu-item-1731 { display: block; } #menu-item-1845 a, #menu-item-1730 a, #menu-item-1731 a { background-color: #e0c27f !important; } /* @end */ /* @group Sidebar Menu */ h3.sidebarTitle { font-size: 30px; margin: 0px; font-weight: normal; text-transform: uppercase; color: #BBD0D0; } /* sidebar menu */ #sidemenu { width: 210px; position: absolute; top: 0; } #sidemenu.fixed { position: fixed; top: 0; margin-top: 15px; } #sidemenu ul, #sidemenu ul li { list-style: none; padding: 0; margin: 0; display: block; float: left;line-height: 1em; } #sidemenu ul li { border-bottom: 2px solid #fbfbfb; } #sidemenu ul li a { font-size: 14px; background: #bbd0d0; text-decoration: none; display: block; float: left; line-height: 20px; height: auto; padding: 13px 10px; color: #FFF !important; width: 190px; text-shadow: 1px 1px 2px #000; font-family: 'Noto Sans', arial, sans-serif; letter-spacing: 0.04em; } * html #sidemenu a { line-height: 1em; height: 1em; display:inline-block; } /* level 2*/ #sidemenu ul ul.sub-menu { border-top: 1px solid #fbfbfb; display: none; } #sidemenu ul li.current-menu-item ul.sub-menu, #sidemenu ul .current-menu-ancestor ul.sub-menu { display: block; } #sidemenu ul ul.sub-menu li { border-bottom: 1px solid #fbfbfb; } #sidemenu ul ul.sub-menu li a { font-size: 12px; line-height: 1em; height: auto; padding: 10px 10px; width: 190px; text-shadow: none; font-family: arial, sans-serif; letter-spacing: 0; color: #444 !important; } /* level 2*/ #sidemenu ul ul.sub-menu ul { border-top: none; } #sidemenu ul ul.sub-menu ul li { border-bottom: none; } #sidemenu ul ul.sub-menu li ul a { font-size: 11px; line-height: 1em; height: auto; padding: 8px 15px; width: 180px; text-shadow: none; font-family: arial, sans-serif; letter-spacing: 0; color: #555 !important; } #sidemenu a:hover, #sidemenu .current_page_item > a, #sidemenu .current-menu-ancestor > a { color: #FFF !important; background: #86b4b3; } /* @end */ /* @group Login Uebersicht */ #main .login-list { width: 290px; float: left; margin-right: 20px; } #main .login-list ul, #main .login-list ul li { list-style: none; padding: 0; margin: 0; display: block; float: left;line-height: 1em; } #main .login-list ul li { border-bottom: 2px solid #fbfbfb; } #main .login-list ul li a { font-size: 14px; background: #bbd0d0; text-decoration: none; display: block; float: left; line-height: 20px; height: auto; padding: 13px 10px; color: #FFF !important; width: 270px; text-shadow: 1px 1px 2px #000; font-family: 'Noto Sans', arial, sans-serif; letter-spacing: 0.04em; } * html #main .login-list a { line-height: 1em; height: 1em; display:inline-block; } /* level 2*/ #main .login-list ul ul.sub-menu { border-top: 1px solid #fbfbfb; display: block; } #main .login-list ul ul.sub-menu li { border-bottom: 1px solid #fbfbfb; } #main .login-list ul ul.sub-menu li a { font-size: 12px; line-height: 1em; height: auto; padding: 10px 10px; width: 270px; text-shadow: none; font-family: arial, sans-serif; letter-spacing: 0; color: #444 !important; } /* level 2*/ #main .login-list ul ul.sub-menu ul { border-top: none; } #main .login-list ul ul.sub-menu ul li { border-bottom: none; } #main .login-list ul ul.sub-menu li ul a { font-size: 11px; line-height: 1em; height: auto; padding: 8px 15px; width: 260px; text-shadow: none; font-family: arial, sans-serif; letter-spacing: 0; color: #555 !important; } #main .login-list a:hover, #main .login-list .current_page_item > a, #main .login-list .current-menu-ancestor > a { color: #FFF !important; background: #86b4b3; } /* @end */ /* NEU 2023 */ .col-wrapper { width:100%; display: flex; flex-direction: row; justify-content: flex-start; gap: 25px; } .col-half { font-size: 12px; line-height:1.3; } .logo-wrapper { display: flex; flex-direction: row; height:70px; } .spenden-info { font-weight:600; line-height: 1.2; font-size: 14px; } /* Ende NEU 2023*/ /* @group Breadcrumb */ /* BREADCRUMBS */ #breadNav { height: 30px; line-height: 30px; } #breadNav ul#breadcrumbs { margin: 0; padding: 0; list-style: none;} #breadNav ul#breadcrumbs li { float: left; list-style: none; margin: 0px; } #breadNav ul#breadcrumbs li a { float: left; font-size: 10px; margin-right: 6px; line-height: 30px; } #breadNav ul#breadcrumbs li.front_page { } #breadNav ul#breadcrumbs li a { color: #999; } #breadNav ul#breadcrumbs li a:hover { color: #999; text-decoration: underline; } #breadNav ul#breadcrumbs li.current a { color: #999; text-decoration: underline; } /* @end */ /* @group FOOTER */ #footerContainer { background: #414142 url('images/footer-bg.jpg') repeat-x left top; padding: 40px 0 20px; } #footer { width: 940px; margin: 0px auto !important; color: #FFF; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer h4 { font-family: 'Noto Sans', arial, sans-serif;font-size: 16px; font-weight: normal; border-bottom: 1px solid #CCC; margin: 0 0 10px; padding: 0 0 5px 0; text-transform: uppercase; color: #CCC; } #footer h3 { font-family: 'Noto Sans', arial, sans-serif; margin: 0 0 5px; font-size: 15px; } #footer h5 { font-family: 'Noto Sans', arial, sans-serif; margin: 0 0 10px; font-size: 12px; color: #DDD; } #footer p { font-family: 'Noto Sans', arial, sans-serif; margin: 0 0 5px; color: #FFF; } #adresse { width: 580px; float: left; } #adresse #third { margin-bottom: 10px; margin: 0px 0 30px; } #adresse #third img { float: left; margin: 0 20px 0px 0; } #adresse #third ul.xoxo {float: left; } #adresse #traeger { width: 190px; float: left; } #adresse #kooperation { width: 390px; float: left; } #adresse #kooperation img { float: left; } #footer-widget-area { width: 300px; float: right; } #footer-widget-area #first { width: 150px; float: left; margin-right: 30px; } #footer-widget-area #second { width: 120px; float: left; } #footer-widget-area ul.menu ul { margin: 0 0 5px 5px; } #footer-widget-area li { list-style: none; margin: 0; padding: 0; } #footer-widget-area ul.menu a { font-family: 'Noto Sans', arial, sans-serif; color: #aa5d69; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 1.5em; } #footer-widget-area ul.menu ul a { color: #FFF; font-size: 11px; font-weight: normal; } #site-info { clear: both; color:#999; font-size:10px; line-height:18px; padding:35px 0 0px 0px; text-align: left;} #site-info a { color: #999; text-decoration: none; font-size:10px;} #site-info a:active, #site-info a:hover { color: #FFF; } /* @end */ /* @group HOME */ /* -------------------------------------------------------------- HOMEPAGE -------------------------------------------------------------- */ #homediagramm { padding: 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; } #homediagramm img { display: block; } #homecopy { width: 460px; float: left; margin: 0 0 0 20px; } #homecopy td { width: 220px; padding: 0 10px 0 0; } #homebereiche { width: 220px; float: left; margin: 0 20px 0 0; } #homeevents { width: 220px; float: left; } #homeevents h3 { border-bottom: 1px solid #CCCCCC; color: #AAAAAA; font-family: 'Noto Sans',arial,sans-serif; font-size: 18px; margin: 5px 0 10px; padding: 0 0 5px; } #homeevents ul { list-style: none; margin: 0 0 10px; padding: 0; } #homeevents ul li { list-style: none; margin: 0; padding: 0; } #homeevents li { display: block; border-bottom: 1px dotted #999; padding: 8px 6px 10px; font-size: 13px; color: #006666 !important; font-weight: bold;} #homeevents li .date { color: #333; font-size: 11px; } #homeevents a#viewall { display: block; width: 110px; padding: 5px 10px; color: #FFF; font-weight: bold; background: #011c26 url('images/arrow.png') no-repeat 108px center; text-transform: uppercase; font-size: 11px; } /* @end */ /* @group Page - Events */ #blogposts { clear: both; } .blogpost { clear: both; margin-bottom: 5px; padding-bottom: 0px; border-bottom: 1px dotted #CCC; } .blogpost .photo { float: left; width: 210px; padding: 0 20px 5px 0px;} .blogpost .photo a { display: block; border: 1px solid #CCC; } .blogpost .photo a:hover { border-color: #666; } .blogpost .photo a img { display: block; width: 208px; height: auto; } .blogpost .cnt { position: relative; float: left; width: 470px; } .blogpost .cntwide { position: relative; padding: 0 0 0px; } .blogpost .entry-meta span.date { color: #929193; font-weight: bold; } .blogpost h2 { margin: 3px 0 5px; } .blogpost h2 a { color: #000; font-size: 14px; display: block; } .blogpost h2 a:hover { } .blogpost h3 { margin: 3px 0 5px; } .blogpost p { line-height: 1.5em; color: #444; margin: 0 0 8px; } .blogpost .excerpt a { display: none;} .blogpost a.btn { position: absolute; } .blogpost span.date { font-size: 14px; color: #a9021d; } .eventspost { clear: both; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; } .eventspost table { margin: 7px 0 10px; border-spacing: 0; width: 350px; } .eventspost td { padding: 5px 15px 5px 5px; border: 1px solid #CCC; font-size: 11px; } .eventBack .btn { display: block; width: 100px; } /* @end */ /* @group Leistungen */ #leistungsbereiche { margin: 0 0 40px; } #leistungsbereiche td.bild img { display: block; margin-bottom: 3px; } #leistungsbereiche td.spalte { width: 170px; padding: 5px 10px 10px; background: #F9E6AD; } #leistungsbereiche td.title { vertical-align: middle; padding: 0 10px 5px; } #leistungsbereiche td.spalte p { color: #000; line-height: 1.7em; } #leistungsbereiche td.spalte h4 { font-size: 16px; color: #0f6462; font-weight: bold; margin: 10px 0 0; line-height: 1.2em; } #leistungsbereiche td.spalte a { color: #000; text-decoration: underline; } #leistungsbereiche td.bracket { width: 15px; } #impressionen { } #impressionen h3 { margin: 0px 0 15px; } #impressionen .small { float: left; width: 90px; height: 90px; margin: 0 5px 5px 0; } #impressionen .last { margin-right: 0px; } #schritte { margin: 0 0 40px; } #schritte td.bild img { display: block; margin-bottom: 3px; } #schritte th.title { width: 170px; padding: 5px 10px 10px; } #schritte th.title1 { background: #5da1a1; } #schritte th.title2 { background: #378888; } #schritte th.title3 { background: #106b6b; } #schritte td.spalte { width: 170px; padding: 5px 10px 10px; background: #bbd0d0; } #schritte td.title { vertical-align: middle; padding: 0 10px 5px; } #schritte td.spalte p { color: #000; line-height: 1.7em; } #schritte h4 { font-size: 13px; color: #FFF; margin: 10px 0 0; line-height: 1.5em; } #schritte h4 strong { font-size: 16px; color: #FFF; line-height: 1.2em; } #schritte td.spalte a { color: #000; text-decoration: underline; } #schritte td.bracket { width: 15px; } #secondcnt { margin: 0px 0 30px; background: #EEE; padding: 15px 15px 0; } /* @end */ /* @group Termine */ .oldevents td { padding: 0 0px 10px 0; } /* @end */ /* @group Overview pages */ .box { width: 300px; float: left; margin: 0 20px 20px 0; padding: 14px 14px 40px; border: 1px solid #EEE; position: relative;} .last { margin: 0 0 20px 0; } .box img { width: 300px; height: auto; display: block; margin: 0 0 10px; } .box .boxcopy h2 { line-height: 1em; margin: 0 0 5px; } .box .boxcopy h2 a { color: #333; margin: 0; padding: 0; font-size: 16px; } .box .boxlink { position: absolute; bottom: 14px; left: 14px; } .box .boxlink a { display: block; ; background: #333; color: #FFF; text-decoration: none; height: 20px; line-height: 20px; text-align: center; text-transform: uppercase; font-size: 11px; padding: 0 10px ;} /* @end */ /* @group Historie */ /* @group NIVO SLIDER */ /* The Nivo Slider styles */ .nivoslider { position:relative; width:940px; height:400px; background: #FFF url(images/nivo/loading.gif) no-repeat 50% 50%; } .nivoslider img { position:absolute; top:0px; left:0px; display:none; width:715px; height:365px;} /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%;} .nivo-box { display:block; position:absolute; z-index:5;} /* If an image is wrapped in a link */ .nivoslider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* Caption styles */ .nivo-caption, .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav { display: none;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { display: none; } .nivo-controlNav a { } .nivo-controlNav a.active { } /* @end */ /* @end */ /* @group Konzeption */ #konzeptionsmenu ul { list-style: none;} #konzeptionsmenu ul li, #konzeptionsmenu ul li a { font-weight: bold; font-size: 16px; } #konzeptionsmenu ul ul li, #konzeptionsmenu ul ul li a { font-weight: bold; font-size: 14px; } #konzeptionsmenu ul ul ul li, #konzeptionsmenu ul ul ul li a { font-weight: normal; font-size: 12px;} #konzeptionsmenu ul ul ul ul { margin: 5px 0 10px 20px;} #login_content { margin: 20px 0 0; background: #EEE; border: 1px solid #a9021d; padding: 15px; } #login_content p.red { margin: 0px 0 15px; color: #a9021d; font-style: italic; font-weight: bold; font-size: 14px; } /* @end */ /* @group Login */ #homelogin { background: #EEE; padding: 20px 20px 0px; width: 400px; margin: 20px 0px 20px 0px; } #homelogin ul{ list-style: none; margin: 0; padding: 0; } #homelogin li{ list-style: none; margin: 0; padding: 0; } #homelogin a { } #homelogin h3 #LoginWithAjax_Title, #homeregister h3 { font-size: 24px; color: #333;} #homelogin td strong { font-size: 14px; color: #000;} #LoginWithAjax label {color: #333;} #LoginWithAjax .password_label, #LoginWithAjax .username_label, #LoginWithAjax label {font-size: 12px; text-transform: uppercase; color: #333; width: 100px;} #LoginWithAjax_Links label { font-size: 11px;} #LoginWithAjax_Password input, #LoginWithAjax_Username input, #LoginWithAjax_Remember .forgot-pass-email input, #LoginWithAjax_Remember .forgot-pass-email input { border: 1px solid #CCC; padding: 5px !important; font-size: 12px;} /* @end */ /* @group Events */ .category-events #container #tec-content { background: transparent !important; margin-left:0px; padding: 0px; width: auto; font-size: 1em;} /* cla buttons */ #main .tec-calendar-buttons { position: relative; top: 0; } #main .tec-calendar-buttons a { margin: 0 10px 0 0; padding: 0 10px; } #main .upcoming a.tec-button-off, #main .grid a.tec-button-off { background: #bbd0d0; } #main .upcoming a.tec-button-on, #main .grid a.tec-button-on { background: #86b4b3; } /* list post */ #main .tec-events .tec-event-entry {float: none; padding: 5px 0 0; width: auto;} #main .tec-events .tec-event-list-meta { border: none; float: none; margin-bottom: 10px; padding: 0; width: auto; } #main #tec-events-loop { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #bcb2a8; } .category-events #container .category-events .post { padding: 0 0 12px 0px;} /* grid */ #main .tec-calendar th { background: #bbd0d0; padding: 4px 10px;} #main .tec-month-nav { right: 0; left: inherit; } #main .tec-calendar td.tec-past .daynum { color: #18191E; } #main .tec-calendar td.tec-present .daynum { background: #86b4b3; } #main .tec-tooltip .tec-event-title { background-color: #86b4b3; } /* single post */ .single .tec-event { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #bcb2a8; } .single #tec-event-meta { border-color: #bcb2a8; border-style: dotted; border-width: 1px 0; margin: 15px 0 20px; padding: 10px 0 0px;} small a { color: #4092a7 !important; text-decoration: none; } .single .tec-event #googlemaps { margin-bottom: 20px;} .single .entry .photo { float: right; margin: 0px 0 10px 20px; } /* @end */ /* @group Kontakt */ #kontaktdaten h2 { padding: 0; margin: 0 0 15px; color: #333; font-size: 18px; position: relative; line-height: 1em; } #kontaktdaten h2 span.team { font-size: 13px; font-weight: normal;} #kontaktdaten h2 span.arrow { background: #333 url('images/arrow2.png') no-repeat center center; width: 30px; height: 30px; display: block; float: left; margin: 6px 7px 0 0; } #kontaktdaten h2.verwaltung, #kontaktdaten h2.verwaltung a { color: #106b6b; } #kontaktdaten h2.verwaltung span.arrow { background-color: #106b6b; } #kontaktdaten h2.paedagogik, #kontaktdaten h2.paedagogik a { color: #ed7418; } #kontaktdaten h2.paedagogik span.arrow { background-color: #ed7418; } #kontaktdaten h2.heilpaedagogik, #kontaktdaten h2.heilpaedagogik a { color: #86c400; } #kontaktdaten h2.heilpaedagogik span.arrow { background-color: #86c400; } #kontaktdaten h2.ergotherapie, #kontaktdaten h2.ergotherapie a { color: #0aaffc; } #kontaktdaten h2.ergotherapie span.arrow { background-color: #0aaffc; } #kontaktdaten h2.physiotherapie, #kontaktdaten h2.physiotherapie a { color: #f6b900; } #kontaktdaten h2.physiotherapie span.arrow { background-color: #f6b900; } #kontaktdaten h2.logopaedie, #kontaktdaten h2.logopaedie a { color: #6c6680; } #kontaktdaten h2.logopaedie span.arrow { background-color: #6c6680; } #kontaktdaten h2.einzelintegration, #kontaktdaten h2.einzelintegration a { color: #86B4B3; } #kontaktdaten h2.einzelintegration span.arrow { background-color: #86B4B3; } .kontaktcopy { border-bottom: 1px dotted #EEEEEE; margin: 0 0 20px; padding: 0 0 5px; } .kontaktcopy h3 { margin: 0 0 5px; } .kontaktcopy p { font-size: 11px; } .kontakttab { margin: 0 0px 20px 0; width: 100%;} .clearfix .kontakttab { } .kontakttab td.pic { width: 90px; padding: 0 20px 15px 0; } .kontakttab td.pic img { display: block; width: 90px; height: 90px; border:4px solid #fff; } .kontakttab td.cnt { padding: 0 0 20px; width: 230px;} .kontakttab td.cnt h3 { padding: 0; margin: 0 0 5px; color: #555; font-size: 14px; } .kontakttab td.cnt p { margin: 0px 0 3px; padding: 0; line-height: 16px;} .kontakttab td.cnt p.title { color: #777; margin: 0 0 5px; } .kontakttab td.cnt p.tel { background: transparent url('images/icon-tel.png') no-repeat left center; padding: 0 0 0 23px;} .kontakttab td.cnt p.fax { background: transparent url('images/icon-fax.png') no-repeat left center; padding: 0 0 0 23px; } .kontakttab td.cnt p.email { background: transparent url('images/icon-email.png') no-repeat left center; padding: 0 0 0 23px; } /* @end */ /* @group OTHER STYLES */ /* -------------------------------------------------------------- Default styles for Images -------------------------------------------------------------- */ .entry-content img { margin: 0 0 0px 0;} .alignleft,img.alignleft { float: left; margin: 5px 20px 20px 0px;} .alignright,img.alignright { display: block; float: right; margin: 5px 0 20px 20px;} .aligncenter,img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both;} .wp-caption { text-align: center; margin-bottom:18px;} .wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { margin: 0; padding:5px;} .gallery img { margin:0;} .wp-smiley { max-height:12px; margin:0 !important;} /* -------------------------------------------------------------- CLEAR -------------------------------------------------------------- */ .clear { clear: both; height: 1%;} .clearfix:after { clear:both; content:"."; display:block; height:0pt; line-height:0pt; visibility:hidden;} html[xmlns] .clearfix { display:block; clear: both; } * html .clearfix { height:1%;} /* @end */