/*** TYPO ***/ h1, h2, h3, h4 { color:#003c75 !important; } a { color: #5E6D7D; } a:hover { color: #5784b5; text-decoration: none; } /*** LAYOUT ***/ body { font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; padding: 0; background: #fff; color: #5e6d7d; background: url(../images/_inv/bg.jpg) repeat-x #fff; } #wrapper { width: 950px; margin: 0 auto; } #langWrapper { position: absolute; left: 830px; top: 0px; width: 120px; height: 30px; background:#f1f6f9; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/basic_dd.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* remove the bullets, padding and margins from the lists */ #langWrapper ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ #langWrapper li{ float:left; position:relative; z-index:100; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; } /* use the table to position the dropdown list */ #langWrapper table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:29px; } /* style all the links */ #langWrapper a { display:block; text-decoration:none; text-align:center; width: 120px; height:22px; padding-top:8px; color:#003a79; text-decoration:none; } /* style all the links hover */ #langWrapper :hover{ background:none; /** WICHTIG: Ohne die funzt es nciht im IE6 **/ text-decoration:none; } #langWrapper li.item-c a:hover { text-decoration:none; } /* hide the sub level links */ #langWrapper ul ul { visibility:hidden; position:absolute; width:120px; height:0; } /* make the sub level visible on hover list or link */ #langWrapper ul li:hover ul, #langWrapper ul a:hover ul{ visibility:visible; } /* Styles nur der zweiten Ebene */ #langWrapper li.subitem-c { height:auto; color: #5e6d7d; } #langWrapper li.subitem-c a { display:block; height:auto; width:107px; padding:8px 5px 8px 8px; border-top:1px solid #FFFFFF; background:#f1f6f9; color: #5e6d7d; text-align:left; cursor:pointer; filter:alpha(opacity=93); -moz-opacity:0.93; opacity:0.93; } #langWrapper li.subitem-c :hover{ background:#d2dfeb; text-decoration:none; color: #003a79; } #navWrapper { background: url(../../jpweber/images/_inv/nav_bg.png) no-repeat; position: absolute; height: 33px; z-index: 3; width: 950px; } * html #navWrapper { background: url(../../jpweber/images/_inv/nav_bg.gif) no-repeat; } #contentWrapper { } #left { float:left; width:260px; padding:45px 20px 20px 10px; } #right { float:right; width:595px; padding:45px 25px 20px 40px; line-height:18px; } #bottom { text-align:center; } #bottom ul.footer_links { margin-bottom: 4px; } #bottom ul.footer_links li { display: inline; margin: 0px 5px; font-size: 11px; } #top { width: inherit; height: 119px; background: url(../images/_inv/top.gif) no-repeat; position: relative; } #atmo { width: inherit; height: 230px; z-index: 1; } #sidenavBox { border-top: 1px solid #D6D7D0; border-bottom:1px solid #D6D7D0; margin-bottom:12px; } ul.topnav { } ul.topnav li.item-c { float:left; width:151px; height:30px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; } ul.topnav li.item-c a { display:block; width:151px; height:30px; position:relative; color:#003a75; text-decoration:none; cursor:pointer; } ul.topnav li.item-c a:hover { color:#5784b5; } ul.topnav li.item-c a.current, ul.topnav li.item-c a.section { color:#5784b5; } ul.topnav li.trenner-c { float:left; width:1px; height:30px; color:#003a75; padding-top:4px; } ul.topnav li.trenner-6 { display:none; } ul.sidenav { } ul.sidenav li { background:url(../images/_inv/bg_sidenav.gif) no-repeat; width:260px; font-size:14px; float:left; } ul.sidenav li a { text-decoration:none; display:block; padding: 4px 0 3px 10px; color:#FFFFFF; font-weight:bold; height:20px; } ul.sidenav li a:hover { color:#003c75; } ul.sidenav li.current a, ul.sidenav li.section a { color:#003c75; } ul.subsidenav { } ul.subsidenav li { background:#ecf2f7; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border-top:1px solid #FFFFFF; float:left; } ul.subsidenav li a { text-decoration:none; display:block; padding:5px 0 4px 20px; height:15px; color:#003c75; font-weight:normal; } ul.subsidenav li a.current { background:#BCDBF1; } ul.subsidenav li a:hover { background:#BCDBF1; } .sidebarTeaserInv { background:#eaf2f6; padding:10px; margin-bottom: 12px; } .sidebarTeaserInv h3 { margin-bottom:20px; color:#c0b378; font-size:14px; } .sidebarTeaserContent { border-top: 1px solid #b9ccd9; border-bottom: 1px solid #b9ccd9; color:#003a79; padding:10px; font-size:0.9em; } .sidebarTeaserInv.veranstaltungsTeaser { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper { margin-bottom: 10px; border-bottom: 1px solid #B9CCD9; padding-bottom: 10px; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo { padding-bottom: 0px; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span { display: block; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.date { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.city { display: inline; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.location { display: inline; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.type { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.title { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.eventLanguage { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.linktext { margin-top: 8px; } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.weitereInformationen { } .sidebarTeaserInv.veranstaltungsTeaser .sidebarTeaserContent p.archivLink { margin-top: 5px; padding: 0px; } .sidebarTeaserContent .sidebarTeaserImg { } .sidebarTeaserContent .sidebarTeaserImg img { } .sidebarTeaserContent .sidebarTeaserText { margin-top:15px; } .sidebarTeaserContent a { color:#6f92ab; text-decoration:none; } .sidebarTeaserContent a:hover { color:#003a79; text-decoration: underline; } .sidebarTrenner { background:url(../images/_inv/trenner_sidebar.gif) no-repeat; height:1px; } .teaserBox { } /* CSS PNG Transparency fix by Rogie King, Komodo Media Patched by Herryanto Siatono, Pluit Solutions to solve background 'none' call to the server NICHT BENUTZT - Weil es innerhalb von position:absolute die Links nicht mehr klickbar sind. -> Für IE6 mit GIF gelöst * html img, * html .png { position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } */ /* ********** News auf der Startseite ************** */ ul.InvHomepageNews { margin-top: 30px; } ul.InvHomepageNews li { float: left; width: 280px; margin-bottom:35px; } ul.InvHomepageNews li.odd { margin-right: 27px; clear:both; } ul.InvHomepageNews li h2 { } ul.InvHomepageNews li span.newsbild { float: left; margin: 0px 15px 10px 0px; } ul.InvHomepageNews li span.newsbild img { border:1px solid #b9ccd9; padding:2px; } ul.InvHomepageNews li p.newstext { } ul.InvHomepageNews li p.newstext span.newsdate { font-weight:bold; } ul.InvHomepageNews li span.link { margin-top: 20px; font-size: 0.8em; } ul.InvHomepageNews li span.link a { color: #6f92ab; text-decoration: none; } ul.InvHomepageNews li span.link a:hover { text-decoration: underline; } ul.InvHomepageNews li span.link a.link_extern { } ul.InvHomepageNews li span.link a.link_intern { } /* ********** Kontaktpersonen ************** */ div.InvContactPersons { clear: both; float: left; } div.InvContactPersons h2 { } div.InvContactPersons ul.InvContactPersons { } div.InvContactPersons ul.InvContactPersons li { clear: both; float: left; min-height: 100px; } div.InvContactPersons ul.InvContactPersons li span.foto { float: left; width: 140px; } div.InvContactPersons ul.InvContactPersons li span.foto img { border:1px solid #b9ccd9; padding:2px; } div.InvContactPersons ul.InvContactPersons li p.person { float: left; display: block; } div.InvContactPersons ul.InvContactPersons li p.person span.name { display: block; } div.InvContactPersons ul.InvContactPersons li p.person span.position { display: block; margin-bottom:10px; } div.InvContactPersons ul.InvContactPersons li p.person span.telefon { display: block; } div.InvContactPersons ul.InvContactPersons li p.person span.email { display: block; } /* ********** Jobangebote ************** */ div.InvJobs { clear: both; margin-top:30px; } div.InvJobs h1 { } div.InvJobs ul.InvJobs { } div.InvJobs ul.InvJobs li { border-bottom:1px solid #b9ccd9; margin-bottom:30px; padding-bottom:20px; } div.InvJobs ul.InvJobs li h2 { } div.InvJobs ul.InvJobs li p.text { } div.InvJobs ul.InvJobs li p.download { } div.InvJobs ul.InvJobs li p.download a { color: #6f92ab; text-decoration: none; } div.InvJobs ul.InvJobs li p.download a:hover { text-decoration: underline;} /* ********** Publications ************** */ div.Publications { clear: both; } div.Publications ul.Publications { } div.Publications ul.Publications li { float: left; width: 275px; } div.Publications ul.Publications li.odd { clear: both; margin-right: 22px; } div.Publications ul.Publications li h2 { } div.Publications ul.Publications li span.bild { float: left; margin: 0px 10px 10px 0px; } div.Publications ul.Publications li span.bild img { border:1px solid #D7D8CA; padding:2px; } div.Publications ul.Publications li div.text { font-size:12px; } div.Publications ul.Publications li div.text .datum, div.Publications ul.Publications li div.text .autor, div.Publications ul.Publications li div.text .quelle { display:block; margin-bottom:5px; } div.Publications ul.Publications li div.text .property { display:block; font-weight:bold; } div.Publications ul.Publications li div.text .value { display:block; margin-bottom:5px; } div.Publications ul.Publications li span.link { margin-top: 20px; } div.Publications ul.Publications li span.link a { color: #d9bd3c; text-decoration: none; } div.Publications ul.Publications li span.link a:hover { text-decoration: underline; } div.FeaturedPublication { border:1px solid #B9CCD9; padding:20px; background:#EAF2F6; margin-bottom:30px; } div.FeaturedPublication h2 { margin-top:0px; border-bottom: 1px solid #B9CCD9; padding-bottom: 3px; } div.FeaturedPublication span.bild { float: left; margin: 0px 20px 10px 0px; } div.FeaturedPublication span.bild img { border:1px solid #B9CCD9; padding:4px; background: #ffffff; } div.FeaturedPublication div.text { font-size:12px; } div.FeaturedPublication div.text .pub_infos { } div.FeaturedPublication div.text .property { font-weight:bold; vertical-align:top; } div.FeaturedPublication div.text .value { vertical-align:top; } div.FeaturedPublication p.pdf a { color: #d9bd3c; text-decoration: none; } div.FeaturedPublication p.pdf a:hover { text-decoration: underline; } div.Publication { border-bottom:1px solid #D7D8CA; margin-bottom:30px; padding-bottom:20px; } div.Publication h1 { } div.Publication span.bild { float: left; margin: 0px 20px 10px 0px; } div.Publication span.bild { border:1px solid #D7D8CA; padding:2px; } div.Publication div.text { } /* ********** Listen ************** */ ul.aufzaehlung { color: #003C75; margin-bottom: 20px; } ul.aufzaehlung li { background: url(../images/bullet_inv.gif) no-repeat 0px 5px; margin-left: 0px; font-size: 12px; color: #7E7E7E; padding-left: 12px; } div#left ul.aufzaehlung li { color: #003A79; } ul.aufzaehlung li a { text-decoration: none; font-size: 12px; color: #003C75; } ul.aufzaehlung li a:hover { text-decoration: underline; } ul.aufzaehlung li ul { margin: 0px 0px; } ul.aufzaehlung li ul li { } /* ********** verschiedenes *********** */ div.kontakt_wrapper { float: left; width: 176px; font-size: 12px; margin: 10px 15px 20px 0px; } div.kunden_wrapper { float: left; width: 250px; font-size: 12px; margin: 10px 15px 20px 0px; } ul.kontakt_items { padding: 6px; } li.kontakt_item_wrapper { margin-bottom: 20px; display:block; } div.telefonnummer { margin: 5px 0px 10px; padding: 6px; } div.telefonnummer table { margin-bottom:5px; } a.lageplan { padding-left:3px; } /* ********** verwendet bei Standorte und Kontakt ************ */ h3.caption { background: url(../images/_inv/bg_sidenav.gif) repeat-x; height: 22px; padding: 4px 5px 5px; color: #FFFFFF; margin-bottom: 1px; font-size: 16px; } img.left { margin-bottom: 10px; } /* ********** Impressum *************** */ h3.legal_disclaimer { margin-top: 50px; } h3.company_info { margin-top: 50px; } /* ******** Veranstaltungen *********** */ div.veranstaltungssList { } div.veranstaltungssList div.veranstaltung_item { margin-bottom: 25px; border: 1px solid #B9CCD9; background: #EAF2F6; padding: 20px; } div.veranstaltungssList div.veranstaltung_item h3 { border-bottom: 1px solid #B9CCD9; padding-bottom: 3px; } div.veranstaltungssList div.veranstaltung_item p.infoWrapper { float: left; width: 457px; } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span { display: block; } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.date { } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.city { display: inline; } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.location { display: inline; } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.type { } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.title { } div.veranstaltungssList div.veranstaltung_item p.infoWrapper span.eventLanguage { } div.veranstaltungssList div.veranstaltung_item p.description { clear: both; } div.veranstaltungssList div.veranstaltung_item div.imageWrapper { float: left; margin: 0px 0px 10px 0px; } div.veranstaltungssList div.veranstaltung_item div.imageWrapper img { border: 1px solid #B9CCD9; padding: 2px; } div.veranstaltungssList div.veranstaltung_item p.pdf_link { clear: both; } div.veranstaltungssList div.veranstaltung_item p.link { clear: both; }