/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	background: #F1F1F1;
}

a		{ outline: none; color: #022569; }
a:hover { text-decoration: none; color: #336434; }
img 	{ border: none; }

div.clearer { clear: both; }
object { outline: none;  }


/* ----    FONT DEFINITIONS    ----------------------------------------------------------------------------------------- */

.tinytext 	{ font-size: 10px; }
.smalltext 	{ font-size: 11px; }
.normaltext { font-size: 12px; }
.bigtext 	{ font-size: 14px; }

/* ####################################################################################################################
   MAIN LAYOUT
   #################################################################################################################### */

#page {
	width: 964px;
	margin: 0 auto;
	padding: 0;
}

/* ----    META / SEARCH    ----------------------------------------------------------------------------------------- */

#meta-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 35px;
	z-index: 100;
}

/* ----    MENU / LOGO    ----------------------------------------------------------------------------------------- */

#menu-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 57px;
	background: url(/images/layout/bg-menu-wrapper.png) no-repeat 1px top;
	z-index: 10;
}

#printlogo { display: none; }
#logo {
	position: absolute;
	top: 9px;
	left: 10px;
}

/* ----    HEADER    ----------------------------------------------------------------------------------------- */

#header, #brand-header {
	float: left;
	width: 964px;
	margin: 10px 0 0 0;
	padding: 0;
	background-position: top center;
	background-repeat: no-repeat;
}

#header-image {
	float: left;
	width: 510px;
}



/* ----    VERTECKTES FORMFELD FUER SPAMBOTS  ----------------------------------------------------------------- */
.axessnichtsichtbar
	{
	visibilty:hidden;
	display:none;
	}





/* BRANDS */

#brand-carousel {
	float: left;
	width: 600px;
	height:380px;
}

#brand-rightcol {
	float: right;
	width: 350px;
	margin: 0;
	padding: 5px 10px 30px 0;
}



/* ----    CONTENT    ----------------------------------------------------------------------------------------- */

/* CONTENT AREA HOME PAGE */
#content-wrapper-home {
	width: 960px;
	margin: 10px 0 0;
	padding: 0;
	background: url(/images/layout/bg-content-home.png) repeat-y left top;
	float: left;
	position: relative;
}

#content-wrapper-home-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-content-home-bottom.png) no-repeat left top;
	height: 24px;
}

#content-wrapper-home #content-col-left {
	float: left;
	position: relative;
	width: 714px;
	margin: 0;
	padding: 15px 5px 0 4px;
}

#content-wrapper-home #content-col-right {
	float: left;
	position: relative;
	width: 208px;
	margin: 0;
	padding: 15px 14px 0 15px;
	
}

/* CONTENT AREA ALL OTHER PAGES */
#content-wrapper {
	width: 964px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(/images/layout/bg-content.png) repeat-y left top;
	background-size: 964px 8000px;
	float: left;
	position: relative;
}


#content-wrapper-editor
	{
	background: #fff;
	margin:0;
	padding: 10px;
	
	}

#content-wrapper-bottom {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	background: url(/images/layout/bg-content-bottom.png) no-repeat left top;
	height: 42px;
}

#content-col-left {
	float: left;
	position: relative;
	width: 650px;
	margin: 0;
	padding: 35px 35px 0 37px;
}

#content-col-right {
	float: left;
	position: relative;
	width: 232px;
	margin: 0;
	padding: 16px 0 0 0;
}

#content {
	overflow: hidden;
	width: 610px;
	margin: 0;
	padding: 15px 20px 0 20px;
}

div.content-splitter {
	width: 650px;
	height: 32px;
	margin: 0 -10px 10px -20px;
	padding: 0;
	background: url(/images/layout/bg-content-splitter.png) no-repeat left top;
}





* html div.content-splitter {
	margin-right: -20px;
}


div.content-splitter-withh1 {
	width: 650px;
	height: 59px;
	margin: 0 -10px 10px -20px;
	padding: 0;
	background: url(/images/layout/bg-content-splitter-withh1.png) no-repeat left top;
}


img.whiteshadow
	{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	}

img.thumbshadow
	{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
	}


.roundedcorners
	{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}



/* ----    NAV SUB    ----------------------------------------------------------------------------------------- */

#nav-sub-wrapper {
	width: 232px;
	margin: 0 0 0px 0;
	padding: 0 0 12px 0;
	background: url(/images/layout/bg-nav-sub.png) no-repeat -240px bottom;
}

/* ----    NAV RELATED    ----------------------------------------------------------------------------------------- */

.nav-related-wrapper, #nav-related-wrapper {
	width: 232px;
	margin: 0px 0 0px 0;
	padding: 0 0 12px 0;
	background: url(/images/layout/bg-nav-related.png) no-repeat -240px bottom;
}


/* ----    CONTENTBOX    ----------------------------------------------------------------------------------------- */

div.contentbox {
	clear: both;
	width: 964px;
	margin: 0px 0 8px 0;
	padding: 10px 0 0 0;
	background: url(/images/layout/bg-contentbox.jpg) no-repeat left top;
	
}

div.inside-contentbox {
	margin: 0;
	padding: 0 13px 12px;
	background: url(/images/layout/bg-contentbox.jpg) no-repeat left bottom;
}

div.contentbox-dark {
	clear: both;
	width: 964px;
	margin: 0 0 8px 0;
	padding: 0px 0 20px 0;
	background: url(/images/layout/bg-contentbox-dark.jpg) no-repeat left bottom;
}

div.contentbox-dark div.inside-contentbox {
	padding: 20px 23px 0px;
	background: url(/images/layout/bg-contentbox-dark.jpg) no-repeat left top;
}



/* ----    FOOTER ADS    ----------------------------------------------------------------------------------------- */

div.footerads {
	width: 964px;
	margin: 0 0 8px 0;
	padding: 25px 0 0px 0;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}


