@charset "utf-8";
/* styles for www.stemmann.de             */
/*                                        */
/* media: 	screen                        */
/* use: 	on every page                 */
/* author: 	click solutions GmbH          */
/*          Holger Bluethmann             */
/* edited:  Michael Schultze              */
/*                                        */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: #0f0f0f; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote: before, blockquote: after, q: before, q: after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; }

html {
	overflow-y: scroll; }

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

body {
	width: 100%; background: #fcfcfc; font-family: Arial, Helvetica, sans-serif; }

.stemmannblau { color: #00497b; }

/*                                        */
/* basic layout                           */
/*                                        */

div#header {
	position: relative; margin: 0 auto; width: 960px; height: 165px; z-index: 99; }

div#headup {
	position: fixed; width: 960px; height: 96px; height: 140px; padding: 25px 30px 0; margin-left: -30px; background: #fcfcfc; }

	div#headup.is-covering {
		box-shadow: 0 16px 30px -30px rgba(0,0,0,.75); }

	@media only screen and (max-device-width: 38em) , screen and (max-height: 44em) {
		div#headup { position: relative; box-shadow: none !important; }
	}


div#content {
	position: relative; margin: 0 auto; width: 960px; padding-top: 8px; }

div#navi-pages {
	float: left; width: 230px; padding: 0px 0px 0px 0px; min-height: 380px; }

div#text {
	float: left; margin: 0px 0px 20px 9px; width: 460px; }

body.no-sidenotes div#text {
	width: 690px; }

div#sidenotes {
	float: left; margin: 0 0 0 9px; width: 250px; }

div.rallye-stripes {
	border-top: 3px solid #c6c6c6; height: 2px; border-bottom: 3px solid #c6c6c6; margin: 25px auto; width: 960px;
}

div#footer {
	margin: 25px auto; width: 980px; }



/*                                        */
/* header layer                           */
/*                                        */

#brand, #brand a {
	margin-bottom: 32px; font-size: 20px; font-weight: bold; letter-spacing: .01em; color: #c6c6c6; text-transform: uppercase; }

	.home #brand,
	.home #brand a {
			color: #878787; }

	.home-of-cat #brand,
	.home-of-cat #brand a,
	.cat-company #brand,
	.cat-company #brand a {
			color: #878787; }

#page-title {
	font-size: 18px; color: #4c4c4c; }
	.home #page-title {
			display: none; }


#logo {
	position: absolute; top: 0; right: 30px; width: 61px; height: 61px; }

	#logo a {
		display: block; width: 61px; height: 61px; /* background-image: url(../images/logo_stemmann_grau.png); */ text-indent: -20000px;  }

	.vorschalte #logo, .welcome #logo {
		position: absolute; top: 27px; right: 20px; width: 370px; height: 70px; }
		.vorschalte #logo a, .welcome #logo a {
			width: 370px; height: 70px; background-image: url(../images/logo_stemmann_premium.png);  }

	.home #logo a,
	.home-of-cat #logo a,
	.cat-company #logo a {
		/* background-image: url(../images/logo_stemmann_blau.png); */ }

	/* neues Master Signet als Wabtec subsidiary */
	.home #logo {
		width: 381px;
		margin-right: -7px; /* rausragende graue Linien */ }
	.home #logo a { /* uses <img> instead  */
		background: none;
		text-indent: 0; }

		#logo a { /* uses <img> instead  */
		background: none;
		text-indent: 0; }



#header-images {
	display: none; position: absolute; top: 0px; left: -53px; width: 487px; height: 264px; }
	#header-images img {
		position: absolute; z-index: 10; top: 0px; left: 0px; }


#navi-site {
	position: absolute; right: 10px; top: 28px; width: 621px; }

	#navi-site li {
		float: right; text-align: right; font-size: 11px; line-height: 13px; color: #4d4d4d; text-transform: uppercase; border-right: 1px solid #4d4d4d; }

	#navi-site li.last {
		border-right: none; }

	#navi-site li.search {
		padding-left: 32px; border-right: none; }

		#navi-site li a {
			display: block; padding: 0px 10px 0px 12px; color: #4d4d4d; }

		#navi-site li a:hover {
			color: #0f0f0f; }

		#navi-site li.search input.searchbox {
			float: left; height: 20px; }

div#header img {
	position: absolute;
	top:0;
	right:-7px;}


#navi-cats {
	position: absolute; bottom: 0px; left: 270px; width: 740px; height: 40px; }

	#navi-cats li {
		float: left; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 17px; }

		#navi-cats li a {
			display: block; padding: 6px 15px; color: #9d9d9d; font-weight: normal; }

		#navi-cats li:first-child a {
			 padding-left: 0; }

		#navi-cats li a:hover {
			color: #00497b; }

		#navi-cats li.selected a {
			color: #0a0a0a; }

