body {
	margin: 0px;
	color:black;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 8pt;
}
td {
	
	font-family: Arial;
	font-size: 8pt;
}

form{
margin:0Px;
}

h2 {
	font-size:10pt;
	margin:0pt;
	padding:7px 0pt 3px 0px;
	clear: both;
}


a {
	color: black;
	text-decoration: none;
}

a:link {
	color: black;
	text-decoration: none
}

a:visited {
	color: black;
	text-decoration: none
}

a:active {
	color:black;
	text-decoration: none
}

a:hover {
	text-decoration: underline;
}


ul ul li {
	list-style-type: square;
}

.price {
	white-space: nowrap;
}

/**
  Alle ab hier gelisteten Stylesheets werden im JUMO Webauftritt
  wirklich benutzt, alle anderen sind nicht wirklich notwendig und
  können successive entfernt werden
**/


.sublist {
  padding-left: 15px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-type:disc;
}

/* Normale textformatierung */
.standardtext {
}

/* Normale textformatierung */
.textblue {
 	color: black;	
}

/* Kennzeichnung für Pflichtfelder */
.mandatory {
	font-weight: bold;
}


/** Katalogüberschrift mit hellblauem Hintergrund */
.category_list {
	width:100%;
}

.category_headline {
	font-weight: bold;
	background-color: #FFE84A;
	width: 100%;
	border-bottom: 1px solid gray;
	cursor: pointer;
	background-image: url(/pio/jumo/theme/img/drop_down.gif);
	background-position: center right;
	background-repeat: no-repeat;	
}

.category_name {
	padding-left: 5px;
}


.category_intro {
	margin-bottom: 10px;
}

.category_products {
	background:#FFE84A;
	clear:left;
	color:black;
	list-style-type:square;
	margin-left:1em;
	padding-left:1em;
	text-indent:1em;
}

.category_products li {
	padding : 0 10 3 10;
	text-indent: 0;
}

.category_preview {
	border:1px solid grey;
/*	float:left;*/
	margin-right:2%;
	width:98%;
	margin-bottom:20px;
	cursor: pointer;
}

.sideBarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color: black;
}

.mouseOverText {
	width : 450px;
}
.mouseOverText td {
	font-size: 8pt;
}

/* Links in der linken Navigationsleiste */
.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}

/* Gerade ausgewählte Punkte (Pfad) in der Navigationsleiste */
.navLinkActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:black;
}


/* Tabellenauszeichnungen für die einzelen Reiter in der Produktansicht */
.producttypeTableContent {
	background-color: #FFE84A;;
	table-layout: fixed;
	text-align: left;
	border-color: black;
	border-width: thin;
	border-style: solid;
	width: 100%;
	margin: 25 0 25 0;
	display:block;
}

.producttypeTableContent TH {
	font-size: 8pt;
	font-weight: bold;
}

.producttypeTableContent TD {
	font-size: 8pt;
	height: 100%;
}

.productHeadline {
}
	

/* Blaue Überschrift für Produktbereich */
.headlineBlue {
	font-weight: bold;
	font-size: 12pt
}

/* Tabellenkopf, mit blauer schrift auf grauem Hintergrund */
.TableHead {
	font-weight: bold;
	background-color: #FFE84A;
	font-size: 10pt;
}

.InputMandatory {
	font-weight: bold;
}

.InputNotMandatory {
}

/* Cellformatierungen im Warenkorb */
.BasketArticle {
	font-size: 10pt;
}

/* Cellformatierungen für Preise im Warenkorb */
.BasketPrice {
	font-size: 10pt;
	text-align: right;
}



/* Header in Navigationsleiste */
.navigationHeader {
	height: 75px;
	overflow: hidden;
}

/* Linke Navigationszeile, 100% der Bildschirmhöhe, hellblauer Hintergrund, fixiert */
.navigationBar {
	width:220px;
	height:85%;
	padding-top: 10px;
	overflow: hide;
	background-image:url(/pio/jumoplus/theme/img/background_blue.gif);
}

.navigationFoot {
	position:absolute;
	bottom: 0px;
	left: 0px;
	width:235px;
	overflow:hidden;
	padding-bottom:20px; 
	z-index: 10;
	background-image:url(/pio/jumoplus/theme/img/background_blue.gif);
}

.navigationAddress {
	margin-left:10Px;
	width: 180px;
	margin-bottom:20Px;
	text-align:center;
	background-color: white;
	border-color: black;
	border-width: thin;
	border-style: solid;
	padding: 5px;

}

.contactLeft {
	width:220px;
	height:85%;	
	background-image:url(/pio/jumoplus/theme/img/background_blue.gif);
	text-align: center;
}

/* Hauptinhaltsbereich , beginnt bei x=230 und y=70 und kann scrollen */
.mainContent {
 width:100%;
vertical-align: text-top;
padding-left:10Px;
 padding-right:20Px;
 padding-top: 20Px;
}

#searchString {
	font-size: 11px;
}

.searchMatch {
	border:1px solid gray;
	float:left;
	margin-bottom:10px;
	margin-right:4%;
	width:98%;
	cursor: pointer;
	text-decoration: none;
	display: inline;
}