/* ----    FOOTER    ----------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	height: 55px;
	background: url(/images/layout/bg-footer.gif) repeat-x left top;
}


#footer ul{
	float: left!important;
	margin: 0 0 20px 0!important;
	
	
	list-style: none;
	color: #999;
	font-size: 12px!important;
	font-weight: bold;
	
}

#footer ul li {	
	float: left!important;
	margin: 0;
	padding: 0 20px;
	background: none;
	border:0!important;
	line-height:auto!important;
}

#footer ul li.first {
	padding-left: 0;
}


#mars-footer-panel .mars-footer-container
	{
	margin:15px 0 0 20px!important;
	
	}


/* ####################################################################################################################
   SLIDESHOW
   #################################################################################################################### */


/* Brand Pack Img Slider - JS/CSS Version */
.brands-slideshow {
  position: relative;
  width: 600px;
  height: 350px;
  text-align: left;
}
.brands-slideshow-slide {
  position: absolute;
  visibility: hidden;
  width: 600px;
  height: 275px;
}
.brands-slideshow-slide img {
  position: absolute;
  bottom: 0;
  left: 50px;
}
/*.cssreflections .brands-slideshow-slide {
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,0.6)));
}
.cssreflections .brands-slideshow-slide .reflection {
  display: none;
}
.brands-slideshow-slide .reflection img {
}
.no-cssreflections .brands-slideshow-slide .reflection {
  position: absolute;
  width: 600px;
  height: 66px;
  left: 0;
  bottom: -66px;
  overflow: hidden;
}
.no-cssreflections .brands-slideshow-slide .reflection img {
  bottom: auto;
  top: 0;
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  opacity: 0.6;
}
.no-cssreflections.no-csstransforms .brands-slideshow-slide .reflection img {
  filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1, rotation=2);
}
.no-cssreflections .brands-slideshow-slide .reflection s {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(241,245,249,0) 0%, rgba(241,245,249,1) 100%); /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,245,249,0)), color-stop(100%,rgba(241,245,249,1))); /* Chrome,Safari4+ */*/
  /*background: -webkit-linear-gradient(top, rgba(241,245,249,0) 0%,rgba(241,245,249,1) 100%); /* Chrome10+,Safari5.1+ */*/
  /*background: -o-linear-gradient(top, rgba(241,245,249,0) 0%,rgba(241,245,249,1) 100%); /* Opera 11.10+ */*/
  /*background: -ms-linear-gradient(top, rgba(241,245,249,0) 0%,rgba(241,245,249,1) 100%); /* IE10+ */*/
  /*background: linear-gradient(to bottom, rgba(241,245,249,0) 0%,rgba(241,245,249,1) 100%); /* W3C */*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f5f9', endColorstr='#f1f5f9',GradientType=0 ); /* IE6-9 */*/
/*}
/*turn reflections off for older versions of IE */
.ie8.no-cssreflections .brands-slideshow-slide .reflection {
  display: none;
}
.brands-slideshow-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 480px;
  overflow: hidden;
  margin: 0 60px;
  z-index: 20;
}
.brands-slideshow-nav > div {
  position: relative;
  width: 999em;
}
.brands-slideshow-thumb {
  float: left;
  background:#fff;
  margin: 3px 10px 3px 11px;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer;
  box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.5);
}
.brands-slideshow-thumb:hover {
  opacity: 0.6;
}
.brands-slideshow-nav-left,
.brands-slideshow-nav-right {
  position: absolute;
  bottom: 25px;
  width: 15px;
  height: 15px;
  left: 50px;
  background: #999;
  color: white;
  font-size: 7px;
  line-height: 15px;
  text-align: center;
  border-radius: 10px;
  text-indent: -1px;
  z-index: 25;
  cursor: pointer;
}
.brands-slideshow-nav-right {
  left: auto;
  right: 50px;
  text-indent: 1px;
}
.brands-slideshow-nav-left:hover,
.brands-slideshow-nav-right:hover {
  opacity: 0.8;
}
.brands-slideshow-nav-left.disabled,
.brands-slideshow-nav-right.disabled {
  opacity: 0.2 !important;
  cursor: default;
}

/* ####################################################################################################################
   META SEARCH
   #################################################################################################################### */

#search-wrapper {
	position: absolute;
	top: 7px;
	right: 10px;
	display: inline;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#search-wrapper a, #search-wrapper a:hover {
	position: absolute;
	top: 2px;
	right: 10px;
	margin: 0;
	padding: 4px 0 4px 25px;
	color: #666;
	font-family:verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/layout/icons-nav-sub.gif) no-repeat 10px -143px;
}

#search-area {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 230px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-search.gif) no-repeat right top;
}

#search-wrapper:hover #search-area { display: block; }

#search-area #searchfield {
	position: absolute;
	width: 128px;
	top: 50px;
	right: 59px;
	margin: 0;
	padding: 0;
	border: none;
	color: #eee;
	font-weight: bold;
	background: transparent url(/images/layout/bg-search.gif) no-repeat -20px -50px;
}

#search-area #searchbutton {
	position: absolute;
	width: 37px;
	top: 48px;
	right: 10px;
	margin: 0;
	padding: 0;
}
   

/* ####################################################################################################################
   NAV MAIN
   #################################################################################################################### */

#nav-main {
	float: right;
	height: 55px;
	padding: 0 10px 0 0;
	margin: 0;
	list-style: none;
}

#nav-main li {
	float: left;
	padding: 0 0 0 2px;
	background: url(/images/layout/bg-nav-main-li.jpg) no-repeat left center;
}

#nav-main li.first { background-image: none; }

#nav-main a {
	float: left;
	height: 55px;
	padding: 0 10px 0 12px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 55px;
	color: #333333;
	text-decoration: none;
	font-family: stag_sansbook,verdana,arial,sans-serif;
	font-size:12px;
}

#nav-main a:hover {
	color: #019DE8;
}

#nav-main li.current a, #nav-main li.current a:hover {
	color: #fff;
	background: url(/images/layout/bg-nav-main-a-current.jpg) repeat-x left top;
}


/* ####################################################################################################################
   HEADER 
   #################################################################################################################### */

#header ul {
	list-style: disc;
}

#header li {
	background: none;
	margin-left: 15px;
	padding-left: 5px;
}
   
