/* =========================================================
Stylesheet f�r Spectron -erstellt durch NAVIGATE
Datei: style.css
Media: screen
Datum: 16. Juli 2007
Autor: Ulf Mayer
E-Mail: mayer@navigate.de

========================================================== */

/* ===============================
   = Allgemeine Definitionen
=============================== */

body {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: #fff url(/spectron_de/wLayout/design/img/bg-fade.gif) repeat-y;
	color: #000;
}

address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
ul,ol { list-style:none }
:link,:visited { text-decoration:none }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}
a img,:link img,:visited img { border:none }

.screenreader,
.hidden {
	display: none;
}

fieldset {
   border: none 0;
}

fieldset legend {
	display: none;
}

.clear {
	clear: both;
}

button {
	cursor: pointer;
}

input {
 	background: #fff url(/spectron_de/wLayout/design/img/fade-input.gif) repeat-x; 
	font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
  padding: 2px;
}

textarea {
	font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
	padding: 3px;  
}

/* ===============================
   = Container
=============================== */



/* Formatierung von HTML-Elementen */


body                 {}

table                {}
table td             {}

div                  {}
p                    {}

td                   {}
th                   {}

form                 {}

input                {}
select               {}
textarea             {}

span                 {}

a                    {color: #0019a8;}
a:hover              {}

ul      				     {}
ol      		   		   {}

hr                   {}
 
h1                   { font-size: 14px; color: #001697; margin: 10px 0 20px 0;}
h2                   { color: #001697; margin: 25px 0 25px 0;}
h4                   {}
h5                   {}
h6                   {}

.elementHeadline h1 { margin-top: 0; color: #001697; font-size: 14px; margin-bottom: 20px;}
.elementHeadline h2 { color: #001697; font-size: 12px; margin: 25px 0 25px 0;}
.elementHeadline h3 { color: #001697; margin: 0 0 20px 0;}

.productsingle .elementHeadline h2 { margin-top: 0; color: #001697; font-size: 14px; margin-bottom: 20px;}



/* Bl�cke */
#wBlockMain       	 	 {
width:995px;
position: relative;
font-size: .75em;
}

#wBlockTop        		 {
	background: #e5e5e5 url(/spectron_de/wLayout/design/img/bg-top.gif) repeat-x;
	height: 170px;
}

#wBlockLeft       	 	 {
	width:240px;
	/* width: 250px */
	float:left;
}

#wBlockContent {
	position: relative;
	/*width: 755px;*/
	margin-left: 240px;
}

#wBlockContent a:hover {text-decoration: underline;}

#wBlockContent ul {
	margin: .8em;
	list-style-image: url(/spectron_de/wLayout/design/img/list-point.gif);
}

#wBlockContent ul li {
	margin: 3px 0 3px 5px;
}

#wBlockContentInner {
	width:510px;
	float:left;
	padding: 207px 0 0 10px;
	position: relative;
}

div#wBlockContentInner div.elementStandard div.text {
	margin-right: 10px;
}

.elementKeyvisual {
	position: absolute;
	top: 0;
	left: 0;
}

#blockCurNavigation	 {display: none;}	/*Pfadnavigation*/
#wBlockRight      	 	 {
	width:224px;
	float:right;
	padding: 207px 0 0 11px;
}

#wBlockBottom     	 	 {
  clear: both;
  position: relative;
  margin-left: 240px;
  height: 110px;	
}

#wBlockBottom .elementLink {
	clear: both;
	z-index: 90;
	position: absolute;
	top: 0;
	left: 0;
  border-top: 1px solid #ccc;
  text-align: right;
  width: 500px;
  margin: 80px 0 0 10px;
  padding: 9px 0 20px 0;
}

body div#wBlockContentInner div.elementStandard {
	font-size: 12px!important;
	/*padding-right: 10px;*/
}

/* Allgemeine Elemente des oberen Bereiches */

#wBlockTop .elementLogo {position: absolute; top: 40px; left: 39px;}
#wBlockTop .elementLogo h1 {margin: 0;}
#wBlockTop .elementLogo a {outline: 0; display: block; width: 210px; height: 90px; background: url(/spectron_de/wLayout/design/img/logos/logo_screen.gif) no-repeat;}
#wBlockTop .elementLogo img {display: none;}

