/*
 * common.screen.css
 */


li.flag_france a, .flag_france span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_france.png') no-repeat 100% 1px;
}

li.flag_italy a, .flag_italy span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_italy.png') no-repeat 100% 1px;
}

li.flag_spain a, .flag_spain span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_spain.png') no-repeat 100% 1px;
}

li.flag_belgium a, .flag_belgium span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_belgium.png') no-repeat 100% 1px;
}

li.flag_poland a, .flag_poland span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_poland.png') no-repeat 100% 1px;
}

li.flag_romania a, .flag_romania span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_romania.png') no-repeat 100% 1px;
}

li.flag_hungary a, .flag_hungary span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_hungary.png') no-repeat 100% 1px;
}

li.flag_ukraine a, .flag_ukraine span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_ukraine.png') no-repeat 100% 1px;
}

li.flag_china a, .flag_china span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_china.png') no-repeat 100% 1px;
}

li.flag_great_britain a, .flag_great_britain span {
	background: transparent url('/gfx/system-configurator/flag/16x16/shadow/flag_great_britain.png') no-repeat 100% 1px;
}


#languageSelectorContainer span {
	display: block;
	line-height: 18px;
	width: 45px;
}

#languageSelectorContainer ul {
	display: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border: 1px solid #C5D1D9;
	border-bottom: none;
}

#languageSelectorContainer li {
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #C5D1D9;
}

#languageSelectorContainer li span {
	font-weight: bold;
}

#languageSelectorContainer li span, #languageSelectorContainer li a {
	display: block;
	padding: 0 5px;
}

#languageSelectorContainer li a {
	color: #000;
	text-decoration: none;
}

.clear {
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
}

li.clear {
	clear: both;
}

.center {
	text-align:center;
}

.accessorieButton {
	text-align: right;
}

#pageNotFound {
	background-color:#FFFFFF;
	position:relative;
	font-family:'Arial',sans-serif;
	font-weight:normal;
	color: #000;
	padding:10px;
}

#pageNotFound h2 {
	font-size:18px;
	font-weight:bold;
}


#pageNotFound p {
	font-size:11px;
	font-weight:normal;
}

.sweep {
	display: none;
}

.redText
{
	color: #f90613;
}

.greyText
{
	color: #999999;
}


/*
 * preselector.screen.css
 */

#preselector {
	cursor: pointer;
}

#preselector, #indexcard {
}

#preselector, #indexcard {
	background-image: url('/gfx/system-configurator/preselector_background.gif');
	background-position: -14px 0px;
	background-repeat: no-repeat;
	height: 43px;
	padding: 10px 0px 0px 5px;
	margin: 0px;
}

#preselector h2, #indexcard h2 {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	color: #333333;
	text-transform: uppercase;
}

#preselector p, #indexcard p {
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	margin: 0px;
}

#preselector p a, #indexcard p a {
	font-family: 'Arial', sans-serif;
	color: #f90613;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#preselector p a.noitem, #indexcard p a.noitem {
	color: #333333;
}


/*
 * leftNavigation.screen.css
 */



#leftNavigationContainer {
	width: 160px;
	float: left;
	padding-left: 14px;
	z-index: 1000;
	position: relative;
}

#leftNavigation {
	position: relative;
}

#leftNavigation h2 {
	background-image: url('/gfx/system-configurator/left_navigation_title.gif');
	background-position: -14px 0px;
	background-repeat: no-repeat;
	padding: 5px 2px 4px 5px;
	margin: 0px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	text-transform: uppercase;
	border-bottom: 1px solid #e7e7e7;
}

li.nolink span  {
	display: none;
}

li.nolink {
	font-size: 0px;
	line-height: 0px;
}


/*
 * content.screen.css
 */


#contentContainer {
	padding: 0px 0px 0px 0px; /* Platz f�r die linke Navigation schaffen */
	float: right;
	position:relative;
	width: 769px; /* Breite festlegen, damit der Content nicht durch das position:relative nach rechts rausgeschoben wird */
}

#content {
	position: relative; /* Behebt den Peek-a-boo-Bug in IE6 */
	background-repeat: repeat-y;
	background-color: #ffffff; /* Der wei�e Hintergrund hinter dem eigentlichen Inhalt */
	border: 3px solid #e6e6e6; /* der graue Rahmen um den Inhaltsbereich */
	width: 745px; /* Breite festlegen, damit der Content nicht durch das position:relative nach rechts rausgeschoben wird */
	min-height: 368px;
	padding:5px;
}

/* Allgemeine �berschrift 1. Ordnung im Content-Bereich */
#content h2 {
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-top:10px;
}

/* Allgemeine Links */
#content a {
	text-decoration: underline;
	color: #333333;
}

#content a:hover {
	color: #f90613;
}


#content ul, #content ol {
	color: #333333;
}

#content .getAdobeReader {
	text-align: right; /* Schaltfl�che rechtsb�ndig */
	margin: 5px 5px 5px 0px; /* Abstand zum grauen Rahmen des #contentContainer */
}