/* ####################################################################################################################
   HEADER IMAGE LINK
   #################################################################################################################### */

#header-image a {
	display: block;
	text-indent: -99999px;
	background: transparent url(/images/layout/btn_more_header.gif) no-repeat 385px 220px;
}

#header-image a:hover {
	background-position: -215px 220px;
}

/* ####################################################################################################################
   HEADER BLURB
   #################################################################################################################### */

#header-blurb, .header-blurb {
	float: right;
	width: 370px;
	margin: 0 30px 0px 0;
	padding: 0px 0;
	
	display: table;
	height:100%;
	
}

* html #header-blurb { margin-right: 30px; }
* html .header-blurb { margin-right: 30px; }


#header-blurb-content
	{
	display: table-cell;
	vertical-align: middle;	
	}


#header-blurb-top, .header-blurb-top {
	margin: 0;
	padding: 0;
	
}

#header-blurb h1, .header-blurb h1 {
	margin: 0;
	padding-bottom: 10px;
	font-family:stag_sanslight,verdana,arial,sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	
}

#header-blurb-inside, .header-blurb-inside {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-family:stag_sanslight,verdana,arial,sans-serif;
	font-size: 17px;	
	line-height:19px;
	letter-spacing: .04em;
	}
	
#header-blurb-inside p
	{
	line-height:19px;
	}



#header-blurb a, .header-blurb a {
	color: #FFC800;
	}


#header-blurb-bottom, .header-blurb-bottom {

}


/* ####################################################################################################################
   BRAND HEADER RIGHTCOL / PANELS
   #################################################################################################################### */

div.panel-header {
	padding: 7px 0 3px 0;
	background: #222324;
	background-image:url(/images/layout/panel-corners.png);
	background-position:top left;
	
}

div.panel {
	width: 314px;
	margin: 0;
	padding: 10px 18px 5px;
	background: #222324;
	color: #fff;
	font-family: stag_sansbook,verdana,arial,sans-serif;
}

div.panel-header h1 {
	margin: 0;
	padding: 12px 18px 0;
	font-size: 30px;
	font-family: stag_sanslight,verdana,arial,sans-serif;
	font-weight: normal;
	color: #FFF;
}

div.panel-header h2 {
	margin: 0;
	padding: 12px 18px 0;
	font-size: 14px;
	font-family: stag_sanslight,verdana,arial,sans-serif;
	color: #FFF;
}

div.panel-header h3 {
	margin: 0;
	padding: 4px 18px 3px;
	font-size: 16px;
	line-height: 115%;
	
	font-family: stag_sanslight,verdana,arial,sans-serif;
	color: #FFF;
}

div.panel-bottom {
	font-size: 0px;
	line-height: 1px;
	height: 9px;
	margin: 0;
	padding: 0;
	background: #222324;
	
	background-image:url(/images/layout/panel-corners.png);
	background-position:bottom left;
}

div.panel p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* ----    NUTRITION FACTS     ----------------------------------------------------------------------------------------- */
div.nutfacts {
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #FFF;
}

div.nutfacts table {
	margin: 0 0 0.5em 0;
	padding: 0;
}

div.nutfacts td {
	padding: 2px 10px 2px 5px;
	vertical-align: bottom;
}

div.nutfacts tr.headerline td {
	font-weight: bold;
	vertical-align: bottom;
}

div.nutfacts td.imagecell {
	text-align: right;
	padding: 0 0 10px 0;
}

div.nutfacts tr.mainline td {
	border-top: 1px solid #9E9E9E;
}

div.nutfacts td.subline td {  }

div.nutfacts tr.swap td {
	background: #E7ECEE;
}

div.nutfacts tr.ingredients td {
	color: #343434;
	background: #F7F9F9;
}

div.nutfacts tr.ingredients div {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.nutfacts tr.ingredients p {
	margin: 0;
	padding: 0;
}

div.nutfacts p.disclaimer {
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 1.2em;
	color: #7D7D7D;
}

/* OLD FOR BLURB
div.flavor {
	margin: 20px 0 0 0;
	padding: 0;
}

div.flavor table {
	margin: 0 0 0.5em 0;
	padding: 0;
	border-bottom: 1px solid #5E5E5E;
}

div.flavor td {
	padding: 1px 10px 1px 0;
	vertical-align: bottom;
}

div.flavor tr.headerline td {
	font-weight: bold;
}

div.flavor tr.mainline td {
	border-top: 1px solid #5E5E5E;
}

div.flavor td.subline td {  }

div.flavor tr.swap td {
	background: #313131;
}

div.panel p.disclaimer {
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 1.2em;
	color: #A2A2A2;
}

#SHOW_FLAVOR {
	width: 180px;
	padding: 2px 3px;
	color: #000;
	font: bold 12px arial, sans-serif;
	background: #FAFAFA;
	border: 1px solid #CCC;
}
*/


/* ####################################################################################################################
   BILD-DATENBANK
   #################################################################################################################### */

a.bilddb_discicon
	{
	float: left; margin: 0; 
	padding: 0 0 0 16px; 
	display: block; 
	text-decoration: none; 
	background: url(/images/icons/icon_diskette.gif) no-repeat left 50%;	
	}



/* ####################################################################################################################
   NAV SUB
   #################################################################################################################### */

/* ----    HEADLINE WITH LINK     ----------------------------------------------------------------------------------------- */

#nav-sub-wrapper h5 {
	margin: 0;
	padding: 12px 0 8px 15px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/images/layout/bg-nav-sub.png) no-repeat left top;
	
	font-family:stag_sansbook,verdana,arial,sans-serif;
	letter-spacing: 0.03em;
	
}

#nav-sub-wrapper h5 a  {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

#nav-sub-wrapper h5 a:hover { color: #fff; }

/* ----    LIST     ----------------------------------------------------------------------------------------- */

#nav-sub {
	margin: 0;
	padding: 0;
	width: 232px;
	background: #00A0EA;
	list-style: none;
}

#nav-sub li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 232px;
	border-bottom: 2px solid #00AAE7;
	background: none;
}