/*
#navi-cats.is-fixed {
	position: fixed; font-size: 0.9em; z-index: 99; top: 23px; left: 837px; width: 250px; }

	.home #navi-cats.is-fixed {
		left: 369px; }

	#navi-cats.is-fixed li {
		float: none; text-align: left; font-size: 12px; }

		#navi-cats.is-fixed li a {
			padding: 3px 0; font-weight: normal; }

	#navi-cats.is-fixed li.selected {
			display: none; }
*/

#header-search {
	position: absolute; bottom: 12px; right: 30px; width: 150px; height: 26px; background-color: #f0f0f0; }

	#header-search input.searchbox {
		position: absolute; top: 1px; left: 6px; padding: 2px 0px 2px 0px; width: 120px; border: 0px solid #FFF; background: transparent; font-size: 12px; }

		#header-search input.searchbox:focus {
			outline: none; }

		#header-search input.searchbox.empty {
			color: #999; }

	#header-search input.searchbutton {
		position: absolute; top: 1px; right: 0px; width: 24px; height: 24px; border: 0px solid #FFF; }



#navi-breadcrumb {
	margin: 5px 0 10px 0; height: 30px; font-size: 11px; line-height: 14px; color: #9d9d9d; }

	#navi-breadcrumb a {
		text-decoration: none; color: #c6c6c6; }

	#navi-breadcrumb a:hover {
		color: #00497b; }



/*                                        */
/* footer layer                           */
/*                                        */

#footer {}

	#footer ul {
		float: left; margin: 0 0 25px 25px; width: 225px; min-height: 120px;  border-left: 1px solid #909295; }

	#footer ul.first,
	#footer .navi-list--first {
		margin-left: 0; border-left: none; }

		#footer ul li {
			padding: 5px 0px 0px 20px; font-size: 11px; line-height: 14px; }

			#footer ul li a {
				color: #909295; }

			#footer .navi-item--cat a {
				text-transform: uppercase; font-weight: bold; }

			#footer ul li a:hover {
				color: #00497b; }

a.icon-facebook {
	display: block; padding-left: 19px; background-repeat: no-repeat; background-position: 0px -1px; background-image: url(../images/icon_facebook.ico); }

/*                                        */
/* navi layer     	                      */
/*                                        */


div#navi-pages h1 {
	margin: 0 0 3px; font-size: 13px; line-height: 18px; font-weight: bold; color: white;
	border-left: 9px solid #00497b; }

div#navi-pages h1 span {
	display: block; padding: 3px 5px; margin-left: 3px; background: #878787;  }

div#navi-pages ul {
	margin: 0px 0px 30px 0px;  }

div#navi-pages ul li {
	font-size: 13px; line-height: 18px;  }

div#navi-pages > ul > li > a {
	margin: 0 0 3px; border-left: 9px solid #00497b; }

div#navi-pages ul li a {
	display: block; padding: 2px 0px 2px 8px; color: #4c4c4c; }

div#navi-pages ul li a:hover {
	color: #4c4f52; background: #f0f0f0; }

div#navi-pages ul li:nth-child(2n) > a:hover {
	background: #e2e2e2; }

div#navi-pages ul li a.selected {
	 }

div#navi-pages ul li.selected {
	 }

div#navi-pages ul li ul {
	margin: 0px 0px 0px 0px;  }

div#navi-pages ul li ul li {
	font-size: 12px; line-height: 15px; border-left: none; }

div#navi-pages ul li ul li.selected {
	border-left: none; }

div#navi-pages ul li ul li span.nolink {
	display: block; padding: 2px 0px 2px 20px; font-weight: normal; color: #4c4c4c; text-transform: uppercase; font-size: 11px; line-height: 18px; }

div#navi-pages ul li ul li a {
	margin: 0 0 3px 9px; padding: 2px 0px 2px 20px; line-height: 18px;  }

div#navi-pages ul li ul li ul li a {
	padding: 2px 0px 2px 30px; }

div#navi-pages ul li ul li ul li ul li a {
	padding: 2px 0px 2px 40px; }


/*                                        */
/* special navi layer                     */
/*                                        */

div#navi-pages ul li.schleifringuebertrager a,
div#navi-pages ul li.bako_schleifringuebertrager a,
div#navi-pages ul li.slipring_assemblies a,
div#navi-pages ul li.bako_slipring_assemblies a,
div#navi-pages ul li.collecteurs_tournants a,  {
	border-left-color: #ec6726; }

div#navi-pages ul li.leitungstrommeln a,
div#navi-pages ul li.enrouleurs_de_cable a,
div#navi-pages ul li.cable_reels a {
	border-left-color: #e63312; }

div#navi-pages ul li.schleifleitungen a,
div#navi-pages ul li.rails_conducteurs a,
div#navi-pages ul li.conductor_lines a {
	border-left-color: #fbba00; }

div#navi-pages ul li.leitungswagensysteme a,
div#navi-pages ul li.guirlande_de_cables a,
div#navi-pages ul li.cable_festooned_systems a {
	border-left-color: #721031; }

