a { color: #78776E; }
a:hover { color: #B8B6AD; text-decoration: none;  }


/*** LAYOUT ***/
.seitenAbschluss { display: block; clear: both; }
body {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      100.01%;
    margin:         0;
    padding:        0;
    background:     #fff;
    color:          #7E7E7E;
    background:     url(../images/bg.jpg) repeat-x #fff;    
}
#wrapper {
    width:      950px;
    margin:     0 auto;
}
    #langWrapper {
        position:   absolute;
        left:       830px;
        top:        0px;
        width:      120px;
		height:		30px; 
		background:#f7f6f0;
    }
        /* ================================================================ 
		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:#7e7e7e; 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: #7e7e7e;
		}
		#langWrapper li.subitem-c a {
			display:block; height:auto; width:107px; padding:8px 5px 8px 8px; border-top:1px solid #FFFFFF;  background:#f7f6f0; color: #7e7e7e; text-align:left; cursor:pointer; filter:alpha(opacity=93); -moz-opacity:0.93; opacity:0.93;
		}
		#langWrapper li.subitem-c :hover{
			background:#eaeae2;
			text-decoration:none;
			color: #d9bd3c;
		}
		
    
    #navWrapper {
        background:     url(../../jpweber/images/nav_bg.png) no-repeat;
        position:       absolute; 
        height:         33px;
        z-index:        3;
		width:			950px;
    }
	* html #navWrapper { background: url(../../jpweber/images/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/top.gif) no-repeat;
	position:   relative;
}

#atmo {
	width:      inherit;
	height:     230px;
	/* background: url(../images/atmo/atmo_start.jpg) no-repeat; */
    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; text-decoration:none; cursor:pointer; }
	ul.topnav li.item-c a:hover		{ color:#bbae78; }
    ul.topnav li.item-c a.section	{ color:#bbae78; }
    ul.topnav li.trenner-c    { float:left; width:1px; height:30px; padding-top:4px; }
    ul.topnav li.trenner-6    { display:none; }
    
    ul.sidenav				{  }
    ul.sidenav li			{ background:url(../images/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:#747761; }
	ul.sidenav li.current a,
    ul.sidenav li.section a	{ color:#747761; }
        ul.subsidenav		{  }
        ul.subsidenav li			{ background:#e5dfca; 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; color:#747761; font-weight:normal; height:15px; }
        ul.subsidenav li a.current	{ background:#f2efe4; }
        ul.subsidenav li a:hover	{ background:#f2efe4; }

    
    .sidebarTeaser {
        background:#f3f3ef;
        padding:10px;
        margin-bottom: 12px;
    }
        .sidebarTeaser h3 {
            margin-bottom:20px;
            color:#c0b378;
            font-size:14px;
        }
		
    .sidebarTeaserContent {
        border-top: 1px solid #d7d8ca;
        border-bottom: 1px solid #d7d8ca;
        color:#7e7e7e;
        padding:10px;
        font-size:0.9em;
    }
    
    .sidebarTeaser.veranstaltungsTeaser                                                                                         { }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper                                          { margin-bottom: 10px; border-bottom: 1px solid #D7D8CA; padding-bottom: 10px;}    
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo                    { padding-bottom: 0px; }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span               { display: block; }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.date          { }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.city          { display: inline; }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.location      { display: inline; }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.type          { }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.title         { }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.eventLanguage { }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.veranstaltungssInfo span.linktext      { margin-top: 8px; }
    .sidebarTeaser.veranstaltungsTeaser .sidebarTeaserContent div.teaserContentWrapper p.weitereInformationen                   { }
    
		.sidebarTeaserContent .sidebarTeaserImg		{ }
		.sidebarTeaserContent .sidebarTeaserImg img	{ }
		.sidebarTeaserContent .sidebarTeaserText	{ margin-top:15px; }
        .sidebarTeaserContent a 					{ color:#aea370; text-decoration:none; }
        .sidebarTeaserContent a:hover				{ color:#d9bd3c; text-decoration: underline; }
    
    
    .sidebarTrenner {
        background:url(../images/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.AdvHomepageNews                              { margin-top: 30px; }
ul.AdvHomepageNews li                           { float: left; width: 280px; margin-bottom:35px; }
ul.AdvHomepageNews li.odd                       { margin-right: 27px; clear:both; }
ul.AdvHomepageNews li h2                        { }
ul.AdvHomepageNews li span.newsbild             { float: left; margin: 0px 15px 10px 0px; }
ul.AdvHomepageNews li span.newsbild img         { border:1px solid #D7D8CA; padding:2px; }
ul.AdvHomepageNews li p.newstext                { }
ul.AdvHomepageNews li p.newstext span.newsdate  { font-weight:bold; }
ul.AdvHomepageNews li span.link                 { margin-top: 20px; font-size: 0.8em; }
ul.AdvHomepageNews li span.link a               { color: #d9bd3c; text-decoration: none; }
ul.AdvHomepageNews li span.link a:hover         { text-decoration: underline; }
ul.AdvHomepageNews li span.link a.link_extern   { }
ul.AdvHomepageNews li span.link a.link_intern   { }

/* ********** Kontaktpersonen ************** */ 
div.AdvContactPersons                                                   { clear: both; float: left; }
div.AdvContactPersons h2                                                { }
div.AdvContactPersons ul.AdvContactPersons                              { }
div.AdvContactPersons ul.AdvContactPersons li                           { clear: both; float: left; min-height: 100px; }
div.AdvContactPersons ul.AdvContactPersons li span.foto                 { float: left; width: 140px; }
div.AdvContactPersons ul.AdvContactPersons li span.foto img				{ border:1px solid #D7D8CA; padding:2px; }
div.AdvContactPersons ul.AdvContactPersons li p.person                  { float: left; display: block; }
div.AdvContactPersons ul.AdvContactPersons li p.person span.name        { display: block; }
div.AdvContactPersons ul.AdvContactPersons li p.person span.position    { display: block; margin-bottom:10px; }
div.AdvContactPersons ul.AdvContactPersons li p.person span.telefon     { display: block; }
div.AdvContactPersons ul.AdvContactPersons li p.person span.email       { display: block; }

/* ********** Jobangebote ************** */
div.AdvJobs                                  { clear: both; margin-top:30px; }
div.AdvJobs h1                               { }
div.AdvJobs ul.AdvJobs                       { }
div.AdvJobs ul.AdvJobs li                    { border-bottom:1px solid #D7D8CA; margin-bottom:30px; padding-bottom:20px; }
div.AdvJobs ul.AdvJobs li h2                 { }
div.AdvJobs ul.AdvJobs li p.text             { }
div.AdvJobs ul.AdvJobs li p.download         { }
div.AdvJobs ul.AdvJobs li p.download a       { color: #d9bd3c; text-decoration: none; }
div.AdvJobs ul.AdvJobs 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 #d7d8ca; padding:20px; background:#ebece5; margin-bottom:30px; }
div.FeaturedPublication h2								{ margin-top:0px; border-bottom: 1px solid #D7D8CA; padding-bottom: 3px; }
div.FeaturedPublication span.bild						{ float: left; margin: 0px 20px 10px 0px; }
div.FeaturedPublication span.bild img					{ border:1px solid #D7D8CA; 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                               { }

/* ********** Leistungen ************** */
div#right table#leistungen              { }
div#right table#leistungen tr           { }
div#right table#leistungen table,
div#right table#leistungen table tr th        { width: 280px; }
div#right table#leistungen table tr th a      { background: url(../images/bg_sidenav.gif) repeat-x; padding-top: 3px; height: 26px; display: block; text-decoration: none; }
div#right table#leistungen table tr th h3		{ margin:0; }
div#right table#leistungen table tr th h3 a   { color: #FFFFFF; }
div#right table#leistungen table tr td        { padding: 10px 10px 20px 10px; font-size: 12px; background:#f3f3ef;  }

/* ********** Listen ************** */
ul.aufzaehlung              { color: #C0B378; margin-bottom: 20px; }
ul.aufzaehlung li           { background: url(../images/bullet_adv.gif) no-repeat 0px 5px; margin-left: 0px; font-size: 12px; color: #7E7E7E; padding-left: 12px; }
ul.aufzaehlung li a         { text-decoration: none; font-size: 12px; color: #C0B378; }
ul.aufzaehlung li a:hover   { text-decoration: underline; }

/* ********** 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: 4px; }
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/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 #D7D8CA; background: #EBECE5; padding: 20px; }
div.veranstaltungssList div.veranstaltung_item h3                                   { border-bottom: 1px solid #D7D8CA; 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 #D7D8CA; padding: 2px; }
div.veranstaltungssList div.veranstaltung_item p.pdf_link                           { clear: both; }
div.veranstaltungssList div.veranstaltung_item p.link                               { clear: both; }