#nav-sub a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 202px;
	color: #FFF;
	font-weight: regular;
	text-decoration: none;
	font-family:stag_sansbook,verdana,arial,sans-serif;
	
}




#nav-sub a:hover, #nav-sub li.current a {
	color: #FFC800;
}

/* ----    2. LEVEL     ----------------------------------------------------------------------------------------- */

#nav-sub li.folder div {
	display: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#nav-sub div p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 110%;
}

#nav-sub li.folder div a, #nav-sub li.current div a {
	margin: 0;
	padding: 0 5px 7px 30px;
	width: 197px;
	color: #fff;
}

#nav-sub li.folder div a:hover, #nav-sub li.current div a.current, #nav-sub li.current div a:hover {
	color: #FFC800;
}

/* ----    FOLDER ICONS     ----------------------------------------------------------------------------------------- */

#nav-sub .folder span {
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 28px;
	height: 29px;
	background: url(/images/layout/icons-nav-sub.gif) no-repeat left top;
	cursor: pointer;
}

#nav-sub .folder span:hover { background-image: url(/images/layout/icon-nav-sub-down-hover.gif); }
#nav-sub li.open span 		{ background-position: left -50px; }
#nav-sub li.open span:hover { background-image: url(/images/layout/icons-nav-sub.gif); background-position: left -100px; }



/* ####################################################################################################################
   NAV RELATED
   #################################################################################################################### */

/* ----    HEADLINE WITH LINK     ----------------------------------------------------------------------------------------- */

.nav-related-wrapper h5, #nav-related-wrapper h5 {
	margin: 0;
	padding: 12px 0 8px 15px;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/images/layout/bg-nav-related.png) no-repeat left top;
	
	font-family:stag_sansbook,verdana,arial,sans-serif;
	letter-spacing: 0.03em;	
	
}

.nav-related-wrapper a, #nav-related-wrapper a {

	color: #FFF;

}



/* ----    LIST     ----------------------------------------------------------------------------------------- */

ul.nav-related {
	margin: 0;
	padding: 0;
	width: 232px;
	background: #1B4982;
	list-style: none;
}

ul.nav-related li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 232px;
	border-bottom: 2px solid #005595;
	background: none;
}

ul.nav-related a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 202px;
	color: #FFF;
	font-weight: regular;
	font-family:stag_sansbook,verdana,arial,sans-serif;
	text-decoration: none;
	}



ul.nav-related a:hover {
	color: #FFC800;
}

/* EXTERNAL LINKS */
ul.nav-related li.newwin {
	background-image: url(/images/layout/icons_linkexternal.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.nav-related li.newwin a {
	width: 180px;
	padding-right: 37px;
}


/* FACEBOOK LINKS */
ul.nav-related li.fbook {
	background-image: url(/images/layout/icons_fbook.png);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.nav-related li.fbook a {
	width: 180px;
	padding-right: 37px;
}



/* RSSRELATED LINKS */
ul.nav-related li.rssrelated {
	background-image: url(/images/layout/icons_rssrelated.png);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.nav-related li.rssrelated a {
	width: 180px;
	padding-right: 37px;
}


/* PDFRELATED LINKS */
ul.nav-related li.pdfrelated {
	background-image: url(/images/layout/icons_pdfrelated.png);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.nav-related li.pdfrelated a {
	width: 180px;
	padding-right: 37px;
}


/* ####################################################################################################################
   CONTENT STYLES
   #################################################################################################################### */
   

/* ----    NAV PAGE (INCL. HEADLINE OUT OF CONTENT)     ----------------------------------------------------------------------------------------- */
#nav-page {
	margin: 0 0 5px 0;
	padding: 0 0 25px 0;
	background: url(/images/layout/bg-h1-nav-page.png) no-repeat left bottom;
}

#nav-page h1 {
	margin: 0;
	padding: 0;
	color: #3F4963;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
}

/* ----    HEADLINE OUT OF CONTENT     ----------------------------------------------------------------------------------------- */

#content h1 {
	width: 650px;
	margin: -15px -20px 5px -20px;
	padding: 0 0 25px 0;
	color: #3f4963;
	font-size: 20px;
	font-family: stag_sansbook,verdana,arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
	background: url(/images/layout/bg-h1-nav-page.png) no-repeat left bottom;
}

/* ----    COLOR PANELS     ----------------------------------------------------------------------------------------- */

div.colorpanel {
	position: relative;
	width: 650px;
	margin: -15px -20px 10px;
	padding: 0 0 32px 0;
	color: #FFF;
	font-weight: bold;
	background: url(/images/layout/bg-colorpanels.jpg) no-repeat left bottom;
}

div.colorpanel-inside {
	margin: 0;
	padding: 10px 15px 0;
	background: url(/images/layout/bg-colorpanels.jpg) no-repeat left top;
}

div.cp-blue							{ background-position: left bottom; }
div.cp-blue	div.colorpanel-inside 	{ background-position: left top; }
div.cp-red							{ background-position: -650px bottom; }
div.cp-red div.colorpanel-inside 	{ background-position: -650px top; }
div.cp-orange						{ background-position: -1300px bottom; }
div.cp-orange div.colorpanel-inside { background-position: -1300px top; }
div.cp-green						{ background-position: -1950px bottom; }
div.cp-green div.colorpanel-inside 	{ background-position: -1950px top; }

div.colorpanel p, div.colorpanel ul {
	margin: 0 0 0.5em 0;
}

/* ----    CONTENT STYLES     ----------------------------------------------------------------------------------------- */

h2, #content h1.h2like {
	margin: 0 0 1em 0;
	padding: 0;
	color: #092869;
	font-size: 18px;
	font-family: stag_sansbook,verdana,arial,sans-serif;	
	font-weight:normal;
	background:none;
	
}

h3, #content h1.h3like {
	margin: 1px 0 5px 0;
	padding: 0;
	color: #00AAE6;
	font-size: 16px;
	font-family: stag_sansbook,verdana,arial,sans-serif;
	font-weight:normal;
	background:none;
}

h5 {
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #092869;
	font-size: 12px;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:145%;
}

p.highlight {
	font-weight: bold;
	color: #444;
}

