/**
 * UIM Mediaplace Stylesheet (generic/basic)
 *
 * Autor: Mathias Seckert
 *        gansel webCommunication
 * Mail:  seckert@gansel.de
 *
 * Version: 1.1 - 2008-11-22
**/

/** 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: 145.45%;
	line-height: 1.5em;
	height: 1.5em;
	margin:  0em 0em 20px -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*/
h1.pageHead sup,
h1.pageHead sub{
	line-height:10px;
	font-size:12px;
}
h2 sup,
h2 sub{
	line-height:10px;
	font-size:11px;
}
sup,
sub {
	line-height:6px;
} 
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;
}
.adServLogin input, #searchform2 input {
  	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: 20px;
	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 {
	float: left;
	margin: 0px 4px;
	min-height: 600px;
	background: url(../img/bg/bg_toolbar_180x250.gif) no-repeat left bottom;
}
* 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 {
	float: left;
	padding: 0px 9px;
	background:transparent url(../img/bg/separator.gif) no-repeat scroll right 3px;
}
*+html #langSelect li {background-position: right 4px;}/* just for IE7 */
#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_900x32.png) no-repeat left top;
}

#nav1st li {
	float: left;
	height: 32px;
	width: 96px;
	line-height: 100%;
	background: url(../img/bg/separator_nav1_3x32.gif) no-repeat right top;
}

#nav1st a {
	display: block;
	height: 30px;
	width: 91px;
	line-height: 32px;
	margin-left: 1px;
	text-align: center;
	color: #000;
}

#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;*/
	padding-top:4px;
	padding-bottom:2px;
}
#nav3rd a,
#nav3rd em {
	/*padding: 0px 0px 0px 20px;*/
	padding-left:20px;
	display:block;
}
/* 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; }

#navMeta a,
#langSelect 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,
#langSelect li.active a { color: #666; }
#content a:hover,
#navMeta a:hover,
#nav3rd a:hover,
#langSelect 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 .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 20px;
	padding: 0px;
}
.module p { padding: 0px 1px; margin-bottom: 1em; }

.full,
.fullBox { width: 724px; }
.half,
.halfBox { width: 352px; }
.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; }
.imgSubtext a  { line-height: 22px; padding-left: 20px;background: url(../img/icons/bullets/icon_zoom_16x16.gif) no-repeat 0px 50%; }

.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; }

/*
 * Basic Box Module
 * (halfBox and smaller not [yet] in use)
 */
.fullBox { background: url(../img/bg/box_full_top.png) 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; }
.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;
}

/**
 * Datentabellen / Listen
**/
/*
	Standard Content-Listen
*/
.txtWrp li, .contentRow li {
	background: url(../img/icons/bullet_standard_4x4.gif) no-repeat 0px 6px;
	padding-left: 10px;
}
.contentRow #nav4th 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,
ul.service .preview_layer 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,
.sectionContent .txtWrp a.exe  {
  float: left;
  width: 42px;
  padding: 48px 0px 0px;
  margin: 0px 60px 0px 0px;
  text-align: center;
}

#mainWrp #content .tinydl li p {
	margin: 0px;
}
a.default {  background: url(../img/icons/icon_default.gif) no-repeat left top; }
#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; }
#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; }
#mainWrp #content .tinydl li a.exe,
.sectionContent .txtWrp a.exe     { background: url(../img/icons/icon_exe.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; }
.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; }
.toggleBox li.first .sectionContent .contentRow { padding: 0px 10px 20px 10px; width: 702px; }

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

/* fix for detail tabs content when there are one or more 227px wide images with text on the right */
.contentRow h4 {
	font-size: 110%;
	margin-bottom: 1em;
}
.toggleBox .sectionContent .img227 {
	padding: 0 0 26px;
	width: 706px;
}
.toggleBox .img227 img {
	float: left;
}
.toggleBox .img227 .txtWrp {
	float: right;
	width: 445px;
}
.toggleBox .img227 .txtWrp ul {
	margin-top: 1em;
}

.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 {
	line-height: 178.57%; /* 25px */
	background: url(../img/bg/togglebox_main_head_1x31.gif) repeat-x left top;
	border-width: 1px 0px;
}

.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; }
.mask {
	z-index: 3;
	position:fixed;
	display:none;
}
.detaillayer_c {
	top: 150px;
	left: 50%;
	z-index: 4;
	visibility: visible;
	display:none;
}
.detaillayer {
	z-index: 1;
	left: 0px;
	top: 0px;
	position: relative;
}
.underlay {
	z-index:-1;
	bottom:-3px;
}
.yui-panel .hd,
.yui-skin-sam .yui-panel .hd{
	height: 35px;
	background: url(../img/bg/layer_head.gif) repeat-x left top;
	padding: 0px 4px 1px;
	border-bottom: none;
}
.yui-panel .hd #layerHeadContent,
.yui-skin-sam .yui-panel .hd .layerHeadContent{
	height: 35px;
	padding-left: 18px;
	border-bottom: 1px solid #D5D5D5;
}
.yui-panel .hd #layerHeadContent img,
.yui-skin-sam .yui-panel .hd .layerHeadContent img { float: left; margin-top: 12px; }
.yui-panel .hd #layerHeadContent a,
.yui-skin-sam .yui-panel .hd .layerHeadContent a {
	float: right;
	padding-right: 15px;
	background: url(../img/icons/icon_close_16x16.gif) no-repeat right 55%;
	font-size: 11px;
	position:absolute;
	right:8px;
	top:8px;
	border: none;
	cursor: pointer;
}
.yui-skin-sam .yui-panel .bd {
	padding: 15px 20px 21px;
	text-align: center;
	background-color: #FFF;
}
.yui-panel .ft,
.yui-skin-sam .yui-panel .ft { overflow: hidden; height: 0px; padding: 0px; }
#showLayer_1, #showLayer_2 {
	padding-left: 20px;
	background: url(../img/icons/icon_zoom_16x16.gif) no-repeat 0px 55%;
}
.main-logos {
        margin: 30px 0 0 16px;
}
.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;
}

/* Kontakt Button */
#contact {
  background: url(../img/icons/sprite-contact.png) no-repeat top left;
  display: block;
  position: fixed;
  top: 190px;
  left: 0;  
  height: 76px;
  width: 24px;
  font-size: 0;
  cursor: pointer;
}
#contact.en { background-position: 0 0; } 
#contact.en:hover { background-position: -74px 0; } 
#contact.de { background-position: -148px 0; } 
#contact.de:hover { background-position: -222px 0; }