#content .getAdobeReader img {
	vertical-align: bottom; /* Sorgt daf�r, dass im Firefox kein Abstand unter dem Bild entsteht */
}

#content .articleSlideshow {
	display: none;
	padding:0;
	margin:0;
}


#content .glossar {
	padding: 0px 0px 0px 14px;
	margin: 14px 0px 0px 0px;
}

#content .glossar a {
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	line-height: 20px;
}



#content button.button {
	border-style: none;
	border-width: 0px;
	background-color: transparent;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: visible;

	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#content button.button span {
	padding: 8px 0px 8px 0px;
	background-repeat: no-repeat;
}

#content button.button span.left {
	background-image: url('/gfx/system-configurator/button_left2.gif');
	background-position: left center;
	padding-left: 10px;
}

#content button.button span.right {
	background-image: url('/gfx/system-configurator/button_right.gif');
	background-position: right center;
	padding-right: 10px;
	line-height: 26px;
}


/*
 * contentNavigation.screen.css
 * Tabnavigation products
 */
#content .contentNavigation {
	border-bottom: 2px solid #80B82B; /* Die Gr�ne Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigation {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigation li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die gr�ne Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigation li.isActive {
	background-image: url('/gfx/system-configurator/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigation li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigation li.isActive span {
	background-image: url('/gfx/system-configurator/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigation li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigation li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab_right_active.gif');
}

/* tabnavi green */
#content .contentNavigationGreen {
	border-bottom: 2px solid #1d5f03; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationGreen {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationGreen li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/green/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationGreen li.isActive {
	background-image: url('/gfx/system-configurator/tab/green/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationGreen li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/green/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationGreen li.isActive span {
	background-image: url('/gfx/system-configurator/tab/green/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationGreen li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/green/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationGreen li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/green/tab_right_active.gif');
}
/* end tabnavi green */


/* tabnavi orange */
#content .contentNavigationOrange {
	border-bottom: 2px solid #ec732c; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationOrange {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationOrange li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/orange/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationOrange li.isActive {
	background-image: url('/gfx/system-configurator/tab/orange/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationOrange li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/orange/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationOrange li.isActive span {
	background-image: url('/gfx/system-configurator/tab/orange/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationOrange li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/orange/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationOrange li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/orange/tab_right_active.gif');
}
/* end tabnavi orange */


/* tabnavi blue */
#content .contentNavigationBlue {
	border-bottom: 2px solid #0073aa; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationBlue {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationBlue li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/blue/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationBlue li.isActive {
	background-image: url('/gfx/system-configurator/tab/blue/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationBlue li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/blue/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationBlue li.isActive span {
	background-image: url('/gfx/system-configurator/tab/blue/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationBlue li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/blue/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationBlue li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/blue/tab_right_active.gif');
}
/* end tabnavi blue */


/* tabnavi yellow */
#content .contentNavigationYellow {
	border-bottom: 2px solid #f8b323; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationYellow {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationYellow li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/yellow/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationYellow li.isActive {
	background-image: url('/gfx/system-configurator/tab/yellow/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationYellow li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/yellow/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationYellow li.isActive span {
	background-image: url('/gfx/system-configurator/tab/yellow/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationYellow li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/yellow/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationYellow li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/yellow/tab_right_active.gif');
}
/* end tabnavi yellow */

/* tabnavi brown */
#content .contentNavigationBrown {
	border-bottom: 2px solid #842f0d; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationBrown {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationBrown li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/brown/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationBrown li.isActive {
	background-image: url('/gfx/system-configurator/tab/brown/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationBrown li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/brown/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationBrown li.isActive span {
	background-image: url('/gfx/system-configurator/tab/brown/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationBrown li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/brown/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationBrown li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/brown/tab_right_active.gif');
}
/* end tabnavi brown */


/* tabnavi babyblue */
#content .contentNavigationBabyBlue {
	border-bottom: 2px solid #00b5dd; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationBabyBlue {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationBabyBlue li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/babyblue/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationBabyBlue li.isActive {
	background-image: url('/gfx/system-configurator/tab/babyblue/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationBabyBlue li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/babyblue/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationBabyBlue li.isActive span {
	background-image: url('/gfx/system-configurator/tab/babyblue/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationBabyBlue li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/babyblue/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationBabyBlue li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/babyblue/tab_right_active.gif');
}
/* end tabnavi babyblue */


/* tabnavi purple */
#content .contentNavigationPurple {
	border-bottom: 2px solid #a05598; /* Die farbige Linie unter den Tabs */
	padding: 0px 0px 0px 8px; /*  */
	margin: 3px 0px 0px 0px;
	height: 29px;
}

#content .tabNavigationPurple {
	padding: 0px;
	margin: 0px;
}