ul, ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 5px;
	list-style: none;
}

li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 20px;
	background: url(/images/layout/bg-li.gif) no-repeat left top;
}

ul ul {
	margin-bottom: 1em;
	padding-top: 0.3em;
}

ul ul ul {
	margin-bottom: 0.5em;
}


ul ul li {
	padding-left: 12px;
	background: url(/images/layout/bg-li-li.gif) no-repeat left top;
}

ul ul ul li {
	padding-left: 10px;
	background: url(/images/layout/bg-li-li-li.gif) no-repeat left top;
}

.hrlike {
	clear: both;
	display: block;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 10px 0 5px;
	background: url(/images/layout/hrlike.gif) repeat-x left center
}

.fussnote {
	color:#333333;
	font-weight: normal;
	font-size: 80%;
	position: relative;
	top: -4px;	
}

.sublike {
font-size: 8px;
position: relative;
top: 2px;
}

.sublike_big {
font-size: 12px;
position: relative;
top: 4px;
}


/* ----    IMAGE WITH BORDER AND CAPTION     ----------------------------------------------------------------------------------------- */

.image-w-border {
	margin: 3px 0 0 0;
	padding: 10px;
	background: #EFEDE9;
}

.image-left {
	float: left;
	margin: 3px 20px 10px 0;
}

.image-right {
	float: right;
	margin: 3px 0 10px 20px;
}

.image-w-border em {
	display: block;
	padding: 6px 0 0 0;
	color: #777777;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	background: #EFEDE9;
}

.image-w-border a {
	text-decoration: none;
}

.image-w-border a em {
	text-align: center;
}

/* ----    FORWARD LINK     ----------------------------------------------------------------------------------------- */

ul.teaserlinks span, a.forward, a.back, div.homeads span {
	display: inline-block;
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
	background: url(/images/layout/button.jpg) no-repeat left top;
	cursor: pointer;
}

ul.teaserlinks span em, a.forward em, a.back em, div.homeads span em {
	display: inline-block;
	height: 25px;
	margin: 0;
	padding: 0 30px 0 0;
	color: #FFF;
	font-style: normal;
	background: url(/images/layout/button.jpg) no-repeat right top;
	cursor: pointer;
	white-space: nowrap; 
	font-family:arial,sans-serif;
	
}


div.homeads span { background-image: url(/images/layout/button_ads.jpg); }
div.homeads span em { background-image: url(/images/layout/button_ads.jpg); }

a.back {
	padding: 0 12px 0 0;
	background: url(/images/layout/button_back.jpg) no-repeat right top;
}

a.back em {
	padding: 0 0 0 30px;
	background: url(/images/layout/button_back.jpg) no-repeat left top;
}

ul.teaserlinks span:hover, a.forward:hover, div.homeads span:hover			{ color: #FFF; background-position: left -25px }
ul.teaserlinks span:hover em, a.forward:hover em, div.homeads span:hover em	{ color: #FFF; background-position: right -25px }

a.back:hover	{ color: #FFF; background-position: right -25px }
a.back:hover em	{ color: #FFF; background-position: left -25px }

/* Listings -> Management, Broschüren, Statements */

div.listing {
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 0;
}

div.listing img.listing {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

div.listing div.listing-right-container {
	margin: 0 0 0 140px;
	padding: 0;
}

div.listing p {
	margin: 1em 0 0 0;
	padding: 0;
}

* html div.listing {
	display: table;
	width: 100%;
}

* html div.listing div.listing-right-container {
	margin: 0;
	float: left;
}

/* Presse */

table.pm-table {
	border: 1px solid #666;
	border-collapse: collapse;
}

table.pm-table td {
	padding: 4px 3px;
	vertical-align: top;
	border: 1px solid #666;
}



/* ----    RIGHTCOL     ----------------------------------------------------------------------------------------- */

/* e.g. NEWS HOME */
#content-col-right h2 { 
	margin: 0 0 8px;
	padding: 5px 0 5px 12px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	background: url(/images/layout/bg-hl-news-home.jpg) no-repeat left top;
}

/* NEWS */

#newslist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#newslist li, #newslist a, #newslist span, #newslist p { display: block; margin: 0; padding: 0; }

#newslist li {
	margin: 0;
	padding: 7px 0 9px;
	background: url(/images/layout/hrlike.gif) repeat-x left bottom;
}

#newslist li:hover {
	background-color: #F2F2F2;
}

#newslist a {
	padding: 0 9px;
	text-decoration: none;
}

#newslist span {
	font-size: 11px;
	font-weight: bold;
	color: #327034;
	}


#newslist.newslist_home li:hover {
	background-color: #F2F2F2;
}

#newslist.newslist_home a {
	padding: 0 9px;
	text-decoration: none;
	color: #eee;
}

#newslist.newslist_home span {
	font-size: 11px;
	font-weight: bold;
	color:#eee;
}

#newslist.newslist_home a:hover
	{
	color: #FFC800;
	}


/* NEWS MIT TEASER */

#newslistwithteaser {
	margin: 0;
	padding: 0;
	list-style: none;
}

#newslistwithteaser li, #newslistwithteaser .newsrow_text a, #newslistwithteaser span, #newslistwithteaser p { display: block; margin: 0; padding: 0; }

#newslistwithteaser li {
	margin: 0;
	padding: 7px 0 9px;
	background: url(/images/layout/hrlike.gif) repeat-x left bottom;
}

#newslistwithteaser li:hover {
	background-color: #F2F2F2;
}


#newslistwithteaser div.newsrow_text{
	display:table;
	padding:0;
	margin:0;
	width:480px;
	xxborder:1px solid #ff0000;
	
}

#newslistwithteaser .newsrow_text a {
	padding: 0 0px;
	text-decoration: none;
}

#newslistwithteaser p {
	font-weight: bold;
	margin:3px 0;
}


#newslistwithteaser div.newsrow_pic 
	{
	float:left;
	margin:0 20px 0 0;
	display:table;
	
	}
	
#newslistwithteaser div.newsrow_flinks 
	{
	float:right;
	margin:0;
	padding:0 15px 0 0;

	}	