div#navi-pages ul li.leitungswagensysteme ul li.leitungswagensysteme a,
div#navi-pages ul li.cable_festooned_systems ul li.cable_festooned_systems a {
	border-left-color: #b1006c; }

div#navi-pages ul li.dachstromabnehmer a,
div#navi-pages ul li.pantographes_de_toit a,
div#navi-pages ul li.roof_mounted_pantographs a {
	border-left-color: #2b2171; }

div#navi-pages ul li.dritte_schiene_stromabnehmer a,
div#navi-pages ul li.3eme_rail_capteur_de_courant a,
div#navi-pages ul li.third_rail_shoegears a {
	border-left-color: #636aaf; }

div#navi-pages ul li.frost_erdungskontakte a,
div#navi-pages ul li.mise_a_la_terre_frost a,
div#navi-pages ul li.frost_ground_contacts a {
	border-left-color: #b1006c; }

div#navi-pages ul li.stingersysteme a,
div#navi-pages ul li.systemes_stinger a,
div#navi-pages ul li.stinger_systems a {
	border-left-color: #d56aa6; }

div#navi-pages ul li.entwicklung a,
div#navi-pages ul li.development a {
	border-left-color: #003869; }

div#navi-pages ul li.wartung a,
div#navi-pages ul li.maintenance a {
	border-left-color: #005ca9; }

div#navi-pages ul li.betreuung a,
div#navi-pages ul li.after_sales a {
	border-left-color: #6da5d3; }

div#navi-pages ul li.qualitaetssicherung a,
div#navi-pages ul li.quality_assurance a {
	border-left-color: #90a3b2; }

/*                                              */
/* Farben Navi-Pages                            */
/*

div#navi-pages ul li.schleifringuebertrager a:hover,
body.schleifringuebertrager div#navi-pages ul li a.selected {
	color: #ec6726; }


div#navi-pages ul li.leitungstrommeln a:hover,
body.leitungstrommeln div#navi-pages ul li a.selected {
	color: #e63312; }


div#navi-pages ul li.schleifleitungen a:hover,
body.schleifleitungen div#navi-pages ul li a.selected {
	color: #fbba00; }


div#navi-pages ul li.leitungswagensysteme a:hover,
body.leitungswagensysteme div#navi-pages ul li a.selected {
	color: #721031; }


div#navi-pages ul li.dachstromabnehmer a:hover,
body.dachstromabnehmer div#navi-pages ul li a.selected {
	color: #2b2171; }


div#navi-pages ul li.dritte-schiene-stromabnehmner a:hover,
body.dritte-schiene-stromabnehmner div#navi-pages ul li a.selected {
	color: #636aaf; }


div#navi-pages ul li.frost-erdungskontakt a:hover,
body.frost-erdungskontakte div#navi-pages ul li a.selected {
	color: #b1006c; }


div#navi-pages ul li.stingersysteme a:hover,
body.stingersysteme div#navi-pages ul li a.selected {
	color: #d56aa6; }



/*                                              */
/* Farben Text                                  */
/*

body.schleifringuebertrager div#text h1,
body.schleifringuebertrager div#text h2,
body.schleifringuebertrager div#text h3,
body.schleifringuebertrager div#text a:hover,
body.schleifringuebertrager div#text a.selected,
body.schleifringuebertrager div#sidenotes div h4 {
	color: #ec6726; }


body.leitungstrommeln div#text h1,
body.leitungstrommeln div#text h2,
body.leitungstrommeln div#text h3,
body.leitungstrommeln div#text a:hover,
body.leitungstrommeln div#text a.selected,
body.leitungstrommeln div#sidenotes div h4 {
	color: #e63312; }


body.schleifleitungen div#text h1,
body.schleifleitungen div#text h2,
body.schleifleitungen div#text h3,
body.schleifleitungen div#text a:hover,
body.schleifleitungen div#text a.selected,
body.schleifleitungen div#sidenotes div h4 {
	color: #fbba00; }


body.leitungswagensysteme div#text h1,
body.leitungswagensysteme div#text h2,
body.leitungswagensysteme div#text h3,
body.leitungswagensysteme div#text a:hover,
body.leitungswagensysteme div#text a.selected,
body.leitungswagensysteme div#sidenotes div h4 {
	color: #721031; }


body.dachstromabnehmer div#text h1,
body.dachstromabnehmer div#text h2,
body.dachstromabnehmer div#text h3,
body.dachstromabnehmer div#text a:hover,
body.dachstromabnehmer div#text a.selected,
body.dachstromabnehmer div#sidenotes div h4 {
	color: #2b2171; }


body.dritte-schiene-stromabnehmner div#text h1,
body.dritte-schiene-stromabnehmner div#text h2,
body.dritte-schiene-stromabnehmner div#text h3,
body.dritte-schiene-stromabnehmner div#text a:hover,
body.dritte-schiene-stromabnehmner div#text a.selected,
body.dritte-schiene-stromabnehmner div#sidenotes div h4 {
	color: #636aaf; }


body.frost-erdungskontakte div#text h1,
body.frost-erdungskontakte div#text h2,
body.frost-erdungskontakte div#text h3,
body.frost-erdungskontakte div#text a:hover,
body.frost-erdungskontakte div#text a.selected,
body.frost-erdungskontakte div#sidenotes div h4 {
	color: #b1006c; }


body.stingersysteme div#text h1,
body.stingersysteme div#text h2,
body.stingersysteme div#text h3,
body.stingersysteme div#text a:hover,
body.stingersysteme div#text a.selected,
body.stingersysteme div#sidenotes div h4 {
	color: #d56aa6; }*/




