@CHARSET "UTF-8";

/***************/
/*** CSS: ZF ***/
/***************/
/* Abstaende der Blockelemente zuruecksetzen und einige Basics */
html,body,div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,button
	{
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

html,body {
	background: #fefefe;
	color: #2f2e2e;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* bei 16px Grundschrift => 11px */
	line-height: 1.46;
	padding-bottom: 15px;
	min-width: 56em;
}

/* zusaetzlicher wrapper um auch bei normaler/kleiner Schrift die Seitenbreite zu erzwingen */
#page {
	min-width: 1000px;
}

a:link, a:visited {
	color: #2f2e2e;
	text-decoration: none;
}

a:hover,a:focus,a:active {
	text-decoration: underline;
}

/* Hinweise fuer nicht visuelle Darstellung */
.hidden {
	position: absolute;
	left: -2000px;
	top: -1000px;
}

p,ul {
	margin-top: 0.7em;
}

/* ############################ Servicenavigation #################### */
#serviceNav {
	margin-left: 20px;
	margin-top: 4px;
	line-height: 1;
}

#serviceNav li {
	display: inline;
}

#serviceNav .spacer,#footer .spacer, #TB_closeWindow .spacer {
	padding: 0 1em;
	vertical-align: middle;
	font-size: 1ex;
	color: #000;
}

#TB_closeWindow .spacer{
	float:left;
	margin-top:4px;
	}	

/* ########################### Logoblock ############################# */
#logoBlock {
	width: 930px;
	height: 40px;
	margin-top: 20px;
}

#logoBlock img {
	display: block;
	float: right;
}

/* ############################# Buehne ############################### */
#buehne {
	background-color: #b9b1a9;
	margin-top: 20px;
	position: relative;
	margin-left: 20px;
	overflow: hidden;
}

#buehne img {
	vertical-align: bottom;
	float: left;
}

#buehneZusatz {
	border-left: 4px solid #fff;
	background-color: #e3e0db;
	width: 346px;
	height: 76px;
	margin-left: 610px;
}

/* ########################### Hauptnavigation ############################ 
	height: 60px;
*/
#mainNav {
	margin-top: 7px;
	margin-left: 20px;
	height: 60px;
	position: relative;
	margin-bottom: 38px;
	clear: left;
}

#mainNav li {
	float: left;

	list-style: none;
}

#mainNav li a {
        display: block;
        width: 151px;
        text-align: right;
        padding-right: 10px;
        height: 18px;
        padding-top: 17px;
        line-height: normal; /* auf 1 setzen schneidet Unterlaengen im IE7 ab */
        background-image: url(http://www.kitto.ru/images/mainnav_bg.gif);
        background-position: top left;
}

#mainNav li a.small {
        display: block;
        width: 132px;
        text-align: right;
        padding-right: 10px;
        height: 18px;
        padding-top: 17px;
        line-height: normal; /* auf 1 setzen schneidet Unterlaengen im IE7 ab */
        background-image: url(http://www.kitto.ru/images/mainnav_bg.gif);
        background-position: top left;
}

#mainNav #navlast a {
	background-image: url(http://www.kitto.ru/images/navi_konzern_bg.gif);
	width: 182px;
}

#mainNav li.active a,
#mainNav li a:hover{
	background-position: 0px 70px;
	text-decoration: none;
}

#mainNav li.sfbreadcrumb a,
#mainNav li.current a,
#mainNav a:focus,
#mainNav a:active{
	background-position: bottom left;
}


#mainNav li ul {
	margin-top: 0;
	padding-top: 4px;
	padding-left: 3px;
	position: absolute;
	top: 35px;
	min-height: 25px;
	left: 0;
	width: 957px;
	min-width: 56em;
	/* experimentell ermittelt - basierend auf laengster Subnavigation bei Karriere */
	background-image: url(../../../../media/global/img/layout/subnavi_bg.gif);
	background-repeat: repeat-x;
	background-color: #e6e6e6;
/*
	display: none;
*/
}

/* backup for users without Javascript who wouldn't see the 2nd level of the main nav 
 * Apr6,2009 - BKarch */
#mainNav li#nav1 ul {
	background-color: #fff;
	background-image: none;
	padding-bottom: 1px;
}

#mainNav li.current ul {
	z-index: 10;	
}

.js body #mainNav li ul {
	display: none;	
}

/* .active gibt es in der Hauptnavigation nicht mehr. Man koennte/sollte hier .current 
einsetzen, um den aktiven Navigationsbereich auch ohne JS sichtbar zu machen, das
beisst sich aber mit der aktuellen JS-Logik 
#mainNav li.active ul {
	display: block;
}

*/

#mainNav li li {
	min-height: 20px;
	width: auto;
	vertical-align: bottom;
}

#mainNav li li a,#mainNav #navlast li a {
	display: block;
	width: auto;
	background-image: none;
	padding: 0.5em 20px 0 12px;
	padding-bottom:0.19em;
}

#mainNav li li a:hover,#mainNav li li.current a {
	background: #fff;
	text-decoration: none;
}

/* ########################## Breadcrumbs ########################## */
#breadcrumbs {
	color: #808080;
	background: #fff;
	margin: 0 0 4px 20px;
	width: 730px;
}

#breadcrumbs a {
	color: #808080;
	background: #fff;
	white-space: nowrap;
}

#breadcrumbs li {
	display: inline;
}

/* ###################### Subnavigation ############################ */
#subNav  {
	width: 190px;
	min-width: 15em;
	float: left;
	margin-right: 10px;
	margin-left: 20px;
	/* Problemfall kurze Subnavigation langer contentTop: 
	dann rutscht #contentBottom unter die Subnavigation. 
	Alternative 1: #contentBottom mit einem passenden padding/margin-left ausstatten,
	dann kann dieser aber keinen neuen BFT (Block-Formating-Context) herstellen
	und clears im Contentbottom bereich fuehren zu Problemen bei langen Subnavigationen
	Alternative 2: subnavigation absolut positionieren, das kann aber bei der 
	Kombination lange subnav kurzer content zu Ueberschneidungen mit
	#footer fuehren. 
	min-height scheint hier das kleinere Uebel (der Wert ist noch experimentell ;) und ab jetzt etwas groesser)
	*/
	min-height: 60em;
	margin-bottom: 50px;
	/* im Fall #subnav laenger #content die Klickbarkeit erhalten */
	position: relative;
	z-index: 5;
}

#subNav li {
	border-bottom: 1px solid #ccc;
	list-style: none;
}

#subNav a {
	display: block;
	padding: 2px 0;
	padding-left: 0.7em
}

#page #subNav a:hover,#page #subNav a:focus,#page #subNav a:active {
	text-decoration: none;
	background-color: #ededee;
}

#subNav li.active a,#subNav #snPrimary li li li.active a {
	background-color: #ededee;
}

#subNav li li.open a {
	font-weight: bold;
}

#subNav li li.open li a {
	font-weight: normal;
}

#subNav li ul {
	margin-top: 0;
	border-top: 1px solid #ccc;
}

#subNav li.active li a {
	background-color: #fff;
}

#snPrimary {
	border-top: 1px solid #ccc;
	margin-top: -1px;
}

#subNav #snPrimary a.active {
	background-color: #dadbdc;
	font-weight: bold;
}

#subNav #snPrimary li.open {
	border: none;
}

#subNav #snPrimary ul li a {
	padding-left: 1.7em;
}

#subNav #snPrimary ul li li a {
	padding-left: 2.7em;
}

#subNav #snSecondary li {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#subNav #snSecondary {
	margin-bottom: 12px;
	margin-top: 0;
/*
	display: none;
*/
}

/* backup for users without Javascript who wouldn't see the upper level of the sub nav 
 * Apr6,2009 - BKarch */
.js body #subNav #snSecondary {
	display: none;	
}

#subNav #snSecondary a {
	padding-left: 10px;
}

#subNav #ausklappen {
	background-color: #fff;
	background-image: url(/images/subnav_all_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	border: 1px solid #ccc;
	padding: 2px 10px;
	margin-top: 0;
}

/* ####################### contentTop ############################## */
#contentTop {
	background-color: #e6e6e6;
	padding-left: 20px;
	overflow: hidden; /* floats einschliessen */
}

#subPage #contentTop {
	padding-left: 10px;
	min-width: 54em;
}

#contentTop.blue {
	background-color: #b9cde8;
}

#contentTop.yellow {
	background-color: #ffda99;
}

#contentTop.brown {
	background-color: #cab7b0;
	background-color: #7a4a39;
	color: #f2edec;
}

#contentTop.brown .img h1 {
	color: #2f2e2e;
}

#contentTop.petrol {
	background-color: #99bec4;
	color: #2e2d2c;
}

