@charset "UTF-8";
/*** Seitenaufbau ***/

body, html { height:100% }

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	background: #e5e8ea url(../images/bg.gif) repeat-y top center;
	margin:0;
	padding:0;
	color:#5d5d65;	
}
#wrapper {
	width: 960px;
	
	margin: 0 auto;
	background: url(../images/bg.gif) repeat-y;
}
#main {
	width:900px;
	margin-left:30px;
	background:#FFFFFF;
}
#top {
	width: inherit;
	height: 100px;
	background:#FFFFFF;
	position:relative;
}
	/*** HomeButton ***/
	#homeButton {
		top:10px;
		left:20px;
		position:relative;
		width:200px;
	}
	/*** LangBox ***/
	#langBox {
		top:-10px;
		left:729px;
		position:relative;
		width:175px;
	}
		.kontaktBox			{ float:left; width:60px; font-size:0.65em; padding-right:20px; padding-top: 3px; }
		.kontaktBox a		{ text-decoration:none; }
		.kontaktBox a:hover	{  }
		.flags 				{ }
			img.flag 			{ margin-right:4px; }
		
	
/* ================================================================ 
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.
=================================================================== */


.menu { height:50px; background:#cfdee9; }

	/* remove the bullets, padding and margins from the lists */
	.menu 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 */
	.menu li{
	float:left;
	position:relative;
	z-index:100;
	text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase;
	}
	/* use the table to position the dropdown list */
	.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:49px;
	}
	/* style all the links */
	.menu a {
	display:block;
	text-decoration:none;
	text-align:center;
	width: 122px; height:32px; padding-top:18px; color:#1e56a0; text-decoration:none;
	}
	
	.menu li.item-7 a		{ width: 160px; }	
	/* style all the links hover */
	.menu :hover{
	background:none;
	color:#5a8cce;
	} 
	.menu li.item-c a:hover{
	text-decoration:underline;
	}
	/* hide the sub level links */
	.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:240px;
	height:0;
	}
	/* make the sub level visible on hover list or link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{
	visibility:visible;
	}
	
	/* Styles nur der zweiten Ebene */
	.menu li.subitem-c {
		height:auto;
	}
	.menu li.subitem-c a {
		display:block; height:auto; width:240px; padding:8px 5px 8px 8px; border-top:1px solid #FFFFFF;  background:#e7eff5; text-align:left; filter:alpha(opacity=93); -moz-opacity:0.93; opacity:0.93; cursor:pointer;
	}
	.menu li.subitem-c :hover{
		background:#e7eff5;
		text-decoration:underline;
	}
	.menu ul li.trenner-c	{ float:left; width:1px; height:32px; color:#1e56a0; padding-top:18px; }
	.menu ul li.trenner-7	{ display:none; }



#atmoBox {
	width: inherit;
	height: 250px;
	margin:1px 0;
}
	#atmo {
	}
#bradcrumbs {
	margin-bottom:13px;
	background:#cfdee9;
	height: 21px;
	padding:7px 0 0 17px;
	color:#1e56a0;
	font-size:0.9em;
}
	#bradcrumbs a { color:#1e56a0; }
	