/*                                        */
/* navi-lang layer	                      */
/*                                        */

#navi-lang {
	position: absolute; z-index: 9; overflow: hidden; margin: 0; padding: 0px; height: 20px;
	 top: 127px; right: 139px;
	 top: 98px; right: 30px;
	 min-width: 100px; text-align: right;
	  }

#navi-lang li {
	display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; font-size: 11px; line-height: 14px; color: #878787; border-left: 1px solid #878787; }

#navi-lang li:first-child {
	border-left: none; }

#navi-lang li a {
	display: block; padding: 0 4px 0 8px; font-size: 11px; line-height: 13px; color: #878787; }

#navi-lang li.extern.first {
	margin-top: 10px; }

#navi-lang li.extern {
	display: block; border-left: none; text-align: left; }

#navi-lang li.extern a {
	padding: 4px 8px; background-image: url(../images/navi_lang_extern.png); background-repeat: no-repeat; background-position: 93% 2px; }

#navi-lang li a:hover {
	color: #00497b; }

#navi-lang li.selected a {
	font-weight: bold; }

#navi-lang:hover {
	height: auto; background-color: #f0f0f0; outline: 1px solid #fcfcfc; }


/*                                        */
/* text layer     	                      */
/*                                        */

div#text h1 {
	margin: 0px 0px 15px 0; color: #00497b; font-size: 16px; line-height: 20px; font-weight: normal; }

div#text h2 {
	margin: 20px 0 5px 0; font-size: 14px; line-height: 19px; color: #00497b; font-weight: normal; }

div#text h3 {
	margin: 20px 0 5px 0; font-size: 13px; line-height: 19px; color: #00497b; font-weight: bold; }

div#text p {
	margin: 0 9px 10px 0; color: #4c4f52; font-size: 13px; line-height: 19px; }

div#text .linie {
	border-bottom: 1px solid #CECFD5; }

div#text .dreispaltig {
	float: left; width: 187px; margin-left: 32px; }

div#text .fünfspaltig {
	float: left; width: 112px; margin-left: 15px; }


div#text ul, div#text ol {
	margin: 5px 20px 20px 20px; font-size: 13px; line-height: 17px; color: #4c4f52; list-style-type: disc; }

div#text ol {
	margin-left: 25px; list-style-type: decimal; }

div#text a {
	color: #4c4f52; text-decoration: underline; }

div#text h2 a,
div#text h3 a,
div#text h4 a {
	color: #00497b; text-decoration: none; }

div#text a:hover {
	color: #00497b; }

div#text h2 a:hover,
div#text h3 a:hover,
div#text h4 a:hover {
	color: #4c4f52; }

div#text img {
	margin: 0 0 20px; margin-bottom: 20px; /*max-width: 100%; height: auto;*/ }

div#text img.first-image {
	float: left; margin: 0 20px 20px 0; }

div#text img.first-image.no-second-image {
	float: none; }

div#text img.second-image {
	float: right; margin: 0 0 20px 20px; }

div#text table {
	margin: 5px 0 5px 0; width: 450px !important; border-collapse: separate; }

div#text td {
	color: #4c4f52; font-size: 13px; line-height: 19px; vertical-align: top;}

div#text td:first-child {
	width: 170px; }

div#text img.contact {
	margin: 0px; }

div#text table.contact {
	width: 240px; margin-top: 10px; margin-bottom: 20px; }

div#text table.contact td {
	padding: 5px 0px 0px 0px; }

div#text table.contact td.title {
	width: 15%;
	padding-right: 10px; }

div#text table.contact td.value {
	margin: 0; }

div#text table.contact td.value a img {
	margin-top: 4px; }

div#text div.news-item {
	border-bottom: 1px solid #cecfd5; padding-bottom: 13px; margin-bottom: 13px; }

div#text div.news-item p {
	margin-bottom: 0; }

div#text div.news-item p.has-image {
	margin-left: 120px; }

div#text div.news-item a {
	text-decoration: none; }

div#text div.news-item a span.more {
	text-decoration: underline; }

div#text input.button-submit {
	padding: 1px 18px 1px 18px; color: #fff; background-color: #00497b; border: 1px solid #00497b; }