#content .tabNavigationPurple li {
	list-style-type: none; /* Aufz�hlungspunkte entfernen */
	float: left; /* Tabs nebeneinander anordnen */
	margin: 0px 0px 0px 4px; /* Abstand zwischen den Tabs */
	padding: 0px;
	position: relative; /* Tab zwei Pixel nach unten schieben, um die farbige Linie zu �berlappen */
	left: 0px;
	top: 2px;

	/* Hintergrundf�rbung des inaktiven Tabs */
	background-image: url('/gfx/system-configurator/tab/purple/tab_repeat_x.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}

/* Hintergrundf�rbung des aktiven Tabs */
#content .tabNavigationPurple li.isActive {
	background-image: url('/gfx/system-configurator/tab/purple/tab_repeat_x_active.gif');
}

/* Linke Kante des inaktiven Tabs */
#content .tabNavigationPurple li span {
	display: block;
	background-image: url('/gfx/system-configurator/tab/purple/tab_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Linke Kante des aktiven Tabs */
#content .tabNavigationPurple li.isActive span {
	background-image: url('/gfx/system-configurator/tab/purple/tab_left_active.gif');
}

/* Rechte Kante des inaktiven Tabs */
#content .tabNavigationPurple li span a {
	display: block; /* FF 2 kann kein 'inline-block' */
	display: inline-block; /* IE 6 interpretiert 'block' falsch */
	width: auto;
	height: 20px;
	padding-top: 9px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('/gfx/system-configurator/tab/purple/tab_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

/* Rechte Kante des aktiven Tabs */
#content .tabNavigationPurple li.isActive span a {
	color: #ffffff;
	font-weight: bold;

	background-image: url('/gfx/system-configurator/tab/purple/tab_right_active.gif');
}
/* end tabnavi purple */


#content ul.buttonNavigation {
	position:absolute;
	top: 21px;
	right: 0px;
}

#content .buttonNavigation {
	margin: 0px 11px 0px 0px;
}

#content .buttonNavigation li {
	list-style-type: none;
	display: inline;
}


/*
 * downloadPage.screen.css
 */


#content div.downloadPage {
	position: relative;
	margin-top: 1em; 
}

#content div.downloadPage .contentContainer {
	margin: 0px; /*0px 200px 0px 175px;*/
	padding: 0 175px 0 200px;
}

#content div.downloadPage h2 {
	margin-top: 0px;
}


/*
 * downloadList.screen.css
 */


#content .downloadList {
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

#content .downloadList li {
	list-style-type: none;
	border-bottom: 1px solid #f0f0f0; /* Trennlinien zwischen den Listeneintr�gen */
	line-height: 35px; /* Aufziehen der Listeneintr�ge (funktioniert nicht im IE 6) */
	margin: 0px;
	padding: 0px;
}

#content .downloadList li img {
	vertical-align: middle; /* Vertikale Zentrierung mit dem Link rechts daneben */
	margin-right: 5px; /* Abstand des Icons zum Text */
	margin-top: 8px; /* Der IE 6 ber�cksichtigt die line-height des <li> nicht, daher noch eine Extrawurst */
	margin-bottom: 8px;
}

#content .downloadList li.odd {
	background-color: #ffffff; /* F�rbung f�r Zeilen mit ungerade Nummer (1, 3, 5, ...) */
}

#content .downloadList li.odd {
	background-color: #FBFBFB; /* F�rbung f�r Zeilen mit gerader Nummer (0, 2, 4, ...) */
}


#content .downloadList li a {
	vertical-align: middle; /* Vertikale Zentrierung mit dem Bild links daneben */
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}



/*
 * productBenefits.screen.css
 */



#content div.benefitsPage {
	position: relative;
	margin-top: 1em; 
	margin-bottom: 1em;
}

#content div.benefitsPage h2 {
	margin-top: 0px;
}

#content div.benefitsPage .contentContainer {
	margin: 0px; /*0px 200px 0px 175px;*/
	padding: 0 175px 0 200px;
}

#content div.benefitsPage .contentContainer ul
{
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

#content div.benefitsPage .contentContainer ol 
{
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

#content div.benefitsPage .contentContainer ul li, 
#content div.benefitsPage .contentContainer ol li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	/*list-style-position: inside;*/
	margin: 1em 0em 1em 0em;
	padding: 0px;
}

#content div.benefitsPage .imageBoxContainerRight {
	position: absolute;
	right: 11px;
	top: 0px;
	width: 172px;
}

#content div.benefitsPage .imageBoxContainerLeft {
	position: absolute;
	left: 15px;
	top: 280px;
	width: 200px;
}


/*
 * article.screen.css
 */

#content .paragraph {
	margin:5px 10px 10px 10px;
}

#content .paragraph h2 {
	margin:8px 0 0 0;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	width: 630px;
}

#content .paragraph div.right {
	float:right;
	border:1px solid #F3F3F3;
	padding:2px;
	margin:20px 0 10px 10px;
}


#content .paragraph .description {
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	margin:20px 0 20px 0;
}

#content .paragraph .description p {
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	margin:16px 0 16px 0;
}

#content .paragraph .content {
	font-family:'Arial',sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
}

#content .paragraph .content strong {
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	display:block;
	margin:8px 0 0 0;
}


/*
 * recommend.screen.css
 */

#recommend {
	margin:40px;
}