#contentTop #ctMain {
	width: 770px;
	float: left;
}

#section #contentTop {
	min-width: 65em;
}

#section #ctMain {
	min-width: 50em;
}

#subPage #ctMain {
	width: 560px;
	min-width: 35em;

}

#contentTop h1 {
	font-size: 1.8em;
	line-height: 1.2;
	font-weight: normal;
	margin: 0.5em 0 0 0;
}

#headings h2 {
	font-weight: normal;
	line-height: 1.2;
	font-size: 1.8em;
	color: #5a7e92;
	margin-top: 0.3em;
}
#headings h2.fontWhite {
	color: #FFFFFF;
}
#headings h2.fontBlack {
	color: #000000;
}

/* allows hidden page headlines - for SEO purposes - Apr3,2009 - BKarch */
#headings.hidden h1, 
#headings.hidden h2 {
	position: absolute;
	left: -2000px;
	top: -1000px;	
}

#contentTop #headings {
	margin-top: 1.45em;
	margin-bottom: 1.9em;
}

/* mit Ruecksicht auf IE den Selektor nicht auf #headings.illu gelegt */
#contentTop #ctMain .conIllu {
	margin-bottom: 1em;
}

#contentTop .pk #headings {
	margin-top: 0;
}

#contentTop #grafikintro {
	position: relative;
	margin-left: -20px;
}

#contentTop #grafikintro h1 {
	position: absolute;
	left: -60em;
}

#contentTop #ctMain.img {
	width: 790px;

	padding-bottom: 0;
	/* fuer Faelle in denen kein zusaetzlicher Text exisitiert */
	background-repeat: no-repeat;
	margin-left: -20px;
	position: relative; /* Bezugspunkt fuer h1 */
}

#subPage #contentTop #ctMain.img {
	width: 570px;
	margin-left: -10px;
	padding-right: 0;
}

.img .flash-replaced {
	margin-top: -162px;
} 

#contentTop #ctMain.flash {
	padding-top: 0;
}

* html #contentTop #ctMain.flash {
	padding:0;
}

#contentTop #ctMain.img #headings {
	position: absolute;
	top: 3px;
	left: 20px;
	margin: 0;
}

#subPage #contentTop #ctMain.img #headings {
	left: 10px;
} 

.abschnitt {
	max-width: 43em;
	margin-bottom: 30px;
	clear: both;
}

/* Block zum einschluss von Floats bewegen (IE7 bereits durch max-width) 
overflow:hidden, ist mir bei diesem viel benutzten Container mit wechselnden
Inhalten zu riskant */
.abschnitt:after {
	content: ".";
	display: block;
	clear: left;
	height: 1px;
	line-height: 1px;
	visibility: hidden;
	margin-top: -1px;
}

/* margin is already taken care of by adding the class "first" in the HTML
.abschnitt h3 {
	margin-top: 0;
}
*/

/* Liste komplett neben einem etwaigen Bild platzieren. Gecko 1.9 und Opera 9.5 
schieben sonst ein als background-image realisiertes listenzeichen unter ein evtl. 
benachbartes Float. Nebenwirkung (wahrscheinlich erwuenscht): Listen neben Floats werden
immer als Block angezeigt, fliessen nicht drumrum */

.abschnitt ul {
	overflow: auto;
}

.abschnitt table ul {
	overflow: visible;
}

/* die max-width Angabe musste "aussen" definiert werden, um IE7 vor sich selbst
zu retten. bei den umflossenen Bildern wuerde p max-width hasLayout und damit
das kaputte Floatmodell provozieren. Tabellen sollen aber die gesamte verfuegbare 
Breite annehmen. */ 
.abschnitt.breit {
	max-width: none;
}

/* die absaetze neben den Bildbloecken duerfen im IE7 keine max-width bekommen, weil
sonst durch hasLayout das kaputte Floatmodell zuschlaegt und der Text nicht mehr die 
Bilder umfliesst. Deswegen muss hier (oder grundsaetzlich?) ein div.abschnitt um die Bloecke
gewickelt werden */
#subPage #cbMain .abschnitt p {
	max-width: none;
}

#section #ctMain p {
	max-width: 62em;
}

#contentTop #ctMain.img p {
	padding-left: 10px;
	margin: 0;
	margin-bottom: 0.8em;
	padding-top: 10px;
}

#section #ctMain.img p {
	padding-left: 20px;
}

#contentTop div.illu {
	float: left;
	margin-right: 13px;
}

/* ###################### Cockpit #########################*/
#cockpit {
	width: 190px;
	min-width: 15em;
	min-height: 162px;
	float: left;
	line-height: 1.45;
	background-color: #f7f6f5;
}

#cockpit h2 {
	background-color: #5a7e92;
	font-size: 1em;
	min-height: 20px;
	color: #fff;
	margin: 0;
	padding: 4px 0 0 5px;
}

#cockpit form {
	background-color: #5a7e92;
	border-bottom: 1px solid #486e81;
	padding-left: 5px;
	padding-bottom: 5px;
	min-height: 20px;
}

#cockpit p {
	margin: 0;
	padding-right: 18px;
	position: relative;
}

#cockpit input {
	border: none;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 95%;
}

#cockpit button {
	background: transparent;
	border: 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

#cockpit ul {
	border-top: 1px solid #99bec4;
	padding-top: 7px;
	padding-bottom: 6px;
	margin: 0;
}

.yellow #cockpit {
	background-color: #ffe6ba;
}

.blue #cockpit {
	background-color: #e5ecf6;
}

.brown #cockpit {
	background-color: #d7c9c4;
}

.petrol #cockpit {
	background-color: #e1eced;
}

#cockpit li {
	list-style: none;
}

#cockpit li a {
	display: block;
	position: relative;
	padding: 0 3px 0 24px;
	background-image: url(http://www.kitto.ru/images/cockpit_layer_button.png);
	background-repeat: no-repeat;
	background-position: 5px 0;
}

#cockpit li a:hover,#cockpit li a:focus,#cockpit li a:active {
	text-decoration: none;
	background-color: #b4c9cd;
	outline: none;
	/* gegen Gecko Bug, der outline nicht richtig behandelt
	 und dadurch Scrollbalken provoziert */
}

/* ##################### ContentBottom ##################### */
#contentBottom {
	margin-left: 20px;
}

#section #contentBottom,#produktKatalog #contentBottom {
	margin-left: 0;
	background-color: #e4e0dd;
	padding: 20px 0;
}

#section #contentBottom {
	min-width: 78em;
}

#subPage #contentBottom {
	position: relative;
	min-width: 54em;
	margin-left: 0;
	padding-left: 10px;
	margin-top: 30px;
}

#cbMain {
	background-color: #fff;
	width: 760px;
	float: left;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	overflow: hidden;
}

#section #cbMain {
	min-width: 62em;
	padding-top: 40px;
}

#subPage #cbMain {
	width: 540px;
	padding: 0 0 10px 10px;
	min-width: 35em;
}

#subPage .noSideBar #cbMain {
	width: 750px;
}


#cbSidebar {
	width: 190px;
	min-width: 13em;
	float: left;
	padding:0px;
}

#subPage #cbSidebar {
	padding-top: 0;
}

#section #cbSidebar {
	padding-top: 0;
	padding-left: 10px;
}

#section #teaserBox {
	width: 190px;
	min-width: 13em;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

#section #teaserBox .teaser {
	margin-bottom: 1.5em;
}

.teaserBoxBottom {
	clear: left;
	margin-bottom: 20px;
	float: left; /* clearfix */
}

.teaserBoxBottom .teaser {
	width: 260px;
	min-width: 21em;
	float: left;
	margin-right: 20px;
}

.galerieTeaser {
	float: left;
	clear: left;
	margin-right: -4px;
	margin-bottom: 30px;
}

.galerieTeaser .teaser {
	float: left;
	width: 132px;
	min-width: 0;
	margin-right: 4px;
}

.galerieTeaser a span {
	display: block;
	background-image: url(/images//listpfeil_rot.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding-left: 12px;
}

/* ggf im Markup eine Klasse "right" fuer den IE6 hinzufuegen, 
dann greift der erste Teil des Selektors urspruenglich hiess die Klasse uebrigens
"right" was vom IE6 aber nicht goutiert wurde */
#section .teaserBoxBottom .teaser+.teaser {
	margin-right: 0;
}

/* ################# inhalte ################# */
#cbMain a {
	color: #dc291e;
	text-decoration: underline;
}


#subPage #cbMain p,#subPage #ctMain p,#subPage #cbMain ul,#subPage #cbMain ol
	{

}

p.first {
	margin-top: 0;
}

#cbMain ul li {
	margin: 0.25em 0; /* mit Abstand oder ohne? */
	list-style: none;
	background-image: url(http://www.kitto.ru/images/listpfeil_rot.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding-left: 10px;
	max-width: 45em;
}