#wBlockTop .elementNavigation {position: absolute; top: 19px; left: 515px; font-size: .9em;}
#wBlockTop .elementNavigation ul {list-style: none; margin: 0; padding: 0;}
#wBlockTop .elementNavigation ul li {margin: 0; padding: 0; display: inline;}
#wBlockTop .elementNavigation ul li a {display: block; float: left; font-weight: bold; background: url(/spectron_de/wLayout/design/img/pipe.gif) no-repeat 0 3px; padding: 0 10px 0 11px;}

#wBlockTop .elementNavigation ul li a:hover {text-decoration: underline;}

#wBlockTop .elementSearch 						             {position: absolute; top: 15px; left: 799px; width: 180px;}
#wBlockTop .elementSearchInput			               {border: 1px solid #ccc; color: #999; width: 139px; padding: 2px 0 2px 4px; font-size: 11px; float: left;}
#wBlockTop .elementSearchButton			               {outline: 0; margin-left: 5px; float: left; border: 0; width: 20px; height: 20px; cursor: pointer; background: url(/spectron_de/wLayout/design/img/button-search.gif) no-repeat;}
#wBlockTop .elementSearchButtonOver		             {}



/* Allgemeine Elemente des linken Bereiches */

#wBlockLeft .elementNavigation     {position: absolute; left: 240px; top: 135px; width: 730px; font-size: 1.2em;}

#wBlockLeft .elementNavigation ul  {list-style: none; margin: 0; padding: 0; background: none;}
#wBlockLeft .elementNavigation ul li {margin: 0; padding: 0; display: inline; font-weight: bold;}
#wBlockLeft .elementNavigation ul li a.level1 {float: left; padding: 2px 8px 2px 8px; margin: 0 4px 0 0; background: none;}
#wBlockLeft .elementNavigation ul li.open a.level1,
#wBlockLeft .elementNavigation ul li.openselected a.level1,
#wBlockLeft .elementNavigation ul li a.level1:hover {background: #0019a8; color: #fff;}
#wBlockLeft .elementNavigation ul li ul { line-height: 17px; padding: 0; width: 244px; display: block; background: url(/spectron_de/wLayout/design/img/menu-bg.gif) left bottom repeat-y;}
#wBlockLeft .elementNavigation ul.level1 li.level1 div {position: absolute; top: 35px; left: -240px; width: 244px; padding-bottom: 5px; display: block; background: url(/spectron_de/wLayout/design/img/shadow-bottom.gif) left bottom no-repeat;}
#wBlockLeft .elementNavigation ul.level1 li div.level3 { padding: 0;}
#wBlockLeft .elementNavigation ul.level1 li div.level4 { padding: 0;}
#wBlockLeft .elementNavigation ul li ul li {display: block; position: relative; background: none; margin: 0; padding: 0;}
#wBlockLeft .elementNavigation ul li ul li a.level2 {float: none; font-size: .8em; width: 200px; padding: 12px 0 13px 40px; border-top: 1px solid #ccc; display: block; background: #fff;}
#wBlockLeft .elementNavigation ul li ul li.selected a.level2,
#wBlockLeft .elementNavigation ul li ul li a.level2:hover {background: #e5e5e5;}
#wBlockLeft .elementNavigation ul li ul li a.image {padding: 0; width: 240px; height: 39px; margin: 0; border-top: 1px solid #fff;}
#wBlockLeft .elementNavigation ul li ul li a.image img {border: 0; padding: 0; margin: 0;}
#wBlockLeft .elementNavigation ul li ul li.first a.image { border-top: 0;}
#wBlockLeft .elementNavigation ul li ul li ul { display: block; border-top: 1px solid #fff; padding: 3px 0 5px 0; width: 240px; background: none;}
#wBlockLeft .elementNavigation ul li ul li.level2 {width: 240px;}
#wBlockLeft .elementNavigation ul li ul li ul li ul {padding: 0; background: none;}
#wBlockLeft .elementNavigation ul li.level1 ul li.level2 div { position: relative; margin: 0; left: 0; top: 0; background: none;}
#wBlockLeft .elementNavigation ul li ul li a { display: block; width: 200px; font-size: .8em; padding: 4px 0 4px 40px;}
#wBlockLeft .elementNavigation ul li ul li ul li a {color: #fff; background: none;}
#wBlockLeft .elementNavigation ul li ul li ul li ul li a { background: none; display: block; padding: 3px 0 3px 50px; width: 190px; font-size: .75em;}
#wBlockLeft .elementNavigation ul li ul li ul li ul { border-top: 0;}