#recommend .formblock {
	background-color:#F9F9F9;
	border:1px solid #F3F3F3;
	padding:10px;
	margin:0 0 20px 0;
}

#recommend .formblock h4 {
	margin:0 0 10px 0;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
}

#recommend .formblock label {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	width:50px;
	float:left;
	display:block;
	line-height:16px;
	margin:0 0 10px 0;
}

#recommend .formblock input.text {
	border:1px solid #E3E3E3;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
	line-height:16px;
	width:225px;
	margin:0 0 10px 0;
}

#recommend .formblock textarea {
	border:1px solid #E3E3E3;
	width:585px;
	height:100px;
	font-family:'Arial',sans-serif;
	font-size:11px;
	line-height:16px;
	color:#666666;
}

#recommend .formblock img {
	border:1px solid #E3E3E3;
	float:left;
}

#recommend .formblock .captcha {
	margin:35px 0 0 220px;
}

#recommend .formblock .captcha label {
	width:80px;
}

#recommend .column_left {
	border-right:0;
	width:290px;
	float:left;
}

#recommend .column_right {
	border-left:0;
	width:295px;
	float:right;
}

#recommend .formblock_errors h4 {
	color:#FF0000;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
}

#recommend .formblock_errors ul li {
	color:#FF0000;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
}


/*
 * contact.screen.css
 */


#contact, #campaign  {
	padding:10px;
	font-family:'Arial',sans-serif;
	font-size:11px;
	color:#333333;
}

#contact h2, #campaign h2 {
	font-family:'Arial',sans-serif;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	margin:0;
}

#contact p, #campaign p {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#contact form, #campaign form {
	margin:20px 40px 20px 40px;
}

#contact .formblock h3, #campaign .formblock h3 {
	color:#999999;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#contact .formblock, #campaign .formblock {
	background-color:#F9F9F9;
	border:1px solid #F3F3F3;
	padding:10px;
	margin:0 0 20px 0;
}

#contact .formblock select {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:225px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#campaign .formblock select {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:225px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
	margin:0 0 10px 0;
}

#contact .formblock textarea, #campaign .formblock textarea {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:570px;
	height:100px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#contact .formblock textarea.address {
	width:205px;
	margin:0 0 10px;
}

#contact .formblock label {
	color:#333333;
	display:block;
	float:left;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 10px;
	width:80px;
}

#campaign .formblock label {
	color:#333333;
	display:block;
	float:left;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 10px;
	width:182px;
}

#campaign .formblock p {
	margin:0px 0px 10px 160px;
}

#contact .formblock input.text {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:205px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
	margin:0 0 10px;
}

#campaign .formblock input.text {
	border:1px solid #E3E3E3;
	line-height:16px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
	margin:0 0 10px;
}

#campaign .formblock input.small {
	width:105px;
}

#campaign .formblock input.medium {
	width:205px;
}

#campaign .formblock input.large {
	width:305px;
}

#contact .column_left {
	border-right:0;
	width:290px;
	float:left;
}

#contact .column_right {
	border-left:0;
	width:295px;
	float:right;
}


#contact .formblock_errors h4, #campaign .formblock_errors h4 {
	color:#FF0000;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
}

#contact .formblock_errors ul li, #campaign .formblock_errors ul li {
	color:#FF0000;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
}


/*
 * dealersearch.screen.css
 */

#dealersearch {
	margin:10px;
}

#dealersearch .formblock {
	margin:20px 40px 20px 40px;
	background-color:#F9F9F9;
	border:1px solid #F3F3F3;
	padding:10px;
}

#dealersearch .formblock .column_1 {
	float:left;
	width:240px;
}

#dealersearch .formblock .column_2 {
	float:left;
	width:240px;
}

#dealersearch .formblock .column_3 {
	float:left;
	width:90px;
}

#dealersearch .formblock .column_1 select {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:200px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#dealersearch .formblock .column_2 input.text {
	border:1px solid #E3E3E3;
	line-height:16px;
	width:200px;
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#dealersearch .formblock .column_3 button {
	margin-top: 21px;
}

#dealersearch .formblock h3 {
	margin:0 0 10px 0;
	padding:0;
}


#dealersearch .formblock_errors h3 {
	color:#FF0000;
}

#dealersearch .formblock_errors ul li {
	color:#FF0000;
	line-height:16px;
	font-family:'Arial',sans-serif;
	font-size:11px;
}


#dealersearch_results h4 {
	font-family: 'Arial', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	background-image:url(/gfx/system-configurator/headline_repeat_x.gif);
	background-position:right top;
	background-repeat:repeat-x;
	height:38px;
	line-height:38px;
	padding:0 0 0 10px;
}

#dealersearch_results .results {
	margin: 20px 0px 20px 65px;
}

#dealersearch_results .result {
	float:left;
	border-right:1px dotted #E3E3E3;
	margin:0;
	padding:0;
}

#dealersearch_results .result.left {
	width:182px;
	padding:0 14px 0 0;
}

#dealersearch_results .result.middle {
	width:182px;
	padding:0 14px 0 14px;
}