#ctMain ol {
  list-style-position: inside;
}

#ctMain ol, #cbMain ol li {
	margin: 0.25em 0 0.25em 0; /* vertikaler Abstand ? */
}

h3 {
	font-size: 1.3em;
	line-height: 1.3;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 0.9em;
	color: #5a7e92;
	max-width: 33em;
}

#contentBottom h3.first {
	margin-top: 0;
}

#section #cbMain h3.first {
	margin:-1.9em 0 0.6em 0;
}


div.illu img,div.illuSmall img,div.illuLarge img {
	display: block;
}

div.illuLarge {
	width: 540px;
}

div.illu {
	float: left;
	width: 190px;
	margin: 0 10px 10px 0;
}

#cbMain div.illu p,#cbMain div.illuLarge p {
	margin-top: 0;
	background-color: #eae7e5;
	padding: 8px 30px 12px 11px;
	position: relative;
	max-width: none;
}

#cbMain div.illu p a,#cbMain div.illuSmall p a,#cbMain div.illuLarge p a {
	position: absolute;
	right: 8px;
	top: 8px;
}

div.illuSmall {
	float: left;
	width: 100px;
	margin: 0 10px 5px 0;			/* margin-bottom war zu gro�, Mar17,2009 - BKarch */
}

#cbMain .illuSmall p {
	margin-top: 0;
	padding: 8px 13px;
	background-color: #eae7e5;
	position: relative;
	min-height: 15px;
}

/* #############################  Bilder ohne Umfliessen Variante 1 bu1 */
#cbMain .nofloat .illu,#cbMain .nofloatS .illuSmall {
	float: none;
	position: absolute;
	left: 0;
	top: 0;
}

.nofloat,.nofloatS {
	position: relative;
	padding-left: 200px;
	min-height: 200px; /* anpassen an Bildgroesse */
}

.nofloatS {
	padding-left: 110px;
	min-height: 120px; /* anpassen an Bildgroesse */
}

/* ############# /bu1 ############### */
	/* ############## bu2 ############### */
.sidebyside {
	padding-left: 200px;
	min-height: 200px; /* anpassen an Bildgroesse */
}

.sidebyside .illu {
	margin-left: -200px;
	display: inline;
}

.sidebysideS {
	padding-left: 110px;
	min-height: 100px; /* anpassen an Bildgroesse */
}

.sidebysideS .illuSmall {
	margin-left: -110px;
	display: inline;
}

.sidebysideS .noMargin p {
	margin-top: 0;
}

/* ############# /bu2 ############### */
#cbMain .linkliste li,.layer .linkliste li, #ctMain .linkliste li {
	margin: 0;
	list-style: none;
	background-image: url(/images/listpfeil_rot.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding-left: 12px;
}

#cbMain .linkliste li.doc,#cbMain .klappListe a.doc, #cbMain th.header a.doc {
	background-image: url(../../../../media/global/img/layout/doc_icon.gif);
	background-position: left 0.2em;
	padding-left: 17px;
}

.greyBack {
	background-color:#EDEDED !important;
}

#cbMain .linkliste a, #ctMain .linkliste a {
	color: #2f2e2e;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 30px 0 0.5em 0;
}

p.button {
	margin-bottom: 30px;
}

#contentBottom a.button, #contentBottom p.button a {
	border: 1px solid #c6c6c8;
	white-space: nowrap;
	color: #2f2e2e;
	background-image: url(../../../../media/global/img/layout/button_sprite.gif);
	padding: 2px 8px;
	background-position: top right;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#contentBottom a.button:hover,#contentBottom a.button:focus,#contentBottom a.button:active
	{
	background-position: right -50px;
	border-top-color: #9b9b9b;
	border-right-color: #9b9b9b;
	border-left-color: #bcbcbc;
	text-decoration: none;
}

.sprungListe {
	margin-bottom: 30px;
	margin-top: 1.2em; /* dubioses Problem in Geckos, beim Ruecksprung an den Seitenanfang stimmte die Position nicht */
}

#cbMain .sprungListe li {
	margin: 0;
	background-image: url(../../../../media/global/img/layout/sprungpfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
	line-height: 1.6;
}

##cbMain .sprungListe a {
	color: #2f2e2e;
}

div.topLink {
	clear: left;
	max-width: none;
	text-align: right;
	position: relative;
	top: -15px;
}

.noSideBar .topLink {
	width: 540px;
}

.topLink a img {
	vertical-align: middle;
	padding-right: 1px;
}

#cbMain .topLink a {
	color: #2f2e2e;
	float: right;
	margin-top:-1em;
}

.cert {
	margin: 2.7em 0;
}

div.cert img {
	margin-right: 20px;
}

/* ########################## Footer ################################# */
#footer {
	clear: left;
	border-top: 3px solid #e4e0dd;
	padding-top: 4px;
	margin-top: 50px;
	text-align: right;
	width: 980px;
	line-height: 1;
}

/* ####################### Teaser ############################# */
.teaser {
	width: 190px;
	min-width: 13em;
}

#contentBottom .teaser h3,#contentBottom .wideTeaser h3 {
	font-size: 100%;
	font-weight: normal;
	color: #2f2e2e;
	border-left: 4px solid #dc291e;
	padding-left: 7px;
	margin: 0 0 0.45em 0;
	line-height: 1.1;
}

#cbSidebar .teaser h3 {
	border-color: #84888b;
}

#cbSidebar .teaser {
	margin-bottom: 2.7em;
}

.teaser h4,.wideTeaser h4 {
	font-weight: bold;
	font-size: 100%;
	margin-top: 0;
}

.teaser p, .wideTeaser p {
	margin-top: 0;
	margin-bottom: 0.5em;
}

#home .teaser h4 {
	font-weight: normal;
}

#contentBottom .teaser a,#contentBottom .wideTeaser a {
	color: #2f2e2e;
}

a span.more {
	color: #dc291e;
}

#subPage .teaserBox {
	margin-bottom: 30px;
	overflow: hidden;
	min-width: 540px;
	clear: left;
}

#subPage .teaserBox .teaser,#home .teaserBox .teaser {
	float: left;
}

#subPage .teaserBox .teaser,#home .middle .teaser {
	width: 260px;
	min-width: 15em;
}

.teaser img,.wideTeaser img {
	display: block;
	padding-bottom: 0.3em;
}

.teaser .blaettern img {
	display: inline;
	padding: 0 2px;
	vertical-align: middle;
}

/* neu: geaenderte blaetterfunktion newsmodul, pfade aus js extrahiert, unabhaengigkeit von ids */
.teaser .switch div {
	display: none;
}

.teaser .switch .active {
	display: block;
}

.teaser .blaettern span {
	display: inline;
	padding: 0 4px;
	margin-left: 4px;
	cursor: pointer;
	vertical-align: middle;
	background: transparent scroll no-repeat right center;
}

.teaser .blaettern .back {
	background-image: url(../../../../media/global/img/layout/button_news_back_off.gif);
}

.teaser .blaettern .forward {
	background-image: url(../../../../media/global/img/layout/button_news_forward_off.gif);
}

/* klasse fuer ie6 ohne mehrfachselektor klassen */
.teaser .blaettern .backHover {
	background-image: url(../../../../media/global/img/layout/button_news_back_over.gif);
}

.teaser .blaettern .forwardHover {
	background-image: url(../../../../media/global/img/layout/button_news_forward_over.gif);
}

/* /neu: geaenderte blaetterfunktion newsmodul */
#home .teaserBox {
	overflow: auto;
	min-width: 60em;
	padding-top: 25px;
}

#home .teaserBox .teaser {
	margin-right: 20px;
}

#subPage .teaserBox .teaser+.teaser {
	margin-left: 20px;
}

.teaser p img.small,.wideTeaser p img.small {
	float: left;
	padding: 0 10px 4px 0;
}

#news2 {
	display: none;
}

.teaserXXL {
	clear: left;
	width: 980px;
	/* erhoehte Breite erlaubt beiden Modulen den gleichen margin-right zu verpassen */
	min-width: 72em;
	float: left;
	margin-top: 20px;
}

.teaserXXL .teaser {
	width: 470px;
	margin-right: 20px;
	float: left;
	min-width: 34em;
}

.teaserXXL .teaser div {
	position: relative;
	padding: 4px 4px 0 280px;
	background-color: #dcd8d4;
	min-height: 132px;
}

.teaserXXL div p {
	margin-top: 0;
	margin-bottom: 0.7em;
}

.teaserXXL div.blue {
	background-color: #d3dff0;
}

.teaserXXL img {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
}

.wideTeaser {
	clear: left;
	width: 540px;
	margin-bottom: 20px;
}