#newslistwithteaser div.newsrow_flinks a
	{
	display:inline;
	}


#newslistwithteaser span {
	font-size: 11px;
	font-weight: regular;
	color: #022569;
}

#newslistwithteaser span.newsdate {
	font-weight: bold;
	color: #327034;
}


/* special style homepage */

#newslist-homebox {
	width: 208px;
	padding-bottom: 3px;
	background: #008DCF url(/images/layout/bg-newslist-home.png) no-repeat -250px bottom;
}

#newslist-homebox #newslist {
	width: 208px;
	padding-top: 5px;
	background: transparent url(/images/layout/bg-newslist-home.png) no-repeat left top;
}

#newslist-homebox #newslist li:hover {
	background-color: transparent;
}

#newslist-homebox #newslist p {
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

/* ----    EDIT AND DOCUMENTS    ----------------------------------------------------------------------------------------- */

a.iconlink, a.link-pdf {
	margin: 0 15px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.iconlink:hover { background-color: transparent; }

a.arrow		{ background: url(/images/layout/bg-li.gif) no-repeat left 3px; margin-right: 0;}
a.totop		{ background: url(/images/layout/icon_top.gif) no-repeat left 7px; margin-right: 0; padding-left: 18px; }
a.add		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }
a.view		{ background-image: url(/images/admin_icons/icon_view.gif); }


a.doc { background-image: url(/images/icons/doc.gif); }
a.eps { background-image: url(/images/icons/eps.gif); }
a.gif { background-image: url(/images/icons/gif.gif); }
a.jpg { background-image: url(/images/icons/jpg.gif); }
a.new { background-image: url(/images/icons/new.gif); }
a.pdf, a.link-pdf { background-image: url(/images/icons/pdf.gif); }
a.ppt { background-image: url(/images/icons/ppt.gif); }
a.rss { background-image: url(/images/icons/rss.gif); }
a.txt { background-image: url(/images/icons/txt.gif); }
a.xls { background-image: url(/images/icons/xls.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }
a.lipfeil { background-image: url(/images/layout/bg-li.gif); }



a.printicon { background-image: url(/images/icons/icon_drucker.gif); }




/* ####################################################################################################################
   TEASER LINKS
   #################################################################################################################### */

ul.teaserlinks {
	width: 630px;
	float: left;
	margin: 0 0 0 -20px;
	padding: 0 0 5px 0;
	list-style: none;
}

* html ul.teaserlinks {
	width: 650px;
}

ul.teaserlinks li {
	float: left;
	width: 190px;
	margin: 0 0px 0 20px;
	padding: 0;
	background: none;
}

ul.teaserlinks img, ul.teaserlinks h3, ul.teaserlinks a, ul.teaserlinks p { display: block; margin: 0; padding: 0;}

ul.teaserlinks a {
	color: #666666;
	text-decoration: none;
}

ul.teaserlinks img {
	margin-bottom: 15px;
}

ul.teaserlinks h3 {
	margin: 0 0 5px 0px;
	color: #092869;
	font-weight: normal;
	font-size: 17px;
}

ul.teaserlinks a:hover h3 { color: #136BC0; }

ul.teaserlinks p {
	margin-bottom: 5px;
}


* html ul.teaserlinks .tboxheight { border-bottom:1px solid #fff; }

   
/* ####################################################################################################################
   CONTENTBOX
   #################################################################################################################### */

div.contentbox p, div.contentbox-dark p {
	margin: 0;
	padding: 0;
}

div.contentbox h3 {
	margin: 0 3px 10px 3px;
	padding: 5px 13px 10px;
	
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #D8D8D8;
}

div.brandsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.brandsbox li {
	display: inline;
	margin: 0 34px 5px 33px;
	padding: 0;
	background: none;
}



/* ####################################################################################################################
   MULTIBRAND ACCORDEION
   #################################################################################################################### */

div.brand_accordion_select
	{
	padding:10px 20px 10px 0;
	}
	
div.brand_accordion_wrap
	{
	padding:10px 20px 10px 0;
	margin-bottom:10px;
	background:transparent url(/images/layout/hrlike_blau.gif) repeat-x bottom left;
	}	
div.brand_accordion_select .closedlink  
	{
	padding-left:20px;
	background:transparent url(/images/layout/pfeil_blau_down.gif) no-repeat center left;
	}
  
div.brand_accordion_select .openlink
	{
	padding-left:20px;
	background:transparent url(/images/layout/pfeil_blau_up.gif) no-repeat center left;
	}  
  
div.accordiondiv
	{
	border:2px dotted #09B3F1;
	padding:10px;
	
	}

/* ####################################################################################################################
   FOOTER ADS
   #################################################################################################################### */
   
div.footerads ul {
	float: left;
	width: 947px;
	margin: 0;
	padding: 0px 0 35px 17px;
	background-position: left bottom;
	background-repeat: no-repeat;
	list-style: none;
}

div.footerads li {
	float: left;
	display: block;
	margin: -2px 0 0 0;
	padding: 0 6px;
	background: none;
	font-family: stag_sansbook,verdana,arial,sans-serif;
}

div.footerads a, div.footerads img { display: block; }

div.footerads img {
	margin: 0 0 7px 0;
	padding: 0;
}

div.footerads h4 {
	margin: 6px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight:normal;
	font-family: stag_sansbook,verdana,arial,sans-serif;
}

div.footerads p {
	margin: 0 0 7px 0;
	padding: 0;
	color: #666;
}

div.footerads a { text-decoration: none; }
div.footerads a.more {
	font-weight: bold;
	color: #42508D;
}
div.footerads a.more:hover { color: #136BC0; }

/* 4 COLS */
div.adrow-4cols, div.adrow-4cols ul	
	{ 
	background-image: url(/images/layout/bg-footerads-4cols.png); 
	}
div.adrow-4cols ul { padding-left: 17px; }
div.adrow-4cols li {
	width: 213px;
	margin-right: 9px;
}


/* ####################################################################################################################
   HOMEPAGE ADS / TEASER
   #################################################################################################################### */
   
div.homeads {
	width: 704px;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	overflow: hidden;
	background: url(/images/layout/bg-ads-home.png) no-repeat left bottom;
}

div.homeads ul {
	float: left;
	width: 704px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/images/layout/bg-ads-home.png) no-repeat left top;
}

div.homeads li {
	float: left;
	display: block;
	width: 213px;
	margin: 0 9px 0 0;
	padding: 6px 6px 0;
	background: none;
	font-family: stag_sansbook,verdana,arial,sans-serif;
}




div.homeads img, div.homeads h3, div.homeads a, div.homeads p { display: block; margin: 0; padding: 0;}

div.homeads img {
	margin-bottom: 15px;
}

div.homeads h3 {
	margin: 5px 0;
	color: #000;
	font-weight: normal;
	font-size: 17px;
}

div.homeads p {
	margin-bottom: 0px;
	line-height: 130%;
	color: #666;
}

div.homeads a {
	color: #666666;
	text-decoration: none;
}


/* ####################################################################################################################
   FORMS
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
}

input.input_text, textarea, select, input.fc-normal, textarea.fc-normal, select.fc-normal {
	margin: 0;
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border: 1px solid #828282;
	background: #FCFCFC;
}

input.input_radio, input.input_checkbox {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

input.fc-error, textarea.fc-error, select.fc-error {
	background-color: #FAE7E7;
	border: 1px solid #CC0000;
}

label.forcheckbox {
	position: relative;
	top: -2px;
	margin-left: 5px;
}

span.required, span.required-symbol {
	color: #002355;
	font-size: 11px;
}

span.required-symbol {
	vertical-align: top;
	font: bold 11px verdana, arial, sans-serif;
}

/* ----    SUBMIT BUTTON    ----------------------------------------------------------------------------------------- */

div.submit-button-end {
	position: absolute;
	display: inline;
	margin: 0;
	padding: 0 2px 0px 0;
	width: 15px;
	height: 32px;
	background: transparent url(/images/layout/bg-submit-end.gif) no-repeat left top;
}

input.submit-button {
	overflow: visible;
	cursor: pointer;
	height: 32px;
	margin: 0;
	padding: 0 8px 0px 38px;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #FFF;
	border: none;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}


   

/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */

#nav-footer {
	float: left;
	margin: 0;
	padding: 0 0 0 22px;
	height: 56px;
	list-style: none;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	line-height: 56px;
}

#nav-footer li {	
	float: left;
	margin: 0;
	padding: 0 20px;
	background: transparent url(/images/layout/bg-nav-footer-li.gif) no-repeat left center;
}

#nav-footer li.first {
	padding-left: 0;
	background: none;
}