/* Spectron Speziell: Farben den Untermen�s zuweisen */

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item1 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrotec-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item2 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrocom-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item3 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrolab-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item4 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrocem-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item5 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectropur-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item6 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectromed-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item7 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrosys-bg.gif) repeat-y;
}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item8 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectromol-bg.gif) repeat-y;
}
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item9 ul.level3 {
	background: url(/spectron_de/wLayout/design/img/nav/spectrovip-bg.gif) repeat-y;
}
.absoluteToolTip.item1,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item1 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item1 ul.level3 li ul.level4 {background: #999;}

.absoluteToolTip.item2,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item2 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item2 ul.level3 li ul.level4 {background: #4f94a4;}

.absoluteToolTip.item3,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item3 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item3 ul.level3 li ul.level4 {background: #008080;}

.absoluteToolTip.item4,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item4 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item4 ul.level3 li ul.level4 {background: #0960a8;}

.absoluteToolTip.item5,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item5 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item5 ul.level3 li ul.level4 {background: #812d91;}

.absoluteToolTip.item6,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item6 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item6 ul.level3 li ul.level4 {background: #5bc0d1;}

.absoluteToolTip.item7,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item7 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item7 ul.level3 li ul.level4 {background: #99aed3;}

.absoluteToolTip.item8,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item8 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item8 ul.level3 li ul.level4 {background: #0e3192;}

.absoluteToolTip.item9,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item9 ul.level3 li a:hover,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item9 ul.level3 li ul.level4 {background: #ccc;}




#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item1 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item1 ul.level3 li ul.level4 li a:hover {background: #d6d6d6;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item2 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item2 ul.level3 li ul.level4 li a:hover {background: #b9d4db;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item3 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item3 ul.level3 li ul.level4 li a:hover {background: #66b3b3;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item4 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item4 ul.level3 li ul.level4 li a:hover {background: #9dbfdc;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item5 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item5 ul.level3 li ul.level4 li a:hover {background: #cdabd3;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item6 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item6 ul.level3 li ul.level4 li a:hover {background: #bde6ed;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item7 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item7 ul.level3 li ul.level4 li a:hover {background: #d6dfed;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item8 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item8 ul.level3 li ul.level4 li a:hover {background: #9fadd3;}

#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item9 ul.level3 li ul.level4 li a.selected,
#wBlockLeft .elementNavigation ul.level1 li ul.level2 li.item9 ul.level3 li ul.level4 li a:hover {background: #d6d6d6;}


/* Spectron Speziell Ende */


/* Icon Links */
.documentLink {
	margin: 4px 0 4px 0;
}

.documentLink a {
	font-weight: bold;
}

div.icon {
	width: 22px; 
	display: block;
	height: 16px;
	float: left;
}

.documentLink div.text {
	display: block;
	margin-left: 4px;
	padding-bottom: 1px;
}

span.size {
	font-size: .9em;
	text-transform: uppercase;
}


body #wBlockLeft .elementNavigation ul.level1 li ul.level2 li .tooltip {
	display: none;
	margin-bottom: -5px;
}

.absoluteToolTip {
	font-size: .9em;
	position: absolute;
	width: 180px;
	z-index: 200;
	color: #fff;
	padding: 6px 4px 6px 8px;
	font-weight: bold;
	top: 0;
	left: 0;
}

.elementText                            { padding-right: 10px; display: block;}
#wBlockLeft .elementText p                          {}

div.elementPicture p {
	font-style: italic;
	color: #777;
}


/* Allgemeine Elemente des Inhaltsbereiches */

#wBlockContent ul      				                     {}
#wBlockContent ol      		   		                   {}

#wBlockContent .elementSitemap ul      				     {}

#wBlockContent .elementHeadline                     {}


#wBlockContent .elementSubline                      {}
#wBlockContent .elementSubline h2                   {}

#wBlockContent .elementText                         {}
#wBlockContent .elementText h2, h3, h4, h5, h6      {}
#wBlockContent .elementText li                      {}

#wBlockContent  table 									             {}
#wBlockContent .elementText table 			             {}
#wBlockContent .elementText td 				             {}
#wBlockContent .elementText ul                      {}
#wBlockContent .elementText li                      {}
#wBlockContent .elementText li .textBold            {}
#wBlockContent .elementText li .text                {}

#wBlockContent .elementList                         {}

#wBlockContent .elementStandard                     {}
#wBlockContent .elementStandard p                   {}
#wBlockContent .elementStandard li                  {}

#wBlockContent .elementPicture                      {}
#wBlockContent .elementPicture img                  {border:none;}
#wBlockContent .elementPictureLeft			             {}
#wBlockContent .elementPictureLeft img              {}
#wBlockContent .elementPictureRight		             {}
#wBlockContent .elementPictureRight img             {}

#wBlockContent .elementLink                         {}
#wBlockContent .elementLink a                       {}

#wBlockContent .elementFormular                     {}
#wBlockContent .elementFormular .text               {}

#wBlockContent .elementSource                       {}
#wBlockContent .elementSourceEdit                   {}

#wBlockContent .elementTextInfo                     {}
#wBlockContent .elementTextWarning                  {}

#wBlockContent .fragmentFormHead                    {}
#wBlockContent .fragmentFormBody                    {}
#wBlockContent .fragmentFormBody .buttonSubmit       {}



/* Allgemeine Elemente des rechten Bereiches */

#wBlockRight .elementText                           {}
#wBlockRight .elementText p                         {}

#wBlockRight ul      				                       {}
#wBlockRight ol      		   		                     {}

#wBlockRightInner .elementPicture a {
	display:block;
	width:224px;
}

#wBlockRightInner .center{
	text-align:center;
}


/* Allgemeine Elemente des unteren Bereiches */

#wBlockBottom .elementBottom                        {}
#wBlockBottom .elementBottom p                      {}



/* Sonstige Elemente */
.editButton                                        {
position: absolute;
}

#wBlockTop #divNavEditbutton {	
	position: absolute;
	top: 20px;
}

div.elementNavigation #divNavEditbutton {	
	position: absolute;
	top: -23px;
}


/*
////////////////////////////////////////////////////////////////
//
// Styles fuer die Weblics
//
// Weblication� CMS Strukturdesign Version 4.7
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication� Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/




/*################ Formatierung von HTML-Elementen ################*/

.includeWeblic ul                          {}
.includeWeblic li                          {}

.includeWeblic form                        {}

.includeWeblic a.viewmode                  {}
.includeWeblic a.viewmode:hover            {}
.includeWeblic a.viewmode:focus            {}



/*################ Elemente ################*/

.includeWeblic .elementHeadline            {}
.includeWeblic .elementSheetHeadline       {}
.includeWeblic .elementLinkHeadline        {}
.includeWeblic .elementLetterHeadline      {}
.includeWeblic .elementListHeadline        {}


.elementText li img                        {}
.elementText table                         {}
.elementText table th                      {}
.elementText table td                      {}

.includeWeblic .elementLine                {}

.includeWeblic .elementTable               {}
.includeWeblic .elementTable img           {}
.includeWeblic .elementTable th            {}

.includeWeblic .elementTableDiv            {}

.includeWeblic .elementLink                {}
.includeWeblic .elementLink a              {}

.includeWeblic .elementList                {}
.includeWeblic .elementList strong         {}
.includeWeblic .elementList ul             {}
.includeWeblic .elementList li             {}
.includeWeblic .elementList dt             {}
.includeWeblic .elementList dt p           {}
.includeWeblic .elementList dd             {}

.includeWeblic .elementListStyle           {}
.includeWeblic .elementListStyle li        {}

.includeWeblic .elementSheet               {}

.includeWeblic .elementForm                {}
.includeWeblic .elementForm table          {}
.includeWeblic .elementForm input          {}
.includeWeblic .elementForm textarea       {}
.includeWeblic .elementForm .zip           {}
.includeWeblic .elementForm .city          {}

.includeWeblic .elementPictureLeft         {}
.includeWeblic .elementPictureRight        {}

.includeWeblic .elementFuncHeader          {}
.includeWeblic .elementFuncFooter          {}

.includeWeblic .elementLinkFooter          {}
.includeWeblic .elementLinkFooterEditGroup {}

.includeWeblic .elementFunctions           {}

.includeWeblic .elementFunctionsAdmin      {}

.includeWeblic .elementEditGroup           {}

.includeWeblic .elementEditbuttonPage      {}
.includeWeblic .elementEditbuttonNavi      {}

.includeWeblic .elementRightHeadline       {}/*Standard im rechten Bereich*/
.includeWeblic .elementRightStandard       {}/*Standard im rechten Bereich*/
.includeWeblic .elementRightInclude        {}/*Include im rechten Bereich*/

.includeWeblic .elementLeftStandard        {}/*Standard im linken Bereich*/
.includeWeblic .elementCurNavigation       {}/*Standard im linken Bereich*/
.includeWeblic .elementLeftNavigation      {}/*Standard im linken Bereich*/
.includeWeblic .elementLeftInclude         {}/*Include im linken Bereich*/

.includeWeblic .elementTopStandard         {}/*Standard im oberen Bereich*/
.includeWeblic .elementTopInclude          {}/*Include im oberen Bereich*/
.includeWeblic .elementTopNavigation       {}




/*################ Fragmente ################*/


.includeWeblic .fragmentInfo                           {}
.includeWeblic .fragmentWarning                        {}

.includeWeblic .fragmentDropDown                       {}

.includeWeblic .fragmentSheet                          {}

.includeWeblic .fragmentTableDivRow                    {}
.includeWeblic .fragmentTableDivRowNull                {}

.includeWeblic .fragmentFormMainHead                   {}
.includeWeblic .fragmentFormMainHead span              {}
.includeWeblic .fragmentFormMainBody                   {}
.includeWeblic .fragmentFormMainBody input             {}

.includeWeblic .fragmentSheetMainHead                  {}
.includeWeblic .fragmentSheetMainBody                  {}

.includeWeblic .fragmentEditGroupHead                  {}
.includeWeblic .fragmentEditGroupBody                  {}
.includeWeblic .fragmentEditGroupBody td               {}
.includeWeblic .fragmentEditGroupBody input            {}
.includeWeblic .fragmentEditGroupBody textarea         {}
.includeWeblic .fragmentEditGroupBody select           {}
.includeWeblic .fragmentEditGroupBody .date            {}
.includeWeblic .fragmentEditGroupBody .time            {}
.includeWeblic .fragmentEditGroupBody .year            {}
.includeWeblic .fragmentEditGroupBody .zip             {}
.includeWeblic .fragmentEditGroupBody .city            {}
.includeWeblic .fragmentEditGroupBody .formImage input {}
.includeWeblic .fragmentEditGroupBody .formLink input  {}
.includeWeblic .fragmentEditGroupBody ul               {}

.includeWeblic .fragmentFormHead                       {}
.includeWeblic .fragmentFormBody                       {}
.includeWeblic .fragmentFormBody td                    {}
.includeWeblic .fragmentFormBody input                 {}
.includeWeblic .fragmentFormBody textarea              {}
.includeWeblic .fragmentFormBody select                {}
.includeWeblic .fragmentFormBody .date                 {}
.includeWeblic .fragmentFormBody .time                 {}
.includeWeblic .fragmentFormBody .year                 {}
.includeWeblic .fragmentFormBody .zip                  {}
.includeWeblic .fragmentFormBody .city                 {}
.includeWeblic .fragmentFormBody .button               {}

/*################ Sonstige ################*/

.includeWeblic .textBoldWarning            {}

.includeWeblic .formCaption                {}
.includeWeblic .formValue                  {}
.includeWeblic .formValue a                {}

.includeWeblic .formButton                 {}
.includeWeblic .formButton a               {}
.includeWeblic .formButton a:hover         {}

.includeWeblic .formUpload                 {}
.includeWeblic .formUpload input           {}
.includeWeblic .formPrice                  {}
.includeWeblic .formPrice p                {}
.includeWeblic .formPrice input            {}

.includeWeblic .sheetCaption               {}
.includeWeblic .sheetValue                 {}

.includeWeblic .listCaption                {}
.includeWeblic .listValue                  {}
.includeWeblic .listValue dt               {}
.includeWeblic .listValue dd               {}

.includeWeblic .listValue h4               {}

.includeWeblic .listPictureLeft            {}

.includeWeblic .listButton                 {}

.includeWeblic .linkHeaderLeft             {}
.includeWeblic .linkHeaderRight            {}

.includeWeblic .linkHeaderRightButton      {}

.includeWeblic .linkFooterLeft             {}
.includeWeblic .linkFooterRight            {}


.includeWeblic .buttonDefault              {}
.includeWeblic a.buttonDefault             {}

.includeWeblic .buttonFunction             {}
.includeWeblic a.buttonFunction            {}

.includeWeblic .buttonSubmit                {}
.includeWeblic a.buttonSubmit               {}

.buttonSubmit                               {}

.elementLanguageSelector {
	position: absolute;
	top: 16px;
	left: 415px;
	font-weight: bold;
	font-size: .9em;
}

.elementLanguageSelector a {
	outline: 0;
}

.selector {
	padding: 1px;
	position: relative;
	width: 92px;
	padding: 3px 0 2px 4px;
}

.arrowDown {
	float: right;
	margin: -17px 0 0 0;
	height: 18px;
	width: 22px;
	outline: 0;
}

.arrowDown img {
	/*padding:6px 0 0 6px;*/
	padding: 8px 0 0 6px;
}

#dropdown {
	position: absolute;
	top: 24px;
	left: 0;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	width: 98px;
	padding: 3px 0 3px 4px;
}

	.elementLanguageSelector a img {
		margin: 0 7px -2px 0;
	}

.group {
	float: left;
	margin-top: 4px;
}

.elementLogin {
	font-size: .9em;
	position: absolute;
	top: 84px;
	right: 27px;
	color: #999;
}

.elementLogin * {
	float: left;
	margin-left: 5px;
}

body div div button.smallbutton {
	background: url(/spectron_de/wLayout/design/img/logout-button.gif) 0 0 no-repeat;
	border: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	margin: -1px;
	padding: 0;
	width: 70px;
	height: 26px; /* IE BUG */
}

body div div button.smallbutton span {
	display: none;
}

/* ===============================
   = Downloadbox
=============================== */

div.downloadbox {
	margin: 0 0 0 -10px;
}

div.downloadbox form fieldset {
	background: #e5e5e5;
	width: 160px;
	float: left;
	padding: 15px 0 15px 10px;
	font-size: 12px;
}

div.downloadbox form fieldset select {
	width: 100%;
}
div.downloadbox form fieldset.firstfield {
	background: #e5e5e5 url(/spectron_de/wLayout/design/img/bg-searchbox.gif) repeat-y;
}

div.downloadbox form fieldset.secondfield {
	padding-right: 10px;
}

div.downloadbox form fieldset.thirdfield {
	width: 170px;
	float: right;
	padding-left: 0;
}

div.downloadbox form fieldset.fourthfield select {
	border: 1px solid #7f9db9;
	width: 156px;
	padding: 4px 0 4px 0;
}

div.downloadbox form fieldset.fourthfield select option {
	padding: 0 0 0 6px;
}

div.downloadbox form fieldset.thirdfield input {color: #7f7f7f; padding: 2px 0 3px 4px; width: 154px;border: 1px solid #7f9db9;
	background: #fff;}
div.downloadbox form fieldset.thirdfield input:focus { color: #000; }

div.downloadbox form fieldset.fourthfield {
	float: right;
	padding-right: 10px;
	margin-top: -5px;
}

div.downloadbox form fieldset.fourthfield div {
	height: 166px;
	width: 156px;
}

div.downloadbox form fieldset.fourthfield div a {
	display: block;
	color: #000;
	background: #fff;
	padding: 1px 0 1px 8px;
}

div.downloadbox form fieldset.fourthfield div a:hover {
	background: #7f9db9;
	color: #fff;
}

div.newsStartbox {
	margin-bottom: 20px;
	width: 200px;
}

div.newsStartbox h2,
div.newsStartbox p {
	margin: 0;
	font-size: .9em;
}

div.newsStartbox h2 a {
	color: #000;
}

div.newsheadline h2 {
	margin-bottom: 0;
}

span.fragmentPictureFloatLeft {
	float: left;
	padding: 0 15px 3px 0;
}

span.fragmentPictureFloatRight {
	float: right;
	padding: 0 10px 3px 15px;
}

div.text {
	display: block;
}

div#produktDwnldContent {
	float: left;
	width: 320px;
	margin: -193px 0 0 10px;
	line-height: 16px;
}

div#produktDwnldContent h2 {
	color: #000;
	margin: 28px 0 15px 0;
	font-size: 12px;
}

div#produktDwnldContent a {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
}

div#produktDwnldContent .documentLink {
	margin: 0;
}

div#produktDwnldContent a span.size {
	font-size: 12px;	
}