#section .wideTeaser {
	min-width: 42em;
}

#subPage .wideTeaser {
	margin-bottom: 40px;
}

.wideTeaser .greyImg {
	background-color: #e3e0db;
	padding: 8px 12px;
	position: relative;
	/* werte evtl. an real verwendete, hoffentlich normierte Bildgroessen anpassen */
	padding-right: 270px;
	min-height: 120px;
}

.wideTeaser .greyImg img {
	position: absolute;
	right: 0;
	top: 0;
}

/* Sonderregeln fuer die Linke Positionierung des Bildes im .greyImg fall. Die Klasse .left sollte hier 
nur im Doppelpack mit greyImg verwendet werden, die Styles sind allg. formuliert, damit IE6 nicht aussteigt */
.wideTeaser .left img {
	left: 0;
	right: auto;
}

.wideTeaser .left {
	padding-right: 12px;
	padding-left: 270px;
}

.wideTeaser .greyImg p {
	margin-top: 0;
}

.teaser a {
	display: block;
}

.teaser ul {
	margin-top: 0.3em;
	overflow: hidden;
}

.teaser li,.wideTeaser li,#cbMain .teaser li,#cbMain .wideTeaser li {
	margin: 0;
	list-style: none;
	background-image: url(/images/listpfeil_rot.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 11px;
}

#cbSidebar .teaser li {
	background-image: url(/images/listpfeil.gif);
}

.teaser li.illu,#cbMain li.illu {
	background-image: none;
	padding-left: 0;
}

/* Zoomteaser */
.teaser .thickbox .zoom {
	display: block;
	padding: 4px 4px 4px 24px;
	background-image: url(../../../../media/global/img/layout/zoom_plus.gif);
	background-position: 4px 8px;
	background-repeat: no-repeat;
	background-color: #eae7e5;
}

.teaser .thickbox img {
	padding-bottom: 0;
}

/* ######################### ToggleBox ######################## */
#toggleBox,#AZtoggle {
	width: 538px;
	min-width: 35em;
	border: 1px solid #a9a8a7;
	float: left;
	background-image: url(../../../../media/global/img/layout/toggle_bg1.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 20px;
}

#section #toggleBox {
	min-width: 44em;
}

#subPage #toggleBox {
	margin-left: 0;
}

.tbHead {
	margin: 0;
}

.tbHead li,#toggleBox .tbHead li {
	float: left;
	width: auto;
	list-style: none;
	background: none;
	padding: 0;
	border-right: 1px solid #c6c6c6;
	margin: 0;
}

.tbHead li a,#toggleBox .tbHead li a {
	display: block;
	color: #2f2e2e;
}

.tbHead li a {
	padding: 6px 0.4em 2px 0.4em;
}

#cbMain .tbHead li.active a, .tbHead li.active a {
	margin: 0;
	color: #2f2e2e;
	position: relative;
	bottom: -2px;
	padding: 4px 0.4em 4px 0.4em;
	line-height: 1.46em;
	/* Standardwert wieder herstellen, in jedem Fall gleich mit a-Hoehe */
	background: #fff;
	border-right: 0;
	position: relative;
	z-index: 5;
}



.tbTrenner {
	height: 2px;
	width: 100%;
	background-image: url(../../../../media/global/img/layout/toggle_bg1.gif);
	background-position: 0 -58px;
	background-repeat: repeat-x;
	clear: left;
	border-bottom: 10px solid #fff;
}

.toggleContent {
	background-color: #fff;
}

.toggleContent img.illu {
	margin: -1.3em 0 0 -1.5em;
}

.toggleContent li {
	list-style: none;
	background-image: url(/images/listpfeil_rot.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

/* 080812 rote pfeile in fehlerlisten der formulare */
.toggleContent form div.pflicht ol li {
	padding-left: 0;
	background: transparent;
}
/* /080812 rote pfeile in fehlerlisten der formulare */


#tabBox>div {
	padding: 20px 0;
}

#tabBox p,#tabBox h4 {
	padding: 0 20px;
}

.toggleContent .abschnitt {
	max-width: none;
	padding: 10px 20px;
}

.toggleContent .fullsize {
	overflow: hidden;
	margin-top: -10px;
}

.toggleContent .fullsize img {
	vertical-align: bottom;
}

.toggleContent .fullsize p {
	margin: 0.5em;
}

#toggleBox .toggleContent .wideTeaser {
	margin-left: 0;
	width: 538px;
}

.toggleContent .wideTeaser .greyImg {
	margin-top: -10px;
	border-top: 1px solid #e3e0db;
}

#toggleBox .wideTeaser h3 {
	border: none;
	color: #5a7e92; 
	font-size: 1.3em;
	margin-bottom: 20px;
}


#contentBottom #toggleBox h3 {
	margin-top: 0;
	color: #2f2e2e;
	font-size: 1em;
	font-weight: bold;
}

/* wenn man das denn wirklich erlauben will */
#toggleBox .abschnitt .illuLarge {
	margin-left: -20px;
	width: 538px;
	overflow: hidden;
}

/*  ######################### Tabellen  #################################
hier ist nicht ganz klar,ob das der Standardfall fuer Tabellen im Contetn 
werden soll,wenn nicht muesste eine weitere Eingrenzung per Klassen oder Kontext 
vorgenommen werden */
#cbMain table {
	width: 100%;
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0 1px;
}

#cbMain th {
	text-align: left;
	background-color: #94989a;
	color: #fff;
	padding: 2px 10px;
	font-weight: normal;
}

#cbMain .even th {
	background-color: #b7b8ba;
}

#cbMain thead th {
	height: 5em;
	background-color: #f4f4f4;
	color: #2f2e2e;
	text-align: left;
	padding: 0.5em 8px;
	border-right: 8px solid #dadadc;
	font-weight: bold;
	/* doppelt breite Linie zwischen thead und tbody laeuft aber an
	den Kreuzungspunkten nicht durch - deswegen wieder rausgenommen
	border-bottom: 1px solid #fff;
	*/
}

#cbMain thead th.first {
	background-color: #dadadc;
	border-right-width: 0;
}

thead img {
	padding: 0 1ex;
}
#small_font td {
    border: 1px solid #E3E0DD;
    padding: 3px;
    font-size: 11px;
    
}
#cbMain td {
    border: 1px solid #E3E0DD;
    border-top: 1px solid #E3E0DD;
    padding: 3px;
    
}



#cbMain .even td {
	background-color: #eaeaea;
	border-right-color: #b7b8ba;
}

#cbMain th a:link,#cbMain th a:visited {
	color: #fff;
	display: block;
	padding-left: 11px;
	background-image: url(../../../../media/global/img/layout/linkpfeil_weiss.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;
}

#cbMain th a.doc:link, #cbMain th a.doc:visited {
  color: #2F2E2E;
}

#cbMain .thImgLinks a:link, #cbMain .thImgLinks a:visited {
	padding-left: 0; 
	background-image: none;
}

#cbMain th a.docLink:link,#cbMain th a.docLink:visited {
	background-image: url(../../../../media/global/img/layout/doc_icon_white.gif);
	padding-left: 17px;
}

#cbMain .sum th,th.trenner {
	border-top: 20px solid #dadbdc;
}

#cbMain .sum td,#cbMain td.trenner {
	border-top: 20px solid #eae7e5;
	border-right: none;
	padding: 0;
}

#cbMain .sum td div,td.trenner div {
	border-right: 8px solid #94989a;
	padding: 2px 10px;
}

#cbMain td.rechtsbdg,#cbMain th.rechtsbdg {
	text-align: right;
}

#cbMain td.zentriert,#cbMain th.zentriert {
	text-align: center;
}

/* wird auch in Formularen verwendet */
#contentBottom #cbMain p.caption {
	text-align: right;
	max-width: none;
}

td ul li {
	margin-left: 0;
}

/* ########## Formulare  ########## */
#cbMain form {
	background-color: #ededef;
	margin: 1em 0 3em 0;
	padding-bottom: 1.8em;
}

#cbMain form.filter {
	padding-top: 1.8em;
}

#cbMain form.showPflicht {
	padding-top: 0;
}

#cbMain .toggleContent form {
	background: #fff;
	padding: 0 1px; /* kompensiert die border des Toggleteasers */
	margin-bottom: 0;
}

#cbMain fieldset { 
	margin: 0;
	padding-top: 0.1em;					/* updated: Mar20, 2009 - for Safari/Chrome - BKarch */
	padding-bottom: 1.8em;
	border: none;
	border-bottom: 1px solid #fff;
}

fieldset {
	border: none;
}

#cbMain fieldset#orderMediaContent {
	padding: 0;
}