#nav-footer a {
	color: #999;
	text-decoration: none;
}

#nav-footer a:hover {
	color: #4F7BB0;
}

#link-dontlitter {
	position: absolute;
	top: 11px;
	right: 22px;

}


/* ##### Image Gallery ######### */

div.image-details {
	display: none;
	position: absolute;
	width: 450px;
	margin: 0;
	padding: 25px 10px 10px 10px;
	text-align: left;
	border: 2px solid #103C6D;
	background: rgb(240,240,240);
	z-index: 500;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	
}

div.image-details img.close-link {
	position: absolute;
	top: 6px;
	right: 10px;
	margin: 0;
	padding: 0;
}




/* ####################################################################################################################
   PRESSE_THEMATABS
   #################################################################################################################### */


div.presse_thematabs {
	width: 100%;
	display: table;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 11px;
	font-weight:bold;
}
   
ul.presse_thematabs
	{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #618190;
	
	}
   
ul.presse_thematabs li
	{
	margin: 0 10px 0 10px;
	padding: 0;
	float: left;
	

	}   
   
ul.presse_thematabs a
	{
	float: left;
	display: block;
	margin: 0 0 -1px 0;
	padding: 3px 0px 3px 0px;
	
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/layout/bg_tab_i.gif) no-repeat left top ;
	}

ul.presse_thematabs a.active
	{
	color: #618190;
	background: #fff url(/images/layout/bg_tab_a.gif) no-repeat left top ;
	border-bottom: 1px solid #fff;
	}

ul.presse_thematabs a span
	{
	padding: 3px 9px 3px 9px;
	text-decoration: none;
	background: transparent url(/images/layout/bg_tabend_i.gif) no-repeat right top ;
	}
	
ul.presse_thematabs a.active span
	{
	background: transparent url(/images/layout/bg_tabend_a.gif) no-repeat right top ;
	}	


/* ####################################################################################################################
   ENGAGEMENT 2013
   #################################################################################################################### */


div.pppmapbox
	{
	position:absolute;
	width:220px;
	color:#666666;
	}


div.pppmapbox h2, div.pppmapbox a.h2like
	{
	font-size: 34px;
	font-weight: normal;
	margin:0;
	text-decoration:none;
	color:#69AF28;
	}



div.engagementpppintro
	{
	margin-top:-16px;
	margin-left:-20px;
	margin-right:-20px;
	height:223px;
	padding: 20px 20px 30px 20px;
	color:#fff;
	font-size:18px;
	vertical-align:center;
	font-weight:normal;
	font-family:stag_sanslight,verdana,arial,sans-serif;
	
	}

div.engagementpppintro h2
	{
	color:#fff;
	font-size:18px;
	}

div.engagementpppintro.people
	{
	background: transparent url(/images/layout/engagement/people-intro-bg.png) no-repeat left top ;
	}

div.engagementpppintro.planet
	{
	background: transparent url(/images/layout/engagement/planet-intro-bg.png) no-repeat left top ;
	}
	
div.engagementpppintro.perf
	{
	background: transparent url(/images/layout/engagement/performance-intro-bg.png) no-repeat left top ;
	}


div.belowpppintro
	{
	background: transparent url(/images/layout/engagement/intro-content-splitter.png) no-repeat left top ;
	height:33px;
	margin-left:-20px;
	margin-right:-20px;	
	}



