html
	{
    	/* Scrollbars f�r FF immer anzeigen */
    	overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}

	body 
	{
		margin:0;
	}
	.topHeader
	{
		width: 785px;
		text-align: left;
		display: block;
		clear: both;
		font-size: 10px;
		font-family: arial, helvetica, sans-serif;
		/*color: #717171;*/
		color: #949494;
		margin: 6px 0 2px 0;
		margin: expression("6px 0 0px 0");
	}
	hr.clearfix,
	div.clearfix
	{
		clear: both;
		display: block;
		font-size: 0px;
		height: 0px;
		background: transparent;
		color: transparent;
		border:none;
		line-height: 0px;
	}
	li,
	strong 
	{
		color:#696969;
	}
	.textarea.form 
	{
		font-size:11px;
	}
	.news_titel 
	{
		font-weight:bold;
	}
	.faq_titel 
	{
		font-weight:bold;
		color:#617D9C;
	}
	a:hover 
	{
		text-decoration:none;
		color:#617D9C;
	}
	.footer:hover 
	{
		font-size:10px;
		text-decoration:underline;
		color:#666666;
	}
	.footer:active 
	{
		font-size:10px;
		text-decoration:none;
		color:#666666;
	}
	.navi-alt-div 
	{
		float:left;
		width:100px;
		text-align:center;
		text-decoration:none;
	}
	span,
	td,
	p {
		font-family:verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.form,
	.button 
	{
		font-size:10px;
		color:#000000;
	}
	a:link,a:visited,a:active 
	{
		text-decoration:underline;
		color:#617D9C;
	}
	a.downloadcenter:link,
	a.downloadcenter:visited,
	a.downloadcenter:hover,
	a.downloadcenter:active 
	{
		color:#617D9C;
		text-decoration:none;
	}
	#navigation-page
	{
		display: inline;
		float: right;
		margin:0 3px 0 0;
	}
	#navigation-page a
	{
		text-transform: uppercase;
		text-decoration: none;
		padding: 0px 5px 0px 10px;
		background-image:url(../pics/layout/2009/wagner_group_com/bg_navigation-page.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		color: #949494;
		letter-spacing: -0.05em;
	}
	
	div.sprachwahl
	{
		position: relative;
		display: inline;
		float:right;
		color: #949494;
		background-image:url(../pics/layout/2009/wagner_group_com/bg_navigation-page.gif);
		background-position:0 2px;
		background-repeat:no-repeat;
		margin:0 0 0 30px;
		z-index: 100;
	}
	
	
	.footer:link,
	.footer:visited 
	{
		font-size:10px;
		text-decoration:none;
		color:#666666;
	}

	/*	Spezialbereiche	*/
	
	div#fehler 
	{
		color: red;
		background-color: #efefef;
		font-size: 11px;
		padding: 3px;
		width: 350px;
	}
	div#meldung 
	{
		color: black;
		background-color: #efefef;
		font-size: 11px;
		padding: 3px;
		width: 350px;
	}
	h2.abschnitt 
	{
		background-color: #efefef;
		font-size: 11px;
		width: 350px;
		padding: 3px;
		margin: 15px 0 5px 0;
	}
	div.abschnitt 
	{
		width: 350px;
	}
	div.umfrage-frage 
	{
		background-color: #f0f0f0;
		font-size: 10px;
		font-weight: bold;
		width: 100%;
		padding: 3px;
		border-bottom: solid 1px white;
	}
	div.umfrage-antwort 
	{
		background-color: #f0f0f0;
		font-size: 10px;
		width: 100%;
		padding: 3px;
		border-bottom: solid 1px white;
	}
	td.umfrage-antwort 
	{
		background-color: #f0f0f0;
	}
	div.umfrage-abschicken 
	{
		background-color: #efefef;
		width: 350px;
		text-align: right;
		padding: 3px;
		margin: 5px 0 0 0;
	}
	div.sitemap-bereich 
	{
		width: 170px;
		float: left;
		padding: 0 10px 0 0;
	}
	div.sitemap-punkt 
	{
		background-color: #efefef;
		width: 160px;
		margin: 1px;
		padding: 5px 5px 10px 5px;
	}
	div.sitemap-ebene-2 
	{
		margin: 0 0 0 6px;
	}
	div.sitemap-ebene-3 
	{
		margin: 0 0 0 12px;
	}
	div.sitemap-ebene-4 
	{
		margin: 0 0 0 24px;
	}
	div.sitemap-trenner 
	{
		height: 10px;
		line-height: 10px;
	}
	a.sitemap-ebene-1:link, 
	a.sitemap-ebene-1:visited, 
	a.sitemap-ebene-1:hover, 
	a.sitemap-ebene-1:active 
	{
		font-weight: bold;
		color: black;
	}
	a.sitemap-ebene-2:link, 
	a.sitemap-ebene-2:visited, 
	a.sitemap-ebene-2:hover, 
	a.sitemap-ebene-2:active 
	{
		color: black;
	}
	a.sitemap-ebene-3:link, 
	a.sitemap-ebene-3:visited, 
	a.sitemap-ebene-3:hover, 
	a.sitemap-ebene-3:active 
	{
		color: black;
	}
	a.sitemap-ebene-4:link, 
	a.sitemap-ebene-4:visited, 
	a.sitemap-ebene-4:hover, 
	a.sitemap-ebene-4:active 
	{
		color: black;
	}
	td.produkt_beschreibung 
	{
		color: #696969;
	}
	td.produkt-uebersicht-teaser 
	{
		color: #696969;
		background: #F4DCAE;
		width: 205px;
		padding: 7px;
		vertical-align: bottom;
	}
	td.pfad, 
	div.downloadcenter 
	{
		color: #696969;
	}
	
	td.downloadcenter-ordner, 
	td.downloadcenter-datei 
	{
		color: #555555;
	}
	.markierung
	{
		background-color:#FFFFAA;
	}
	div#copyright_au
	{
		z-index:1;
		position:absolute;
		visibility:show;
		float:right;
		width:260px;
		margin-left:-80px;
		margin-top:-6px;
		vertical-align: middle;
	}
	#sprachumschaltung 
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	#sprachumschaltung select 
	{
		border: 1px solid rgb(177,180,183) !important;
		border: none;
		width: 120px;
		font-size: 8pt !important;
		font-size: 8pt;
		color: #8a8a8a;
	}
	.related-links h2 
	{
		font-family: verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 8pt;
	}


/***********************************
* Lightbox-Related-Links-Kasten 
************************************/
	.tbl-lightbox-related-links 
	{
		width: 100%;
		height: 100%;
		border: 0px solid;
	}
	.tbl-lightbox-related-links .cell-left, 
	.tbl-lightbox-related-links .cell-right 
	{
		width: 46px;
		background-color: rgb(255, 255, 255);
	}
	.tbl-lightbox-related-links .cell-middle 
	{
	}
	.tbl-lightbox-related-links .cell-middle h2 
	{
		font-family: verdana, Arial, Helvetica, sans-serif;
		color: rgb(0, 0, 0);
		font-size: 18px;
	}.tbl-lightbox-related-links .cell-middle .linktitel 
	{
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	.tbl-lightbox-related-links .cell-middle a 
	{
		text-decoration: none;
	}
	.tbl-lightbox-related-links .cell-middle img 
	{
		border: 1px solid rgb(0, 0, 0);
	}
	.lightbox-related-links-nav-left, .lightbox-related-links-nav-right 
	{
		display: block;
		line-height: 100%;
		height: 100%;
		width: 100%;
	}
	.lightbox-related-links-nav-left 
	{
		background: url(../pics/layout/lightbox/lightbox_pfeil_zurueck.jpg) no-repeat center;
	}
	.lightbox-related-links-nav-left:hover 
	{
		background: url(../pics/layout/lightbox/lightbox_pfeil_zurueck_hover.jpg) no-repeat center;
	}
	.lightbox-related-links-nav-right 
	{
		background: url(../pics/layout/lightbox/lightbox_pfeil_vor.jpg) no-repeat center;
	}
	.lightbox-related-links-nav-right:hover 
	{
		background: url(../pics/layout/lightbox/lightbox_pfeil_vor_hover.jpg) no-repeat center;
	}

/*	------------------------------------------------------------------
	STORELOCATOR: START
	--------------------------------------------------------------- */

	div#storelocator
	{
		width:202px;
		height: auto !important;
		min-height:68px;
		height:68px;
		background-color: #F1F3F5;
		border:1px solid #DBE1E5;
		margin-bottom:2px;
	}
	div#storelocator_beschreibung
	{
		padding:13px 13px 0px 13px;
	}
	div#storelocator_innen
	{
		padding:13px 13px 0px 13px;
		width:174px;
		height: auto !important;
		min-height:44px;
		height:44px;
	}
	div#storelocator_header
	{
		width:174px;
		height: auto !important;
		min-height:19px;
		height:19px;
		line-height:19px;
		font-size:10;
		font-weight:bold;
		color:#FFFFFF;
	}
	div#storelocator_header b 
	{
		font-size:10;
		font-weight:bold;
		color:#424A5A;
		margin-left:22px;
	}
	
	div#storelocator_formular 
	{
		width:174px;
		height:19px;
		line-height:19px;
		margin-top:2px;
	}
	
	div#storelocator_formular b 
	{
		font-size:11;
		font-weight:bold;
		color:#424A5A;
	}
	
	.storelocator_blue 
	{
		background-color: #8CB5D6;
		background-image:url("../pics/layout/contractor/storelocator_header_blue.gif");
		background-repeat:no-repeat;
	}
	
	.storelocator_green 
	{
		background-color: #7BA100;
		background-image:url("../pics/layout/contractor/storelocator_header_green.gif");
		background-repeat:no-repeat;
	}
	
	.storelocator_yellow 
	{
		background-color: #FFD800;
		background-image:url("../pics/layout/contractor/storelocator_header_yellow.gif");
		background-repeat:no-repeat;
	}
		
	div#storelocator_liste_zeile
	{
		width:350px;
		margin-bottom:4px;
		background-image:url("../pics/pin_kaestchen.gif");
		background-repeat:no-repeat;
		background-color:#DBE1E5;
	}
	
	div#storelocator_filiale 
	{
		padding: 0 20px 0 22px;
		line-height:19px;
	}
	
	div#storelocator_strasse 
	{
		padding: 5px 5px 5px 22px;
		background-color:#F1F3F5;
	}
/*	------------------------------------------------------------------
	NIEDERLASSUNGEN: START
	--------------------------------------------------------------- */
	
	div.nl-px-line
	{
		height: 1px;
		width: 99%;
		font-size: 1px;
		background-image: url(../pics/layout/headline_dot_px.gif);
		margin: 5px 0 5px 0;
		display: block;
	}
	a.nl-land-liste
	{
		width: 162px;
		background-image: url(../pics/layout/doppelpfeil.gif);
		background-repeat: no-repeat;
		background-position: 3px 50%;
		text-decoration: none;
		font-weight: bold;
		color: #3e4756;
		padding: 3px 10px 3px 20px;
		font-size: 10px;
		display: block;
		float: left;
		text-transform: uppercase;
	}
	.nl-button
	{
		background-color: white;
		border: none;
		font-size: 11px;
		margin: 4px 0 4px 0;
		padding: 0 0 0 20px;
		background-image: url(../pics/layout/doppelpfeil_dunkel.gif);
		background-repeat: no-repeat;
		background-position: 3px 50%;
	}
	div.nl-adresse
	{
		width: 173px;
		margin: 10px 20px 10px 0;
		color: #646464;
		font-size: 11px;
		float: left;
	}
	h3.nl-land
	{
		color: #6c76b3;
		font-size: 10px;
		font-weight: bold;
		margin: 0 0 2px 0;
	}
	h4.nl-titel
	{
		color: #646464;
		font-size: 10px;
		font-weight: bold;
		margin: 1px 0 2px 0;
	}
	h4.nl-titel img
	{
		margin: 0 2px 0 0;
	}
	form.nl-form
	{
		margin: 4px 0 20px 0;
	}
	div.nl-kontinente
	{
		margin: 20px 0 20px 0;
	}
	div.nl-kontinente a
	{
		width: 160px;
		display: block;
		margin: 2px 0 2px 0;
		padding: 1px 0 1px 20px;
		background-image: url(../pics/layout/doppelpfeil_dunkel.gif);
		background-repeat: no-repeat;
		background-position: 3px 50%;
		color: #3e4852;
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
	}
	div.nl-kontinente a:hover,
	div.nl-kontinente a.aktiv
	{
		background-color: #dce0e3;
		
	}
	
/*	------------------------------------------------------------------
	NIEDERLASSUNGEN: END
	--------------------------------------------------------------- */
	
	
	.content
	{
		background: url(../pics/layout/2009/wagner_group_de/bg_page.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		padding: 0 0 25px 0;
	}
	.header
	{
		background: url(../pics/layout/2009/wagner_group_de/bg_head.gif);
		background-position: top center;
		background-repeat: no-repeat;
		padding: 10px 0 0 0;
		display: block;
		clear: both;
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Suche
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.suche
	{
		float: right;
		margin: 28px 20px 0 0;
	}
	.search-form-head
	{
		background-image:url(../pics/layout/2009/wagner_group_com/bg_search_top.gif);
		background-repeat: no-repeat;
		padding: 5px 0 5px 5px;
		width: 130px;
		clear: right;
		margin: 10px 0 0 0;
	}
	.search-field-head
	{
		display: inline;
		float: left;
		border:0;
		border-spacing: 0;
		margin: 1px 0 0 0;
		padding:0;
		background: transparent;
		/*text-transform: uppercase;*/
		color: rgb(143,143,143);
		font-size: 10px;
		width: 100px;
		width: expression("92px");
	}
	.search-submit-head
	{
		display: inline; 
		margin: -5px 0 0 0;
		border: none;
	}
	.search-form
	{
		background-image:url(../../../pics/layout/2009/wagner_group_com/bg_search.gif);
		background-repeat: no-repeat;
		padding: 5px 0 5px 5px;
		width: 200px;
		min-width:200px;
		max-width:200px;
		clear: right;
		margin: 0 0 0 0;
	}
	.search-field
	{
		display: inline;
		float: left;
		border:0;
		border-spacing: 0;
		margin: 1px 0 0 0;
		padding:0;
		background: transparent;
		text-transform: uppercase;
		color: rgb(143,143,143);
		font-size: 0.9em;
		width: 170px;
	}
	.search-submit
	{
		display: inline; 
		margin: -5px 0 0 0;
		border: none;
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~
	"Dropdown" boxes 
	~~~~~~~~~~~~~~~~~~~~~~ */
	a.dropdownheader 
	{
		width: 150px !important;
		width: 181px; /* Für IE6 */
		padding: 0 10px 0 20px;
		text-transform: uppercase;
		background-image:url(../pics/layout/2009/wagner_group_de/arrow_down.gif);
		background-repeat: no-repeat;
		background-position: 4px 4px;
		border: solid 1px #dedede;
		display: block;
		margin: 0 0 0 20px;
		color: #949494;
		text-decoration: none;
		text-align: right;
		letter-spacing: -0.05em;
		z-index: 100;
	}
	div.dropdown 
	{
		margin: 5px 0 0 -15px;
		position: absolute;
		width: auto !important;
		width: 90px;
		min-width: 90px;
		display: none;
		background: rgb(255,255,255);
		border: 1px solid rgb(198,182,27);
		padding: 3px;
		z-index: 100;
		color: #949494;
		float: left;
	}
	#dp_countries
	{
		float: left;
		z-index: 100;
		position: absolute;
	}
	div.dropdown a
	{
		margin: 5px 0 5px 0;
		display: block;
		color: #949494;
		font-weight: bold;
	}
	
	.logo
	{
		float: left;
		margin: 0 0 0 32px;
	}
	
	.sprache:link,
	.sprache:visited,
	.sprache:hover,
	.sprache:active 
	{
		text-decoration:none;
		color:#838C8B;
		font-weight:bold;
	}
	
	
	
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Sprachumschatlung 2010
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#sprachumschaltung-2010 {
		border: solid 1px #dedede;
		display: none;
		position: absolute;
		z-index: 100;		
		padding: 0;
		/*padding: 15px 15px 0px 15px;*/
		background: #ffffff;
		width: 381px !important;		
		margin-top: 4px;
		margin-left: -179px;
	}
		
	#sprachumschaltung-2010 .left {
		float: left;  
		width: 160px !important;
		width: 177px; /* Für IE6 */
		padding: 0 15px 0 0;
		margin: 15px 0 15px 15px;  
	}
		
	#sprachumschaltung-2010 .right {
		float: right; 
		width: 160px !important; 
		width: 170px; /* Für IE6 */		
		padding: 0 0 0 15px; 
		border-left: solid 1px #dedede;
		margin: 15px 15px 15px 0;
	}
	
		#sprachumschaltung-2010 .right .kontinent {
			padding: 0;
		}
	
	#sprachumschaltung-2010 #europe_international_line {
		padding-bottom: 2px;
		border-bottom: solid 1px #dedede;
	}
	
	/* Ueberschreibt die Breite von #sprachumschaltung-2010 fuer jeden Browser ausser IE6 */ 
	html > body #sprachumschaltung-2010 {
		 width: 361px;
	}	
	
	#sprachumschaltung-2010 .kontinent {	
		margin: 0;
		padding: 0 0 7px 0;		
	}
	
	#sprachumschaltung-2010 .kontinent .name {
		background-color: #dce0e3;
		color: #3e4852;
		font-weight: bold;
		height: 16px;
		margin: 0;
		padding: 0;
		width: 100%
	}

	#sprachumschaltung-2010 .kontinent .name span.image {
		vertical-align: top;
		padding: 0 5px 0 4px;
	}
	
	#sprachumschaltung-2010 .kontinent .name span.image im g{
		margin-top: 4px;
	}
	
	#sprachumschaltung-2010 .kontinent .laender {
		white-space: nowrap;
	}
	
	#sprachumschaltung-2010 .kontinent div.land {
		font-size: 11px;
		font-weight: bold;
		margin: 4px 0 0 0;
		clear: both;
	}
	#sprachumschaltung-2010 .kontinent a:hover {
		background-color: #dce0e3;
	}	
	
	#sprachumschaltung-2010 .kontinent .sprache {
		display: block;		
		margin: 2px 0;
		padding: 0 0 0 5px;	
		color: #5f5f5f;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
	}

	#sprachumschaltung-2010 .kontinent .aktiv {
		font-weight: bold;		
	}

		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SLIDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	/*
		root element for the scrollable.
		when scrolling occurs this element stays still.
	*/
	.scrollable {

		/* required settings */
		position:relative;
		overflow:hidden;
		width:325px;
		height:250px;

		/* custom decorations */
		/* border:1px solid #9E8A46; */
	}

	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollable .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}

	/* active item */
	.scrollable .active {
		border:2px solid #000;
		z-index:9999;
		position:relative;
	}

	/* this makes it possible to add next button beside scrollable */
	.scrollable {
		float:left;	
	}

	/* prev, next, prevPage and nextPage buttons */
	a.browse {
		background:url(../pics/layout/slider/hori_large.png) no-repeat;
		display:block;
		width:30px;
		height:30px;
		float:left;
		margin:40px 0 0 0;
		cursor:pointer;
		font-size:1px;
	}

	/* right */
	a.right 			{ background-position: 0 -30px; clear:right; margin-right: 5px;}
	a.right:hover 	{ background-position:-30px -30px; }
	a.right:active 	{ background-position:-60px -30px; } 


	/* left */
	a.left			{ margin-left: 5px; } 
	a.left:hover  	{ background-position:-30px 0; }
	a.left:active  	{ background-position:-60px 0; }

	/* up and down */
	a.up, a.down	{ 
		background:url(../pics/layout/slider/vert_large.png) no-repeat; 
		float: none;
		margin: 10px 50px;
	}

	/* up */
	a.up:hover  		{ background-position:-30px 0; }
	a.up:active  	{ background-position:-60px 0; }

	/* down */
	a.down 			{ background-position: 0 -30px; }
	a.down:hover  	{ background-position:-30px -30px; }
	a.down:active  	{ background-position:-60px -30px; } 


	/* disabled navigational button */
	a.disabled		 {
		visibility:hidden !important;		
	} 	

	div.scrollable div.items div.item {
		float:left; 
		width:150px;
		height: 230px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 5px;
		/* padding: 5px;*/ 
		/* background: #e0dac5; */
	} 

	div.scrollable div.items div.item h4 {
		margin: 5px 0 0 0;
		padding: 0 0 0 0;
		font-weight: bold;
		font-size: 13px;
	}

	div.scrollable div.items div.item img {
		
	}
	
	div.scrollable div.items div.item p {
		margin: 5px 0 0 0;
	}
	
	div.scrollable div.items div.item div.image-right {
		margin: 0 0 0 5px;
	}
	
	div.scrollable div.items div.item div.image-left {
		margin: 0 5px 0 0;
	}
	
	div.scrollable div.items div.item div.image-float-right {
		float: right;
		margin: 0 0 5px 5px;
	}
	
	div.scrollable div.items div.item div.image-float-left {
		float: left;
		margin: 0 5px 5px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SLIDER WIDE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	div#wide .scrollable {
		width:480px;
	}