.sparetext {
	margin-top: 28px;
}

/* ===============================
   = Produkt Einzelansicht
=============================== */

.productsingle div.imageborder {
	float: left;
	width: 243px;
	border: 1px solid #ccc;
	text-align: center;
	min-height: 150px;
	margin: 0 10px 25px 0;
	overflow: hidden; 
	position: relative;	
}

table.verticaltable {
	width: 100%;	
}

table.verticaltable tr td {
	vertical-align: middle;
	height: 150px;	
}

.productsingle .leftside {
	width: 245px;
	float: left;
	font-size: 1em;
}

.productsingle .leftside h2 {
	margin: 0;
	color: #000;	
}

.productsingle .rightside {
	float: right;
	padding-right: 10px;
}

.productsingle table.zebratable {
	width: 245px;
	font-size: .9em;
}

.productsingle table.zebratable tr.odd {
	background: #e5e5e5;
}

.productsingle table.zebratable td {
	line-height: 15px;
	vertical-align: top;
}

.productsingle table.zebratable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	background: #fff;
	padding: 0;
}

/* ===============================
   = Produkt Auflistung
=============================== */

.productlist {
	margin-left: -5px;
}

.productlist div.singleListElement {
	width: 170px;
	height: 160px;
	float: left;
	margin: 0 0 5px 0;
}