.content {
	width:          871px; /*885px;*/
	margin-left:    14px; 
}
	/*** Service Teaser ***/
	ul.serviceTeaser 								{ margin:0 !important; margin-bottom: 25px !important; float: left; }
	ul.serviceTeaser li.item-c						{ float:left; width:200px; padding:7px; margin-right:5px; background:#e5e8ea; font-size:10px; list-style:none !important; }
	ul.serviceTeaser li.item-4						{ margin-right:0px; }
	ul.serviceTeaser li.item-c img					{ margin-bottom:6px; }
	ul.serviceTeaser li.item-c a.teaserLink			{ display:block; color:#608aab; text-decoration:none; }
	ul.serviceTeaser li.item-c a.teaserLink:hover	{ text-decoration:none; color:#1e56a0; }
	ul.serviceTeaser li.item-c .teaserText			{ display:block; padding-bottom: 2px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
	body.Page-page-d-accueil ul.serviceTeaser li.item-c .teaserText			{ font-size: 11px; }
	body.Page-home-en ul.serviceTeaser li.item-c .teaserText				{ font-size: 12px; }
	
	.typography { margin-top: 25px; }
	
	/* standardaufteilung homepage */
	.doubleCol		{ float:left; width:433px; margin-right:5px; margin-top:2px; }
	.tripleCol		{ float:left; width:647px; margin-right:10px; }
    .singleCol		{ float:left; width:214px; margin-right:5px; }
    .singleColLast  { float:left; width:214px; }
    /* standardaufteilung page */
    .mainCol        { float:left; width:647px; margin-right:10px; margin-top:5px; }
	.sidebarCol	    { float:left; width:214px; margin-top:10px; font-size: 11px; }
    
	table.branchenTeaser	{}
	table.branchenTeaser td	{ color:#1e56a0; text-transform:uppercase; }
	
	table.homeQuickButtons			{ }
	table.homeQuickButtons td		{ padding:0; }
	
	/*** Aktuelles Teaser ***/
	ul.aktuellesTeaser 						{ width:214px; margin:0 !important; margin-bottom:20px !important; border-bottom:6px solid #E6E7E9; }
	ul.aktuellesTeaser li					{ margin:0; list-style:none !important; font-size:11px; line-height:normal; }
	ul.aktuellesTeaser li.aktuellesTop		{ background:url(../images/bg_aktuelles_top.jpg) no-repeat #f4f4f4; padding:7px 8px 8px; height:23px; }
	ul.aktuellesTeaser li.aktuellesTop h2	{ margin:0; padding:0; }
	ul.aktuellesTeaser li.aktuelles-c		{ background:url(../images/bg_aktuelles_2.jpg) no-repeat #f4f4f4; padding:15px 8px 8px; }
	ul.aktuellesTeaser li.aktuelles-1		{ background:url(../images/bg_aktuelles_1.jpg) no-repeat #f4f4f4; }
	ul.aktuellesTeaser li.aktuelles-c .news_datum			{ display:none; }
	ul.aktuellesTeaser li.aktuelles-c .news_titel			{ display: block; font-weight:bold; color:#1e56a0; margin-bottom:5px; }
	ul.aktuellesTeaser li.aktuelles-c .news_einleitung		{ display: none; color:#656565; margin-bottom:5px; }
	ul.aktuellesTeaser li.aktuelles-c .news_link			{  }
	ul.aktuellesTeaser li.aktuellesBottom	{ height:6px; margin:0; line-height:0em; }
	
	/*** Aktuelles Teaser in Sidebar ***/
	ul.latestNews 						{ margin:0 !important; margin-bottom:20px !important; }
	ul.latestNews li					{ margin:0; list-style:none !important; font-size:11px; line-height:normal; }
	ul.latestNews li.latestNewsTop		{ background:url(../images/bg_aktuelles_top.jpg) repeat-x #f4f4f4; padding:8px 8px 2px; height:23px; }
	ul.latestNews li.latestNewsTop h1	{ margin:0; padding:0; font-size:14px; font-weight:bold;}
	ul.latestNews li.latestNews-c,
	ul.latestNews li.latestNews-aktiv	{ background:url(../images/bg_aktuelles_2_breit.jpg) repeat-x #f4f4f4; padding:15px 8px 8px; }
	ul.latestNews li.latestNews-c:hover,
	ul.latestNews li.latestNews-aktiv	{ background:url(../images/bg_aktuelles_2_aktiv.jpg) repeat-x #d9dfe8; }
	ul.latestNews li.latestNews-c .news_titel			{ display: block; font-weight:bold; color:#1e56a0; margin-bottom:5px; }
	ul.latestNews li .latestNews_link	{ display: block; color:#656565; }
	ul.latestNews li.latestNewsBottom	{ background:url(../images/bg_aktuelles_bottom.jpg) repeat-x; height:6px; margin:0; line-height:0em; }
	
	/*** Service Teaser in Sidebar ***/
	ul.serviceTeaserSidebar 								{ margin:0 !important; margin-bottom: 25px !important; list-style-type:none !important; }
	ul.serviceTeaserSidebar li.headline						{ background:url(../images/bg_aktuelles_top.jpg) repeat-x #f4f4f4; padding:8px 8px 2px; height:23px; }
	ul.serviceTeaserSidebar li.headline h1					{ margin:0; padding:0; font-size:14px; font-weight:bold;}
    ul.serviceTeaserSidebar li.item-c                       { padding:7px; margin-bottom:5px; background:#e5e8ea; list-style:none !important; clear:both; }
    ul.serviceTeaserSidebar li.item-c:hover                 { background: #DEDEDE; }
    ul.serviceTeaserSidebar li.item-c img					{  }
	ul.serviceTeaserSidebar li.item-c a.teaserLink			{ display:block; color:#608aab; text-decoration:none; }
	ul.serviceTeaserSidebar li.item-c a.teaserLink:hover	{ text-decoration:none; color:#1e56a0; }
	ul.serviceTeaserSidebar li.item-c .teaserImg			{ display:block; }
	ul.serviceTeaserSidebar li.item-c .teaserText			{ display:block; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }
	
	
    /*** aktive ServeTeaser-Menüpunkte ***/   
    ul.serviceTeaserSidebar li.item-active                  { background: #CECECE; }
    ul.serviceTeaserSidebar li.item-active:hover            { background-color: #CECECE; }
    ul.serviceTeaserSidebar li.item-active a                { color: #1E56A0; }
    ul.serviceTeaserSidebar li.item-active span.teaserText  { color: #1E56A0; }
    
	/*** Werte ***/
	div#wert0,
	div#wert1,
	div#wert2,
	div#wert3,
	div#wert4,
	div#wert5 { margin:0 30px; }
	
	
	/*** Team ***/
	div.Organigramm_ebene_1		{ margin-right:10px; width:627px; clear:both; }
	div.Organigramm_ebene_2		{ }
	div.Organigramm_ebene_3		{ }
	div.Organigramm_ebene_2 ul li.teamMember		{ float:left; width:200px; margin: 0 10px 10px 0; padding:0px; border:1px solid #888888; background:#E5E8EA; }
	div.Organigramm_ebene_2 ul li.teamMember-3		{ margin: 0 0px 10px 0; }
	div.Organigramm_ebene_1 p,
	div.Organigramm_ebene_2 p,
	div.Organigramm_ebene_3 p	{ padding:0; }
	
	div.teamTrenner				{ padding-left:103px; }
    div.teamMember              { border:1px solid #888888; background:#E5E8EA; padding:10px; height:156px; }
	div.teamMember img			{ float:left; width:130px; margin-right: 10px; }
	
    div.division_name            { cursor: pointer; background:#E5E8EA; border:1px solid #888888; padding: 8px; margin-bottom:10px; }
    div.division_name:hover      { text-decoration: underline; }
    
    .Organigramm ul,
    ul.team,
	ul.team ul 					{ margin:0 !important; list-style:none !important; }
	
	ul.team p 					{ padding:0; }
    li.division                 { float: left; margin-bottom:10px; width: 202px; margin: 0 10px 10px 0; }
	li.division_2				{ display: none; }
    li.division h1              { padding-top:10px; }
	ul.team_list                { width: 200px; }
    ul.team li.teamMember       { width:180px; margin: 0 10px 10px 0; padding:10px; height:220px; border:1px solid #888888; background:#E5E8EA; }
	ul.team li.teamMember-1		{ display: none; }
	ul.team li.teamMember-2,
	ul.team li.teamMember-4,
	ul.team li.teamMember-6		{ margin: 0 0px 10px 0; }
	div.teamPerson				{ padding:10px; }
	p.OrganigrammName,
	p.team_name					{ font-weight:bold; }
    div.teamPersonAbt                   { background:#888888; padding:10px; height: 115px; }
	body.Page-equipe div.teamPersonAbt	{ background:#888888; padding:10px; height: 150px; } /* auf der franz. Seite muss der Kasten etwas länger sein */
	p.OrganigrammAbteilung		{ font-weight:bold; color:#ffffff !important; }
	ul.OrganigrammAbteilungLeistungen { list-style-type:square !important; padding-left:15px; color:#ffffff !important; }
	
	
	/*** NewsPage ***/
	ul.newsRepeater 					{ margin:0 !important; }
	ul.newsRepeater li 					{ margin-bottom:40px; list-style:none !important; }
	ul.newsRepeater li .news_datum		{ display:block; font-size: 10px; }
    ul.newsRepeater li h1               { margin-bottom:2px; }
    ul.newsRepeater li h1 a             { color: #1E56A0; text-decoration: none; }
	ul.newsRepeater li h1 a:hover       {text-decoration: underline; }
    ul.newsRepeater li .news_einleitung { margin: 8px 0 15px; }
	ul.newsRepeater li .news_einleitung div.news_text p	{ padding-bottom: 3px; display: inline; }
    ul.newsRepeater li .news_text       { }
	ul.newsRepeater li span.news_link_wrapper   { margin-left: 7px; }
	
	div.paging		{ }
	div.paging p	{ text-align:center; }
	
	/*** News Sidbar ***/
	div.WidgetHolder	 					{ margin:0; border-bottom:6px solid #E6E7E9; margin-bottom:20px; }
	div.WidgetHolder h3						{ margin:0; background: #E8E9EB url(../images/bg_aktuelles_top.jpg) repeat-x bottom; padding: 8px 8px 4px; font-size:14px; font-weight:bold; color:#1E56A0; line-height:normal; }
	div.WidgetHolder ul						{ margin:0 !important; }
	div.WidgetHolder li						{ display:block !important; background:#F4F4F4 url(../images/bg_aktuelles_2_breit.jpg) repeat-x; font-size:11px; line-height:normal; margin:0; padding:8px 8px; }
	div.WidgetHolder li:hover 				{ background:#D9DFE8 url(../images/bg_aktuelles_2_aktiv.jpg) repeat-x; }
	div.WidgetHolder p						{ display:block !important; background:#F4F4F4 url(../images/bg_aktuelles_2_breit.jpg) repeat-x; font-size:11px; line-height:normal; margin:0 0 1px 0; padding:8px 8px; }
	
	/*** Downloads ***/
	div.download_kategorie 								{ margin-top:20px; margin-bottom:20px; }
	div.download_kategorie p.download_kategorie_titel	{ font-size:14px !important; font-weight:bold; border-bottom:1px solid #888888; }
	div.download_kategorie ul							{ margin:0 !important; list-style:none !important; }
	div.download_kategorie ul li						{ padding:10px 8px; border-bottom:1px solid #E5E8EA; }
	div.download_kategorie ul li a						{ color:#1E56A0; }
	div.download_kategorie ul li a:hover				{ color:#888888; }

	
	/*** Kontakt-Formular ***/
	.mainCol fieldset { }
	.mainCol fieldset p { padding:0; }
	.mainCol fieldset .field { clear:both; }
	.mainCol fieldset .email label,
	.mainCol fieldset .textarea label,
	.mainCol fieldset .dropdown label,
	.mainCol fieldset .text label { float:left; height:27px; display:block; margin:0; padding-top:5px; width:140px; font-size:12px; }
	.mainCol fieldset .middleColumn { float:left; margin-right:10px; }
	.mainCol fieldset .message	{ font-size:11px; }
	.mainCol fieldset .validation,
	.mainCol fieldset .required				{ color:#900; font-weight:bold; margin-bottom:5px; }
	.mainCol fieldset .textarea .middleColumn { float:left; height:230px; margin-right:10px; }
	.mainCol fieldset .middleColumn select,
	.mainCol fieldset .middleColumn input	{ width:300px; border:1px solid #e0e0e0; height:16px; padding:2px; background: #fff url(../images/input_bg.gif) repeat-x; }
	.mainCol fieldset .middleColumn select	{ width:305px; height:auto; }
	.mainCol fieldset .middleColumn textarea { width:300px; border:1px solid #e0e0e0; padding:2px; height:200px; background: #fff; overflow:auto; }
	.mainCol fieldset .validationError textarea,
	.mainCol fieldset .validationError input	{ border:1px solid #dd0000 !important; }
	.mainCol .Actions { padding-left:140px; }
	.mainCol .Actions input { border:1px solid #e0e0e0; padding:2px 10px; background:url(../images/input_bg.gif) repeat-x; cursor:pointer; }
	
	/*** ergänzend auf der TeamSeite ***/
	#team_formularWrapper			{ background:#ffffff; border:1px solid #888888; cursor:pointer; margin-bottom:10px; padding:8px; width:607px; }
	a.team_formularClose			{ color:#888888 !important; font-size:10px; text-decoration:none !important; border:1px solid #888888; background:#E5E8EA; padding:2px 3px 2px 4px; float:right; display:block; }
	a.team_formularClose:hover		{ color:#DD0000 !important; border:1px solid #DD0000; background:#dd9f9f; }
	
    /*** Login ***/
    body.Page-Security div#nav                                      { display: none; }
    body.Page-Security div#atmoBox                                  { display: none; }
    body.Page-Security div.content                                  { margin: 100px 0px 100px 230px; width: 420px; }
    body.Page-Security div.content p                                { margin-left: 102px; width: 300px; }
    body.Page-Security div.sidebarCol                               { display: none; }
    body.Page-Security fieldset                                     { }
    body.Page-Security fieldset div#Email                           { }
    body.Page-Security fieldset div#Password                        { }
    body.Page-Security fieldset div.field                           { }
    body.Page-Security fieldset div.field label.left                { width: 100px; font-size: 12px; }
    body.Page-Security fieldset div.field div.middleColumn          { }
    body.Page-Security fieldset div.field div.middleColumn input    { }
    body.Page-Security fieldset p.checkbox                          { padding-top: 10px; padding-left: 96px; margin-bottom: 20px; margin-left: 0px; }
    body.Page-Security div.Actions                                  { padding-left: 100px; }
    body.Page-Security div.Actions input                            { margin-bottom: 10px; }
    body.Page-Security div.Actions p#ForgotPassword                 { margin-left: 0px; }
    body.Page-Security form p#MemberLoginForm_LoginForm_error       { color: #DD0000; padding-left: 100px; width: 300px; margin-left: 0px; }
    
#footer {
	width:inherit;
	margin-top:20px;
	text-align:center;
}
	ul.footerNav li.item-c		{ display:inline; font-size:10px; }
	ul.footerNav li.item-c a	{ color:#84867d; }
	ul.footerNav li.trenner-c	{ display:inline; font-size:10px; color:#84867d; }
		
		
		

/* CSS PNG Transparency fix by Rogie King, Komodo Media  
   Patched by Herryanto Siatono, Pluit Solutions to solve background 'none' call to the server
* html img,
* html .png {
  azimuth: expression(
    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.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (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
  );
} */