.quickSearch {
	margin-left: 30px;
	margin-top : 0px;
}
.searchLink {
	margin-left: 30px;
	margin-top : 10px;
}
.basketLink {
	margin-top: 20Px;
	margin-left: 30px;
}

.quickSearch #searchString {
	width: 130px;
}
.quickSearch form {
	margin: 0Px;
	padding: 0Px;
}
.categoriesProductSeparator {
	border:1px dotted silver;
	color:#fff;
	background-color:#fff;
	width:100%;
}


.productPreviewHeadline {
	margin-left:10px;
}
.productPreviewContent {
   width:100%;
}

.productPreviewProduct {
	border:1px solid gray;
	float:left;
	display: inline;
	background-color:  #dddddd;
	min-height: 120Px;
	height: expression(120 + "px");
	margin-bottom:10px;
	margin-right:10Px;
	width:47%;
	cursor: pointer;
	background-image:url(/pio/jumoplus/theme/img/white_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
}

.productPreviewImage{
	float: left;
	width:120px;
	min-height: 120Px;
	height: expression(120 + "px");
	background-color:  #ffffff;
	padding-bottom: 5Px;
}

.productPreviewThumb {
	float:left;
	max-width:100px;
	margin-top:10px;
	margin-left: 10Px;
	border: none;
}

.productPreviewTitle {
	background-color:#FFE84A;
	display:block;
	font-weight:bold;
	width:100%;
	border-bottom: 1px solid gray;	
}

.navigationMenu {
	padding: 0 0 0.2em 30px;
	margin: 0;
	list-style: disc;
	width: 185Px;
	overflow: hidden;
	max-width:185Px;
}

.navigationMenu li {
}


.productPreviewText {
   margin-left: 0px;
   background-color: #dddddd;
   margin-left:125px;
}

.productPreviewLink  {
	padding:5px 10px 0pt;
}

#bread  {
	color: #999;
	padding: 3px;
}

#bread a {
	color: #999;
}


#bread ul {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}


#progressBar {
	width: 644px;
	font-size:8pt;
	height: 5em;
}

#progressBar ol {
	margin-left:auto;
	margin-right:auto;
	border:none;
	display:block;
	margin:0px;
	padding:0px;
}

#progressBar ol li {
	width: 160px;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display: block;
	float: left;
}

#progressBar ol li  a {
	padding: 5px;
	margin: 0px;
	display:block;
}


.progressVisited {
	background: #FFE84A;
	border:1px solid silver;
	height: 30px;	
}

.progressCurrent {
	font-weight :bold;
	background: #FFE84A;
	border:1px solid black;
	height: 30px;	
}

.progressCurrent a {
	color: black;
	font-weight: bold;
}

.progressNext {
	font-style :italic;
	background: #FFE84A;
	border:1px dotted gray;
	height: 30px;	
	 
}

.progressNext a:hover {
	cursor: default; 
	text-decoration: none
}


fieldset {
     margin-bottom: 8px;
     padding: 8px;
 }

.checkoutForm {
	width: 600px;
	float:left;
}

.checkoutForm select {
     margin-bottom: 0.6em;
}


.checkoutForm input, textarea {
     margin-bottom: 0.6em;
     width: 400px;
     display: block;
     margin-left: 150px;
     border: 1px solid grey;
}

#customerNameHelpText {
	display:block;
	margin:-5pt 0pt 10px 150px;
}

.checkoutForm label {
     width: 150px;
     float: left;

}

.paymentType {
	margin-top: 20px;
	margin-bottom: 5px;
}
 
 .buttonBar {
 	width: 600px;
 	clear: both;
 	margin-top: 20px;
 }

.leftButton input {
 	float: left;
 	width: 30%;
 }
 .rightButton  input {
 	float: right;
 	width: 30%;
 }
 .middleButton  input {
 	float: left;
 	width: 30%;
 	margin-left: 5%;
 }
 
 #basketTable th {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #FFE84A; 
} 

#basketTable td {
	font-size: 8pt;
	text-align: left;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

 .basketSummary {
	font: bold 9px  Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: right;
	padding: 6px 6px 6px 12px;
	background: #FFE84A; 
} 
.basketProductHeadline a {
	font-weight: bold;
	color:black;
}
.BasketHead {
	width: 600px;
}


.checkoutForm .address {
	float:left;
	width: 33%;
}
.checkoutForm .contact {
	float:left;
	width: 33%;
}

.checkoutForm .notes {
	float:left;
		width: 33%;
}

#paymentInfo td {
	font-size: 8pt;
	padding: 2px 12px 2px 0px;
}

.successText {
	float:left;
	width: 300px;
}

.orderSentImg {
	float:right;
}

.errorPanel {
	border:2px solid red;
	font-weight:bold;
	width:600px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.errorPanel  font {
	padding: 20px;
}

.mouseOverText td {
	font-size:8pt;
}

#leftCol {
float:left;
width:48%;
}

#rightCol {
float:left;
width:48%;
}

.search_results a:hover{
text-decoration:none;
}


.search_product a:hover, .productPreviewHeadline a:hover, .productPreviewTitle a:hover, .productPreviewText a:hover, #leftCol a:hover, #rightCol a:hover, .producPreviewContent a:hover{
text-decoration: none;
}

.searchError{
font-weight: bold;
}

#ccimage{
margin-left: 0Px;
}

.w150{
width: 150Px;
}