.productlist div.singleListElement .imgContainer {
	background: #fff;
	width: 160px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 5px auto;
}

.productlist div.singleListElement p,
.productlist div.singleListElement h3 {
	padding: 0 5px 0 5px;
}

.productlist div.singleListElement:hover {
	background: #e5e5e5;
}

.productlist div.singleListElement p a {
	font-size: .9em;
	color: #000;
}

/* ===============================
   = Weblication
=============================== */


body div#wBlockMain div.editButton {
	position: absolute;
	z-index: 1000;
	top: 75px;
	left: 450px;
}

/* ===============================
   = Loginformular
=============================== */

fieldset.loginform {
	text-align: left;
	width: 180px;
	margin: 10px auto;
}

body fieldset.loginform input {
	border: 1px solid #ccc;
	color: #999;
	padding: 3px;
	margin: 0 0 7px 0;
}

body fieldset.loginform button {
	background: url(/spectron_de/wLayout/design/img/login-vip-button.gif) no-repeat;
	width: 100px;
	height: 20px;
	border: 0;
}

body fieldset.loginform button span {
	display: none;
}

/* ===============================
   = Empfehlung
=============================== */

div.label.Empfehlung {
 margin-top: 0; 
 color: #001697;
  font-size: 14px; 
	margin: 10px 0 20px 0;
	font-weight: bold;
}

