/* - wkbk_default.css - */ @media all { /* ************************************************************ * * * (c) 2008 werkbank multimedia gmbh - www.werkbank.com * * all rights reserved * * * ************************************************************ */ /* ======================================================================== G L O B A L ======================================================================== */ body { font: 11px Verdana, sans-serif !important; background: white; color: Black; padding: 0; margin: 0 auto; height: 100%; min-width: 792px; } .section-willkommen h1.documentFirstHeading, .section-welcome h1.documentFirstHeading { padding-top: 0px; } .section-willkommen .documentContent, .section-welcome .documentContent { width: 549px; background-image: none; border-left: none; padding-right: 0px !important; } .section-willkommen .documentContent h2, .section-welcome .documentContent h2 { padding-top: 5px !important; } .section-willkommen #threeXthree, .section-welcome #threeXthree { width: 339px !important; height: 339px !important; margin: 0 25px 20px 0; z-index: 1;} .section-willkommen #threeXthree a, .section-willkommen #threeXthree li,.section-welcome #threeXthree a, .section-welcome #threeXthree li { width: 112px; height: 112px; } .section-goethehaus .square, .section-goethe-house .square, .section-goethehaus .square_right, .section-goethe-house .square_right { background-color: #CC9900; } .section-goethehaus .content_right .image, .section-goethe-house .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/goethehaus.gif) no-repeat bottom; } .section-goethemuseum .square, .section-goethe-museum .square, .section-goethemuseum .square_right, .section-goethe-museum .square_right { background-color: #000099; } .section-goethemuseum .content_right .image, .section-goethe-museum .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/goethemuseum.gif) no-repeat bottom; } .section-sammlungen .square, .section-sammlungen .square_right { background-color: #009999; } .section-sammlungen .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/sammlungen.gif) no-repeat bottom; } .section-forschung-und-editionen .square, .section-forschung-und-editionen .square_right { background-color: #666600; } .section-forschung-und-editionen .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/forschung_editionen.gif) no-repeat bottom; } .section-bildung-und-vermittlung .square, .section-bildung-und-vermittlung .square_right { background-color: #663300; } .section-bildung-und-vermittlung .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/bildung_vermittlung.gif) no-repeat bottom; } .section-freies-deutsches-hochstift .square, .section-freies-deutsches-hochstift .square_right { background-color: #CCCCCC; } .section-freies-deutsches-hochstift .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/hochstift.gif) no-repeat bottom; } .section-publikationen .square, .section-publikationen .square_right { background-color: #CCCCCC; } .section-publikationen .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/publikationen.gif) no-repeat bottom; } .section-veranstaltungen .square, .section-veranstaltungen .square_right { background-color: #CCCCCC; } .section-veranstaltungen .content_right .image { background: transparent url(https://www.goethehaus-frankfurt.de/veranstaltungen.gif) no-repeat bottom; } .section-veranstaltungen .documentDescription { color: #000000; font-size: 11px; } #wkbk_MainBody { width: 792px; } #wkbk_PopupBody { min-width: 550px; } #wkbk_PopupBody .popupDocumentContent { padding: 0 32px 0 32px !important; width: 486px; } body.kupu { min-width: 10px; } .hiddenStructure { visibility: hidden; } .printOnly { display: none; visibility: hidden; } /* ======================================================================== P O R T A L W R A P P E R ======================================================================== */ #visual-portal-wrapper { width: 792px !important; margin: 0; background: transparent; position: relative; top: 0px; left: 0px; z-index: 1; } /* ======================================================================== P O R T A L C O L U M N B A S I C S ======================================================================== */ #portal-column-one { background: transparent; border-right: 1px solid #999999; margin-right: -1px; } #portal-column-two, #portal-column-content { background: transparent; } #portal-column-one .visualPadding { padding: 42px 0 0 0; background: transparent; } #portal-column-two .visualPadding { padding: 0 0 0 0; background: transparent; } /* ======================================================================== P O R T A L H E A D E R ======================================================================== */ #portal-header { width: 762px; margin-top: 23px; color: #3e4fa1; } #portal-header .header { float: left; margin: 36px 0 0 94px; } #portal-header .header a { text-transform: uppercase; color: #3e4fa1; text-decoration: none; } #portal-header .homelink { float: left; display: block; margin-top: 36px; text-transform: uppercase; color: #666666; text-decoration: none; width: 60px; } #bannerDRM a { display: block; width: 761px; height: 146px; background: transparent url(https://www.goethehaus-frankfurt.de/DRM_Banner.gif) no-repeat left top; } /*.section-willkommen #portal-hover-navigation { top: 246px; } 160302*/ .section-willkommen #portal-header { margin-top: -10px; } /* ======================================================================== P O R T A L L O G O ======================================================================== */ #portal-logo { display: block; background: transparent url(https://www.goethehaus-frankfurt.de/logo_home.gif) no-repeat left 29px; margin: 0 0 0 0; float: left; width: 58px; height: 118px; } #portal-logo { background: transparent url(https://www.goethehaus-frankfurt.de/logo_home.gif) no-repeat left 29px; width: 180px; margin-right: -62px; } #portal-logo a { display: block; margin-top: 29px; padding-top: 55px; width: 180px; } /* ======================================================================== S E A R C H B O X L I V E S E A R C H ======================================================================== */ #portal-searchbox { margin: 0 0 0 0; padding: 12px 0 0 0; text-transform: uppercase; width: 155px; } #portal-searchbox .LSBox { padding: 0 0 0 0; float: right; } #livesearchLegend { display: none; visibility: hidden; } .searchtitle { float: left; color: #999999; padding: 2px 5px 0 0; } #portal-searchbox input { font-size: 11px; border: 1px solid #999999; margin: 0 -5px 0 3px; background: white; } #portal-searchbox input.searchButton { background: white url(https://www.goethehaus-frankfurt.de/icon_suche.gif) no-repeat 0px 0px !important; padding: 17px 0 0 17px; border: none !important; margin: 0 0 0 0 !important; height: 17px; width: 17px; overflow: hidden; color: white; } /* ======================================================================== L A N G U A G E - S E L E C T O R ======================================================================== */ #wbLanguageSelector { margin: 0px; height: 20px; } #portal-header .documentActions { float: none; } #wbLanguageSelector a { padding: 0 0 0 7px; color: #999999; font-size: 10px; } #wbLanguageSelector a.wbCurrentLanguage { color: #CCCCCC; } #wbLanguageSelector li.Deutsch { border-right: 1px solid #CCCCCC; padding-right: 3px; } /* ======================================================================== P O R T L E T N A V I G A T I O N ======================================================================== */ .visualIcon { background-image: none; } .visualIconPadding { margin-left: 0px; padding-left: 0px; } #portlet-navigation-tree, #portlet-navigation-tree .portletNavigationTree, #portlet-navigation-tree .portlet, #portlet-navigation-tree .portletHeader, #portlet-navigation-tree .portletItem, #portlet-navigation-tree .portletItemSingle, #portlet-navigation-tree .portletItemLast, #portlet-navigation-tree .portletFooter, #portlet-navigation-tree .visualNoMarker { margin: 0; padding: 0; border: 0; } #portlet-navigation-tree .navTree { margin-top: 0; margin-bottom: 0; } /* NAV-PORTLET ALLGEMEIN */ /* -------------------- */ #portlet-navigation-tree { background: transparent; } #portlet-navigation-tree .portletHeader { display: none; visibility: hidden; } /* LI - Items */ /* -------------------- */ #portlet-navigation-tree .navTreeItem, #portlet-navigation-tree li { display: block; margin: 0; padding: 0; border: 0 !important; } #portlet-navigation-tree .navTreeLevel0 li.navTreeItem { margin-top: 7px; } #portlet-navigation-tree .navTreeLevel1 li.navTreeItem { margin: 0 0 3px 0; border-top: 0px!important; } #portlet-navigation-tree .navTreeLevel2 li.navTreeItem { margin: 3px 0 0 0px; border: 0 !important; } #portlet-navigation-tree .navTreeLevel3 li.navTreeItem { margin: 0 0 0 0; margin-left: 20px; border: 0 !important; } #portlet-navigation-tree li.item_expanded { border-bottom: 0 !important; } /* A-TAGs */ /* ------------------- */ #portlet-navigation-tree .navTreeItem a, #portlet-navigation-tree .navTreeItem a:hover, #portlet-navigation-tree a.navTreeCurrentItem, #portlet-navigation-tree a.navTreeCurrentItem:hover { display: block; margin: 0; border: 0 !important; background: transparent; text-decoration: none; color: #3e4fa1 !important; } #portlet-navigation-tree a.navTreeItemExpanded { font-weight: bold; } /* LINE UP: --------------------- */ #portlet-navigation-tree .navTreeLevel0, #portlet-navigation-tree .navTreeLevel1, #portlet-navigation-tree .navTreeLevel2, #portlet-navigation-tree .navTreeLevel3, #portlet-navigation-tree .navTreeLevel4, #portlet-navigation-tree .navTreeLevel5 { margin-left: 0px; padding-left: 0px !important;} /* use the a-tags for indent: (plone gives them 18px padding as default) */ #portlet-navigation-tree .navTreeLevel0 a, #portlet-navigation-tree .navTreeLevel1 a { text-transform: uppercase; } #portlet-navigation-tree .navTreeLevel0 a:hover, #portlet-navigation-tree .navTreeLevel1 a:hover, #portlet-navigation-tree .navTreeLevel0 a.navTreeCurrentItem, #portlet-navigation-tree .navTreeLevel1 a.navTreeCurrentItem { font-weight: bold; } #portlet-navigation-tree .navTreeLevel2 a { text-transform: none; padding-left: 20px; } #portlet-navigation-tree .navTreeLevel2 a:hover { font-weight: bold; } #portlet-navigation-tree .navTreeLevel2 a.navTreeCurrentItem { font-weight: bold; background: white url(https://www.goethehaus-frankfurt.de/highlight_navi_02.gif) no-repeat 1px 2px !important; } #portlet-navigation-tree .navTreeLevel2 a.navTreeItemExpanded { background: white url(https://www.goethehaus-frankfurt.de/pfeil_navi.gif) no-repeat 7px 8px !important; } #portlet-navigation-tree .navTreeLevel2 .navTreeCurrentItem.navTreeItemExpanded { background: white url(https://www.goethehaus-frankfurt.de/highlight_navi_02_01.gif) no-repeat 1px 2px !important; } #portlet-navigation-tree .navTreeLevel3 a { text-transform: none; padding-left: 20px; padding-right: 10px; } #portlet-navigation-tree .navTreeLevel3 a:hover { font-weight: bold; } #portlet-navigation-tree .navTreeLevel3 a.navTreeCurrentItem { font-weight: bold; background: white url(https://www.goethehaus-frankfurt.de/highlight_navi_03.gif) no-repeat 1px 2px !important; } #portlet-navigation-tree .navTreeLevel3 .navTreeCurrentItem.navTreeItemExpanded { background: white url(https://www.goethehaus-frankfurt.de/highlight_navi_03_01.gif) no-repeat 1px 2px !important; } #portlet-navigation-tree .navTreeLevel4 a { text-transform: none; padding-left: 20px; } #portlet-navigation-tree .navTreeLevel4 a:hover { font-weight: bold; } #portlet-navigation-tree .navTreeLevel4 a.navTreeCurrentItem { font-weight: bold; background: white url(https://www.goethehaus-frankfurt.de/highlight_navi_04.gif) no-repeat 1px 2px !important; } #portal-hover-navigation li ul { display: none; } #portal-hover-navigation { background: transparent; z-index: 20; left: 0px; width: 210px; top: -49px; /*height: 400px; position: absolute; top: 100px; */ height: auto; position: relative; } /* LI - Items */ /* -------------------- */ #portal-hover-navigation .navTreeItem, #portal-hover-navigation li { display: block; margin: 0; padding: 0; border: 0 !important; } #portal-hover-navigation.navTreeLevel0 li.navTreeItem { margin-top: 7px; } #portal-hover-navigation .navTreeLevel1 li.navTreeItem { margin: 0 0 3px 0; border-top: 0px!important; } #portal-hover-navigation .navTreeLevel2 li.navTreeItem { margin: 3px 0 0 0px; border: 0 !important; } /* A-TAGs */ /* ------------------- */ #portal-hover-navigation .navTreeItem a, #portal-hover-navigation .navTreeItem a:hover, #portal-hover-navigation a.navTreeCurrentItem, #portal-hover-navigation a.navTreeCurrentItem:hover { display: block; margin: 0; border: 0 !important; background: transparent; text-decoration: none; color: #3e4fa1 !important; } /* LINE UP: --------------------- */ #portal-hover-navigation.navTreeLevel0, #portal-hover-navigation .navTreeLevel1, #portal-hover-navigation .navTreeLevel2 { margin-left: 0px; padding-left: 0px !important;} #portal-hover-navigation .navTreeLevel2BG { position: absolute; z-index: 49; margin: -35px 0 0 190px; width: 200px; } #portal-hover-navigation .navTreeLevel2 { background: #FFFFFF; position: absolute; z-index: 51; padding: 10px 20px 10px 0; } /* use the a-tags for indent: (plone gives them 18px padding as default) */ #portal-hover-navigation.navTreeLevel0 a, #portal-hover-navigation .navTreeLevel1 a { text-transform: uppercase; } #portal-hover-navigation.navTreeLevel0 a:hover, #portal-hover-navigation .navTreeLevel1 a:hover, #portal-hover-navigation.navTreeLevel0 a.navTreeCurrentItem, #portal-hover-navigation .navTreeLevel1 a.navTreeCurrentItem { font-weight: bold; } #portal-hover-navigation .navTreeLevel2 a { text-transform: none !important; padding-left: 20px; font-weight: normal !important; } /* ======================================================================== E V E N T D A T E N B A N K ======================================================================== */ .contenttype-signupevent { background-image: none; } .eventMessage { font-weight: bold; } .eventMonthName { padding: 0 0 5px 0; } .eventContainer { padding: 15px 0 20px 0; line-height: 1.5em; } .eventContainer .vevent .contenttype-goethehausseminar { background-image: none; } .contenttype-goethehausveranstaltung, .contenttype-goethehausausstellung { background-image: none; } .more_details { color: #3e4fa1; margin-top: 5px; } .more_details a { color: #3e4fa1 !important; } #event_data td { padding: 5px 15px 5px 0; } /* ======================================================================== S H O P ======================================================================== */ .portalMessage { margin-top: 0px; padding: 0.5em 3em 0.5em 3em; } .shoppingsteps { padding: 30px 0 20px 0; color: #CCCCCC; } .shoppingsteps .step_aktuell { color: #999999; } .gib_productitem_box { border-bottom: 1px dotted #CCCCCC; padding: 10px 0 15px 0; } .gib_productitem_box input.button { border: none; margin-left: 5px; } .produktabbildung { float: left; clear: left; margin: 12px 25px 15px 0; } .produktinfos { padding: 10px 0 0 0; } .produkttabelle { border: none; margin: 20px 0 40px 0; color: #999999; } .produkttabelle .cart_header th { background: transparent; border-top: none; border-right: none; border-bottom: 1px solid #CCCCCC; text-transform: uppercase; } .produkttabelle tbody tr { border-left: 1px solid #CCCCCC; } .produkttabelle th, .produkttabelle td { padding: 10px 20px 10px 20px; } .produkttabelle td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .adressen { clear: both; margin-bottom: 30px; } .adressen .error { border: none; } .adressen h2 { clear: both; } .adressen .fieldRequired { background-image: none; color: #000000; padding: 0 0 0 0; } .adressen .field, .adressen .plz_ort_wrapper { float: left; width: 400px; clear: both; margin: 3px 0 3px 0; } .adressen .field label { float: left; clear: both; width: 150px; padding-top: 4px; } .adressen .plz_ort_wrapper div { float: left; clear: both; width: 138px; padding-top: 4px; } .adressen .plz_ort_wrapper .field { width: auto; margin-left: 12px; clear: none; } .adressen .field input { float: left; } .adressen .field input.anrede { float: none; margin: 0px; } input.context { border: 1px solid #CCCCCC; font-size: 11px; color: #999999; background-image: none; padding: 1px 6px 1px 6px; } #artikelansicht input.context { margin-left: 10px; } table.adressen .empty_cell { width: 40px; } .zahlungsweise .fieldRequired { background-image: none; color: #000000; padding: 0 0 20px 0; } .zahlungsweise .produkttabelle .warenkorbsumme td, .zahlungsweise .produkttabelle .versandkosten td, .zahlungsweise .produkttabelle .gesamtsumme td { border-right: none; } .zahlungsweise .produkttabelle .warenkorbsumme, .zahlungsweise .produkttabelle .versandkosten, .zahlungsweise .produkttabelle .gesamtsumme { border-left: none; } .zahlungsweise .produkttabelle .gesamtsumme { color: #000000; font-weight: bold; } #portlet-cart { border-bottom: none; margin: 15px 0 0 0; clear: right; float: right; width: 155px; } #portlet-cart .portletHeader { background-color: transparent; border: none; text-transform: uppercase; padding: 0px; } #portlet-cart dd { margin: 0px; } #portlet-cart .portletItem { border: none; padding: 0 0 0 20px; background: white url(https://www.goethehaus-frankfurt.de/warenkorb.gif) no-repeat 0px 0px; } .listingBar { background-color: #FFFFFF; border: none; padding: 0px; font-size: 100%; } .listingBar a { color: #3e4fa1 !important; } /* ======================================================================== A K T U E L L E S ======================================================================== */ #portlet-news { height: 284px !important; overflow: auto; border-bottom: none; float: left; width: 180px; font-size: 11px !important; } #region-content .portletHeader, #region-content dd.portletFooter { display: none; } #region-content .portletItem { border: none; padding: 0 10px 0 0; margin-bottom: 10px; } #content .portletItem a, #content .portletItem a:hover, #content .portletItem a:visited { color: #000000; } #region-content .even { background-color: white; } #region-content .portletItemDetails { color: #999999; text-align: left; } .newsContent { padding: 0px; } .newsItem { border-bottom: none; margin-bottom: 25px; } #content-news { margin-top: 35px; } .documentContent li a { border-bottom: none; } ul.newsAbout { display: none; } .tileItem { border: none; } .tileItem { margin: 0px; padding: 2px 0 20px 0; border-bottom: 1px dotted #CCCCCC; } .vevent .tileImage { border: none; margin: 18px 0 0 30px; } .tileHeadline { font-size: 15px; font-weight: normal; } .tileFooter a { border: none !important; } .info_visible { visibility: visible; display: block; } .info_hidden { visibility: hidden; display: none; } /* ======================================================================== C O N T E N T ======================================================================== */ .googleMapActive.googleMapLocation { width: 280px !important; height: 350px !important; margin-left: 30px; } .googleMapLocation .googleMapPane { height: 380px !important; } iframe.newsletter { border: 0 !important; font-family: Verdana !important; font-size: 11 px !important; margin-left: -10px !important; } iframe.newsletter html body form table tbody tr td font{ margin-right: 20px !important; } html body form table tbody tr td input { width:250px !important; } #content { background: transparent; padding: 0 0 0 0 !important; } .documentContent { background: transparent url(https://www.goethehaus-frankfurt.de/schatten_kachel.gif) repeat-y right; font-size: 11px; color: Black; border-left: 1px solid #999999; padding: 0 32px 32px 32px !important; width: 486px; margin-right: 0px; position: relative; min-height: 270px; } .documentContent a { color: #999999; } .square { width: 22px; height: 22px; position: absolute; z-index: 2 !important; background-color: #999999; margin: -11px 0 0 -11px; } .shadow { background: transparent url(https://www.goethehaus-frankfurt.de/schatten_oben.gif) no-repeat right bottom; height: 3px; margin: 11px 30px 0 0; } .content_right { width: 17px; height: 300px; position: absolute; left: 557px; bottom: 0px; } .content_right .image { width: 17px; height: 275px; } .square_right { width: 17px; height: 17px; margin-top: 8px; } ul { margin: 0px; padding: 0px; } .plain ul { margin: 0.5em 0 0 1.5em; padding: 0px; } .wblinktext { position: absolute; left: 0; bottom: 0; padding: 2px 4px 2px 4px; color: #000000; background-color: #FFFFFF; filter: alpha(opacity=60); opacity: 0.6; font-size: 9px !important; line-height: 13px; } #twoXtwo .wblinktext { width: 116px; } #threeXthree .wblinktext { width: 74px; } #fourXfour .wblinktext { width: 66px; } .wblinktext_hp { position: absolute; left: 4px; bottom: 3px; font-size: 9px !important; line-height: 13px; } .wblinktext_dunkel { color: #2e3b74; position: absolute; left: 4px; bottom: 3px; font-size: 9px !important; line-height: 13px; } a:hover .wblinktext_dunkel { color: #FFFFFF; } .wblinktext_top { position: absolute; left: 4px; top: 2px; font-size: 9px !important; line-height: 13px; } .wblinktext_tr { position: absolute; text-align: right; right: 4px; top: 2px; font-size: 9px !important; line-height: 13px; } .wblinktext_right { position: absolute; text-align: right; right: 4px; bottom: 3px; font-size: 9px !important; line-height: 13px; } #oneXone { width: 249px; height: 249px; position: relative; left: -32px; float: left; margin: -11px 0 20px 0; background-repeat: no-repeat; } #oneXone li { display: none; } #twoXtwo { width: 250px; height: 250px; position: relative; left: -32px; float: left; margin: -11px 0 20px 0; background-repeat: no-repeat; } #twoXtwo li { float: left; width: 124px; height: 124px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; list-style: none; margin: 0px; } #twoXtwo a { position: relative; display: block; color: #FFFFFF !important; width: 124px; height: 124px; text-transform: uppercase; font-size: 9px !important; font-family: Verdana; text-decoration: none; } #twoXtwo a:hover { background-repeat: no-repeat; z-index: 1 !important; } #threeXthree { width: 249px; height: 249px; position: relative; left: -32px; float: left; margin: -11px 0 20px 0; background-repeat: no-repeat; } #threeXthree a { position: relative; display: block; color: #FFFFFF !important; width: 82px; height: 82px; text-transform: uppercase; font-size: 9px !important; font-family: Verdana; text-decoration: none; } #threeXthree a:hover { background-repeat: no-repeat; z-index: 1 !important; } #threeXthree li { float: left; width: 82px; height: 82px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; list-style: none; margin: 0px; } #fourXfour { width: 300px; height: 300px; position: relative; left: -32px; float: left; margin: -11px 0 20px 0; background-repeat: no-repeat; } #fourXfour a { position: relative; display: block; color: #FFFFFF !important; width: 74px; height: 74px; text-transform: uppercase; font-size: 9px !important; font-family: Verdana; text-decoration: none; } #fourXfour a:hover { background-repeat: no-repeat; z-index: 1 !important; } #fourXfour li { float: left; width: 74px; height: 74px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; list-style: none; margin: 0px; } #image a:hover { background-repeat: no-repeat; } #image a:visited { color: #FFFFFF !important; } .link-mailto { background: transparent; padding-left: 0px; } hr { background-color: #3e4fa1; color: #3e4fa1; } #content p, #content label, #content fieldset, #content td { /* font-size: 11px; */} #content a { text-decoration: none; color: #3e4fa1; } .documentContent p a { border-bottom: 1px solid #3e4fa1; } #content a:hover { color: color: #3e4fa1; } #content .link-external { padding: 0; border: 0; background: transparent; } h1, h2, h3, h4, h5, h6, h7 { margin: 0 0 0.25em 0; border: 0; } h1 a, h2 a, h4 a, h5 a, h6 a { text-decoration: none; } h1, h1 a { font-size: 19px; font-weight: normal; color: #2e3b74 !important; text-transform: uppercase; padding: 30px 0 30px 0; margin: 0 0 0 0; } h2, h2 a { font-size: 15px; font-weight: normal; color: #2e3b74 !important; padding: 15px 0 5px 0; } h3, #content h3 a { font-size: 11px; font-weight: bold; color: #2e3b74 !important; border-bottom: none; padding: 10px 0 0 0;} h4, h4 a { font-size: 100%; font-weight: bold; border-bottom: none; } h5, h5 a { font-size: 100%; font-weight: bold; border-bottom: none; } h6, h6 a { font-size: 85%; font-weight: bold; border-bottom: none; } img, .image_left, .image_right { border: 0; } .image_left { float: left; clear: left; margin: 0 20px 20px 0; } .image_right { float: right; clear: right; margin: 0 0 20px 20px; text-align: right; } #content .imagedetails { color: #999999; } .section-kontakt .plain div.left { clear: both; float: left; width: 230px; line-height: 1.5em;} .section-kontakt .plain div.right { float: right; width: 220px; padding: 18px 0 0 0; line-height: 1.5em; } div.clearer { clear: both; } .highlightColor, .highlightColor a { color: #009900 !important; } .documentByLine, .link-parent { display: none; visibility: hidden; } .documentDescription { display: none; } /* ------------------------------------------------------------------------ F O R M U L A R E ------------------------------------------------------------------------ */ .anonContent fieldset { border: 0; padding: 0; margin: 0 10px 0 10px; } .anonContent legend { display: none; visibility: hidden; } .anonContent .formHelp { visibility: hidden; display: none; } /* FELDER */ /* -------------------------------- */ fieldset { border: none; padding: 0px; } input { border: 1px solid #999999; } textarea { border: 1px solid #999999; } legend { display: none; } .anonContent .field { display: block; margin: 10px 0px; clear: both; } .anonContent .field .field { margin: 10px 0 0 0; } .anonContent .fieldRequired { background: url(https://www.goethehaus-frankfurt.de/required.gif) center left no-repeat; padding: 0 0 0 10px; /* image is only 8 !! */ color: white; display: block; float: left; width: 0px; /* Nicht vergessen: IE BOXMODEL-HACK! */ margin-left: -10px; overflow: hidden; } /* LABEL */ /* -------------------------------- */ .anonContent .wkbk_floatlabel, .anonContent label { display: block; clear: both; width: 130px; height: 28px; margin: 0px 12px; float: left; font-weight: normal; line-height: 100%; } /* INPUTS */ /* -------------------------------- */ .anonContent .wkbk_floatlabel input, .anonContent label input { min-height: 28px; width: 130px; } .anonContent textarea { width: 380px; margin: 0px 12px 10px 12px; } /* Spezial: Anrede-Felder */ /* -------------------------------- */ #archetypes-fieldname-anrede input { display: block; clear: none; float: left; width: auto; } #archetypes-fieldname-anrede label.anrede_1, #archetypes-fieldname-anrede label.anrede_2 { display: block; clear: none; float: left; width: 50px; margin: 0px 12px 0 6px; height: 28px; } #archetypes-fieldname-anrede br { display: none; } /* Buttons */ /* -------------------------------- */ #region-content .formControls { clear: both; display: block; width: auto; margin-bottom: 70px; } .documentEditable #region-content .formControls { width: auto; } .documentContent .formControls .standalone, .documentContent .formControls .context { float: none; cursor: pointer; border: 1px solid #999999; border-bottom: 2px solid #999999; border-right: 2px solid #999999; margin: 5px; width: auto; height: auto; color: #999999; text-transform: none; font-size: 11px; line-height: 100%; font-weight: bold; text-align: center; padding: 2px 6px 2px 16px; background: #FFFFFF url(pfeil_blau_single.gif) 3px 3px no-repeat; vertical-align: middle; } #region-content .wkbk_verticalForm { margin-left: 130px; } #SearchableText, #Title, #searchContext, #created { width: 130px; } /* ======================================================================== D O C A C T I O N S (deriven from documentActions) ======================================================================== */ .documentActions { /* visibility: hidden; display: none; */ } .documentFootActions { /* float: left; */ display: block; height: 32px; margin: 0.4em 0 0 0.5em; padding: 0; text-align: left; font-size: 90%; } .documentFootActions ul { margin: 1px 0 2px 0; padding: 0; display: block; } .documentFootActions li { display: inline; list-style: none; list-style-image: none; margin: 0 8px 0 0; padding: 0; } .documentFootActions a, .documentFootActions a:hover { border: none !important; text-decoration: none; } /* ======================================================================== F O O T E R & C O L O P H O N ======================================================================== */ #portal-footer { border: 0; background: transparent; margin: 20px 0 0 211px; text-align: left; padding: 14px; } .wkbk_byLine, #portal-colophon { display: none; visibility: hidden; } /* ------------------------------------------------------------------------ ANPASSUNG aktuelle Publikationen (mehrere Bilder) - 2014-07-25 - Lydia ------------------------------------------------------------------------ */ .section-publikationen-depth-2-0 .produktabbildung { display:none; } .section-publikationen-depth-2-0 .produktabbildung:nth-of-type(2), .section-publikationen-depth-2-0 .produktabbildung:nth-of-type(3) { display: block;} /*ende*/ /* ------------------------------------------------------------------------ A U T H O R I N G (nur overriding) ------------------------------------------------------------------------ */ .contentViews { padding-left: 0px; margin-top: 10px; } .contentViews li a { margin-right: 2px; padding: 0em 5px; text-transform: none; } /* F C K N E W E R */ body#content { min-width: 480px !important; width: 490px !important; font-size: 11px; background: #FFFFFF; padding: 4px !important; margin: 0px !important; } body#content .SC_Panel { background-color: #eeeeee; margin-top: -5px !important; margin-left: -10px !important; padding:5px !important; margin-right:10px !important; margin-bottom:10px !important; } /* T H E E N D */ }