div#text div#headergallery {
    display: block; height: 274px; margin-bottom: 24px; overflow: hidden;
}
div#text div#headergallery img {
    position: absolute;}

/*                                        */
/* text contact form                      */
/*                                        */

div#contact-form {
	margin: 0; padding: 0px 0; }

div#contact-form p {
	position: relative; margin: 10px 0; margin-bottom: 10px; }

div#contact-form p span.title {
	position: absolute; top: 2px; left: 0; width: 120px; }

div#text div#contact-form p.error,
div#text div#contact-form p span.title.error {
	color: #660033; }

div#contact-form p select {
	margin: 0 0 0 140px; padding: 4px; width: 205px; border: 1px solid #CECFD5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #4c4f52; }

div#contact-form p input {
	margin: 0 0 0 140px; padding: 4px; width: 205px; border: 1px solid #CECFD5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #4c4f52; }

div#contact-form p textarea {
	margin-top: 23px; width: 345px; height: 150px; padding: 4px; border: 1px solid #CECFD5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #4c4f52; }

div#text div#contact-form p input.error,
div#text div#contact-form p textarea.error {
	border: 1px solid #660033; }

div#contact-form.fastform p input {
    width: 69%; }

div#contact-form.fastform p select {
    width: 96%; }

div#contact-form p input.sendBtn {
	width: 145px; height: 25px; padding: 0; border: none; background: #00497b; color: #e2e2e2; border-radius: 2px; cursor: pointer; margin-left: 0; }
div#contact-form p input.sendBtn:hover {
	color: white; }


/*                                        */
/* text news list    				      */
/*                                        */

div#text div.news-item img {
	float: left; clear: left; margin-top: 4px; margin-bottom: 0;}

div#text p.all {
	text-align: right; font-size: 11px; }

div#text p.all a {
	text-decoration: none; }


div#contact-form p input[type="checkbox"] {
	width: 20px;
	margin: 0 0 0 0;
	float: left
}

.checkboxtext {
	margin: 0 0 0 40px;
	display: block;
}


/*                                        */
/* text search results				      */
/*                                        */

div#text p.search-item {
	border-bottom: 1px solid #cecfd5; padding: 7px 0 7px 0; margin: 0 0 0px 0; }



/*                                        */
/* text catalogue list                    */
/*                                        */


div#text .cataloguelist h3 {
	cursor: pointer; }


/*                                        */
/* text product list   Kacheln            */
/*                                        */

.product-list {
	list-style-type: none !important; overflow: hidden; margin: 0 -9px 0 0 !important; padding: 0; }
	.product-item {
		width: 225px; float: left; margin: 0 9px 18px 0; padding: 0; }
		.product-link {
			display: block; text-decoration: none!important; }
		.product-image {
			width: 100%; margin: 0 0 9px !important; }
		.product-title {
			display: block; color: #4c4c4c; background: #f0f0f0; text-transform: uppercase; padding: .5em .8em;
			/*border-left: 9px solid #00497d;*/ }
		.product-text {
			display: none; }
		.product-more {
			display: none; }
		.product-link:hover .product-title {
			background: #e2e2e2; }



/*                                        */
/* start news messe layer                 */
/*                                        */

div#start-news-fairs {
	margin: 25px 0 0 0; }

div#start-news-fairs h1 {
	font-size: 13px; line-height: 19px; color: #00497b; font-weight: bold; }

div#start-news-fairs div#start-news {
	margin: 10px 0 0 0; border-top: 5px double #cecfd5; }

div#start-news-fairs div#start-fairs {
	margin: 10px 0 0 0; border-top: 5px double #cecfd5; }

div#start-news-fairs p.all {
	text-align: right; font-size: 11px; }

div#start-news-fairs p.all a {
	text-decoration: none; }

div#start-news-fairs div div,
div#start-news-fairs .news-item,
div#start-news-fairs .messe-item {
	border-bottom: 1px solid #cecfd5; margin-top: 16px; padding-bottom: 7px; }

.news-title {
	display: block; margin-bottom: 3px; line-height: 1.2; }

div#start-news-fairs div.fair-list-item p a {
	text-decoration: none; }

div#start-news-fairs div#press {
	margin-top: 10px;  }

/*                                        */
/* sidenote layer     	                  */
/*                                        */

div#sidenotes div.teaser {
	margin: 0 0 20px 0; padding: 0 13px 0px; width: 226px; background: #f0f0f0; }

.home div.teaser.contact img {
	display: none; }

div#sidenotes img {
	border-bottom: 9px solid white; width: 252px; height: auto; margin: 0 -13px; }

div#sidenotes .teaser-contactinfo {
	min-height: 149px; }

div#sidenotes .teaser.contact {
	min-height: 274px; }

div#sidenotes div p {
	padding: 0 0 6px 0; color: #878787; font-size: 12px; line-height: 17px;}

div#sidenotes span.more {
	color: #00497b }

div#sidenotes div p a {
	color: #878787; }

div#sidenotes div p a[href^="mailto:"] {
	/*display: block; padding-top: 6px;*/ line-height: 26px; }

div#sidenotes div.teaser p span.checkbox {
	display: block; width: 25px; float: left; }

div#sidenotes div.teaser p span {
	font-size: 12px; }

div#sidenotes div h3 {
	padding: 0; color: #00497b; font-size: 14px; font-weight: normal; line-height: 20px; }

div#sidenotes div h4 {
	padding: 11px 0 5px; color: #878787; font-size: 12px; line-height: 16px; font-weight: normal; }

div#sidenotes div h4.start {
	color: #878787; }

div#sidenotes div h4.company {
	color: #878787; margin-bottom: 0; padding-bottom: 0; text-align: right; }

div#sidenotes div p.company-subtitle {
	color: #9d9d9d; font-size: 11px; line-height: 1.1; padding-top: 0; text-align: right; }

div#sidenotes div .right {
	text-align: right; }

div#sidenotes .catalogue-headline {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: .4em; }

div#sidenotes .catalogue-list {
	margin-bottom: .6em; }

div#sidenotes .catalogue-item {
	padding-bottom: 0;
	border-bottom: thin solid #e6e6e6 }

div#sidenotes .catalogue-item:last-child {
	border-bottom: none; }

div#sidenotes .catalogue-link {
	display: block;
	padding-top: .65em;
	padding-bottom: .6em;
	padding-left: 25px;
	background: url(../../images/icon_pdf.gif) no-repeat 1px 0;
	background-position: 0 38%;
	min-height: 20px; }

div#sidenotes .catalogue-link:hover {
	color: #00497b; }

div#sidenotes div .person {
	padding: 7px 0 0; color: #878787; font-weight: bold; }

div#sidenotes div .teaser-contact-phonemail {
	margin-bottom: 10px; }

div#sidenotes .teaser-contactform-link {
	float: right; }

div#sidenotes div span.icon {
	display: block; padding-left: 18px; background-repeat: no-repeat; background-position: 0px 3px; }

div#sidenotes div span.icon-catalogues {
	background-image: url(../images/icon_catalogues.gif); }

div#sidenotes div span.icon-document {
	background-image: url(../images/icon_document.gif); }

div#sidenotes div span.icon-contact {
	background-image: url(../images/icon_contact.gif); }

div#sidenotes div span.icon-request {
	background-image: url(../images/icon_request.gif); }


/*                                        */
/* mediathek	     	                  */
/*                                        */

div#mediathek {
	}

div#mediathek div#media-content {
	margin: 0 0 40px 0; }

div#mediathek div#media-content div.content {
	float: left; }

div#mediathek div#media-content div.description {
	margin: 0 0 0 25px; width: 225px; }

div#mediathek div#media-content div.description h2 {
	margin-top: 0px; }

div#mediathek div#media-content div.description a {
	font-weight: bold; }

div#mediathek div#media-content div.description p.more-info {
	margin-top: 60px; }

div#mediathek div#media-thumbs {
	overflow: hidden; position: relative; height: 150px; width: 690px; }

div#mediathek div#media-thumbs div.scroll-content {
	position: absolute; float: left; }

* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */

div#mediathek div#media-thumbs div.media-th-item {
	width: 126px; float: left; margin: 0 0 0 20px; display: block; }

div#mediathek div#media-thumbs div.media-th-item p {
	height: 46px; }

div#mediathek div#media-thumbs div.first {
	margin-left: 0px; }

div#mediathek div#media-navi {
	background-image: url(../images/mediathek_scrollbar_bg.gif); background-repeat: no-repeat; }

div#mediathek .scroll-pane {
	overflow: auto; width: 100%; float: left; }

div#mediathek .scroll-bar-wrap {
	clear: left; padding: 0 13px 0 13px; margin: 0 -1px -1px -1px; }

div#mediathek .scroll-bar-wrap .ui-slider {
	background: none; border: 0; height: 2em; margin: 0 auto;  }

div#mediathek .scroll-bar-wrap .ui-handle-helper-parent {
	position: relative; width: 100%; height: 100%; margin: 0 auto; }

div#mediathek .scroll-bar-wrap .ui-slider-handle {
	top: 4px;background-color: #CCC; height: 8px; position: relative; display: block;  }

div#mediathek .scroll-bar-wrap .ui-state-active {
	background-color: #C2C3CA; }

div#mediathek .scroll-bar-wrap .ui-slider-handle .ui-icon {
	margin: -8px auto 0; position: relative; top: 50%; }


/*                                        */
/* Accordion	     	                  */
/*                                        */

/* no accordion just long tables with data!

div#accordion {
	 border-bottom: 1px solid #CECFD5;}

div#accordion div {
	display: none; padding: 0 0 12px 17px;  }

div#accordion h3 {
	color: #4C4C4C !important; border-top: 1px solid #CECFD5; margin: 0px; padding: 12px 0 12px 17px; cursor: pointer; background-image: url(../images/accordion_link.gif); background-repeat: no-repeat; background-position: left center; }

div#accordion h3 a {
	text-decoration: none; }

div#accordion h3.active {
	background-image: url(../images/accordion_link_active.gif); border-bottom: none; }
*/