button {
	color: #999;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	background: url(/spectron_de/wLayout/design/img/button-bg.gif) left bottom repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
	margin-right: 5px;
	line-height: normal;
	padding: 2px 10px 2px 10px;
	-moz-border-radius:3px;
	width: 100px;
	height: 20px;
}

#wFormular input,
#wFormular textarea {
	width: 200px;
}

#wFormular input#Empfehlung {
	width: 490px;
	background: none;
	border: 0;
	padding: 4px;
	background: #f0f0f0;
}


/* ===============================
   = Sprachlich markierte PDF-Downloads
=============================== */

div.languagepdflinks {

}

div.languagepdflinks ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
}

div.languagepdflinks ul li {
margin: 0;
padding: 0;
}

div.languagepdflinks ul li strong {
color: #000;
margin: 26px 0 15px 0;
font-size: 12px;
display: block;
}

div.languagepdflinks ul li ul a {
display: block;
margin-bottom: 2px;
}

div.languagepdflinks ul li ul li.DE a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/de.gif) 0 2px no-repeat;
}

div.languagepdflinks ul li ul li.EN a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/gb.gif) 0 2px no-repeat;
}

div.languagepdflinks ul li ul li.FR a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/fr.gif) 0 2px no-repeat;
}

div.languagepdflinks ul li ul li.PT a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/pt.gif) 0 2px no-repeat;
}