#dealersearch_results .result.right {
	width:183px;
	border:none;
	padding:0 0 0 14px;
}


#dealersearch_results .item {
	border-bottom:1px dotted #E3E3E3;
	height:155px;
}


#dealersearch_results .item p {
	margin:0;
	padding:0;
	line-height:16px;
}

#dealersearch_results .item h5 {
	margin:0;
	padding:0;
	color:#f90613;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:15px 0 0 0;
}

#dealersearch_results .item span.category {
	margin:0;
	padding:0;
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
}

#dealersearch_results .item span.address {
	margin:0;
	padding:0;
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#dealersearch_results .item a {
	margin:0;
	padding:0;
	color:#333333;
	text-decoration:none;
}

/**
 * Corners
 */
.corner {
	position: absolute;
}

.ne {
	top: 0;
	right: 0;
}

.nw {
	top: 0;
	left: 0;
}

.sw {
	bottom: 0;
	left: 0;
}

.se {
	bottom: 0;
	right: 0;
}


/*
 * productGallery.screen.css
 */


#content div.productGallery {
	background-image: url(/gfx/system-configurator/product.gradient.gif);
	background-repeat: repeat-x;
	display: inline;
	float: left;
	position: relative;
	margin-left: 13px;
	text-align: center;
}

#content .productGallery .inner {	
	border: 1px solid #ECEAEB;
	padding: 10px 5px 5px 5px;
}

#content div.productGallery .inner img {
	margin: 0 5px;
	overflow: hidden;
}

#content div.productGallery .inner .image {
	position: relative;
}

#content .productGallery .productSlideshow {
	border-top: 1px solid #E1DFE0;
	padding: 3px 0;
}

#content .productGallery .productSlideshow a {	
	background: transparent url(/gfx/system-configurator/icon.external.gif) no-repeat 100% 50%; 
	color: #7A7879;
	font-size: 11px;
	padding: 2px 20px 2px 0;
	line-height: 18px;
	text-decoration: none;
}

#content .productGallery .productSlideshow a:hover {
	text-decoration: underline;
}	

/*
#content div.productSlideshow {
	height: 30px;
	width: 142px;
	margin-top: 10px;
	padding-top: 5px;
	background-image:url(/gfx/system-configurator/product_gallery_button_empty.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#content div.productSlideshow a {
	margin: 20px 0px;
	padding: 5px 35px 13px 35px !important;
	color:#999999;
	font-family:'Arial',sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	text-align: left !important;
}
*/

/*
 * productTechnical.screen.css
 */


#content div.technicalPage {
	position: relative;
	margin-top: 1em; 
	margin-bottom: 1em;
}

#content div.technicalPage h2 {
	margin-top: 0px;
}

#content div.technicalPage .contentContainer {
	margin: 0px;
	padding: 0 175px 0 200px;
}

#content div.technicalPage .contentContainer ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}


#content div.technicalPage .contentContainer ol {
	margin:  0px 0px 0px 18px;
	padding: 0px;
}

#content div.technicalPage .contentContainer ul li,
#content div.technicalPage .contentContainer ol li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	/*list-style-position: inside;*/
	margin: 1em 0em 1em 0em;
	padding: 0px;
}

#content div.technicalPage .contentContainer .imageContainer {
	vertical-align: middle;
}

#content div.technicalPage .contentContainer .imageContainer img {
	vertical-align: middle;
	margin-right: 2em;
}

#content div.technicalPage .datasheet {
	margin: 0px 0px 0px 13px;
	text-align:center;
}


/*
 * productAccessories.screen.css
 */


#content div.accessoriesPage {
	position: relative;
	margin-top: 1em; 
	margin-bottom: 1em;
}

#content div.accessoriesPage h2 {
	margin-top: 0px;
}

#content div.accessoriesPage .contentContainer {
	margin: 0px;
	padding: 0px 16px 0px 16px;
}

#content div.accessoriesPage .contentContainer .productTeaser img {
	float:left;
}

#content div.accessoriesPage .contentContainer .productTeaser ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

#content div.accessoriesPage .contentContainer .productTeaser ol {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

#content div.accessoriesPage .contentContainer .productTeaser ul li,
#content div.accessoriesPage .contentContainer .productTeaser ol li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	/*list-style-position: inside;*/
	margin: 1em 0em 1em 0em;
	padding: 0px;
}

#content div.accessoriesPage .contentContainer .productTeaser {
	border-top: 1px dotted #d6d6d6;
	padding-top: 16px;
}

#content div.accessoriesPage .contentContainer .productTeaser.isFirst {
	border-top-style: none;
}

#content div.accessoriesPage .contentContainer .productTeaser h4 {
	font-weight: bold;
	margin: 0px 0px 1em 0px;
	color: #333333;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
}


#content div.accessoriesPage .contentContainer .productTeaser ul,
#content div.accessoriesPage .contentContainer .productTeaser p,
#content div.accessoriesPage .contentContainer .productTeaser h4 {
	margin-left: 116px;
}
		

#content div.accessoriesPage .contentContainer .productTeaser a.productDetails {
	display: block;
	text-align: right;
}