.formline,.doubleInput,div.radios,.radiooptions {
	background-color: #ccdee1;
	border-bottom: 1px solid #fff;
	padding: 0.5em 0.7em;
	margin: 0 1.5em;
	padding-left: 16.5em;
	position: relative;
	/* mit label width abgleichen */
	clear: left;
}

.radiooptions div label {
	margin-right: 0.5em;
}

fieldset .radiooptions div {
	top: 0.25em;
}

div.noborder,#cbMain fieldset.noborder {
	border: none;
}

fieldset div.first {
	margin-top: 20px;
}

.toggleContent .formline {
	margin: 0;
}

a.doubleInput,a.radios {
	overflow: hidden;
}

.doubleInput:after,.radios:after {
	content: ".";
	float: none;
	clear: left;
	height: 1px;
	visibility: hidden;
	margin-top: -1em;
	display: block;
}

a#cbMain div.radios {
	overflow: hidden;
}

#cbMain form p {
	text-align: left;
}

#cbMain form p.caption {
	margin-right: 1.5em;
}

#cbMain form h4 {
	margin: 1.8em 1.5em;
}

fieldset .first {
	margin-top: 1.8em;
}


#cbMain form p.submit,#subPage #cbMain form p.submit {
	margin: 1em 1.5em;
	text-align: right;
	max-width: none;
}

#cbMain .toggleContent p.submit {
	margin-right: 0;
}

.formline label,form span.label,.doubleInput label,.radiooptions div {
	position: absolute;
	left: 4px;
	top: 0.5em;
	padding: 2px;
	text-align: left;
	width: 15.5em; /* mit padding-left von .formline und co abgleichen */
	cursor: pointer;
}

.doubleInput {
	text-align: left;
	padding-left: 16.5em;
}

x.doubleInput label {
	margin-left: -16.5em;
}

select,.formline input,.doubleInput input,textarea,.radiooptions input.txt, #suchtext
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 97.5%;
	/* experimentelle Annaeherung crossbrowser IE 6 braucht den kleinsten Wert */
	padding: 2px 4px;
	border: 1px solid #bab1aa;
}

select {
	width: 99%;
}

#cbMain .doubleInput select,#cbMain .doubleInput input {
	width: 35%;
	float: left;
}



#cbMain .doubleInput select {
	margin-right: 3%;
	margin-bottom: 2px;
}

#cbMain .radios label {
	width: 4em;
	float: left;
	text-align: left;
}

#cbMain .radios input {
	float: left;
	border: none;
	margin-right: 4px;
}

input.submit, input.reset,
p.submit input, p.submitReset input {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fff;
        font-size: 1em; line-height: 1;
        border: 1px solid #929292;
        width: 15em;
        text-align: right;
        padding: 2px 8px 2px 8px;
		*padding:4px 12px 1px;
        background-image: url(../../../../media/global/img/layout/btn_right.gif);
        background-position: right center;
        *background-position: right -11px;
        background-repeat: repeat-x;
        cursor: pointer;
		padding-right:16px;
}

 input.reset, p.submitReset input.reset {
    background-image: url(../../../../media/global/img/layout/btn_left.gif);
	background-position: left center;
	*background-position: left -11px;
	padding-left:16px;
 }

.toggleContent p.submit input {
	margin-right: 0;
}

#subPage #cbMain p.submitReset, #ctMain p.submitReset {
	max-width: none;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-right: 1.5em;
	overflow: auto;
}

#cbMain .submitReset input.submit,input.submit {
        font-weight: bold;
        float: right;
}

#cbMain .submitReset input.submit {
	font-weight: bold;
	float: right;
}

#cbMain .submitReset input.reset,input.reset {
	text-align: left;
	margin-left: 1.5em;
}

/* hover reset */
#cbMain p.submitReset input.reset:hover,input.reset:hover,
#cbMain p.submitReset input.ie6hoverleft,input.ie6hoverleft {
        background-image: url(../../../../media/global/img/layout/btn_hover_left.gif);
		background-position: left center;
		*background-position: left -11px;
		*padding:4px 12px 1px;
		*padding-left:16px;
}


/* hover submit */
input.submit:hover, input.ie6hoverright,
#cbMain p.submitReset input:hover, #cbMain p.submit input:hover,
#cbMain p.submitReset input.ie6hoverright, #cbMain p.submit input.ie6hoverright {
        background-image: url(../../../../media/global/img/layout/btn_hover_right.gif);
		background-position:right center;
		*background-position: right -11px;
		*padding:4px 12px 1px;
		*padding-right:16px;
}

p.checkboxGraph {
	margin: 1.8em 1.5em 1em 1.5em;
}

#orderMediaContent p.checkboxGraph {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.fsContent p.checkboxGraph {
	margin-left: 0.7em;
}

.checkboxGraph ul {
	margin-left: 1.5em;
	margin-top: 1.8em;
}

#content .checkboxGraph li {
	display: block;
	float: left;
	background: none;
	padding: 0;
	width: 50%;
	margin-bottom: 0.7em;
}

#content .checkboxGraph li.produktMarke {
	width: 110px;
	margin-right: 20px;
}

#content #cbMain #pmWahl {
	padding-left: 20px;
	max-width: none;
}

.produktMarke label img {
	display: block;
	margin: 6px 0;
}

#content .checkboxGraph .triple li {
	width: 33%;
}

#content .checkboxGraph li.single {
	width: 100%;
}

#cbMain .checkboxGraph li label {
	display: inline;
	float: none;
}

.showPflicht .pflicht {
	background-color: #5a7f92;
	color: #fff;
}

#subPage #cbMain p.pflicht {
	display: none;
	max-width: none;
	padding: 1em;
	padding-left: 2.1em;
	margin-top: 0;
}

#subPage #cbMain .showPflicht p.pflicht {
	display: block;
}

#page #cbMain p.checkboxTxt {
	margin: 0 1.5em -1em 1.5em;
	padding: 1em 1em 1em 23px;
	position: relative;
	display:block;
}

p.checkboxTxt input {
	position: absolute;
	left: 0;
	top: 0.9em;
}

#subPage #cbMain .mediaList {
	max-width: none;
	margin: 0.7em;
}

a#cbMain .mediaList li {
	list-style: none;
	background: #fff;
	clear: left;
	margin-top: 4px;
	width: 100%;
	overflow: hidden;
	padding: 2px 0;
	background: #aee;
}

#cbMain .mediaList li {
	list-style: none;
	background: #fff;
	margin-top: 4px;
	clear: left;
	overflow: hidden;
}

.mediaInfo {
	width: 15.5em;
	float: left;
	text-align: left;
	padding: 6px 8px;
}

.mediaInfo img {
	display: block;
	margin-right: 4px;
	margin-top: 4px;
	clear: left;
}

.sprachwahl {
	float: left;
	margin-top: 4px;
	padding-bottom: 4px;
}

.conIllu .sprachwahl {
	margin-top: 2em;
}

#cbMain .mediaList .sprachwahl li {
	clear: none;
	float: left;
	width: 2.2em;
	text-align: left;
	padding-left: 0;
}

.sprachwahl label {
	padding-left: 4px;
}

#cbMain #orderMediaContent {
	background-color: #ccdee1;
	margin: 1em 1.5em;
	padding: 1em 0;
}

fieldset.fsContent .formline {
	margin: 0;
}

#ctMain form ul {
	margin-top: 0.5em;
}

.fullwidth {
	padding: 8px;
	text-align: left;
}

.fullwidth p {
	padding-left: 3px;
}

/* ####################### Multibox ################################## */
#multiBox {
	background-color: #eef2f5;
	margin-top: 50px;
	margin-bottom: 2em;
	/* kollabiert normalerweise mit dem margin-top des Footers, 
	die Angabe wird aber benoetigt, wenn ein Zurueck-Button ins Spiel kommt */
	clear: left;
}

#multiBox h3 {
	background-color: #84888b;
	border-top: 1px solid #cecfd1;
	color: #fff;
	margin: 0;
	font-size: 1em;
	line-height: 2.7em;
	vertical-align: bottom;
	padding-left: 20px;
	max-width: none;
}

#pmDetail .lead {
	font-weight:bold;
}
#cbMain .orderForm {
display:block;
background:transparent;
margin:0 0 -0.7em 87px;
padding:0;
width:auto;
clear:none;
float:none;
}

#cbMain .linkliste .order {
padding:0;
background:transparent;
}
#cbMain .linkliste .orderForm,
#mbBilder .orderForm {
background:transparent url(/images/listpfeil_rot.gif) no-repeat scroll left center;
}
#cbMain .linkliste .orderForm {
margin:0;
}
#cbMain .orderForm div,
#cbMain .orderForm p {
background:transparent;
border:none;
padding:0;
clear:none;
float:none;
}
#cbMain .orderForm input {
background:transparent;
border:none;
color:#2F2E2E;
font-size:1em;
margin:0 0 0 12px;
padding:0;
text-align:left;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
}
#cbMain .orderForm input:hover,
#cbMain .orderForm input.ie6hover {
text-decoration:underline;
}