/*                                        */
/* Tables replacing the Accordion         */
/*                                        */

#accordion {
	 border-bottom: 1px solid #CECFD5;}

	#accordion h3 {
		background: #9d9d9d; color: white!important; margin: 9px 0 0px!important; line-height: 1!important; padding: 4px 4px 3px; text-transform: uppercase; letter-spacing: 1px; }

		#accordion h3 > a {
			color: white!important; text-decoration: none; line-height: 1; display: block; cursor: text; pointer-events: none; }

	#accordion table,
	#accordion table.data {
		width: 451px!important; margin: 0; }

		#accordion table {
			margin: 0 !important; }

		#accordion table tr,
		#accordion table tr.Ttext {
			padding-top: 30px; }

		#accordion table td {
			vertical-align: top; background: #f0f0f0; line-height: 1; padding: 3px 6px; margin-left: 3px; border: 3px solid white; border-width: 3px 0 0 3px; }

		#accordion table tr:nth-child(2n) td {
			background: #e2e2e2; }

	/* blue border left */
	#accordion h3 {
		position: relative; margin-left: 12px!important; }

	#accordion h3:before {
		content: " "; display: block; position: absolute; top: 0; left: -12px; background: #00497b; color: #00497b; width: 9px; height: 100%; }

	#accordion table {
		margin-left: 9px !important; position: relative; }
	#accordion table tr {
		position: relative; }
	#accordion table td:first-child {
		position: relative; }
	#accordion table td:first-child:before {
		content: " "; display: block; position: absolute; top: 0; left: -12px; background: #9d9d9d; color: #9d9d9d; width: 9px; height: 100%; }
	@-moz-document url-prefix() {
		#accordion table td:first-child:before {
			display: none;
		}
	}


/*                                        */
/* Tables replacing the Accordion         */
/*                                        */

.accordion {
	 border-bottom: 1px solid #CECFD5;}

	.accordion h3 {
		background: #9d9d9d; color: white!important; margin: 9px 0 0px!important; line-height: 1!important; padding: 4px 4px 3px; text-transform: uppercase; letter-spacing: 1px; }

		.accordion h3 > a {
			color: white!important; text-decoration: none; line-height: 1; display: block; cursor: text; pointer-events: none; }

	.accordion table,
	.accordion table.data {
		width: 451px!important; margin: 0; }

		.accordion table {
			margin: 0 !important; }

		.accordion table tr,
		.accordion table tr.Ttext {
			padding-top: 30px; }

		.accordion table td {
			vertical-align: top; background: #f0f0f0; line-height: 1; padding: 3px 6px; margin-left: 3px; border: 3px solid white; border-width: 3px 0 0 3px; }

		.accordion table tr:nth-child(2n) td {
			background: #e2e2e2; }

	/* blue border left */
	.accordion h3 {
		position: relative; margin-left: 12px!important; }

	.accordion h3:before {
		content: " "; display: block; position: absolute; top: 0; left: -12px; background: #00497b; color: #00497b; width: 9px; height: 100%; }

	.accordion table {
		margin-left: 9px !important; position: relative; }
	.accordion table tr {
		position: relative; }
	.accordion table td:first-child {
		position: relative; }
	.accordion table td:first-child:before {
		content: " "; display: block; position: absolute; top: 0; left: -12px; background: #9d9d9d; color: #9d9d9d; width: 9px; height: 100%; }
	@-moz-document url-prefix() {
		.accordion table td:first-child:before {
			display: none;
		}
	}

/*                                        	*/
/* Maps	     	                  			*/
/*                                      	*/

div#locationview {
	position: absolute; display: block; width: 400px; background-color: #ffffff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

div#locationview h1 {
	color: #00497b; font-size: 18px; font-weight: normal; margin: 25px 0 10px 0px; }

div#locationview p {
	color: #4c4f52; font-size: 13px; line-height: 19px; margin: 5px 0 5px 0px; }

div#locationview table {
	margin: 5px 0 5px 0px; }




.tooltip {
	display: none;
	background: transparent url(../images/tooltip_white_bg.png);
	background-repeat: no-repeat;
	font-size: 13px;
	height: 54px;
	width: 104px;
	padding: 8px;
	padding-top: 20px;
}

/*                                        		*/
/* Kontaktformular, Katalog Liste, Bestellung	*/
/*                                      		*/

div#text form span.title {
	float: left; display: block; padding: 3px 5px 3px 0px; width: 130px; }

div#text form p.error {
	color: #660033; }

div#text form p {
	clear: both; margin-bottom: 8px; }

div#text form input.Stextbox {
	padding: 0px 5px 0px 5px; font-size: 12px; border: 1px solid #AAAAAA; width: 200px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; height: 22px; }

div#text form input.error {
	border: 1px solid #660033; }

div#text form input.send {
	padding: 4px 5px 4px 5px; width: 100px; color: #FFF; font-size: 12px; background-color: #00497b; border: 1px solid #00497b; }


div#text div.cataloguelist input {
	width: 15px; padding: 0px; }

div#text div.cataloguelist p {
	margin: 10px 0 0 0; }




/* XARC stemmann.de | Vorschalte-Galerie-Slideshow | Namespace: "vorschalte" */

/*  XARC - Headerhöhe verkleinern */
body.vorschalte #header,
body.vorschalte #headup {
	height: 80px!important;
}