#content div.accessoriesPage .contentContainer .productTeaser a.productDetails img {
	float: none;
}



/*
 * catalog.screen.css
 */



#catalog {
	padding:0 10px 10px 10px;
}

#content #catalog h2 {
	margin:0;
}

#catalog .family {
	width:335px;
	float:left;
	margin:15px 0 0 0;
	padding:5px 10px 5px 10px;
	background-image:url(/gfx/system-configurator/product_icon_background.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#catalog .family:hover {
	background-image:url(/gfx/system-configurator/product_icon_background_active.gif);
}

#catalog .family.right {
	margin:15px 0 0 11px;
}

#catalog .family img.familyicon {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#content #catalog .family h3 {
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#content #catalog .family h3 a {
	text-decoration:none;
	font-size:14px;
}

#content #catalog .family p {
	margin:8px 0 0 0;
}

#content #catalog .family a.more {
	font-family:'Arial',sans-serif;
	font-size:11px;
}

#content #catalog .family a.more:hover {
	color:#333333;
}

/*
 * coverflow.screen.css
 */


#coverflow h2 {
	margin:0;
	padding:8px 0 0 10px;
}

#coverflow h3 {
	font-family: 'Arial', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background-image:url(/gfx/system-configurator/headline_repeat_x.gif);
	background-position:right top;
	background-repeat:repeat-x;
	height:38px;
	line-height:38px;
	padding:0 0 0 10px;
}

#coverflow .coverflow {
	padding:10px;
}

#coverflow .coverflow p.texte {
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color:#333333;
}
#coverflow .coverflow p.titre {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#333333;
}
#coverflow .coverflow p.chapeau {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#999999;
}

/*
 * faq.screen.css
 */

#content .paragraph .faq_title {
	color:#999999;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px 10px;
}

#content .faq p {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	margin-top: 4px;
	margin-bottom: 0px;
}


#faq h2 {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:8px 0 0 10px;
}

#faq .content {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	padding:10px;
}

#faq div.themeList {
	background-color:#FBFBFB;
	border-top:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
	margin:0 0 10px 0;
	padding:10px 0 10px 0px;
}

#faq div.themeList .item {
	width:160px;
	float:left;
	padding:0 13px 0 13px;
}

#faq div.themeList .item .theme {
	text-align:center;
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
}

#faq div.themeList .item .theme a {
	text-decoration:none;
}

#faq div.themeList .item .theme a:hover {
	color:#333333;
}

.paragraph .faq {
	border-bottom: 1px dotted #C5D1D9;
  padding: 0 10px 5px 10px;
}

/* FAQ table of contents */

#content .toplink {
  background: transparent url(/gfx/system-configurator/arrow_double_up.gif) no-repeat scroll 0 2px;
  padding-left: 14px;
  text-decoration: none;
  float: right;
}

#content ul.index {
	border-bottom: 1px dotted #C5D1D9;
  padding: 0;
  margin-left: 10px;
  position: relative;
}

#content ul.index li {
  background: transparent url(/gfx/system-configurator/arrow_right.gif) no-repeat 0 6px;
  color: #666;
  line-height: 18px;
  list-style-type: none;
  padding: 0 0 0 12px;
}

#content ul.index li a {
  color: #666;
  font-size: 14px;
  text-decoration: none;
}

#content ul.index li a:hover {
  text-decoration: underline;
}


/*
 * articleList.screen.css
 */


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

#articlelist ul li {
	border-bottom:1px solid #F3F3F3;
	padding:10px 0 10px 0;
}

#articlelist h3 {
	background-image:url(/gfx/system-configurator/arrow_gray.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	line-height:16px;
	margin:0;
	padding:0 0 0 10px;
}

#articlelist h3 a {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#content #articlelist.paragraph p {
	margin:0;
	padding:0;
}

#content #articlelist.paragraph .description {
	margin:0;
	padding:0;
}

#content #articlelist.paragraph .description p {
	margin:0;
	padding:0;
	line-height:16px;
}

/*
 * imageBox.screen.css
 */

/**
 * Lefthand images
 */

body.sitemap #leftNavigationContainer {
	padding-left: 7px;
}

.imageBox {
	background-image: url('/gfx/system-configurator/image_box_repeat_y.gif');
	background-repeat: repeat-y;
	position: relative;
	width: 172px;
	margin-bottom: 16px;
}

.imageBox div.borderTop {
	background-image: url('/gfx/system-configurator/image_box_top.gif');
	background-repeat: no-repeat;
	width: 172px;
	height: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.imageBox div.borderBottom {
	background-image: url('/gfx/system-configurator/image_box_bottom.gif');
	background-repeat: no-repeat;
	width: 172px;
	height: 5px;
	font-size: 1px; /* Internet Explorer 6.0 will use a wrong height otherwise */
}

#leftNavigationContainer .imageBox div.borderTop {
	background-image: url('/gfx/system-configurator/image_box_left_top.gif');
}

#leftNavigationContainer .imageBox div.borderBottom {
	background-image: url('/gfx/system-configurator/image_box_left_bottom.gif');
}

