/* ----------------------------------------------- ALLGEMEINES ----------------------------------------------- */ body { font: normal 16px/22px Lucida Sans, Verdana, Arial, Helvetica, sans-serif; text-align: center; /* center IE 5 */ padding: 0 0 10px 0; margin: 0 0 10px 0; background: #cecece url(/images/light/bg.png) repeat-y; color: yellow; background-position: center; } #headimg_middle { width: 950px; height: 300px; overflow: hidden; } .hide { height: 0; width: 0; overflow: hidden; position: absolute; } .clearboth { clear: both; margin: 0; padding: 0; height: 1px; /* wenn das auf 0 ist gibt es probleme im NS 6 */ line-height: 1px; /* wenn das auf 0 ist gibt es probleme NS 6 */ height: 0; line-height: 0; overflow: hidden; visibility: hidden; } .clearboth img { display: none; } img { border: 0; display: block; } p { padding-bottom: 15px; } /* ----------------------------------------------- STRUKTUR ----------------------------------------------- */ #center_page { width: 980px; margin: auto; text-align: left; /* center IE 5 Inhalt wieder links */ background-color: #000; } #site { width: 950px; padding: 0 15px 0 15px; } #left { float: left; width: 230px; } #middle { float: left; width: 720px; } #content { float: left; width: 490px; background-color: #000; } #right { float: right; width: 200px; overflow: hidden; } #footer { border-top: 1px solid #ccc; padding: 10px 0 10px 0; } #footer .left { float: left; } #footer .right { float: right; } /* ----------------------------------------------- Kopf ----------------------------------------------- */ #logo { width: 200px; float: left; } #settings{ width: 600px; float: right; } #settings a { text-decoration: none; color: #fff; border: 0; } #settings #screenreader { float: right; padding: 10px 0 0 0; } #settings #fontsize { float: right; padding: 7px 0 0 42px; } #settings #fontsize img { display: inline; } #settings #kontrast { float: right; padding: 10px 0 0 42px; } #settings #kontrast #light { background-color: #fff; padding: 3px 4px 2px 3px; border: 1px solid #ccc; color: #666; } #settings #kontrast #dark { background-color: #666; color: #fff; padding: 3px 4px 2px 3px; border: 1px solid #fff; } #tools { border: 1px solid #d6d6d6; background-color: #000; height: 37px; overflow: hidden; margin-bottom: 1px; } #tools #language { border-right: 1px solid #fff; float: right; height: 27px; padding: 10px 21px 0 0; } #tools #language a { border: 0; } #tools #language img { padding: 1px 6px 0 0; display: inline; } #tools #global-search { float: right; height: 28px; padding: 9px 10px 0 17px; width: 300px; } #tools #global-search label { float: left; width: 59px; display: block; } #tools #global-search #search { width: 210px; height: 18px; float: left; } #tools #global-search #submit { background: transparent url(/images/dark/arrow-grey.gif) 8px 5px no-repeat; width: 20px; height: 20px; border: 0; text-indent: -800px; overflow: hidden; font-size: 0px; display:block; line-height: 0px; float: left; cursor: pointer; } #location { width: 100%; padding: 8px 0 8px 0; border-bottom: 1px solid #ccc; font-style: italic; margin-bottom: 13px; } #location a { border: 0; font-style: normal; } /* ----------------------------------------------- INHALT ----------------------------------------------- */ #content { color: #fff; } /* großes Bild */ #content .pics_middle { margin-bottom: 20px; margin-left: auto; margin-right: auto; } /* Großes Kopfbild rechts */ #content .pics_right_big { float: right; width: 220px; margin-right: 15px; } #content .pics_right_big img { margin: 10px 0 10px 0; width: 210px; } #content .textkopf_left_small { float: left; padding: 10px 10px 0 10px; width: 315px; /* andere Browser */ } /* Großes Kopfbild links */ #content .pics_left_big { float: left; margin-left: 15px; width: 220px; } #content .pics_left_big img { margin: 10px 0 10px 10px; width: 210px; } #content .textkopf_right_small { float: left; padding: 10px 10px 0 10px; width: 315px; /* andere Browser */ } /* Veranstaltungen */ #content .colorevent { color: #fff; } #content .cal_event { border: 1px solid yellow; text-align: center; padding: 5px 8px 5px 8px; float: left; display: block; width: 80px; margin-right: 20px; } #content .zeile_event { margin-bottom: 20px; } #content .text_event { padding: 0 0 15px 0px; width: 360px; float: left; } #content .inhalt_event { float: left; } #content .zeile_event .event_cat { font-weight: bold; color: #fff; } #content .text_event_right { float: right; } #content .pics_event_left { float: left; } .hidden { padding: 10px; background-color: #efefef; margin-bottom: 10px; margin-top: 20px; display: none; } /* Navi */ .letters { position: relative; padding: 20px 0 20px 0; width: 100%; } .letters ul { padding: 0; margin: 0; } .letters li { float: left; margin: 0 2px 0 0; text-align: center; color: #fff; list-style: none; } .letters .aktiv a:link, .letters .aktiv a:visited { padding: 4px 4px 4px 2px; font-size: 12px; display: block; width: 1.8em; height: 1.5em; text-decoration: none; color: #000; background-color: #ccc; border: 0 !important; } .letters .aktiv a:hover, .letters .aktiv a:active { background-color: #232323; color: yellow; } .letters .aktiv .select { background-color: #aaa !important; color: yellow !important; } .nav_links { font: bold 12px Verdana, Arial, Helvetica, sans-serif; width: 170px; margin: 0; text-align: center; } .nav_links a { font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px 5px 0px; margin: 0; width: 170px; display: block; text-decoration: none; color: #fff; } .nav_links a:hover { background-color: #eee; padding: 5px 0px 5px 0px; margin: 0; } /* ----------------------------------------------- ÜBERSCHRIFTEN ----------------------------------------------- */ #content h1 { font: normal 1.6em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; color: fff; } #content h1.first { font: normal 2.4em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; color: yellow; } #content h1.headline { font: normal 2.0em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.02em; padding: 22px 8px 8px 8px; margin-bottom:20px; color: #000; background-color: #ccc; } #content h2 { font: normal 1.2em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; color: #fff !important; margin: 0 0 15px 0; padding: 0; } #content h2.first { font: normal 1.9em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; color: #fff !important; margin-bottom: 15px; } #content h2 a { text-decoration: none; color: #fff !important; border: 0; } #content h3 { font: normal 1em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; color: #fff; } #left h3, #right h3 { padding-bottom: 15px; font: normal 1.2em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; color: #fff; } .padding_left { padding: 0 10px 10px 10px; } /* ----------------------------------------------- Spezials / Event / News ----------------------------------------------- */ .specials-border { width: 198px; padding-top: 12px; border: 1px solid #fff; margin-bottom: 12px; } .specials { padding: 0 12px 12px 12px; } .specials a { border: 0; } .event { background-color: #232323; } .news { background-color: #232323; } .ui-tabs .ui-tabs-hide { display: none; } #tabs ul li { float: left; list-style: none; } #tabs ul li a:active, #tabs ul li a:focus { outline: none; } #tabs ul li a { padding: 4px 8px 4px 8px; border: 0; background-color: #f1f1f1; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; display: block; color: #000; font-size: 12px; } *+html #tabs ul li a { padding: 4px 7px 4px 7px; } #tabs ul li a.last{ border-right: 1px solid #d6d6d6; } #tabs li.ui-tabs-selected a { background-color: #e4e4e4; padding-bottom: 5px; color: #000; border-bottom: 1px solid #e4e4e4; } .tab { clear: both; width: 198px; padding-top: 12px; border: 1px solid #fff; margin-bottom: 12px; } .tab .line { padding: 0 0 10px 0; border-bottom: 1px solid #d6d6d6; margin: 0 10px 15px 10px; } .tab .no-bottom-border { border: 0; padding: 0; } .tab .all { background-color: #000; padding: 10px; } /* ----------------------------------------------- Menue ----------------------------------------------- */ #menu { width: 198px; margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; } #menu ul { margin: 0; padding: 0; list-style-type: none; } #menu ul li { margin: 0; padding: 0 0 0 0; } #menu ul li a:link, #menu ul li a:visited { font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: yellow; text-decoration: none; padding: 6px 0 6px 10px; display: block; border: 0; } #menu ul li a:hover, #menu ul li a:active { background-color: #ccc !important; color: #000; } .selected a { font-weight: bold !important; color: #000 !important; background-color: #ccc !important; } /* UNTERMENUE */ #menu ul li ul { margin: 0; padding: 0 0 0 0; list-style-type: none; } #menu ul li ul li { padding: 1px 0 0 0; background: #000; } #menu ul li ul li a:link, #menu ul li ul li a:visited { font-weight: normal; margin: 0; background: #232323 url(/images/kontrast_submenu_bullet.gif) 8px 7px no-repeat; color: #fff; padding: 3px 0 5px 20px; display: block; text-decoration: none; } #menu ul li ul li a:hover, #menu ul li ul li a:active { background-color: #666666 !important; color: #fff; } #menu ul li.submenue { padding-top: 0; } .selected_sub a { background: #666 url(/images/kontrast_submenu_bullet.gif) 8px 7px no-repeat !important; color: #fff !important; } /* ----------------------------------------------- Links ----------------------------------------------- */ a { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; } .all a, .link_more a, .more a, .link_download a, .link_extern a, .link_intern a, .link_email a, .link_back a { color: #fff; border-bottom: 0; background: transparent url(/images/light/arrow-black.gif) 0 3px no-repeat; padding-left: 10px; } .link_more { text-align: right; } /* ----------------------------------------------- Formulare ----------------------------------------------- */ #formular form { padding: 0; margin: 0; } #formular fieldset { border: 0; margin: 0; padding: 0; } #formular legend { display: none; } #error fieldset { border: 1px #ff0000 solid; padding: 10px; margin-bottom: 25px; } #error legend { background-color: #ff0000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 5px; } #formular input, #formular textarea, #formular select { font: normal 1em Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #fff; padding: 1px; } #formular input:focus, #formular textarea:focus, #formular select:focus { border: solid yellow 1px; background-color: #fff; } #formular label { cursor: pointer; margin-left: 5px; } #formular .formrow { width: 100%; padding: 5px 0 5px 0; background-color: #666; border-bottom: 1px solid #000; } #formular .formrow_color { width: 100%; padding: 10px 0 10px 0; margin-bottom: 1px; background-color: #454545; } #formular .formrow_nocolor { width: 100%; padding: 10px 0 10px 0; margin-bottom: 3px; } #formular .left { float: left; padding-left: 5px; width: 120px; } #formular .leftcheckbox { float: left; width: 120px; text-align: right; } #formular .right { float: left; width: 360px; } #formular .error { border: solid #ff0000 1px; background-color: #F2F4EE; } #formular .texterror { color: #ff0000; } #formular .checkbox_row { width: 100%; padding: 0px; border-bottom: 1px solid #fff; } #formular .checkbox_last { width: 100%; padding: 0px; } #formular .checkbox_small { float: left; width: 20%; text-align: right; } #formular .checkbox_label { float: left; width: 80%; } .form_term_date_calendar { float: left; padding-left: 5px; } .form_left { float: left; } #style { width: 80%; voice-family: "\"}\""; voice-family: inherit; width: 100%; /* das kann der IE5 nicht */ } .nix_erghzugffvg {}/* fuer IE5 */ /*********** BILDERGALERIE **************/ #galerie {} #galerie .galpic { text-align: center; padding-bottom: 18px; margin-bottom: 7px; float: left; padding-right: 18px; margin-right: 7px; } #galerie .nomargin { margin-right: 0; } #galerie img { width: 140px; display: block; } #galerie a:link { border-bottom: 0px; } #galerie p { margin-left: 20px; margin-right: 20px; } #galerie .rights { font-size: 11px; margin-top: 5px; } #galerie #explorermacke { height: 1px; line-height: 1px; font-size: 1px; } .inhalt_more { margin-top: -5px; padding-top: 0px; margin-bottom: 5px; } .link_email { padding-top: 5px; margin-bottom: 0px; } .inhalt_text ul { margin-left: 15px; margin-bottom: 10px; } /* NEW */ .zeile_inhalt { margin: 0px; padding: 0px; padding-bottom: 25px; } .zeile_inhalt_kopf { margin: 0px; padding: 0px; padding-bottom: 25px; } .zeile_inhalt .pics_left { margin: 0px; margin-top: 3px; padding: 0px; float: left; width: 220px; } .zeile_inhalt .pics_left img { margin: 0px; float: left; margin-bottom: 15px; padding: 0px; width: 200px; } .pic_pos .pics_left { margin: 0px; padding: 0px; float: left; width: 220px; } .zeile_inhalt .pics_right { margin: 0px; margin-top: 3px; padding: 0px; float: right; width: 220px; } .zeile_inhalt .pics_right img { margin: 0px; float: right; margin-bottom: 15px; padding: 0px; width: 200px; } .pic_pos .pics_right { margin: 0px; padding: 0px; float: right; width: 220px; } .link_more { margin: 0px; margin-top: 5px; margin-bottom: 15px; } .pics_left_small { margin:0px; margin-top: 3px; padding: 0px; width: 210px; float: left; } .pics_right_small { margin:0px; margin-top: 3px; padding: 0px; width: 210px; float: right; } .pics_left_small img { margin: 0px; padding: 0px; width: 190px; margin-right: 20px; margin-bottom: 10px; } .pics_right_small img { margin: 0px; padding: 0px; width: 190px; margin-left: 20px; margin-bottom: 10px; } .textkopf_right_big { padding-bottom: 10px; } .zeile_inhalt ul { margin-left: 20px; } .inhalt_text { margin-bottom: -10px; } .searchbox { } .searchresult { padding-top: 15px; border-bottom: 1px solid #ccc; } .searchnum { font-weight: bold; } #formular select { padding: 0px; } .zeile_inhalt_kopf .pics_left_small { margin-left: 20px; } .zeile_inhalt_kopf .pics_right_small { padding-right: 20px; padding-top: 20px; } .zeile_inhalt_kopf .textkopf_left_big { padding-left: 25px; padding-top: 20px; } <div class="clearboth"></div> .zeile_inhalt_kopf .textkopf_right_big { padding-right: 20px; } #printhead { display: none; } .new_pics_left, .new2_pics_left, .new_pics_left_big, .new_pics_left_small { float: left; padding: 0 18px 18px 0; } * html .new_pics_left, * html .new2_pics_left, * html .new_pics_left_big, * html .new_pics_left_small { width: 200px; } .new_pics_right, .new2_pics_right, .new_pics_right_big, .new_pics_right_small { float: right; padding: 0 0 18px 18px; } * html .new_pics_right, * html .new2_pics_right, * html .new_pics_right_big, * html .new_pics_right_small { width: 200px; } .new_pics_left a, .new2_pics_left a, .new_pics_left_big a, .new_pics_left_small a, .new_pics_right a, .new2_pics_right a, .new_pics_right_big a, .new_pics_right_small a { border: 0 !important; text-decoration: none; } .new_pics_middle { overflow: hidden; } .new_pics_middle img { border-bottom: 1px solid #666; width: 100%; } .zeile_content { padding: 0px; } .zeile_content .new_pics_left { clear: left; } .zeile_content .new_pics_right { clear: right; } .new3_pics_left { float: left; clear: left; padding-right: 20px; } .new3_pics_right { float: right; clear: right; text-align: right; padding-left: 20px; } .kopf2 .new_pics_left_small { padding: 0 18px 18px 0; } .kopf2 .new_pics_right_small { padding: 0 0 18px 18px; } .kopf2 .zeile_inhalt_kopf { padding-bottom: 15px; } .new4_pics_left { float: left; padding-right: 20px; clear: left; } .new4_pics_right { padding: 0 0 18px 18px; } .kopf .new_pics_left_small { padding: 0 18px 18px 0; } .kopf .new_pics_right_small { padding: 0px; padding-left: 20px; } .class_day { width: 50px; text-align: center; } .class_month { width: 140px; } .class_year { width: 78px; } .veranstlaterdetaillist1 { padding-bottom: 20px; } .veranstlaterdetaillist1 span { background: transparent url(/images/light/arrow-black.gif) 0 3px no-repeat; color: #fff; text-decoration: none; border-bottom: 1px dotted #000; font-weight: bold; padding-left: 10px; cursor: pointer; } #veranstlaterdetaillist2 { } .veranstalterdetaill { border-bottom: 1px solid #666; padding: 0 20px 20px 20px; margin-bottom: 25px; } .veranstalterdetailr { border-bottom: 1px solid #666; padding: 0 20px 20px 20px; margin-bottom: 25px; } span.togglelink { border-bottom: 1px dotted #000; cursor: pointer; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#fff; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #efefef; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }