/**
 * 
**/

/** Basic Page Setup **/
html   { font-size: 100.01%; }
body   { font-size:  68.75%; line-height: 136.36%;} /* 11px/15px */
body * { font-size: 100.00%; font-family: Arial, Verdana sans-serif; }

html, body, ul, ol, li, dl, dt, dd, th, td, caption, p, div, blockquote, cite, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, noscript {
	margin:  0px;
	padding: 0px;
	border: none;
}

body {
	padding: 0px 10px;
	background: url(../img/bg/bg_main_1x862.gif) repeat-x left 1px #fff;
	color: #666;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; /*line-height: 1.16em;*/ }

h1 {
	font-size: 140%;
	/*line-height: 1.5em;
	height: 1.5em;*/
	margin:  0em 0em 15px -1px;
	padding: 0px 0px 0px 1px;
	background: none;
} /* 16px: PageHead*/

h1.pageHead {
	/*margin-left: 19px; */
	/*padding-left: 36px; */
	/*background: url(../img/icons/icon_loesungen_24x24.gif) no-repeat left top;*/
} /* 16px: PageHead*/

h2 { /* 14px: MainHead in Modulen*/
	font-size: 127.27%;
	line-height: 1.14em; /* 16px */
	padding: 0em;
	margin: 0em 0em 0.36em;
	background: none;
}
.subhead { margin-top: 6px; }

ul { list-style: none; }

a      { color: #AB1631; text-decoration: none; font-weight: normal; outline: none;}
a:hover { color: #333; }

/** Formulare */
input {
	padding: 0px;
	color: #999;
	border: none;
}
input.text, #searchInput2 {
	width: 157px;
	height: 16px;
	padding: 2px 5px;
	background: url(../img/bg/bg_toolBox_login_input_152x20.jpg) no-repeat left top #FFF;
}
/* BoxModel Bug IE<6 abfangen */
* html input.text,
* html #searchInput2 {
	width: 167px; /* IE<6 */
	height: 20px; /* IE<6 */
	wid\th: 157px; /* IE6 */
	heigh\t: 16px; /* IE6 */
}

blockquote {
	color: #666;
	font-style: italic;
	font-size: 1.18em;
	font-weight: bold;
	background: url(../img/bg/quote_open_10x9.gif) no-repeat 0px 0px;
	margin-bottom: 0.18em;
}
cite { font-style: normal; float: right; margin-right: 40px; margin-bottom: 40px; }
blockquote p { margin: 0px 5px 0px 25px; padding-right: 20px; background: url(../img/bg/quote_close_10x12.gif) no-repeat right bottom;}
/* blockquote img { background: url(../img/bg/quote_close_10x8.gif) no-repeat 15px 0px; } */

/**
 * The main Structure (basic page layout)
**/
#mainWrp {
	width: 986px;
	margin: 0px auto 0px;
	text-align: left;
}
#header {
	position: relative;
	margin: 0px 4px 0px 3px;
	height: 122px;
}
#header .logo {
	float: right;
	position: relative;
	top: 15px;
        right: 57px;
	border: none;
}
#boxWrpOuter {
	clear: left;
	background: #fff;
}

#boxWrpInner {
	width: 986px;
	overflow: hidden;
	background: url(../img/bg/bg_content_border_986x7500.gif) no-repeat 0px 0px;
	padding-bottom: 30px;
}

#boxHeadWrp { padding: 3px 4px 0px 4px; }
#boxHead {
	float: left;
	min-height: 25px;
	width: 978px;
	background-color: #F0F0F0;

}

/* Emulate min-height, IE-win<=6 */
/* Hides from IE5/Mac \*/
* html #boxHead { height: 25px;  }
/* End Hide */

#search {
	float: right;
	background: none;
	width: 195px;
	margin-top: 2px;
	display: inline;
}
#searchInput {
	float: left;
	border: none;
	background: url(../img/bg/bg_search_input_167x19.gif) no-repeat 0px 0px;
	padding: 2px 5px;
	width: 157px;
	height: 15px;
}
/* BoxModel Bug IE<6 */
* html #searchInput {
	width: 167px; /* IE<6 */
	height: 19px; /* IE<6 */
	wid\th: 157px; /* IE6 */
	heigh\t: 15px; /* IE6 */
}

#contentBox {
	background: url(../img/bg/ls_bg_toolbar_180x250.jpg) no-repeat left bottom;
	float: left;
	margin: 0px 4px;
	min-height: 600px;
	padding: 0 32px 0 221px;
}
* html #contentBox { display: inline; margin-left: 0px; margin-lef\t: 4px; } /* ie double margin bug */
/* Hides from IE5/Mac \*/
* html #contentBox { height: 600px; }
/* End Hide */

#content {
	float: left;
	margin-top: 32px;
	margin-bottom: -20px;
        /* min-height: 650px; */
	/*padding-left: 12px;*/
	/*width: 776px;*/
}

/* IE does not need a negative margin, because it already ignores the modules' bottom-margin ... 
* html #content { margin-bottom: 0px; width: 788px; wid\th: 776px; }
*+html #content { margin-bottom: 0px; }
*/
#toolBar {
	float: left;
	width: 190px;
	overflow: hidden;
	padding-top: 20px;
}
#toolBar .show { display: block; }
#toolBar .hide { display: none; }
#footer {
	height: 97px;
	background: url(../img/bg/bg_footer_986x72.gif) no-repeat left top #FFF;
	padding: 5px 0 0 17px;
}
#footer_logos { margin-left: 11px;  }

/**
 * Navigation Styles
 */

/********************
 * Meta Navigation
********************/
#navMeta { float: left; margin: 15px 0px 0px 9px; }
#navMeta li {
	float: left;
	padding: 0px 9px;
	/*background:transparent url(../img/bg/separator.gif) no-repeat scroll right 3px;*/
}
*+html #navMeta li {background-position: right 4px;}/* just for IE7 */
/* 
#navMeta li.last {
	padding-right: 0px;
	background: none;
} 
*/


/********************
 * Language Selection
********************/
#langSelect { float: right; margin: 15px 30px 0px 0px; }
#langSelect li {
	background: transparent url(../img/bg/separator.gif) no-repeat scroll right top;
	float: left;
	padding: 0px 9px;	
}
#langSelect li.last {
	padding-right: 0px;
	background: none;
}

/**************************
 * Reiter-Navigation
 * (Navi-Ebene: 1)
***************************/
#nav1st {
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: -1px;
	background: url(../img/bg/bg_nav1_768x32.png) no-repeat left top;
        width: 768px;
}

#nav1st li {
	float: left;
	height: 32px;
	/*width: 96px;*/
	line-height: 100%;
	background: url(../img/bg/separator_nav1_3x32.gif) no-repeat right top;        
}
#nav1st li.active {
        padding-right:4px;
}
#nav1st a {
	display: block;
	height: 30px;
	/*width: 91px;*/
	line-height: 32px;
	margin-left: 1px;
	text-align: center;
	color: #000;
        padding: 0 18px;
}

#nav1st li.active a {
	background-color: #F0F0F0;
	line-height: 28px;
	margin-top: 2px;
}

#nav1st li.first { margin-left: 2px; }
/*#nav1st li.last  { background: url(../img/bg/bg_nav1_li.last_3x32.gif) no-repeat right top; }*/

/**************************
 * Navi Leiste unter Reitern
 * (Navi-Ebene: 2)
***************************/

#nav2nd {
	overflow: hidden;
	padding: 0px 0px 2px 12px;
}

#nav2nd li {
	float: left;
	padding: 0px 9px 0px 8px;
	background: url(../img/bg/separator_nav2_1x15.gif) no-repeat 100% 50%;
	height: 24px;
	line-height: 22px;
}

#nav2nd a { color: #000; font-weight: normal; }

/**************************
 * Navi in Sidebar links
 * (Navi-Ebenen: 3-4)
***************************/
#nav3rd { overflow: hidden; margin: -19px 0px 40px; }
#nav3rd a,
#nav3rd li.open a,
#mainWrp #nav3rd li li a { color: #666; }

#nav3rd li { float: none; border-bottom: 1px solid #D5D5D5; line-height: 1.91em; }
#nav3rd a,
#nav3rd em { padding: 0px 0px 0px 20px; }
/* verschachtelte listen einruecken */
#nav3rd li.open ul a { padding-left: 35px; }
/* default bullet f. aktive/geöffnete level1 listenpunkte... */
#nav3rd li.open,
#nav3rd li.active { background: url(../img/icons/bullet_nav3_4x4.png) no-repeat 8px 55%; }
/* aber nicht für tiefere level */
#mainWrp #nav3rd li li { background: none; }
/* li trenner f. geschachtelte listen definieren */
#nav3rd li.open { border-bottom: none; }
#nav3rd li.open ul li.first { border-top: 1px solid #D5D5D5; }


/**************************
 * InSiteNavi
 * Box im Contentbereich
 * (Navi-Ebene: 4)
***************************/
#nav4th {
	width: 103px;
	float: right;
	margin-left: 19px;
	margin-right: -10px;
}
#nav4th li {
	float: left;
	width: 100%;
}

#nav4th li.first {
	background: url(../img/bg/bg_nav4_top.gif) no-repeat left top;
	padding-top: 2px;
}
.contentRow #nav4th li.first {
	background: url(../img/bg/bg_nav4_top.gif) no-repeat left top;
	padding-top: 2px;
}
#nav4th li.last  {
	background: url(../img/bg/bg_nav4_bottom.gif) no-repeat left bottom;
	padding-bottom: 2px;
}
.contentRow #nav4th li.last  {
	background: url(../img/bg/bg_nav4_bottom.gif) no-repeat left bottom;
	padding-bottom: 2px;
}
#nav4th li a {
	color: #999;
	display: block;
	padding: 4px 0px 6px 12px;
	border-left: 1px solid #D5D5D5;
	background: url(../img/bg/line_h_dotted.gif) repeat-x left bottom;
	font-weight: bold;
}
#nav4th li.first a { padding-top: 3px; }
#nav4th li.last  a {
	background: none;
	padding-bottom: 4px;
}

#nav4th li a:hover { color: #AB1631 }

* html #nav4th,
* html #nav4th li { display: inline; } /* ie double-margin bug */

/********************
 * Navigation Links
*********************/
#navMeta a,
#nav1st a,
#nav3rd a { font-weight: normal; }

* html #nav1st a { float:left; }

#navMeta a { color: #666;}

/** generic navi styles **/
#mainWrp li.active a,
#mainWrp li.open a,
#mainWrp li.active em,
#mainWrp li.open li.open a,
#mainWrp li.open li.active a {
	font-weight: bold;
	font-style: normal;
	color: #AB1631;
}
#mainWrp li.open li a {
	font-weight: normal;
	font-style: normal;
}

/* Link :hover colors */
#nav1st a:hover,
#nav2nd a:hover,
#navMeta li.active a,
#navMeta li.active em { color: #666; }
#content a:hover,
#navMeta a:hover,
#nav3rd a:hover,
#content .hover a { color: #333;}

/**************************
 * generic style classes,
 * module settings (GRID)
 * and page settings

***************************/
#content ul { margin-bottom: 1em; }
/* Spezielles setting für übersichtsseiten und Specs Module */
#content .specs,
.overview .module {	background: url(../img/bg/line_h_dotted.gif) repeat-x left bottom; }
.overview .module {
	margin-bottom: 10px;
	padding-bottom: 20px;
}
#content p {
	margin: 0 0 15px;
}
#content .specs {
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	background: url(../img/bg/line_h_dotted.gif) repeat-x left top;
}
.overview #content { margin-bottom: -10px;}
/* generic */
.module,
#content .contentRow {
	float: left;
	overflow: hidden;
}
/* fix IEs double-margin bug */
* html .module,
* html #content .contentRow { display: inline; }

.contentRow { width: 100%; }

.module {
	margin: 0px 0px 20px;
	padding: 0px;
}
.impressum .module {
	margin-bottom: 5px;
}
.module p { padding: 0px 1px; margin-bottom: 1em; }

.full,
.fullBox { width: 724px; }
.half,
.halfBox { width: 352px; margin-right: 20px;}
.thirds,
.thirdsBox  { width: 228px; }

/* if there's a service bar fullsize is twothirds */
.serviceBar .full,
.twothirds { width: 476px; }

* html .module { display: inline; } /* fix IEs double-margin bug*/

/** standard module with optional image **/
.optimg img,
.optimg object,
.optimg .imgWrp { float: left; margin-right: 20px; }

.optimg .imgWrp img,
.optimg .imgWrp object { float: none; margin: 0px; display: block; }
.optimg .imgWrp .imgSubtext { padding-top: 5px; }

.optimg .txtWrp { overflow: hidden; }

/* Hides from IE5/Mac \*/
* html .optimg .txtWrp { overflow: visible; height: 0%; }
/* End Hide */

/** modules with optional fullsize image (=full module size)  **/
img.optfullimg,
.optfullimg img,
.optfullimg object { float: none; margin-bottom: 0px; margin-right: 0px; }
.optfullimg .txtWrp { margin-top: 20px; }

/* Fullsize Images next to inSiteNav get the famous extra 3px by ie<7 */
#details .first .optfullimg img,
#details .first .optfullimg object { margin-right: -3px; }
#content #details p { margin-bottom:0; }
/*
 * Basic Box Module
 * (halfBox and smaller not [yet] in use)
 */
.fullBox { background: url(../img/bg/box_full_top.gif) no-repeat left top; } /* should be .full.box - impossible due to IE<7 */
.fullBox .boxBottom { background: url(../img/bg/box_full_bottom.gif) no-repeat left bottom; }
.halfBox { background: url(../img/bg/box_half_top.gif) no-repeat left top; } 
.halfBox .boxBottom { background: url(../img/bg/box_half_bottom.gif) no-repeat left bottom; }
.boxBottom { padding: 1px; }

.box h1,
.fullBox h1,
.halfBox h1,
.thirdsBox h1 {
	font-size: 127.27%;  /* 14px */
	line-height: 2.29em; /* 32px */
	margin:  0em 0em 0px 0px;
	padding: 0px 0px 0px 10px;
	background: none;
}
.imgContainer {
	margin: 0 0 15px;
}
/**
 * Datentabellen / Listen
**/
/*
	Standard Content-Listen
*/
.txtWrp li, .contentRow li {
	background: url(../img/icons/bullet_standard_4x4.gif) no-repeat 0px 6px;
	padding-left: 10px;
}
.txtWrp li {
	line-height: 20px;
	background-position: 0 8px;
}
.contentRow ol {
	float: left;
	margin-left: 18px;
}
.contentRow #nav4th li,
.contentRow ol li  {
    background: none;
    padding-left: 0;
}
/*
	Linklisten
*/
.links li a {
	padding-left: 16px;
	background: url(../img/icons/bullet_linklist.gif) no-repeat 0px 2px;
}

.links li { margin-bottom: 5px; }

/*
	separateds
	(horizonzale Listen, durch Trennzeichen[=border] getrennt)
*/
ul.separated { overflow: hidden; }
/* Hides from IE5/Mac */
* html ul.separated { overflow: visible; height: 1%; }
/* End Hide */
.separated li {
	float: left;
	border-right: 1px solid #AB1631;
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.separated li.first {
	padding-left: 0px;
}
.separated li.last {
	padding-right: 0px;
	border-right: none;
}

/*
	tables
	(Tabellenartige Listen, je Zeile: Begriff => Wert/Definition)
*/
.table dd { overflow: hidden; padding: 2px 0px 3px; }
/* Hides from IE5/Mac */
* html .table dd { overflow: visible; height: 1%; }
/* End Hide */
.table dt {
	float: left;
	font-weight: normal;
	padding: 2px 5px 3px 0px;
	min-width: 109px;
}

/* Hides from IE5/Mac */
* html .table dt { width: 110px; }
/* End Hide */

/*
	Structual: Liste zum übereinander anordnen von Listenelementen (float umschließend)
	ohne weitere sichtbare Eigenformatierungen wie Einrückung oder bullets
 */
ul.structural { padding: 0px; list-style: none; overflow: hidden; }
ul.structural li {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: none;
}
/* Hides from IE5/Mac */
* html ul.structural { overflow: visible; height: 1%; }
/* End Hide */

ul.service { float: right; padding-top: 1em; }
ul.service li { background-image: none; }
ul.service a   { display: block; padding-left: 20px; line-height: 16px; }

ul.service .bookmark a   { background: url(../img/icons/bullets/icon_bookmark_16x16.gif) no-repeat 0px 50%; }
ul.service .collapse a   { background: url(../img/icons/bullets/icon_collapse_16x16.gif) no-repeat 0px 50%; }
ul.service .download a   { background: url(../img/icons/bullets/icon_download_16x16.gif) no-repeat 0px 50%; }
ul.service .euro a       { background: url(../img/icons/bullets/icon_euro_16x16.gif) no-repeat 0px 50%; }
ul.service .expand a     { background: url(../img/icons/bullets/icon_expand_16x16.gif) no-repeat 0px 50%; }
ul.service .link a       { background: url(../img/icons/bullets/icon_link_16x16.gif) no-repeat 0px 50%; }
ul.service .linkextern a { background: url(../img/icons/bullets/icon_linkextern_16x16.gif) no-repeat 0px 50%; }
ul.service .play a       { background: url(../img/icons/bullets/icon_play_16x16.gif) no-repeat 0px 50%; }
ul.service .preview a    { background: url(../img/icons/bullets/icon_preview_16x16.gif) no-repeat 0px 50%; }
ul.service .print a      { background: url(../img/icons/bullets/icon_print_16x16.gif) no-repeat 0px 50%; }
ul.service .search a     { background: url(../img/icons/bullets/icon_search_16x16.gif) no-repeat 0px 50%; }
ul.service .techspec a   { background: url(../img/icons/bullets/icon_techspec_16x16.gif) no-repeat 0px 50%; }
ul.service .top a        { background: url(../img/icons/bullets/icon_top_16x16.gif) no-repeat 0px 50%; }
ul.service .visit a      { background: url(../img/icons/bullets/icon_visit_16x16.gif) no-repeat 0px 50%; }
ul.service .zoom a       { background: url(../img/icons/bullets/icon_zoom_16x16.gif) no-repeat 0px 50%; }

/*
	tinydl download listen für dokumente, allgemeine definition
*/
ul.tinydl {	padding-top: 0em; }
ul.tinydl li {	padding-bottom: 1em; }

#mainWrp #content .tinydl li a {
	float: left;
	width: 42px;
	padding: 48px 0px 0px;
	margin: 0px 60px 0px 0px;
	text-align: center;
}
#mainWrp #content .tinydl li p {
	margin: 0px;
}
#mainWrp #content .tinydl li a.default {	background: url(../img/icons/icon_default.gif) no-repeat left top; }
#mainWrp #content .tinydl li a.doc {	background: url(../img/icons/icon_doc.gif) no-repeat left top; }
#mainWrp #content .tinydl li a.pdf {	background: url(../img/icons/icon_pdf.gif) no-repeat left top; margin: 0 30px 0 20px;}
#mainWrp #content .tinydl li a.ppt {	background: url(../img/icons/icon_ppt.gif) no-repeat left top; }
#mainWrp #content .tinydl li a.txt {	background: url(../img/icons/icon_txt.gif) no-repeat left top; }
#mainWrp #content .tinydl li a.xls {	background: url(../img/icons/icon_xls.gif) no-repeat left top; }

a.more {
	line-height: 1.09em;
	padding-left: 1em;
	margin-left: 1em;
	background: url(../img/icons/more.gif) no-repeat left 55%;
}

/**************************
 * Module
***************************/
/*
 * Main/Page Headlines

h1.platzierung { background: url(../img/icons/headline/icon_platzierung_24x24.gif) no-repeat left top; }
h1.loesungen { background: url(../img/icons/headline/icon_loesungen_24x24.gif) no-repeat left top; }
h1.produkte { background: url(../img/icons/headline/icon_produkte_24x24.gif) no-repeat left top; }
h1.research { background: url(../img/icons/headline/icon_research_24x24.gif) no-repeat left top; }
h1.servicecenter { background: url(../img/icons/headline/icon_servicecenter_24x24.gif) no-repeat left top; }
h1.shopping { background: url(../img/icons/headline/icon_shopping_24x24.gif) no-repeat left top; }
h1.zielgruppe { background: url(../img/icons/headline/icon_zielgruppe_24x24.gif) no-repeat left top; }
h1.suche { background: url(../img/icons/headline/icon_suche_24x24.gif) no-repeat left top; }
 */
/*
 * PageTeaser
 */
.pageTeaser .txtWrp {
    float: left;
    width: 485px;
    padding-right: 11px;
}
.pageTeaser .noLinks { width: 600px; padding-right: 0px; }

* html .pageTeaser .txtWrp { width: 496px; wid\th: 485px; }
* html .pageTeaser .noLinks { width: 611px; wid\th: 600px; }

.pageTeaser .txtWrp p {
    padding-right: 11px;
    background: url(../img/bg/line_v_dotted.gif) repeat-y right top;
}
.pageTeaser .noLinks p { background-image: none; }
.pageTeaser ul { margin-top: 20px; }

/*
 * tabTeaser Box
 * (großes Boxen-Modul
 * unten auf Detailseiten)
 */

.tabTeaser .boxContent { padding-right: 20px; /* background: url(../img/tmp/tabteaser_bg.png) no-repeat right bottom; */}

ul#tabTeaserList { position: relative; margin: 0px 0px 0px -1px; width: 723px; overflow: hidden; }
.tabTeaser li { float: left; width: 352px; margin-right: 20px; } /* yet another ie fix (ie<7 list-whitespace bug) */

.tabTeaser .teaserNav {
	border-right: 1px solid #D5D5D5;
	background: url(../img/bg/tabteaser_tab_top.gif) no-repeat left top #F5F5F5;
	overflow: hidden;
	height: 70px;
}

#tabTeaserList .few .teaserNav {
	height: 70px;
}

.tabTeaser .first .teaserNav  { background-image: url(../img/bg/tabteaser_tab_top_first.gif); }
.tabTeaser .active .teaserNav { background-color: transparent; border-right: none; }

.tabTeaser .teaserNav a {
	color: #666;
	display: block;
	padding: 0em 0.91em 1em ;
	background: url(../img/bg/tabteaser_tab_bottom.gif) no-repeat left bottom;
}
.tabTeaser .last .teaserNav a { background-image: none; }

#content .tabTeaser .active .teaserNav a  {
	color: #666;
	font-weight: normal;
}

#mainWrp #content .tabTeaser .teaserNav h3  a { background-image: none; padding: 1em 0.91em 0em ; font-weight: bold; }
#content .tabTeaser .active  .teaserNav h3  a { color: #AB1631; }

.tabTeaser .teaserDetail {
	position: absolute;
	display: none;
	top: 19px;
	left: 371px; /* (.half width + 19px) */
	width: 332px;
}
.tabTeaser .teaserDetail img { margin: 0px 0px 10px; }
.tabTeaser .active .teaserDetail { display: block;}

/*
 * Detailseiten
 * (Boxen-Modul mit aufklappbaren
 * Untersektionen)
 */
ul#details { margin: 0px; }
 /* .toggleBox .coverflow .txtWrp { padding-right: 111px; } coverflow text nie unter der navi, auch nicht wenn er hinpasst? */
.toggleBox .optimg img,
.toggleBox .optimg object,
.toggleBox .optfullimg img,
.toggleBox .optfullimg object { margin-left: -26px; }

.optimg .flipFloatDirection img,
.optfullimg .flipFloatDirection img,
.optimg .flipFloatDirection object,
.optfullimg .flipFloatDirection object { float: right; margin-left: 20px; margin-right: -20px; }

/* Bilder die nicht an den Rand floaten */
img.middle { float: left; margin: 10px -5px 0px 0px !important;  }

.toggleBox li.first .txtWrp { margin-left: 0px; }

.toggleBox #details,
.toggleBox li.section { float: left; width: 722px; } /* contain floats... */

.toggleBox .sectionContent { float: left; padding: 20px 0px 0px; }
.toggleBox .sectionContent .contentRow { padding: 0px 10px 20px 26px; width: 686px; }

.toggleBox .contentRow .contentRow { margin-left: -27px; }

.toggleBox .full-width .contentRow { padding: 0 0 10px; width: 722px; }
.impressum .toggleBox .full-width .contentRow { padding: 0; }
.toggleBox .multiImage .sectionContent .contentRow { padding-bottom: 0; }

* html .toggleBox .sectionContent .contentRow { width: 722px; w\idth: 686px; } /* IE<6 box model correction */
* html .toggleBox .sectionContent .chart { width: 726px; }

.toggleBox li.first .sectionContent { padding: 15px 0px 10px; }
.impressum .toggleBox li.first .sectionContent { padding-top: 0; }
.toggleBox li.first .sectionContent .contentRow { padding: 0px 10px 20px; width: 702px; }
.impressum .toggleBox li.first .sectionContent .contentRow { padding-bottom: 0px }

* html li.first .sectionContent .contentRow { width: 722px; wid\th: 702px; } /* IE<6 box model correction */

.toggleBox .sectionContent .chart { padding: 0 0 10px; width: 723px; }

.toggleBox li.first .optimg img,
.toggleBox li.first .optimg object,
.toggleBox li.first .optfullimg img,
.toggleBox li.first .optfullimg object { margin-left: -10px; }

.toggleBox li.first .optimg .imgWrp {
	display: inline; /* IE<7 fix */
	margin-left: -10px;
}
.toggleBox li.first .optimg .imgWrp .imgSubtext { text-align: center; }

.toggleBox li.first .optimg .imgWrp img,
.toggleBox li.first .optimg .imgWrp object,
.toggleBox li.first .optfullimg .imgWrp img,
.toggleBox li.first .optfullimg .imgWrp object { margin-left: 0px; }

.toggleBox li.first h3 { margin-bottom: 4px; }

.toggleBox h1,
.teaserBox h1 {
	line-height: 178.57%; /* 25px */
	background: url(../img/bg/togglebox_main_head_1x31.gif) repeat-x left top;
	border-width: 1px 0px;
}
.impressum .detailbox h1 { height:31px; }/* h1 is empty for impressum */
.teaserBox h1,
.teaserBox h2 {
	font-size: 100%;
}
.teaserBox img {
	float: right;
}
.teaserBox .txtWrp,
.teaserBox img {
	margin: 25px 0 5px 10px;
}

.toggleBox h2.sectionHead {
	line-height: 185.7%; /* 26px */
	height: 1.78em; /* 25px */
	background: url(../img/bg/togglebox_section_head_1x25.gif) repeat-x left top;
	border: 1px solid #D5D5D5;
	border-width: 1px 0px;
	margin: 0px;
}

.toggleBox h2.sectionHead span {
	padding-left: 17px;
	margin-left: 10px;
	font-size: 11px; /* 10px */
	background: url(../img/icons/collapse_11x11.gif) no-repeat left 52%;
	cursor: pointer;
}