.imageBox img {
	width: 168px;
	height: 66px;
	margin-left: 2px;
	margin-top: 2px;
}

.imageBox p {
	margin: 2px 2px 2px 5px !important;
	padding: 0px;
}

.imageBox span {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	color: #F90613;
}

.imageBox a {
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	display: block;
	text-decoration: none;
	color: #000000;
}

.imageBox a:hover {
	text-decoration: underline;
}


/*
 * image boxes in content area
 */
#content .imageBox {
	margin-left: 10px;
}


/*
 * footerNavigation.screen.css
 */


#footerNavigation
{
	background-color: #E9ECEE;
	border-top: 5px solid #E9ECEE;
	border-bottom: 20px solid #E9ECEE;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

#footerNavigation li {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#footerNavigation li a {
	padding: 0px 10px 0px 10px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	border-left: 1px solid #999999;
}

#footerNavigation li.isFirst a {
	border-left-style: none;
}

#footerNavigation li.isActive a, #topNavigationLevel2 li a:hover {
	text-decoration: underline;
}


/*
 * preselector.application.css
 */

/* preselector */



#preselectorPage {
	padding: 0px 14px 0px 14px;
}

#preselectorPage .selector_tree {
	display: none;
}

#preselectorPage div .level1, .level2, .level3  {
	display: none;
}

#preselectorPage #preselectorProducts {
	background-image: url('/gfx/system-configurator/preselector-background.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 407px;
	min-height:400px;
  	height:auto !important;
  	height:400px;
  	margin-bottom: 14px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #EAE8E8;
}

#preselectorPage #preselectorProducts ul {
	margin: 10px 0px 10px 10px;
	padding: 0px;
}


#preselectorPage #preselectorProducts ul li {
	list-style-type: none;
	float:left;
	padding: 0px;
	margin: 3px;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#preselectorPage #preselectorProducts ul li.clear {
	height: auto;
}
	
#preselectorPage #preselectorProducts ul li div {
	display: none;
}

/*
	Container for the boxes to the right
*/
#preselectorPage #preselectorList {
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	float: right;
	width: 279px;
}

/*
	A box to the right
*/
#preselectorPage #preselectorList .preselector {
	padding: 0px 0px 0px 0px;
	background-image: url('/gfx/system-configurator/preselector-box-background.gif');
	background-repeat: no-repeat;
	background-position: center 25px;
	margin-bottom: 10px;
}



/*
	Headline within a box to the right
*/
#preselectorPage #preselectorList .preselector h3 {
	margin: 0px;
	padding: 7px 0px 5px 12px;
	background-image: url('/gfx/system-configurator/preselector-box-head.gif');
	background-repeat: no-repeat;
	background-position: top center;
	border-bottom: 1px solid #D7D5D6;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}


#preselectorPage #preselectorList ul {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	background-image: url('/gfx/system-configurator/preselector-box-foot.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	border-top: 1px solid #ffffff;
}

#preselectorPage #preselectorList ul li {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	clear: both;
	color: #808080;
	font-weight: bold;
	
}


#preselectorProductView {
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 1000;
	width: 370px;
	height: 300px;
	border: solid 1px #DCD9D9;
	padding: 5px;
	margin: 0px;
	overflow: visible;
}

#preselectorProductView img  {
	float: left;
	margin: 0px 14px 14px 0px;
}

#preselectorProductView a {
	font-family:'Arial',sans-serif;
	text-decoration: underline;
	font-size: 11px;
}

#preselectorProductView a:hover {
	color:#F90613;
}

#preselectorProductView h2 {
	margin-top: 0px;
	color:#999999;
}

#preselectorProductView ul,
#preselectorProductView ol
{
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

#preselectorProductView ul li, 
#preselectorProductView ol li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	margin: 1em 0em 1em 0em;
	padding: 0px;
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}


#preselectorPage #preselectorList li input {
	display:inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

#preselectorPage #preselectorList li label {
	display:inline-block;
	vertical-align: middle;
	width: 220px;
	margin-left:5px;
}

#preselectorPage #preselectorList #resetButton {
	text-align: right; 
}




/*
 * keypoints.screen.css
 */


/*********************************************
 *	INTRO
 *********************************************/
#content .keypoints .left {
	width:500px;
	float:left;
	padding:0;
}

#content .keypoints .right {
	width:208px;
	margin:0 0 0 14px;
	padding:10px 0px 0 0px;
	float:right;
	border:0;
	background:url('/gfx/system-configurator/keypoints_box_top_long.gif');
	background-position:top center;
	background-repeat:no-repeat;
}

#content .keypoints .right .box_bottom {
	height:11px;
	width:208px;
	margin:0 0 0 0;
	background:url('/gfx/system-configurator/keypoints_box_bottom.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
}

#content .keypoints p {
	margin:0 10px 10px 10px;
	line-height:16px;
}

#content .keypoints .right h3 {
	margin:0 0 0 50px;
	padding:0;
	color:#F90613;
	height: 60px;
}

#content .keypoints .left p strong {
	color:#666666;
	font-family:'Arial',sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:20px 0;
}

