/* Theme Name: casa-art.css */ /* ----------------------------------------------- $Id casa-art.css 1233936927, 2009-02-06 17:02:27 msslovi0 $ casa-art.de Stylesheet: casa-art.css Author: Matt Slovig Version: 6 February 2009 Revision: 6 February 2009 Colors: Green: #154619 Gold: #A78016 ----------------------------------------------- */ /* -----------------------------------*/ /* ---------->>> IMPORTS <<<----------*/ /* -----------------------------------*/ @import url(/c/prettyPhoto.css); @import url(/c/jquery.fancybox.css); @import url(/c/imageflow.css); /* -----------------------------------*/ /* ---------->>> RESET <<<------------*/ /* -----------------------------------*/ /* v1.0 | 20080212 */ /* http://meyerweb.com/eric/tools/css/reset/index.html */ html, body, div, span, applet, object, iframe, 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* -----------------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* -----------------------------------*/ html {} body { background: #FFF; font: 11px/18px "Lucida Grande", Verdana, sans-serif; text-shadow: #FFF 0 1px 0; font-style: normal; font-weight: normal; } #casa-art { background: #FFF; } /* -----------------------------------*/ /* --------->>> CLEARFIX <<<----------*/ /* -----------------------------------*/ .c, .clearBoth { clear: both; padding-top: 5px; } .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf {display: inline-table;} /* Hides from IE-mac \*/ * html .cf {height: 1%;} .cf {display: block;} /* End hide from IE-mac */ /* End Clearfix */ /* -----------------------------------*/ /* --------->>> STRUCTURE <<<---------*/ /* -----------------------------------*/ #top { display: block; height: 34px; background: #0F3214; border-bottom: 8px solid #666; } #top nav { width: 854px; display: block; margin: 0 auto; } #top nav ul { float: right; } #top nav ul li { float: left; display: block; } #top nav ul li a { padding: 0 10px; display: block; line-height: 34px; color: #FFF; text-shadow: #040 0 1px 0; text-decoration: none; } #top nav ul li a:hover, #impressum nav ul li a.impressum, #login nav ul li a.login { background: #154E1D; } footer { display: block; height: 34px; background: #0F3214 url(bg.shade.png) repeat-x; clear: both; } footer div { width: 854px; display: block; margin: 0 auto; } footer div ul { float: right; } footer div ul li { float: left; display: block; line-height: 34px; color: #FFF; text-shadow: #040 0 1px 0; } footer div ul li a { padding: 0 10px; display: block; line-height: 34px; color: #FFF; text-shadow: #040 0 1px 0; text-decoration: none; } footer div ul li a:hover { text-decoration: underline; } footer div ul li a:visited { color: #FFF; } #header { z-index: 3;} #header nav { z-index: 4;} #header nav ul {z-index: 5;} #header nav ul li { z-index: 6;} /*#header nav ul li a { z-index: 8;}*/ #header nav ul li ul { z-index: 9;} #header nav ul li ul li { z-index: 10;} /*#header nav ul li ul li a { z-index: 11;}*/ #header nav ul li ul li ul { z-index: 12;} #header nav ul li ul li ul li { z-index: 13;} #header nav ul li ul li ul li a { z-index: 140 !important; } #header { display: block; height: 174px; background: url(bg.gold.jpg) repeat-x; border-bottom: 10px solid #444; } #header nav { width: 854px; display: block; margin: 0 auto; background: url(bg.header.jpg) no-repeat; height: 174px; position: relative; } #header div { background: url(bg.green.jpg) no-repeat; background-position: top right; } #header nav ul { width: 100%; height: 26px; position: absolute; bottom: -10px; left: 0; background: #CCC url(bg.navigation.jpg) repeat-x; } #header nav ul a.rent { background: #CCC url(bg.navigation.rent.jpg) repeat-x; color: #A78016; text-shadow: #846101 0 1px 0; } #header nav ul li ul { position: absolute; top: 26px; width: 170px; left: -999em; } #header nav ul li ul li { position: relative; } #header nav ul li ul ul, #header nav ul li.sfHover ul ul, #header nav ul li:hover ul ul, #header nav ul li ul li.sfHover ul, #header nav ul li ul li:hover ul { margin: -27px 0 0 170px; border-top: 1px solid #B8B8B8; /* left: -999em; */ } #header nav ul li ul li { border-left: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; width: 170px; background: #CCC; } #header nav ul li ul li:hover, #header nav ul li ul li a:hover { background: #DDD; } #header nav ul li:hover ul, #nav ul li.sfhover ul, #header nav ul li ul li:hover ul, #nav ul li ul li.sfhover ul { width: 170px; left: auto; } #header nav ul li { line-height: 26px; float: left; border-right: 1px solid #B8B8B8; } #header nav ul li a { display: block; padding: 0 8px; color: #545454; text-shadow: #AAA 0 1px 0; text-decoration: none; font-size: 10px; } #header nav ul li a:hover { background: url(bg.navigation.hover.png) no-repeat bottom center; } #header nav ul li a.rent:hover { background: url(bg.navigation.hover.rent.jpg) no-repeat bottom center; } #home #header nav ul li a.home, #home #header nav ul li a.home:hover, #about-us #header nav ul li a.about-us, #about-us #header nav ul li a.about-us:hover, .about-us #header nav ul li a.about-us, .about-us #header nav ul li a.about-us:hover, #team #header nav ul li a.team, #team #header nav ul li a.team:hover, #reference #header nav ul li a.reference, #reference #header nav ul li a.reference:hover, #service #header nav ul li a.service, #service #header nav ul li a.service:hover, .service #header nav ul li a.service, .service #header nav ul li a.service:hover, #location #header nav ul li a.location, #location #header nav ul li a.location:hover, .location #header nav ul li a.location, .location #header nav ul li a.location:hover, #contact #header nav ul li a.contact, #contact #header nav ul li a.contact:hover, #coaching #header nav ul li a.coaching, #coaching #header nav ul li a.coaching:hover, .coaching #header nav ul li a.coaching, .coaching #header nav ul li a.coaching:hover, #purchase #header nav ul li a.purchase, #purchase #header nav ul li a.purchase:hover, .press-events #header nav ul li a.press-events, .press-events #header nav ul li a.press-events:hover, #internal #header nav ul li a.internal, #internal #header nav ul li a.internal:hover, .internal #header nav ul li a.internal, .internal #header nav ul li a.internal:hover { background: url(bg.navigation.active.png) no-repeat bottom center; } #rent #header nav ul li a.rent, #rent #header nav ul li a.rent:hover { background: url(bg.navigation.active.rent.jpg) no-repeat bottom center; } #company nav ul li ul li a.company, #company nav ul li ul li a.company:hover, #skills nav ul li ul li a.skills, #skills nav ul li ul li a.skills:hover, #strategy nav ul li ul li a.strategy, #strategy nav ul li ul li a.strategy:hover, #future nav ul li ul li a.future, #future nav ul li ul li a.future:hover, #products nav ul li ul li a.products, #products nav ul li ul li a.products:hover, #examples nav ul li ul li a.examples, #examples nav ul li ul li a.examples:hover, #fouru nav ul li ul li a.fouru, #fouru nav ul li ul li a.fouru:hover, #immo-abc nav ul li ul li a.immo-abc, #immo-abc nav ul li ul li a.immo-abc:hover, #protection nav ul li ul li a.protection, #protection nav ul li ul li a.protection:hover, #download nav ul li ul li a.download, #download nav ul li ul li a.download:hover, #approach nav ul li ul li a.approach, #approach nav ul li ul li a.approach:hover, #biebrich nav ul li ul li a.biebrich, #biebrich nav ul li ul li a.biebrich:hover, #approach nav ul li ul li a.approach, #approach nav ul li ul li a.approach:hover, #form nav ul li ul li a.form, #form nav ul li ul li a.form:hover, #fit-for-the-start nav ul li ul li a.fit-for-the-start, #fit-for-the-start nav ul li ul li a.fit-for-the-start:hover, #consulting nav ul li ul li a.consulting, #consulting nav ul li ul li a.consulting:hover, #schedule nav ul li ul li a.schedule, #schedule nav ul li ul li a.schedule:hover, #concepts nav ul li ul li a.concepts, #concepts nav ul li ul li a.concepts:hover, #training-coaching nav ul li ul li a.training-coaching, #training-coaching nav ul li ul li a.training-coaching:hover, #training-concept nav ul li ul li a.training-concept, #training-concept nav ul li ul li a.training-concept:hover, #coaching-contact nav ul li ul li a.coaching-contact, #coaching-contact nav ul li ul li a.coaching-contact:hover, #regulations nav ul li ul li a.regulations, #regulations nav ul li ul li a.regulations:hover, #representation nav ul li ul li a.representation, #representation nav ul li ul li a.representation:hover, #press nav ul li ul li a.press, #press nav ul li ul li a.press:hover, #events nav ul li ul li a.events, #events nav ul li ul li a.events:hover, .kompakt-select nav ul li ul li a.kompakt-select, .kompakt-select nav ul li ul li a.kompakt-select:hover, .premium-select nav ul li ul li a.premium-select, .premium-select nav ul li ul li a.premium-select:hover, .advantage-select nav ul li ul li a.advantage-select, .advantage-select nav ul li ul li a.advantage-select:hover, .monumentum-select nav ul li ul li a.monumentum-select, .monumentum-select nav ul li ul li a.monumentum-select:hover { background: #EEE url(bg.arrow.right.png) center right no-repeat; } #schedule nav ul li ul li a.consulting, #schedule nav ul li ul li a.consulting:hover, #concepts nav ul li ul li a.consulting, #concepts nav ul li ul li a.consulting:hover , #training-concept nav ul li ul li a.training-coaching, #training-concept nav ul li ul li a.training-coaching:hover, #regulations nav ul li ul li a.training-coaching, #regulations nav ul li ul li a.training-coaching:hover, #representation nav ul li ul li a.training-coaching, #representation nav ul li ul li a.training-coaching:hover { background: #DDD; } #content { background: #FFF url(bg.shade.png) repeat-x; display: block; padding-top: 20px; } #content #paperhanging { background: #FFF url(bg.content.jpg) top center repeat-y; margin-bottom: 2em; } #content h2 { height: 45px; color: #CC9933; font-size:14px; margin: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } #content h2 a { height: 45px; color: #CC9933; font-size:14px; margin: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; text-decoration:underline; } /* #home #content h2 { background: url(hl.home.png) no-repeat left bottom; } #error #content h2 { background: url(hl.404.png) no-repeat left bottom; } #expose-error #content h2 { background: url(hl.expose.404.png) no-repeat left bottom; } #company #content h2 { background: url(hl.das-unternehmen.png) no-repeat left bottom; } #skills #content h2 { background: url(hl.kompetenzen.png) no-repeat left bottom; } #strategy #content h2 { background: url(hl.strategie.png) no-repeat left bottom; } #future #content h2 { background: url(hl.zukunft.png) no-repeat left bottom; } #products #content h2 { background: url(hl.produkte.png) no-repeat left bottom; } #examples #content h2 { background: url(hl.beispiele.png) no-repeat left bottom; } #fouru #content h2 { background: url(hl.4u.png) no-repeat left bottom; } #team #content h2 { background: url(hl.team.png) no-repeat left bottom; } #reference #content h2 { background: url(hl.referenzen.png) no-repeat left bottom; } #service #content h2 { background: url(hl.service.png) no-repeat left bottom; } #immo-abc #content h2 { background: url(hl.immo-abc.png) no-repeat left bottom; } #protection #content h2 { background: url(hl.denkmalschutz.png) no-repeat left bottom; } #download #content h2 { background: url(hl.download.png) no-repeat left bottom; } #location #content h2 { background: url(hl.standort.png) no-repeat left bottom; } #approach #content h2 { background: url(hl.anfahrt.png) no-repeat left bottom; } #approachplan #content h2 { background: url(hl.anfahrtsplan.png) no-repeat left bottom; } #biebrich #content h2 { background: url(hl.biebrich.png) no-repeat left bottom; } #contact #content h2 { background: url(hl.kontakt.png) no-repeat left bottom; } #contact-submit #content h2 { background: url(hl.danke.png) no-repeat left bottom; } #formular #content h2 { background: url(hl.formular.png) no-repeat left bottom; } #impressum #content h2 { background: url(hl.impressum.png) no-repeat left bottom; } #form #content h2 { background: url(hl.kontaktformular.png) no-repeat left bottom; } #coaching #content h2 { background: url(hl.coaching.png) no-repeat left bottom; } #fit-for-the-start #content h2 { background: url(hl.fit-fuer-den-start.png) no-repeat left bottom; } #consulting #content h2 { background: url(hl.beratung.png) no-repeat left bottom; } #schedule #content h2 { background: url(hl.ablauf.png) no-repeat left bottom; } #concepts #content h2 { background: url(hl.sachwertkonzepte.png) no-repeat left bottom; } #training-coaching #content h2 { background: url(hl.training-coaching.png) no-repeat left bottom; } #training-concept #content h2 { background: url(hl.trainings-konzeptionell.png) no-repeat left bottom; } #coaching-contact #content h2 { background: url(hl.kontakt.png) no-repeat left bottom; } #regulations #content h2 { background: url(hl.regulatoren.png) no-repeat left bottom; } #representation #content h2 { background: url(hl.repraesentationssystem.png) no-repeat left bottom; } #purchase #content h2 { background: url(hl.einkauf.png) no-repeat left bottom; } #rent #content h2 { background: url(hl.vermietung.png) no-repeat left bottom; } #expose.buy #content h2 { background: url(hl.zum-verkauf.png) no-repeat left bottom; } #expose.rent #content h2 { background: url(hl.zur-vermietung.png) no-repeat left bottom; } #login #content h2 { background: url(hl.login.png) no-repeat left bottom; } #internal #content h2 { background: url(hl.intern.png) no-repeat left bottom; } #password #content h2 { background: url(hl.passwort.png) no-repeat left bottom; } #press-events #content h2 { background: url(hl.presse-event.png) no-repeat left bottom; } #events #content h2 { background: url(hl.events.png) no-repeat left bottom; } #press #content h2 { background: url(hl.presse.png) no-repeat left bottom; } */ #content #main { width: 868px; padding-left: 14px; display: block; margin: 0 auto; } #impressum #main section dt { float: left; display: block; width: 160px; } #contact #main section dt { float: left; display: block; width: 160px; } #download #main section dl, #main section dl.download { clear: both; } #download #main section dt, #main section dl.download dt { float: left; width: 250px; } #download #main section dd, #main section dl.download dd { display: block; } #download #main section dd a, #main section dl.download dd a { font-weight: bold; } #download #main section dd.source, #main section dd.source { padding-top: 5px; } .expose-details #main section dt { font-weight: bold; float: left; width: 150px; } .expose-details #main section dd { margin-left: 150px; } #immo-abc #main section dt, #main section #legal dt { width: auto; font-weight: bold; float: none; } #immo-abc #main section dd, #main section #legal dd { margin-bottom: 2em; } #immo-abc #abc { margin: 0 10% !important; width: 80%; height: 20px; text-align: center !important; } #immo-abc #abc ul { } #immo-abc #abc li { float: left; list-style: none !important; background: none !important; padding: 0 5px !important; text-align: center; display: block; } #main section #legal { padding-top: 1em; } #immo-abc #main section dl { clear: both; padding-top: 1em; column-count: 2; column-width: 49%; column-gap: 10px; -webkit-column-count: 2; -webkit-column-width: 49%; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-width: 49%; -moz-column-gap: 10px; } #content #main p { margin-top: 1.5em; text-align:justify; } #content #main p small { font-size: 0em; } #content #main p big { font-size: 0em; } #content #main section { width: 630px; float: left; display: block; } .wide #content #main section { width: 868px; } #team #content #main .floatLeft img, #coaching #content #main .floatLeft img, .shade { background: url(bg.shade.img.png) no-repeat; } #location #content #main .floatLeft img { background: url(bg.shade.location.img.png) no-repeat; } #content #main section h3 { font-size: 16px; line-height: 20px; clear: both; } #content #main section h4 { font-weight: normal; font-style: italic; } #content #main section h5 { font-weight: bold; color: #A78016; margin-top: 1em; } #location #content #main section h5 { clear: both; } #content #main section ul { margin-left: 2em; } #content #main section ul li { display: list-item; list-style: none; background: url(dot.gold.png) no-repeat 0px 5px; padding-left: 15px; } #schedule #content #main section ul { margin-bottom: 2em; } #content #main section ol { margin-left: 2em; } #content #main section ol li { display: list-item; list-style: decimal; } #content #main section ol ol li { list-style: lower-roman; } #content aside, .expose-list { display: block; width: 222px; /*margin-left: 644px;*/ float: left; margin-left: 14px; background: url(bg.reference.top.png) top center no-repeat; padding-top: 14px; } #content aside h3, #content aside h3 a, .expose-list h3 { clear: both; height: 25px; line-height: 25px !important; background: #154619; margin-left: 11px; margin-right: 11px; color: #FFF; text-shadow: #040 0 1px 0; font-size: 12px !important; font-weight: normal; text-align: center; text-decoration: none; } .expose-list ul { background: url(bg.reference.bottom.png) bottom center no-repeat; padding-bottom: 14px; font-size: 10px; line-height: 14px; color: #666; } #content aside ul li, .expose-list ul li { /* margin: 0 11px; height: 115px; background: url(bg.reference.png) no-repeat bottom; position: relative; border-left: 1px solid #154619; border-right: 1px solid #154619; z-index: 0; */ margin: 0 11px; background: none !important; padding: 5px !important; z-index: 0; } .expose-list ul li { height: 100px; } #content aside ul li:hover { background: url(bg.reference.hover.png) no-repeat bottom; } #content aside ul li:active { background: url(bg.reference.active.png) no-repeat bottom; } #content aside ul li.coop, .expose-list ul li.coop { background: none !important; height: 39px; border-bottom: 1px solid #154619; padding: 0 !important; } #internal #content aside ul li.coop, #internal .expose-list ul li.coop { height: 0px !important; } #content aside ul li h4 a { color: #FFF; height: 15px; background: #666; text-shadow: none; display: block; text-decoration: none; line-height: 15px; text-align: center; } #content aside ul li a, .expose-list ul li a { color: #000; text-decoration:none; } #content aside ul li a:hover, .expose-list ul li a:hover { text-decoration: none; } #content aside ul li dt, .expose-list ul li dt { font-weight: bold; padding-left: 4px; overflow: hidden; height: 30px; padding-top: 2px; color: #000; /*white-space: nowrap;*/ width: 185px; } #content aside ul li dd.image, .expose-list ul li dd.image { position: absolute; bottom: 4px; left: 4px; border: 1px solid #666; height: 60px; width: 60px; } #content aside ul li dd.address, .expose-list ul li dd.address { position: absolute; left: 85px; bottom: 20px; width: 110px; } #content aside ul li dd.links, .expose-list ul li dd.links {} #content aside ul li dd.links a, .expose-list ul li dd.links a { position: absolute; bottom: 4px; } #content aside ul li dd.links .map, .expose-list ul li dd.links .map { left: 85px; } #content aside ul li dd.links .more, .expose-list ul li dd.links .more { right: 4px; } #content aside #creditweb table { margin: 0 11px; border-right: 1px solid #154619; border-left: 1px solid #154619; } #content aside #creditweb table td { font-size: .8em; } #content aside #creditweb .collapsed { cursor: pointer; } #content aside #creditweb h4 { margin: 0 11px; padding: 0 4px; border-right: 1px solid #154619; border-left: 1px solid #154619; } #content aside #creditweb .collapsed h4 { text-align: center; cursor: pointer; } #content aside #creditweb table tbody { padding: 0 4px; display: block; } #content aside #creditweb ul li { height: auto; color: #000; padding: 2px 4px 2px 2em; background: url(dot.green.png) no-repeat 5px 6px; border-right: 1px solid #154619; border-left: 1px solid #154619; } #content aside #creditweb a { color: #000; text-decoration: none; } #content aside #creditweb h3 { cursor: pointer; } #content aside #creditweb .coop { } #content aside.reference {} #content aside.reference ul { background: none; } #content aside.reference ul li { background: none; height: auto; } #content aside.reference dl { line-height: 14px; padding-top: 0; } #content aside.reference div.contactperson { background: url(bg.reference.bottom.png) bottom center no-repeat; padding-bottom: 14px; font-size: 10px; padding-top: 0 !important; } #content aside.reference dl.person { background-position: 175px 5px; background-repeat: no-repeat; } #content aside.reference dl.person_5 { background-image: url(p.5.thn.jpg); } #content aside.reference dl.person_6 { background-image: url(p.6.thn.jpg); } #content aside.reference dl.person_8 { background-image: url(p.8.thn.jpg); } #content aside.reference dl.person_15 { background-image: url(p.15.thn.jpg); } #content aside.reference dt { font-weight: bold; padding-top: 5px !important; } #content aside.reference .info dd { padding-top: 5px !important; } #content aside.reference p { padding-bottom: 5px !important; padding-top: 5px !important; } #content aside.reference p a { background: url(adobe.png) right center no-repeat; display: block; } #content aside.reference ul.files li a { background: url(adobe.png) right center no-repeat; display: block; line-height: 14px; } #content aside.reference .files { padding-bottom: 0px; } #content aside.reference .files li { min-height: 18px; padding: 4px 4px 2px 4px; } #content aside.reference .files li.odd { background: #CCC; text-shadow: #DDD 0 1px 0; } #content aside.reference .files li a { padding-right: 25px; } #content aside.reference div.info, #content aside.reference p, #content aside.reference .images, #content aside.reference .contactperson dt, #content aside.reference .contactperson dd { border-left: 1px solid #154619; border-right: 1px solid #154619; margin: 0 11px !important; padding: 0 4px; } #content aside.reference div.info { padding-bottom: .5em; } #content aside.reference dd.email { padding-bottom: 5px; border-bottom: 1px solid #154619; } #content aside.reference a { color: #666; text-decoration: underline; } #content aside.reference div.info dt { float: left; display: block; width: 70px; clear: both; white-space: nowrap; } #content aside.reference div.info dd { float: right; } #content aside.reference div.info dd.address { clear: both; float: none; border-bottom: 1px solid #AAA; padding-bottom: .5em; } #content aside.reference .images { padding-top: 5px; padding-bottom: 2px; } #content aside.reference .images li { float: left; border: none; margin: 0; padding: 0; width: 25%; text-align: center; } #content aside.reference .images li img { border: 2px solid #CCC; } #content aside.reference .images li a:hover img { border: 2px solid #154619; } .expose-list { background: url(bg.expose.top.png) top center no-repeat; width: 260px; float: left; margin: 0 14px; } .expose-list ul { margin-left: 0 !important; background: url(bg.expose.bottom.png) bottom center no-repeat; } .expose-list ul li { padding-left: 0 !important; background: url(bg.expose.png) no-repeat bottom !important; } .expose-list ul li.coop { background: none !important; text-align: center; } .expose-list ul li dt { width: 225px; } .expose-list ul li dd.address { width: 140px; } /* -----------------------------------*/ /* ---------->>> CLASSES <<<----------*/ /* -----------------------------------*/ span.error { display: block; margin-left: 150px; margin-right: 150px; padding: 3px 0; color: #CF0000; } .floatRight { float: right; } .floatRight img { padding-bottom: 10px; padding-left: 10px; margin-left: 10px; } .floatLeft { float: left; } .floatLeft img { padding-bottom: 10px; padding-right: 10px; margin-right: 10px; } .textLeft { text-align: left; } img.small { border: 1px solid #154619; margin-right: .5em; vertical-align: middle; } #content .contact { padding-top: 1em; } #content .contact dt { font-weight: bold; font-size: 130%; } #content .contact dl { padding-top: 1em; } #content .contact dl dt { font-size: 100%; width: 100px; display: block; float: left; } p.show-all { padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0; background: url(bg.reference.middle.png) no-repeat bottom center !important; border-top: 1px solid #154619; } p.show-all a { margin-bottom: 30px; text-align: center; line-height: 20px; color: #154619 !important; font-size: 12px; font-weight: bold; background: none !important; } p.create-new { padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0; border: 1px solid #154619; } p.create-new a { display: block; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; background: none !important; text-decoration: none; } p.create-new a:hover { background: #154619 !important; color: #FFF; text-shadow: none; } /* -----------------------------------*/ /* ------------>>> TAGS <<<-----------*/ /* -----------------------------------*/ h1 { color: #CC9933; font-size:18px; padding-bottom:35px; padding-left:0px; height: 0px; } #content h1 a { color: #CC9933; font-size:18px; padding-bottom:35px; padding-left:0px; height: 0px; text-decoration:none; } h1 a { color: #CC9933; font-size:18px; padding-bottom:35px; padding-left:0px; height: 0px; } #reference .floatLeft img { padding: 5px; background: #DDD; border: 1px solid #154619; } blockquote { padding: 10px; padding-top: 150px; text-align: center; background: url(bg.goethe.bottom.png) no-repeat bottom center; } blockquote p { margin: 1em; font-size: 150%; line-height: 1.5em; font-family: Baskerville, Palatino, Georgia, serif; font-style: italic; color: #FFF; text-shadow: #333 0 1px 0; } /* blockquote p:before, blockquote p:after { font-weight: bold; font-size: 200%; color: #CCC; } blockquote p:before { content: "„"; } blockquote p:after { content: "”"; } */ blockquote cite { text-align: right; color: #FFF; padding: 10px; display: block; font-size: 90%; text-shadow: none; } blockquote cite span.name, blockquote cite span.info { display: block; } /* -----------------------------------*/ /* ------------>>> LINKS <<<----------*/ /* -----------------------------------*/ a { color: #154619; } a:hover { text-decoration: none; } a:visited { color: #040; } a.moviedownload { padding-left: 20px; width: 240px; display: block; text-align: center; } /* -----------------------------------*/ /* ----------->>> FORMS <<<-----------*/ /* -----------------------------------*/ form {} legend { font-weight: bold; font-size: 120%; padding-bottom: .5em; font-style: italic; } .label { width: 150px; display: block; float: left; padding-top: 5px; } .field { display: block; margin-left: 150px; } input, textarea, select { border: 1px solid #154619; width: 305px; padding: 5px; z-index: 0; } textarea { width: 305px; } textarea.wide { width: 550px; height: 400px; } select { width: 317px; } input { } input#zip, input#valid, input#netarea, input#totalarea { width: 50px; margin-right: 5px; } input#town { width: 238px; } #duration { width: 190px; } input#stories, input#flats, input#garages, input#parkingspaces { width: 30px; } input.required, textarea.required { background: url(bg.required.gif) no-repeat scroll 260px 3px; padding-right: 60px; width: 250px; } input#zip.required, input#valid.required { background: url(bg.required.gif) no-repeat scroll 60px 3px; } input#town.required { width: 125px; background: url(bg.required.gif) no-repeat scroll 135px 3px; } input.checkbox { width: auto; border: none; } form p, form fieldset, form div { clear: both; } /* -----------------------------------*/ /* ----------->>> PEOPLE <<<----------*/ /* -----------------------------------*/ #team {} #team section {} #team section #the-team-wrapper { line-height: 0; position: relative; z-index: 100; } #team section #people-wrapper { position: relative; background: #FFF url(bg.softshade.png) repeat-x; clear: both; min-height: 80px; z-index: 5; } #team section #people-wrapper dl { z-index: 6; display: none;} #team section #people-wrapper dl dt { z-index: 7; } #team section #people-wrapper dl dt img { z-index: 8; } #team section #people-wrapper dl dd { z-index: 7; } #team section #people-wrapper dl dd h5 { z-index: 8; } #team section #people-wrapper dl dd p { z-index: 8; } #team section #people-wrapper dl dd strong { z-index: 8; } #team section #people-wrapper dl dd a { z-index: 8; } #team section #people-list { } /* #team section #the-team-wrapper h3 { background: url(label.name.png) no-repeat center; color: #FFF; text-shadow: #000 0 1px 0; font-size: 11px; position: absolute; width: 138px; top: -45px; left: -35px; text-align: center; padding-bottom: 12px; line-height: 42px; opacity: 0; display: none; } */ #team section #the-team-wrapper h3 { background: url(bc.png) no-repeat center; color: #000; text-shadow: #AAA 0 1px 0; font-size: 12px; position: absolute; width: 200px; height: 122px; top: 80px; left: 0px; text-align: center; line-height: 42px; opacity: 0; display: none; z-index: 200; border: 1px solid #0F3214; font-family: Georgia, serif; } #team section #the-team-wrapper h3 span { z-index: 250; } #team section #the-team-wrapper h3 span.name { position: absolute; left: 10px; top: 22px; z-index: 101; } #team section #the-team-wrapper h3 span.position { text-shadow: none; font-weight: normal; color: #333; font-size: 11px; position: absolute; left: 10px; top: 38px; z-index: 102; } #team section #the-team-wrapper h3 span.phone { text-shadow: none; font-weight: normal; color: #333; font-size: 9px; position: absolute; left: 10px; top: 55px; z-index: 103; } #team section #the-team-wrapper h3 span.fax { text-shadow: none; font-weight: normal; color: #333; font-size: 9px; position: absolute; left: 10px; top: 67px; z-index: 104; } #team section #the-team-wrapper h3 span.email { text-shadow: none; font-weight: normal; color: #333; font-size: 9px; position: absolute; left: 10px; top: 79px; z-index: 105; } #team section dl.people { position: relative; margin-bottom: 2em; } #team section dl.people dt { float: left; font-weight: bold; color: #A78016; font-size: 18px; padding-top: 20px; margin-right: 20px; padding-bottom: 10px; background: #154619; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #team section dl.people strong { display: block; float: left; width: 100px; } #team section dl.people dd { margin-left: 220px; } #team section dl.people dd.contact { padding-top: 1em; } #team section dl.people h5 { margin-top: 0 !important; padding-top: 20px; font-size: 16px; } #team #main section ul { margin-left: 0; background: #584f4e !important; float: left; } #team #main section ul li { position: relative; float: left; list-style: none !important; width: 60px; background: none !important; padding: 0 5px !important; text-align: center; display: block; } .user-list {} .user-list table {} .user-list table th, .user-list table td { width: 120px; text-align: left; } .user-list table td.valid { width: 160px; } .user-list table select { width: 120px; } .user-list table input.date { width: 70px; display: inline; } .user-list table input.time { width: 40px; display: inline; } /* -----------------------------------*/ /* ------------>>> IDS <<<------------*/ /* -----------------------------------*/ #errormsg { background: #AF2B2B url(icon-error.png) no-repeat scroll 10px center; border: 1px solid #DA3536; font-size: 16px; text-shadow: 0 1px 0 #000000; padding: 10px 10px 10px 50px; color: #FFDAD3; } #successmsg { background: #AF2B2B url(icon-error.png) no-repeat scroll 10px center; border: 1px solid #DA3536; font-size: 16px; text-shadow: 0 1px 0 #000000; padding: 10px 10px 10px 50px; color: #FFDAD3; } #team section #the-team-wrapper h3#person1-name { left: -65px; } #team section #the-team-wrapper h3#person2-name { left: -35px; } #team section #the-team-wrapper h3#person3-name { left: 20px; } #team section #the-team-wrapper h3#person4-name { left: 58px; } #team section #the-team-wrapper h3#person5-name { left: 90px; } #team section #the-team-wrapper h3#person6-name { left: 133px; } #team section #the-team-wrapper h3#person7-name { left: 170px; } #team section #the-team-wrapper h3#person8-name { left: 205px; } #team section #the-team-wrapper h3#person9-name { left: 245px; } #team section #the-team-wrapper h3#person10-name { left: 292px; } #team section #the-team-wrapper h3#person11-name { left: 325px; } #team section #the-team-wrapper h3#person12-name { left: 365px; } #team section #the-team-wrapper h3#person13-name { left: 405px; } #team section #the-team-wrapper h3#person14-name { left: 445px; } #team section #the-team-wrapper h3#person15-name { left: 488px; z-index: 100; } #quote { background: #A78016 url(bg.goethe.top.jpg) no-repeat top center; } #GoogleMapsCasaArt, #map { width: 580px; height: 580px; } #hl_map { clear: both; } li a.headline { height: 30px; display: block; /* text-indent: -999em; */ } li#kompakt-select, li#premium-select, li#advantage-select, li#monumentum-select, li#coming-up { padding-top: 1em; clear: both; width: 100%; } li#kompakt-select li, li#premium-select li, li#advantage-select li, li#monumentum-select li, li#coming-up li { padding-right: 280px; } li#kompakt-select .more, li#premium-select .more, li#advantage-select .more, li#monumentum-select .more, li#coming-up .more { clear: both !important; } li#coming-up { background: url(bg.demnaechst-im-vertrieb.jpg) no-repeat center right !important; float: left; } li#kompakt-select { background: url(bg.kompakt-select.jpg) no-repeat center right !important; float: left; } li#premium-select { background: url(bg.premium-select.jpg) no-repeat center right !important; float: left; } li#advantage-select { background: url(bg.advantage-select.jpg) no-repeat center right !important; float: left; } li#monumentum-select { background: url(bg.monumentum-select.jpg) no-repeat center right !important; float: left; } li#coming-up a.headline { background: url(hl.demnaechst-im-vertrieb.png) no-repeat; } li#kompakt-select a.headline { background: url(hl.kompakt-select.png) no-repeat; } li#premium-select a.headline { background: url(hl.premium-select.png) no-repeat; } li#advantage-select a.headline { background: url(hl.advantage-select.png) no-repeat; } li#monumentum-select a.headline { background: url(hl.monumentum-select.png) no-repeat; } /* -----------------------------------*/ /* ----------->>> BUTTON <<<----------*/ /* -----------------------------------*/ /* http://stopdesign.com/eg/buttons/3.0/code.html */ .btn { display: inline-block; background: none; margin: 0; padding: 3px 0; border-width: 0; overflow: visible; font: 100%/1.2 Arial,Sans-serif; text-decoration: none; color: #333; } * html button.btn { padding-bottom: 1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin: 0 -3px; } .btn span { background: #ddd url(bg.button.gif) repeat-x 0 0; margin: 0; padding: 3px 0; border-left: 1px solid #bbb; border-right: 1px solid #aaa; } * html .btn span { padding-top: 0; } .btn span span { position: relative; padding: 3px .4em; border-width: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button {} button.pill-l span { border-right-width: 0; } button.pill-l span span { border-right: 1px solid #bbb; } button.pill-c span { border-right-style: none; border-left-color: #fff; } button.pill-c span span { border-right: 1px solid #bbb; } button.pill-r span { border-left-color: #fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor: pointer; /* important for any clickable/pressable element */ border-color: #51A100 !important; color: #000; } .btn:active span { background-position: 0 -400px; outline: none; } .btn:focus, .btn:active { outline: none; /* doesn't seem to be respected for