@CHARSET "UTF-8"; /*************************************************************************************************************************************** SCHRADE Autor: Fabian Krumbholz, info@krumbholz.de Datum: Dezember 2007 ************************************************************************************************************************************* */ /*=Basis */ * { margin:0; padding:0; line-height:100% } /* Entferne die Abst�nde von allen Elementen */ html { height:100% } body { margin:2em 0; font-size:62.5%; font-family:Arial, Verdana, Tahoma, sans-serif; position:relative; color:#000; background:#d4d8d8; text-align:center } img { border:0; padding:0; margin:0 } /* Entferne den Rahmen um verlinkte Bilder */ h1 { font-family:Times New Roman, serif; font-size:1.8em; color:#e50000; margin: 0 0 1em 0; text-transform:uppercase; font-weight:normal } h2 { font-size:1.1em; color:#e50000;font-weight:bold; margin:2.5em 0 1.4em 0; text-transform:uppercase } h3 { font-size:1.1em; font-weight:bold; margin:1.6em 0 .3em 0; text-transform:uppercase } p { font-size:1.1em; line-height:1.4em; margin-bottom:1em } li { font-size:1.1em } h2.name { font-size:1.2em; color:#e50000;font-weight:bold; margin:1em 0 0 0; text-transform:uppercase } h2.av, h2.av { font-size:1.1em; color:#000; font-weight:bold; margin:1em 0 .5em 0; text-transform:uppercase } p.abschluss { font-size:1.2em; color:#999; font-weight:normal; margin:0 0 1.4em 0; } ul { list-style:none; margin-bottom:1em } li a, li a:link, li a:visited { color:#000 } li a:hover { color:#e50000 } li a:active { color:#e50000 } a { color:#e50000; text-decoration:none } a:link { color:#e50000; text-decoration:none } a:visited { color:#e50000; text-decoration:none } a:hover { color:#e50000; text-decoration:none } a:active { color:#e50000; text-decoration:none } ul.reddot { margin-top:.4em } ul.reddot li { background:url(../img/home/smallPoint.gif) no-repeat 0 5px; padding:0 0 0 10px } .anwaelte li { background:url(../img/home/smallPoint.gif) no-repeat 0 5px; padding-left:10px } .anwaltsliste { border-top:1px solid #e50000; border-bottom:1px solid #e50000; margin-top:.6em } .anwaltsliste ul { margin:.3em 0; } .anwaltsliste li { font-size:1em; background:url(../img/home/smallPoint.gif) no-repeat 10px 6px; padding:0 0 0 20px } .anwaltprofil { position:relative; margin:.3em 0; z-index:100; background:#fff; width:330px; border:1px solid #e50000 } .anwaltprofil p { padding:0; margin:0 } .anwaltprofil .first { border-top:1px solid #fff } .anwaltprofil .even { padding:.5em; background:#fff url(../img/home/zeileHell.gif); border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff } .anwaltprofil .odd { padding:.5em; background:#fff url(../img/home/zeileDunkel.gif); border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff } /*=Struktur */ #wrap { margin:20px auto 0 auto; width:768px; border:1px solid #e50000; text-align:left; background:#fff } #header { background:#fff url(../img/home/header.jpg) no-repeat bottom left; height:198px; text-align:center; border-bottom:12px solid #e50000 } #header img { margin-top:32px } #content { background:#fff url(../img/home/bgContent.gif) repeat-y top left; color:#000; z-index:100 } #nav { float:left; width:180px; padding-top:1.8em; background:transparent } #nav li { margin:.6em 0 0 22px; background:url(../img/home/point.gif) no-repeat 0 3px; padding-left:12px } #nav a { color:#000; font-weight:bold; text-decoration:none } #nav a:hover { text-decoration: none; color:#e50000 } #nav .active { color:#e50000; font-weight:bold } #main { padding:2.2em 12px 1.5em 20px; float:left; width:351px } #main li { line-height:1.5em } #standorte li { margin-bottom:1.2em } #standorte a { font-weight:bold; text-transform:uppercase } #related { float:left; margin:22px 0 0 20px; width:150px; height:290px } #footer { text-align:center; border-top:#e50000 5px solid } /*=Veranstalungskalender */ #veranstaltungen a, #kalender a { color:#000; text-decoration:none } #veranstaltungen .kalenderHeader { width:358px; background:#e50000 url(../img/home/bgKalenderHeader.gif) repeat-y top left } #veranstaltungen .kalenderHeader p { font-weight:bold; color:#fff; padding:0; margin:0; line-height:2.2em } #veranstaltungen .left { float:left; width:61px; padding:0 8px 0 7px } #veranstaltungen .middle { float:left; width:126px; padding:0 8px 0 7px } #veranstaltungen .right { float:left; width:127px; padding:0 7px 0 7px } #veranstaltungen .paddingTop { padding-top:8px } #veranstaltungen .verantstaltung { margin-top:2px; background:#ccc url(../img/home/bgKalenderUebersicht.gif) repeat-y top left; width:358px } #veranstaltungen .termin { text-align:center } #veranstaltungen .termin p { text-align:left } #veranstaltungen .termin h1 { font-weight:bold; font-size:3.5em; color:#b9b9b9; text-transform:uppercase; font-family:arial,verdana,tahoma,sans-serif; margin:0; padding-bottom:.3em } #veranstaltungen .termin p { font-weight:bold; color:#666 } #veranstaltungen .navKalender { width:344px; padding:8px 7px; background:#d7d7d7 url(../img/home/bgKalenderNav.gif) repeat-x top left } #veranstaltungen .navKalender p { margin:0; padding:0; text-align:right } #veranstaltungen .navKalender a { margin-left:1em } #veranstaltungen .kalenderFooter { height:12px; background:#e50000; width:358px; margin:2px 0 15px } #kalender .kalenderHeader { width:358px; background:#e50000 } #kalender .kalenderHeader p { font-weight:bold; color:#fff; padding:0; margin:0 8px; line-height:2.2em } #kalender .kalenderHeader a { font-weight:bold; color:#fff; line-height:2.2em } #kalender .subHeader { background:#999 url(../img/home/bgKalenderSubHeader.gif) repeat-y top left; width:358px; margin-top:2px } #kalender .subHeader p { font-weight:bold; color:#fff; padding:0; margin:0; line-height:2.2em } #kalender .odd { background:#f0f0f0 url(../img/home/bgKalenderOdd.gif) repeat-y top left; } #kalender .even { background:#e6e6e6 url(../img/home/bgKalenderEven.gif) repeat-y top left; } #kalender .left { float:left; width:41px; padding:0 8px 0 7px } #kalender .middle { float:left; width:26px; padding:0 8px 0 7px } #kalender .right { float:left; width:247px; padding:0 7px 0 7px } #kalender .paddingTop { padding-top:8px } #kalender .verantstaltung { margin-top:2px; width:358px } #kalender .termin { text-align:center } #kalender .termin h1 { font-weight:bold; font-size:3.5em; color:#b9b9b9; text-transform:uppercase; font-family:arial,verdana,tahoma,sans-serif; margin:0; padding-bottom:.3em } #kalender .termin p { font-weight:bold; color:#666 } #kalender .navKalender { width:344px; padding:8px 7px; background:#d7d7d7 url(../img/home/bgKalenderNav.gif) repeat-x top left } #kalender .navKalender p { margin:0; padding:0; text-align:right } #kalender .navKalender a { margin-left:1em } #kalender .termin p { font-weight:bold; color:#666; text-align:left; font-size:1.4em } #kalender ul.kalenderList li { background:url(../img/home/bgPunkt.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em; margin-bottom:.75em } #kalender .kalender a { color:#000; text-decoration:none } #kalender .kalenderFooter { height:7px; background:#999; width:358px; margin:2px 0 15px } #flags { width:184px; padding:0 0 15px 584px; background:#fff url(../img/home/bgContent.gif) repeat-y top left; height:13px; line-height:13px; vertical-align:middle } #flags a:link, #flags a:visited, #flags a:hover, #flags a:active, #flags span { padding:.2em .5em; background:#535353; color:#fff; text-decoration:none } #flags a#en { background:transparent url(../img/home/flag_en_over.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a#de { background:transparent url(../img/home/flag_de_over.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a#fr { background:transparent url(../img/home/flag_fr_over.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a#es { background:transparent url(../img/home/flag_es_over.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a:hover#en { background:transparent url(../img/home/flag_en.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a:hover#de { background:transparent url(../img/home/flag_de.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a:hover#fr { background:transparent url(../img/home/flag_fr.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags a:hover#es { background:transparent url(../img/home/flag_es.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags .de { background:transparent url(../img/home/flag_de.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags .en { background:transparent url(../img/home/flag_en.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags .fr { background:transparent url(../img/home/flag_fr.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } #flags .es { background:transparent url(../img/home/flag_es.gif) no-repeat top left; width:19px; height:13px; display:block; float:left } .box { background:#f0f0f0; padding:.2em 7px 7px 7px; margin-bottom:1em; width:344px } .box h1 { background:#e50000; color:#fff; font-family:arial,verdana,sans-serif; font-size:1.3em; text-transform:none; font-weight:bold; padding:.2em 7px; line-height:2.5em; display:inline } .thema div.beschreibung { font-size:1.1em; line-height:1.5em; margin:0 10px 10px 10px; padding-top:0 } .thema h1 { background:#f0f0f0; color:#e50000; text-transform:none; font-weight:bold; font-size:1.3em; padding:7px 7px 0 7px; margin-bottom:5px; line-height:1.5em; display:block } .thema h2 { background:#e6e6e6; color:#000; font-size:1.3em; text-transform:none; font-weight:bold; padding:.2em 7px; line-height:1.75em; display:inline } .thema ul li { background:url(../img/home/bgPunkt.gif) no-repeat 0 6px; padding-left:15px; line-height:1.5em; margin-bottom:.75em; font-size:1em } .box p, .box li { color:#000; padding:0 7px } .boxNav { background:#f0f0f0; width:358px; margin-bottom:1em } .boxNav p { margin:0; padding:0; padding-right:.7em } .boxNav a { color:#000; margin-left:.7em; line-height:2.2em } .warning { background:#e50000; color:#fff; padding:.7em 7px; width:344px; margin-bottom:1em } .warning h1 { color:#fff; font-family:arial,verdana,sans-serif; text-transform:none; font-size:1.3em; font-weight:bold; line-height:1.2em; margin:0; padding:0 0 .7em 0 } .warning p { color:#fff; padding:0; margin:0 } h2.anmeldung { background:#e50000; color:#fff; display:inline; line-height:2.2em; text-transform:none; font-size:1.3em; font-weight:bold; padding:.2em 7px } h2.messageError { margin:0; padding:0 0 1em 0; text-transform:none } form .fieldset { background:#f0f0f0; width:344px; padding:.7em .7em; margin-bottom:.7em } .fieldset p { margin-bottom:2em } form br { clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em; overflow:hidden } label { float:left; width:110px; line-height:2em; cursor:pointer; position:relative; top:-.3em } input, select, textarea { float:right; border:1px solid #e50000; width:230px; font-size:1em; font-family:arial,verdana,sans-serif } p.submitButton { float:right; margin:-1em 0 .7em 0 } p.submitButton input { display:inline; width:auto; cursor:pointer; padding:.2em .3em; font-weight:bold } .required { color:#e50000; padding-left:.3em } .fieldset .noMarginBottom { padding-bottom:0; margin-bottom:0 } .errorField { background:#FFDFDF; color:#000 } .errorLabel { font-weight:bold; color:#000 } /*=Buttons */ .btHaken { background:url(../img/home/btHaken.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btPlus { background:url(../img/home/btPlus.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btMinus { background:url(../img/home/btMinus.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btFragezeichen { background:url(../img/home/btFragezeichen.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btSchloss { background:url(../img/home/btSchloss.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btTop { background:url(../img/home/btTop.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btGt { background:url(../img/home/btGt.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } .btLt { background:url(../img/home/btLt.gif) no-repeat 0 3px; padding-left:12px; line-height:1.5em } /*=Helfer */ .clear { clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em } /* overflow:hidden versacht im IE6, dass das BG-Bild nicht angezeigt wird. */ .nb { white-space:nowrap } /* No-Break: Verhindert einen Umbruch */ .hide { position:absolute; left:-1000em; width:20em } .wichtig { font-weight:bold }