#multiBox #mbBilder .info {
	padding:0;
	border:none;
}

#multiBox #mbBilder .info p {
	padding-left:0;
}

#multiBox div {
	padding: 1.5em;
	border-top: 1px solid #fff;
	clear: left;
}

#multiBox h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
}

#multiBox #adresse p {
	width: 48%;
	float: left;
	margin-top: 0;
	padding-bottom: 0.7em;
}

#adresse:after,#mbBilder:after {
	content: ".";
	display: block;
	clear: left;
	height: 1px;
	visibility: hidden;
}

#multiBox #adresse p.br {
	clear: left;
}

#multiBox li a {
	color: #2f2e2e;
}

#multiBox #downloads li {
	background-image: url(../../../../media/global/img/layout/doc_icon.gif);
	background-position: left 0.2em;
	padding-left: 17px;
}

#multiBox .linkListe li {
	background-image: url(/images/listpfeil_rot.gif);
}

#multiBox #mbBilder div.illuSmall {
	border: none;
	width: 77px;
	padding: 0;
	position:relative;
}

#multiBox #mbBilder .illuSmall .play {
background:transparent url(../../../../media/global/img/layout/play_small.png) scroll no-repeat center 2.4em;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}

#multiBox #mbBilder li {
	clear: left;
	background-image: none;
	padding-left: 0;
}

#multiBox #mbBilder p {
	padding-left: 87px;
}

#multiBox #mbBilder .illuSmall p {
	padding: 8px 4px;
}

#mbBilder .illuSmall p img {
	float: right;
}

#mbBilder a.imgLink {
	display: block;
	background-image: url(../../../../media/global/img/layout/doc_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
}

/* ################### Addresslisting ##################### */
.addressListing {
	margin-bottom: 30px;
}

.addressListing div,.wsAdressen div {
	background-color: #e3e3e3;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: 20px;
	position: relative;
}

.addressListing .even,.wsAdressen .even {
	background-color: #f4f4f6;
}

.addressListing h4 {
	margin-top: 0;
	clear: left;
}

.addressListing h4 span.addrTyp {
	display: block;
	font-weight: normal;
	padding-top: 1.2em;
}

.addressListing p {
	width: 48%;
	float: left;
	margin-top: 0;
	padding-bottom: 0.7em;
}

.wsAdressen div {
	padding-right: 232px;
}

.wsAdressen ul {
	width: 209px;
	text-align: right;
	position: absolute;
	right: 18px;
	top: 20px;
}

.wsAdressen .produktTyp {
	top: 72px;
}

#cbMain .wsAdressen li {
	background-image: none;
	display: inline;
	padding-left: 0;
	margin-right: 2px;
}

.wsAdressen li img {
	vertical-align: bottom;
}

.wsAdressen p {
	padding-left: 7em;
}

.wsAdressen .label {
	float: left;
	width: 6em;
	margin-left: -7em;
	display: inline;
}

/* ############ suchergebnisse ################ */

#suche #contentBottom {
	background-color: #e4e0dd;
	padding: 20px 0;
	margin-left: 0;
}
	
#cbLeft {
	width: 190px;
	float: left;
	background-color: #ededef;
	margin-right: 20px; 
	display: inline;
}

#suche #cbMain {
	padding-top: 32px;
}

#resultDiv {
	float: left;
	width: 540px;
}

#trefferliste div {
	margin-bottom: 20px;
	max-width: 40em;
}

#toggleSearchDetail {
	background-color: #ccdee1;
	border-bottom: 1px solid #fff;
	padding: 9px;
	margin-top: 0;
	font-weight: bold;
	/* 080725 kein toggle-button */
}

#cbMain #suchform {
	padding: 0 8px;
	margin: 0;
}


#suchform fieldset {
	padding: 0;
	border: none;
}

#suchtext {
	width: 95%;
	margin-top: 20px;
}

#suchform ul {margin: 20px 0;}

#content #suchform li {float: none;
width: 100%;}

#cbMain #suchform p.submit {
	text-align: right;
	margin-right: 0;
}

#suchform .submit input {
	width: auto;
	margin:0;
	float: none;
}

.result {
	background-color: #ccdee1;
	margin-top: 31px;
	position: relative;
	line-height: 1.2;
	padding: 9px;
	padding-right: 21em;
}

#resultDiv .result {
	margin-top: 0;
}

.result .blaettern {
	position: absolute;
	right: 7px;
	top: 8px;
	width: 20em;
	text-align: right;
}

#cbMain .result .blaettern a,.result .blaettern span {
	padding: 0 3px;
	background-color: #fff;
	color: #2f2e2e;
	margin-right: 1px;
	margin-left: 2px;
	line-height: 1.5;
}

.result .blaettern span {
	font-weight: bold;
}

#cbMain .result .blaettern a.sprung {
	background-color: #83878a;
	padding: 0;
}

.result .blaettern .sprung img {
	vertical-align: middle;
}

#trefferliste .fehler {
	margin: 20px 0;
}

#trefferliste a {
	color: #808080;
}

#trefferliste h4 a {
	color: #2f2f2e;
}

#trefferliste p {
	margin: 0.7em 0;
}

.treffer {font-weight: bold;}



a.url span:after {
content: "\00200B"; 
}

.urlSpace span {
	margin-left: -0.5ex;
}

wbr:after { content: "\00200B"; }

/* ##################### toggleTeaser ##################### */
#tabTeaser {
	width: 540px;
	min-width: 43em;
	min-height: 139px;
	background-color: #fff;
	float: left;
	margin-top: 10px;
	position: relative;
	border: 1px solid #c3c3c3;
}

#section #tabTeaser {
	margin-top: 0;
	margin-bottom: 20px;
}

#tabTeaser #toggleList {
	margin-top: 0;
	width: 12.5em;
	float: right;
	list-style: none;
}

#tabTeaser #toggleList li {
	padding-left: 0;
	background-image: none;
	margin: 0;
}

#toggleList li a {
	color: #2f2e2e;
}
#tabTeaser #toggleList li.last a {
	border: none;
}
#tabTeaser #toggleList li a {
	display: block;
	line-height: 1;
	border-bottom: 1px solid #ccc;
	background-image: url(../../../../media/global/img/layout/tabt_shadow_l.gif);
	background-position: left;
	background-repeat: repeat-y;
	color: #2f2e2e;
	padding: 4px 2px 4px 8px;
}

.tabTeaserJs div {
	display: none;
}
#tabTeaser #toggleList .active a {
	background-image: none;
	text-decoration: none;
}

#toggleList li.last a {
	border: none;
}

#toggleList li a:hover,#toggleList li a:focus,#toggleList li a:active {
	/*text-decoration: underline;*/
}

#tabTeaser div {
	display: none;
	padding-left: 175px;
	padding-bottom: 2em; /* Platz fuer Header */
	margin-right: 13.2em;
}

#tabTeaser div.active {
	display: block;
}

#tabTeaser img {
	position: absolute;
	left: 5px;
	top: 5px;
}

xyz#tabTeaser h2 {
	position: absolute;
	left: -30em;
	width: 12em;
}

#tabTeaser h4 {
	position: absolute;
	bottom: 0.5em;
	left: 170px;
	font-size: 1.45em;
	font-weight: normal;
	line-height: 1;
	margin: 0;
}

#tabTeaser h4 a {
	background-image: url(../../../../media/global/img/layout/pfeil_rot.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	color: #2f2e2e;
}

#tabTeaser h5 {
	font-weight: bold;
	font-size: 1em;
	padding-top: 7px;
	margin-bottom: 0.7em;
	margin-top: 0;
}

#tabTeaser p a {
  color: #dc291e;
}

/* ###################### Layer ######################### */
.layer {
	position: fixed;
	width: 520px;
	padding: 20px;
	bottom: 20px;
	left: 220px;
	/*left: 400px;   layer is dynamically positioned left to cockpit */
	background-color: #fff;
	display: none;
	z-index: 10; /* feb2009: changed from 8 to 10, because logo would otherwise overlay layer on country sites */
}

.layerWide {
	width:570px;
}

body .layerPlay {
	width:auto;
	padding:0;
}

.layerPlay p {
	padding:0 10px 10px 10px;
}

.layer h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.layerPlay h2 {
	padding:10px 10px 0 10px;
}

.objectContent {
	background-color:#E3E0DD;
}

.hideObjects #page object,
.hideObjects #page embed {
	visibility: hidden !important;
	display:block;
}