#content .keypoints .left ul {
}

#content .keypoints .left ul li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:8px 0 8px 0;
}

/*********************************************
 *	QUESTIONS
 *********************************************/
#content .paragraph .questions h4 {
	font-size:11px;
	color:#333333;
	font-weight:bold;
	height:40px;
}

#content .paragraph form {
	background-image:url('/gfx/system-configurator/table_repeat_y.gif');
	background-position:top left;
	background-repeat:repeat-y;
}

#content .paragraph .questions .column_left {
	width:228px;
	float:left;
	padding:0 10px 0 0;
	background-color: transparent;
}
#content .paragraph .questions .column_center {
	width:228px;
	float:left;
	padding:0 10px 0 10px;
	background-color: transparent;
}
#content .paragraph .questions .column_right {
	width:228px;
	float:left;
	padding:0 0 0 10px;
	background-color: transparent !important;
}

#content .paragraph .questions input.checkbox {
	display:block;
	float:left;

}

#content .paragraph .questions label {
	display:block;
	margin:0 0 20px 25px;
	padding:2px 0 0 0;
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;

	position: relative;
}

#content .paragraph div.right {

}

#content .paragraph form div.right {
	border:0;
	margin:0;
	padding:0;
}


/*********************************************
 *	INDEXCARD
 *********************************************/
#content ul.indexCard {
	margin:0;
	padding:0;
	list-style:none;
}

#content ul.indexCard li {
	color:#333333;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	background-image:url(/gfx/system-configurator/arrow_gray.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding:0 0 20px 10px;
	margin:20px 0 20px 0;
	border-bottom:1px solid #E3E3E3;
}

#content ul.indexCard li.last {
	border-bottom:0;
}


/*
 * sitemap.screen.css
 */


#content .sitemap {
	font-family:'Arial',sans-serif;
	font-size:12px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 210px;
}

#content .sitemap a {
	text-decoration:  none !important;
	display: block;
	/*white-space: nowrap;*/
}

#content .sitemap ul {
	list-style-type: none;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	width: 196px;
	color:#A3A3A3 !important;
}

#content .sitemap li {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

#content .sitemap .firstLevel {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background-image:url(/gfx/system-configurator/headline_repeat_x.gif);
	background-position:right top;
	background-repeat:repeat-x;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	color:#333333 !important;
	font-size:14px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	width: 196px;
}

#content .sitemap .firstLevel  a {
	line-height:18px;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

#content .sitemap ul ul {
	padding: 0px 0px 0px 12px;
	margin: 0px;
}

#content .sitemap li li {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

#content .sitemap li li a {
	font-size:12px;
	font-weight:bold;
	color:#999999 !important;
}

#content .sitemap ul ul ul {
	padding: 0px 0px 0px 12px;
	margin: 0px;
}

#content .sitemap li li li {
	padding: 0px;
	margin: 0px;
}

#content .sitemap li li li a {
	font-size: 12px;
	font-weight:normal;
	color: #A3A3A3 !important;
}

#content .sitemap ul ul ul ul {
	padding: 0px 0px 0px 12px;
	margin: 0px;
}

#content .sitemap li li li li {
	padding: 0px;
	margin: 0px;
}

#content .sitemap li li li li a {
	font-size: 12px;
	font-weight:normal;
	color: #A3A3A3 !important;
}


/*
 * glossar.css
 */


/*
  modified by Willi Man (14.01.2009)
  @author Michael P�llinger
  modification for Saunier Duval
*/

.glossar-0-1, .glossar-1-0, glossar-1-1 {}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #97B3BF;
	background-color: #fff;
	text-align:left;

	font-family: 'Arial', sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
}

#JT.Fachpartner {
	position: absolute;
	z-index:100;
	border: 2px solid #AD8E72;
	background-color: #fff;
	text-align:left;

	font-family: 'Arial', sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
}

#JT strong {
	font-size:14px;
}

#JT_copy {
	padding:5px;
	color:#333333;
}

.JT_loader{
	background-image: url(../gfx/jtip_img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_copy p{
margin:0px;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.glossarStyle{
  	background-image:url(../gfx/glossar_line.gif) !important;
  	background-position:left bottom !important;
  	background-repeat:repeat-x !important;
	cursor:help !important;
  	font-family:inherit !important;
	font-size:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
	padding-bottom:1px !important;
	white-space:nowrap !important;
}

.glossarStyleFachpartner{
  	background-image:url(../gfx/glossar_line.gif) !important;
  	background-position:left bottom !important;
  	background-repeat:repeat-x !important;
	cursor:help !important;
  	font-family:inherit !important;
	font-size:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
	padding-bottom:1px !important;
	white-space:nowrap !important;
}

.glossarStyleIcon {
	margin:0px 2px 0px 2px !important;
	vertical-align:top !important;
	padding-top:2px !important;
	cursor:help !important;
	width:9px !important;
	height:9px !important;
	border:none !important;
	display:inline !important;
}

.annexPage, .datasheetThumb {
	display: none;
}

h2.printHeadline {
	display: none;
}