div.engagementpppl3head
	{
	position:relative;
	background: transparent url(/images/layout/engagement/l3head_bg_top.png) no-repeat left top ;
	margin-top:-10px;
	margin-left:-16px;
	margin-right:-16px;
	margin-bottom:20px;
	padding-top:7px;
	
	}


div.engagementpppl3end
	{
	background: transparent url(/images/layout/engagement/l3head_bg_bottom.png) no-repeat left top ;
	height:7px;
	}


div.engagementpppl3head .ppptopicon
	{
	position:absolute;
	background:#ff0000;
	width:144px;
	height:168px;
	top:-40px;
	left:488px;
	}
	
div.engagementpppl3head.people .ppptopicon
	{
	background: transparent url(/images/layout/engagement/people_icon_interior.png) no-repeat left top ;
	}
div.engagementpppl3head.planet .ppptopicon
	{
	background: transparent url(/images/layout/engagement/planet_icon_interior.png) no-repeat left top ;
	}
div.engagementpppl3head.perf .ppptopicon
	{
	background: transparent url(/images/layout/engagement/performance_icon_interior.png) no-repeat left top ;
	}	

div.engl3head_text
	{
	background:#F6F5F3;
	padding:25px 20px;
	padding-right:190px;
	min-height:120px;
	color:#333;
	font-size:16px;
	font-weight:normal;
	font-family:stag_sansbook,verdana,arial,sans-serif;
	}
	
div.engl3head_text h2
	{
	color: #082768;
	margin: 0;
	padding: 0;
	font-size:20px;
	font-weight:normal;
	}	


	

a.pppmore
	{
	display:block;
	height:19px;
	width:129px;
	background: transparent url(/images/layout/engagement/pia-buttons-more.png) no-repeat left top ;
	text-indent: -999em;
	}
	
a.pppmore.people:hover
	{
	background-position: 0 -19px;
	}	
a.pppmore.planet:hover
	{
	background-position: 0 -38px;
	}	
a.pppmore.perf:hover
	{
	background-position: 0 -57px;
	}
	

/* ####################################################################################################################
   JQUERY UI ACCORDION
   #################################################################################################################### */

h3.ui-accordion-header
	{
	font-size:14px;
	background-image:url(/images/layout/accordion_back.png);
	
	}
	
	
h3.ui-accordion-header.ui-state-default
	{
	margin-bottom:5px;
	}

.ui-accordion .ui-accordion-content
	{
	margin-bottom:10px;
	}
	
h3.ui-accordion-header.ui-state-active a, h3.ui-accordion-header.ui-state-active a:link, h3.ui-accordion-header.ui-state-active a:visited 
	{ 
	font-weight: normal;
	}
	


/* ####################################################################################################################
   FOTODL: BILD MIT CAPTION BEIM HOVER
   #################################################################################################################### */


.fotodl
	{
	position:relative;
	}

.fotodl_copy
	{
	display:none;
	background:#eee;
	position:absolute;
	bottom:0;
	left:0;
	border:1px solid #000;
	padding:10px;
	width:278px;
	font-weight:bold;
	
	}

.fotodl:hover .fotodl_copy
	{
	display:block;
	}



/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{
	/* DO NOT DISPLAY ---------------------------- */
	#meta-wrapper, #menu-wrapper, #brand-carousel, #homekarussell, div.panel-bottom, #content-col-right, #content-wrapper-bottom, div.homeads, div.brandsbox, div.footerads, #timeline-container {
		display: none;
	}
	
	/* BODY ---------------------------- */
	body { overflow: visible !important; background: #FFF !important; }
	#page { width: 100%; margin: 0; }
	#printlogo { 
		display: block; 
		margin-bottom: 20px; 
		text-align: right;
	}
	
	/* HEADER ---------------------------- */
	#header, #brand-header {
		width: 100%;
		height: auto !important;
		float: none;
		margin: 0 0 10px;
		padding: 0 0 10px;
		background: none !important;
		border-bottom: 1px solid #000;
	}
	
	#header-blurb, .header-blurb, #brand-rightcol, div.panel-header, div.panel {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		background: #FFF !important;
	}
	
	#header-blurb h1, .header-blurb h1, div.panel-header h1, div.panel-header h3 {
		margin: 0 0 5px;
		padding: 0;
	}
	
	div.panel-header h3 { color: #000; }
	
	#header-blurb-inside, .header-blurb-inside, #header-blurb-top, .header-blurb-top, #header-blurb-bottom, .header-blurb-bottom {
		width: 100%;
		background: #FFF !important;
	}
	
	#header-blurb p, .header-blurb p, div.panel p {
		color: #000;
		margin: 0;
		padding: 0;
	}
	
	/* TIMELINE */
	#header-image {
		position: static !important;
		float: none;
		margin: 0 0 2em 0;
		padding: 0;
		width: 100%;
	}
	#header-image img, #header-blurb, .header-blurb {
		position: static !important;
	}
	
	#header-image img {
		border: 1px solid #CCCCCC;
	}
	
	
	/* CONTENT ---------------------------- */
	#content-wrapper {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #FFF !important;
	}
	
	#content-col-left {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#content {
		overflow: visible !important;
		width: 100%;
		margin:0;
		padding: 0;
	}
	
	#content h1 {
		background: #FFF !important;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}
	
	div.content-splitter {
		display: none;
	}
	
	ul, ol {
		padding-left: 20px;
		list-style: disc;
	}
	
	li {
		padding-left: 0;
		background: none;
	}
	
	ul ul {
		list-style: disc;
	}
	
	ul ul ul {
		list-style: circle;
	}
	
	
	ul ul li {
		padding-left: 0;
		background: none;
	}
	
	ul ul ul li {
		padding-left: 0;
		background: none;
	}
	
	/* FOOTER ---------------------------- */
	#footer {
		position:static;
		clear: both;
		width: 100%;
		height: auto;
		line-height: auto;
		margin: 0;
		padding: 0;
		background: #FFF !important;
		border-top: 1px solid #000;
	}
	
	#nav-footer {
		position: static;
		margin: 0;
		padding: 0;
	}
	
	#nav-footer li { display: none; }
	#nav-footer li.first { display: block; }
	#link-dontlitter { display: none; }
	
}