.hideObjects #page .layer object,
.hideObjects #page .layer embed {
	visibility: visible !important;
}

.shadowNW,.shadowN,.shadowNE,.shadowE,.shadowSE,.shadowS,.shadowSW,.shadowW
	{
	position: absolute;
}

.shadowNW,.shadowNE,.shadowSE,.shadowSW {
	width: 10px;
	height: 10px;
}

.shadowNW {
	left: -10px;
	top: -10px;
	background-image: url(../../../../media/global/img/layout/left_top.png);
}

.shadowN {
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
}

.shadowNE {
	right: -10px;
	top: -10px;
	background-image: url(../../../../media/global/img/layout/right_top.png);
}

.shadowE {
	width: 10px;
	height: 100%;
	right: -10px;
	top: 0;
}

.shadowSE {
	background-image: url(../../../../media/global/img/layout/right_bottom.png);
	right: -10px;
	bottom: -10px;
}

.shadowS {
	width: 100%;
	height: 10px;
	left: 0;
	bottom: -10px;
}

.shadowSW {
	background-image: url(../../../../media/global/img/layout/left_bottom.png);
	left: -10px;
	bottom: -10px;
}

.shadowW {
	width: 10px;
	height: 100%;
	left: -10px;
	top: 0;
}

.closeLayer {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

#linkLayer ul {
	width: 12em; float: left;
	margin-top: 0.5em;
}

#fadeOut {
	position: fixed;
	z-index:6;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	display: none;
	opacity: 0.7;
}

/* ##################### Clearer ####################### */
#contentBottom:after {
	content: ".";
	height: 1px;
	display: block;
	clear: both;
	visibility: hidden;
}

/* ###################### HOME ########################## */
#home #mainNav {
	margin-top: 14px;
}

#contentTop .teaser {
	float: left;
	margin-left: 20px;
	margin-bottom: 0;
	min-width: 0;
}

#contentTop .teaser p {
	margin: 0;
}

/* auf der Startseite gibt es keinen echten Seitentitel, deswegen ist hier eine 
versteckte H1 sinnvoll */
#buehne h1 {
	position: absolute;
	top: 10px;
	left: 10px;
}

#home #contentTop {
	min-width: 74em;
}

#home #contentTop #ctMain {
	min-width: 59em;
}

/* ################# Produktkatalog ######################### */
#produktKatalog #contentTop {
	min-width: 70em;
}

#produktKatalog #ctMain {
	min-width: 55em;
}

#produktKatalog #ctMain p {
	max-width: 42em;
}

/* Auswahlformular */
#pGruppenAuswahl {
	margin: 1em 0;
}

#bereichswahl {
	width: 100%;
}

#bereichswahl td {
	width: 25%;
}

#bereichswahl .subList,.subList table {
	width: 100%;
	background-color: #fff;
}

.subList table {
	margin: 0.5em 0;
}

/* Produktlisten */
#produktKatalog #cbMain {
	min-width: 55em;
}

#produktListen {
	position: relative;
	padding-left: 130px;
}

#produktListen div {
	position: relative;
}

#produktListen img {
	position: absolute;
	left: -110px;
	top: 0;
}

#produktListen h2 {
	margin-left: 0;
}

#produktListen h3 {
	font-size: 1em;
	font-weight: bold;
	width: 15em;
	position: absolute;
	left: 0;
	top: 0;
}

#produktListen h4 {
	font-size: 1em;
	font-weight: normal;
	font-style: oblique;
	width: 15em;
	position: absolute;
	left: 16em;
}

#produktListen ul {
	padding-left: 33em;
	margin-bottom: 1em;
}

#produktListen li {
	list-style: none;
	background-image: url(../../../../media/global/img/layout/listpfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 10px;
	margin-top: 2px;
}

#produktListen li a {
	color: #2f2e2e;
}

#produktListen div.separator {
	height: 1px;
	margin-left: -110px;
	color: #e4e0dd;
	background-color: #e4e0dd;
	border: none;
	margin-top: 1.5em;
}

/* ####### Detailseiten im Produktkatalog ########## */
#subPage #ctMain.pk {
	position: relative;
	padding-top: 5em;
}

#subPage #ctMain #produktKatalogLink {
	background-color: #b9b1a9;
	min-height: 44px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	margin-left: -20px;
	margin-top: 0;
	padding-left: 19px;
	padding-top: 6px;
}

#produktKatalogLink span {
	display: block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../../../media/global/img/layout/produktauswahl_button.gif);
}

/* ################# Pressemitteilungen ##################################### */
#pm h3 {
	position: relative;
	margin-bottom: 0.7em;
	margin-top: 24px;
	padding-top: 1.2em;
}

#pm .abschnitt {
	clear: left;
	float: left;
	width: 100%;
}

#pm h3 span.date {
	font-size: 0.8em;
	color: #2f2f2e;
	position: absolute;
	top: 0em;
	left: 1px;
}

#page #pm .breakYear {
	width: 100%;
	max-width: 100%;
}

#pmDetail h3 span.date {
	display: block;
	font-size: 0.8em;
	color: #2f2f2e;
}

#pmDetail ul,#pmDetail p {
	margin: 2em 0 0.7em 0;
}

#pmDetail li {
	margin-bottom: 0.6em;
}

#pmDetail p.head {
	margin-bottom:-2em;
}

	/* ######## Presse Medienarchiv ############# */
#medienArchiv .abschnitt {
	padding-left: 120px;
	position: relative;
	margin-bottom: 30px;
	min-height: 88px;
	max-width: 33em;
}

#medienArchiv .mitZoom {
	min-height: 119px;
}

#medienArchiv .illuSmall {
	display: inline;
	margin-left: -120px;
	margin-top: -1.8em;
	position: relative;
}

#medienArchiv .abschnitt h4 {
	margin-top: 0;
}

a#medienArchiv .abschnitt .illuSmall {
	position: absolute;
	left: 0;
	top: 0;
}

#cbMain .illuSmall .play {
	background:transparent url(../../../../media/global/img/layout/play_large.png) scroll no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#cbMain .illuSmall a .play {
	cursor: pointer; /* ie */
}

/* ############### Sitemap und Klappliste ######################## */
#sitemap {
	padding-top: 30px;
	margin-left: -10px;
}

#sitemap .column {
	width: 235px;
	float: left;
	margin: 0 10px;
	display: inline; /* IE double-margin bug */
	min-width: 19em;
}

#cbMain #sitemap ul,#cbMain #sitemap li {
	margin: 0;
	padding: 0;
	background: none;
}

#sitemap ul ul ul ul {
	border-bottom: 1px solid #c3c4c6;
	margin: 3px 0;
}

#sitemap ul ul ul ul ul {
	border: none;
}

#cbMain #sitemap li {
	margin-bottom: 1.9em;
}

#cbMain #sitemap  li li {
	margin-bottom: 0;
}

#sitemap  a {
	font-weight: bold;
	display: block;
	color: #2f2e2e;
	padding: 4px 8px;
	border-bottom: 1px solid #c3c4c6;
	background-color: #dadbdd;
}

#sitemap li span {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	margin-top: 0.5em;
	background-repeat: no-repeat;
}

#cbMain #sitemap li li a:hover,#cbMain #sitemap li li a:focus,#cbMain #sitemap li li a:active
	{
	background-color: #ededed;
}

#cbMain #sitemap li li li a:hover {
	background: none;
}

/* 080724 sitemap bei js initial eingeklappt */
#sitemap li span.showSub,
.js #sitemap li span {
	background-image: url(../../../../media/global/img/layout/zoom_plus.gif);
	cursor: pointer;
}
.js #sitemap ul ul ul {
display:none;
}
.js #sitemap ul ul ul ul {
display:block;
}
/* /080724 sitemap bei js initial eingeklappt */

#sitemap li span.hideSub {
	background-image: url(../../../../media/global/img/layout/zoom_minus.gif);
	cursor: pointer;
}

#sitemap  li li a {
	padding-left: 28px;
	background-color: #fff;
	font-weight: normal;
}

#sitemap  li li li a {
	padding-left: 39px;
	background-image: none;
	line-height: 1;
}

#sitemap  li li li li a {
	border: none;
	padding: 3px 4px 3px 51px;
}

#sitemap  li li li li li a {
	padding-left: 70px;
}


#cbMain .klappListe a {
	color: #2f2e2e;
}

#subPage #cbMain .klappListe,#subPage #cbMain .klappListe ul,#cbMain .klappListe li
	{
	margin: 0;
	padding: 0;
	clear: left;
	background-image: none;
	max-width: none;
}

#subPage #cbMain .klappListe li {
	margin-bottom: 20px;
}

#subPage #cbMain .klappListe li li {
	margin-bottom: 0px;
}