div.languagepdflinks ul li ul li.ES a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/es.gif) 0 2px no-repeat;
}

div.languagepdflinks ul li ul li.IT a {
padding: 0 0 0 20px;
background: url(/spectron_de/wLayout/design/img/flags/it.gif) 0 2px no-repeat;
}
div.languagepdflinks h2 {
color: Black;
margin: 0;
}
div.languagepdflinks a {
font-weight:normal;
}
div.imgContainer img {
width:100px;
margin: auto 0;
}
div.singleListElement img {
display:none;
}
.productlist div.singleListElement {
cursor: pointer;
}
.productlist div.singleListElement .imgContainer {
height:100px;
background-repeat:no-repeat;
background-position: 50%;
}
.productlist div.singleListElement .imgContainer {
height:160px;
background-repeat:no-repeat;
background-position: 50%;
width: 240px;
}
.productlist div.singleListElement {
width: 250px;
height: 220px;
}

/* ===============================
   = Kontakt Overlay
=============================== */

#wBlockContent .elementContact {
	display:none;
	width:506px;
	height:398px;
	background:transparent url(/spectron_de/wLayout/design/img/backgrounds/bg_contacts.gif) no-repeat scroll;
	margin-bottom:10px;
	position:absolute;
	top:240px;
	left:10px;
}