.toggleBox .closed h2.sectionHead span { background-image: url(../img/icons/expand_11x11.gif); }

.sectionContent h2 { /* 14px: MainHead in Modulen*/
	padding: 0em;
	line-height: 1.17em; /* 16px */
	margin: 0em 0em 0.36em;
	background: none;
	border: none
}

/* detailseiten leitartikel content */

/*
.toggleBox li.first .downloads h3 { margin-bottom: 7px; }
.downloads .imgWrp { margin: 0px 37px 4px 0px; width: 89px; text-align: center; }
.toggleBox li.first .downloads .imgWrp img { margin: 0px auto 2px;;}
*/


.toggleBox li.first .tinydl,
.toggleBox li.first .caseStudy,
.toggleBox li.first .downloads {
	margin-bottom: 45px;
}
.toggleBox li.first ul.tinydl { padding-top: 0em; }
#mainWrp #content .toggleBox li.first .tinydl li a { margin-left: 14px; }

.quote { text-align: right; }
.quote blockquote { padding-left: 18px; text-align: left; }

.toggleBox blockquote { float: left; margin-left: 0px; margin-top: 30px; width: 720px; background-position: 12px 0px; }
.toggleBox blockquote p { margin-left: 27px; }

/**
 * some debug classes
 */
.debug .module { background: cornflowerblue; }
.debug .txtWrp { background: lightblue; }
.debug #header { background: lightgreen; }
.debug #mainWrp { background: black; }
.debug #boxWrpOuter { background: red; }
.debug #boxWrpOuter { background: lime; }
.debug #boxHeadWrp { background: pink; }
.debug #toolBar    { background: orange; }
.debug #contentBox { background: yellow; }
.debug #content    { background: navy; }
.debug p, .debug p.txtWrp { background: silver; }
.debug h1,
.debug h2,
.debug h3,
.debug h4,
.debug h5,
.debug h6 { background: lime; }

#detailLayer { position: absolute; z-index: -3; top: -110%; left: -110%; visibility: hidden; }
#detailLayer .hd {
	height: 35px;
	background: url(../img/bg/layer_head.gif) repeat-x left top;
	padding: 0px 4px 1px;
	border-bottom: none;
}
#detailLayer .hd #layerHeadContent {
	height: 35px;
	padding-left: 18px;
	border-bottom: 1px solid #D5D5D5;
}
#detailLayer .hd #layerHeadContent img { float: left; margin-top: 12px; }
#detailLayer .hd #layerHeadContent a {
	float: right;
	padding-right: 15px;
	background: url(../img/icons/icon_close_16x16.gif) no-repeat right 55%;
	font-size: 11px;
	margin: 10px 5px 1px 0px;
	border: none;
	cursor: pointer;
}
#detailLayer .bd { padding: 15px 0px 15px; text-align: center; background-color: #FFF;}
#detailLayer .ft { overflow: hidden; height: 0px; padding: 0px; }
#showLayer {
	padding-left: 20px;
	background: url(../img/icons/icon_zoom_16x16.gif) no-repeat 0px 55%;
}
.main-logos {
        margin: 30px 0 0 16px;
}
.bannerCover {
        cursor:pointer;
        position:absolute;
        background-color:#fff;
        top: 215px;
        left: 762px;
        width:300px;
        height:250px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
}
.pdf {
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 600px;
}
.pdf h3 {
    font-weight: bold;
    line-height: 1.16em;
    margin-bottom: 4px;
}
.pdf .download a {
    background:url("../img/icons/icon_pdf.gif") no-repeat scroll left top transparent;
    color:#AB1631;
    float:left;
    margin-left:14px;
    margin-right:60px;
    padding-top:48px;
}
#details .pdf p { margin-bottom: 0; }
#details p strong { font-weight: bold; }
#details .pdf p strong { display: block; margin-bottom: 4px; }