.klappListe span.showSub,
.klappListe span.hideSub,
.klappListe span.noSub
 {
	cursor: pointer;
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: 7px center;
}

.greyBack {
	background-color:#EDEDED !important;
}

.klappListe span.showSub {
	background-image: url(../../../../media/global/img/layout/zoom_plus.gif);
}

.klappListe span.hideSub {
	background-image: url(../../../../media/global/img/layout/zoom_minus.gif);
}

.klappListe li li span.showSub,
.klappListe li li span.hideSub, 
.klappListe li li span.noSub 
{
	padding-left: 48px;
	background-position: 27px;
}


#cbMain .klappListe li li a.doc {
	padding-left: 47px;
	background-position: 27px 6px;
	background-repeat: no-repeat;
}

#cbMain .klappListe li li li a.doc {
	padding-left: 68px;
	background-position: 47px 6px;
}

.klappListe li span,.klappListe li a {
	font-weight: bold;
	display: block;
	color: #2f2e2e;
	padding: 3px 8px;
	border-bottom: 1px solid #c3c4c6;
	background-color: #dadbdd;
}

.klappListe li a span {
	border: none;
}

.klappListe li li span,.klappListe li li a {
	background-color: #fff;
	font-weight: normal;
}

.klappListe li .active {
	background-color: #ededed;
}

.klappListe li a span {
	padding: 0;
}

a.zoomClose, a.zoomPrint {
	display: block;
	width: auto;
	padding: 0px 20px 2px 0px;
	float:left;
	cursor: pointer;
}

a.zoomPrint {
	background-image: url(../../../../media/global/img/layout/layer_print_button.png);
	background-position: top right;
	background-repeat:no-repeat;
}
a.zoomClose {
	background-image: url(../../../../media/global/img/layout/schliessen-button-layer.png);
	background-position: top right;
	background-repeat:no-repeat;
}


/* ################# specials fuer die Druckversion ################ */
#print #page {
	margin: auto;
	width: 570px;
	min-width: 0;
}

#print #logoBlock {
	width: 570px;
	margin-bottom: 20px;
}

#print #cbMain {
	width: 550px;
	float: none;
	padding: 0;
}

#print #ctMain {
	width: 570px;
	float: none;
	padding: 0;
}

#print #contentTop {
	background-color: #fff;
}

#print #ctMain h1 {
	margin: 0;
}

#print #multiBox {
	background: #fff;
	margin-top: 20px;
}

#print #multiBox h3 {
	background: #fff;
	color: #5a7e92;
	font-size: 1.3em;
	border-top: none;
	padding-left: 0;
}

#print #multiBox div {
	padding-left: 0;
}

/* produktdatenbank */

.productIntro .illu img,
.productToggle .illu img,
.productContent .illu img {
	max-width:190px;
}

.productIntro .illu p,
.productToggle .illu p,
.productContent .illu p {
	height: 10px;
}

.productIntro .illu p img {
  position: relative;
  bottom: 0;
  right: -170px;
}

.productIntro ul li {
	margin: 0.25em 0; /* mit Abstand oder ohne? */
	list-style: none;
	background-image: url(../../../../media/global/img/layout/listpunkt.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding-left: 10px;
	max-width: 45em;
}

.productIntro ul,
.productToggle ul,
.productContent ul {
	display: inline-block;
}

#subPage .cbOverflow #cbMain {
	overflow: visible;
}

#subPage .cbOverflow #cbMain .productToggle { /* starker selektor wegen ielte6.css */
	width: 748px;
}
/* /produktdatenbank */


div.etracker {
	display: none !important;
}

/* --------------------------- new Styles -------------------- */

/* for pics with borders */
.imgBorder {
  border: 1px solid #eae7e5;
}

/* fake list for teasers - Apr2, 2009 - BKarch*/ 
span.fakeList {
	display: list-item;
	list-style-image: none;
	list-style-position: outside;
	background: url(../../../../media/global/img/layout/listpunkt.gif) left 0.3em no-repeat;
	margin: 0.25em 0;
	padding-left: 10px;
	overflow: hidden;
}

/* ----- region and country profiles (ZF world wide) -------------------- */

/* region profiles - table with link list */
#cbMain .linkTable td {
	margin: 0;
	list-style: none;
	background-image: url(/images/listpfeil_rot.gif);
	background-position: 0.8em 0.5em;
	background-repeat: no-repeat;
}

#cbMain .linkTable td a {
	margin-left: 10px;
	color: #2f2e2e;
}

#cbMain .linkTable thead th.first {
	background-color: #F4F4F4;
	border-left: 8px solid #DADADC;
	border-right-width: 8px;
}

#cbMain .linkTable tbody td.first {
	border-left: 8px solid #94989A;
}

/* ----- Styles for new Header -------------------- */

.newHeaderStyles #serviceNav {
	margin-bottom: 10px;
}

.newHeaderStyles #logoBlock {
	position: absolute;
	top: 20px;
	z-index: 10;
}

.newHeaderStyles.fehler #page { /* for error pages (body tag has class .fehler) where serviceNav is missing, Apr15,2009 - BKarch */
	margin-top: 35px;
}

.newHeaderStyles #buehne, 
.newHeaderStyles #buehneZusatz {
	height: 65px;
	background-color: #fff;
}

.newHeaderStyles #headerband {
	display: block;
	margin-left: 20px;
	height: 15px;
	background-color: #B9B0A9;	
}

.newHeaderStyles #headerband .left {
	background-color: #F0EFED;
	width: 540px;
	height: 15px;
	display: table-cell;
}

.newHeaderStyles #headerband .right {
	background-color: #E3E0DB;
	width: 416px;
	height: 15px;
	border-left: 3px solid #fff;
	display: table-cell;
}

/* yellow headerband */
.newHeaderStyles #headerband.yellow {
	background-color: #B9B0A9;	
}
.newHeaderStyles #headerband.yellow .left {
	background-color: #FFBE4D;
}
.newHeaderStyles #headerband.yellow .right {
	background-color: #FEDEA5;
}
/* blue headerband */
.newHeaderStyles #headerband.blue {
	background-color: #a2b6c1;	
}
.newHeaderStyles #headerband.blue .left {
	background-color: #e5eaed;
}
.newHeaderStyles #headerband.blue .right {
	background-color: #d1dae1;
}

/* ---------------- Image gallery, May12, 2009 - BKarch ------------------------*/

.gallery {
  position: relative;
  min-height: 520px;
}

.gallery div {
  float: left;
  margin: 0 8px 8px 0;
}

/* big picture */
.galleryBig {
  	text-align: center;
	padding: 0;
	margin: 0;
}

.galleryBig p {
	position: absolute;
	height: 25px;
	top: 452px;
	left: 425px;
}

/* vertical align */
.galleryBig .imgAlign {
	height: 450px;
	width: 450px;
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding: 0;
	margin: 0;
	background: #F0EFED;
	overflow: hidden;
}

.imgAlign img {
	display: block;
	margin: 0 auto;
}

#cbMain .abschnitt .imgCaptionText {
	width: 440px;
	height: 50px;
}

.galleryNav {
	position: relative;
}

/* back/forward buttons */

.galleryControls {
	clear:left;
	position: absolute;
	top: -2.6em;
	min-width: 280px;
}

.galleryControls img,
.galleryControls p {
	float:left;
  	margin-right: 0.4em;
}

.galleryControls img {
	cursor: pointer;
}

.galleryControls p {
	font-size: 95%;
	margin-top: -0.18em;
	margin-left: 0.5em;
}

.galleryControls noscript p {
	clear: both;
	margin-left: 0;
}

/* thumbnails */
#cbMain .gallery ul.galleryThumbs {
	position: absolute;
	bottom: -459px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 30em;
	clear: left;
}

#cbMain .gallery ul.galleryThumbs li {
  	text-align: center;
  	float: left;
  	margin: 0 8px 9px 0;
  	padding: 0;
  	background: #F0EFED;
  	overflow: hidden;
}

/* styles for vertical/horizontal alignment of thumbnails within their boxes */

#cbMain .gallery ul.galleryThumbs li .imgAlign {
  	float: none;
	display: table-cell; 
	vertical-align: middle;
	height: 144px;
	width: 143px;
	margin: 0;
	padding: 0;
}

.galleryBig .imgAlign a,
#cbMain .gallery ul.galleryThumbs li .imgAlign a {
	outline: none;
}

table.positions tr.head td{
	background: #94989a;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#ffffff;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:575px; 
  height:403px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

table.te {
    width: 100%;
}

input.tebut {
    font-size: 11px;
}

#cbMain form.te {
    padding: 0px;
    margin: 0px;
    background-color:white;
}

h1.te {
    color:#5A7E92;
    font-size:19pt;
}