#wBlockContent .elementContact  .elementContactId {
	display:none;
	padding:10px 0 10px 10px;
	margin:0;
}
#wBlockContent .elementContact  .elementContactHeadline {
	width:300px;
	font-weight: bold;
	font-size: 15px;
	padding:10px 0 5px 10px;
	margin:0 !important;
}
#wBlockContent .elementContact  .elementContactPrintClose {
	float: right;
	width:70px;
	padding:7px 0 3px 15px;
	margin:0 !important;
}

#wBlockContent .elementContact  .elementContactPrintClose img {
	margin-left:5px;
}
#wBlockContent .elementContact  .text {
	width:220px;
	padding:1px 0 0 10px;
	margin:0 !important;
}
#wBlockContent .elementContact span.fragmentPictureFloatRight  {
	width:250px;
	padding:0px 15px 0 0;
	text-align:center;
	margin:0 !important;
}

#wBlockContent .elementContactGermany {
	width:500px;
	margin-bottom:10px;
}

#wBlockContent .elementContactGermany  .elementContactHeadline {
	width:500px;
	font-weight: bold;
	font-size: 15px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom: 1px solid #ccc;
}

#wBlockContent .elementContactGermany  .text {
	width:350px;
	padding:0;
	margin:5px 0 0 0!important;
}
#wBlockContent .elementContactGermany span.fragmentPictureFloatLeft  {
	width:80px;
	padding:0;
	text-align:center;
	margin:5px 15px 0 0 !important;
}

#wBlockContent .elementContactGermany span.fragmentPictureFloatLeft img {
	width:80px;
	padding:0;
	margin:0;
}


/* Sitemap */

ul#sitemap{
  list-style-image: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#sitemap li {
  margin: 0 0 0 0;
  padding: 0;
}

ul#sitemap li.ebene1 {
  margin: 5px 0 0 0;
  padding: 0;
}

ul#sitemap li.ebene1 a {
  display: block;
  border-color: #A4A29C;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  margin: 0;
  background: #CFCFCA;
  color: #173454;
}

ul#sitemap li.ebene1 ul {
  list-style-image: none !important;
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
  background: url(/spectron_de/wLayout/design/img/nav/line.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
ul#sitemap li.ebene1 ul li {
  background: url(/spectron_de/wLayout/design/img/nav/sitemaplink.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 0 9px;
}

ul#sitemap li.ebene1 ul li a {
  display: block;
  border-color: #A4A29C;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  background: #fff;
}

button{
	border-width: 1px;
	border-style: solid;
	padding: .1em;
	margin: 0 0 1px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:-150px;
	width:80px;
}