/*  XARC - Sloganfarbe setzen */
#headdown_vorschalte {
	color: #00497b;
}

/*  XARC - headergallery auf Slideshow-Bilder ändern */
#headergallery.vorschalte {
	height: 572px!important;
	width: 960px!important;
	left: -10px;
	position: relative;
	margin-top: 40px;
	display: inline-block;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	padding-top: 0!important;
	overflow: hidden;
}

/*  XARC - eigenes Sprachauswahlmenü */
#vorschalte_navi-lang {
	width: 960px;
	height: 18px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	text-align: center;
	display: inline-block;
	font-size: .9em;
}
.vorschalte_navi-lang_item {
	display: inline-block; *display: inline; zoom: 1;
}
/*  XARC - Trennzeichen neben deutschen Menüpunkt setzen */
#vorschalte_navi-lang-de {
	border-right: 1px solid #787878;
	margin-right: 12px;
	margin-left: -12px;
	padding-right: 16px;
}
/*  XARC - Definition der Linkfarben des Sprachauswahlmenüs */
.vorschalte_navi-lang_item a:link,
.vorschalte_navi-lang_item a:visited {
	text-decoration: none;
	color: gray;
}
.vorschalte_navi-lang_item a:hover {
	color: #00497b;
}
.vorschalte_navi-lang_item a:active {
	color: black;
}

/*  XARC - Rallyestreifen-Stand an Seite anpassen */
.vorschalte .rallye-stripes {
	margin: 0 auto !important;
}

/*  XARC - eigenes Impressumsmenü */
#vorschalte_menu_imprint {
	width: 960px;
	height: 20px;
	margin: 6px auto;
	text-align: left;
	font-size: .7em;
}

/*  XARC - Definition der Linkfarben des Impressummenüs */
#vorschalte_menu_imprint a:link,
#vorschalte_menu_imprint a:visited  {
	color: silver;
}
#vorschalte_menu_imprint a:hover {
	color: #00497b;
}
#vorschalte_menu_imprint a:active {
	color: black;
}

/*
 * intext form
 */

div#contact-form.fastform p.inline {
    display: inline-block; padding: 2px 0 2px 2px; height: 25px; margin-bottom: 10px; background-color:#CECFD5;
}
div#contact-form.fastform p.inline span {
    padding-left: 10px;
}
div#contact-form.fastform p.inline.first {
    width: 39.5%;
}
div#contact-form.fastform p.inline.first input {
    width: 20%; margin-right: 5px;
}
div#contact-form.fastform p.inline.second {
    width: 56.5%;
}
div#contact-form.fastform p.inline.second span {
    width: 170px;
}
div#contact-form.fastform p.inline.second input {
    width: 20%; margin-left: 200px;
}

div#contact-form.fastform p.entries-float {
    display: block; height: 25px; margin-bottom: 10px;
}

div#contact-form.fastform p.entries-float select, div#contact-form.fastform p.entries-float input {
    float: left; width: 32%; margin-left: 0px; margin-right: 5px;
}

div#contact-form.fastform p.entries-float select {
    background-color: #CECFD5;
}

div#contact-form.fastform p.entries-float input.text {
    background-color: #CECFD5;
}

div#contact-form.fastform p.entries-float input.text.doublewidth {
    width: 65%;
}
.fastform textarea {
    background-color: #CECFD5; width: 98% !important; margin-top: 0 !important;
}

.fastform_images p {
    margin: 0px !important;
}

.fastform_image {
    display: block;
    height: 135px;
    float: left;
    margin: 4px;
    width: 690px;
    background-repeat: no-repeat;
}

.fastform_image--half {
    width: 350px;
}

.fastform_image--half.second {
    width: 338px;
}

.fastform_image.border {
    margin: 0px;
    border: 4px solid #ff0000;
}

.fastform_images .preheadline {
    float: left; background-color: #000000; width: 9px; display: inline-block; margin: 5px 3px 0 2px; height: 23px;
}

.fastform_images.headline {
    background-color: #aaaaaa; display: inline-block; width: 670px; padding: 2px 0 2px 10px; margin-top: 5px; color: #ffffff; font-weight: bold; text-transform: uppercase;
}

/* Navigation links Abstand*/
.ladestrom_systeme, .charging_systems {
    margin-top: 2em;
}