body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 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: #003366;
	text-decoration: none;
}

a:link {
	color: #000000;
	text-decoration: none
}

a:visited {
	color: #222222;
	text-decoration: none
}

a:active {
	text-decoration: none
}

a:hover {
	text-decoration: underline;
}


.horiz_zwischenraum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: normal;
	font-weight: normal;
}


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

/* Normale textformatierung */
.textblue {
 	color: #003366;	
}
#form1{
margin-top: 10Px;
margin-bottom: 10Px;
}
/* Kennzeichnung für Pflichtfelder */
.mandatory {
	font-weight: bold;
}

.mouseOverText {
	width : 450px;
	border: 0px;
}

.category_list {
	width:100%;
}

.category_headline {
	font-weight: bold;
	background-color: #C8DCF0;
	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 {
	margin-left:10px;
	margin-top:0px;
	padding-top:3px;
	padding-right: 20Px;
}


.category_text {
	padding:10px 10px 10px 140px;
}

.category_content {
   	
}

.category_intro {
}

.category_products {
	background:#F9F9FF;
	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;
	margin-right:10Px;
	
	margin-bottom:10px;
	cursor: pointer;
	position: relative;
	
}



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

.category_previewImg {
	float: left;
	background-color:#EEEEEE;
	border:1px solid silver;
	float:left;
	margin:10;
	
}

.price {
	white-space: nowrap;
}



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

.linkText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

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

/* Reiterkarte in der Produktansicht */
#productContent ul a {
	background-color: #e1e1e1;
	border: 1px solid silver;
}

.productContentImg {
	margin : 50px;
}



/* Tabellenauszeichnungen für die einzelen Reiter in der Produktansicht */
.producttypeTableContent {
	background-color: #ededed;;
	width: 96%;
	table-layout: fixed;
	text-align: left;
	color: #003366;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-color: #d8d8d8;
	border-width: thin;
	border-style: solid;
}

.producttypeTableContent td {
    font-size:9pt;
}
.producttypeTableContent th {
    font-size:9pt;
}

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

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

.InputMandatory {
	font-weight: bold;
}

.InputNotMandatory {
	
}

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

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



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

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

}

.contactLeft {
	padding: 5Px 5Px 20px 5Px;
	width:220px;
	background-image:url(/pio/jumo/theme/img/background_blue.gif);
	font-family:Arial;
	font-size:8pt;
	text-align: center;
}
.contactInfo {
	margin-bottom: 75px;

}

.navigationFoot {
	position:absolute;
	text-align:center;
	bottom: 0px;
	width:220px;
	overflow:hidden;
	padding-bottom:20px;
	z-index: 10;
	background-image:url(/pio/jumo/theme/img/background_blue.gif);
}

/* Hauptinhaltsbereich , beginnt bei x=230 und y=70 und kann scrollen */
/*.mainContent {
 	position: absolute;
	background-image:url(/pio/jumo/theme/img/background_blue.gif);
 	left: 0px;
 	top: 75px;
	padding-left:238px;
 	padding-right:0px;
 	padding-top: 5px;
}*/

.mainContent {
	width:100%;
	vertical-align: text-top;
	padding-left:10Px;
	padding-right:20Px;
	padding-top: 20Px;
}

/* Vergleichstabelle mit anderer Schrift und anderer Farbe */
.comparisonTable {
	color: #003366;
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
}

#searchString {
	font-size: 11px;
}

.searchMatch {
	border:1px solid gray;
	float:left;
	display: inline;
	background-color:  #eeeeee;
	min-height: 120Px;
	margin-bottom:10px;
	margin-right:4%;
	width:90%;
	cursor: pointer;
	background-image:url(/pio/jumo/theme/img/white_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
	text-decoration: none;
}

.quickSearch {
	margin-left: 10px;
	margin-top : 2px;
	
}

.quickSearch #searchString {
	width: 150px;
}
.categoriesProductSeparator {
	border:1px dotted silver;
	color:#fff;
	background-color:#fff;
	width:100%;
}




.productPreviewHeadline {
	margin-left:10px;
	margin-top:0px;
	padding-top:3px;
}

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

.productPreviewImage{
	float: left;
	width:80px;
	min-height: 100Px;
	background-color:  #ffffff;
	padding-bottom: 5Px;
}

.productPreviewThumb {
float: left;
	border:none;
	margin: 5Px 10Px 5Px 10Px;
	
}

.productPreviewTitle {
	background-color:#C8DCF0;
	display:block;
	font-weight:bold;
	
	border-bottom: 1px solid gray;	
}
.productPreviewText {
margin-left: 90Px;
   background-color:  #eeeeee;
   max-width: 80%;
}

.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;
}

.progressCurrent, .progressNext{
white-space: nowrap;
}

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

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

.progressCurrent a {
 color: white; 
 }
.progressCurrent a:link {
 color: white; 
 }
.progressCurrent a:visited {
 color: white;
 }
.progressCurrent a:focus { 
color: white;
}
.progressCurrent a:hover { 
color: white;
}
.progressCurrent a:active {
 color: white;
 }

.progressNext {
	font-style :italic;
	background: #C8DCF0;
	border:1px dashed silver;
	height: 30px;	
	 
}

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


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

.checkoutForm {
	width: 600px;
}

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


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


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

}

.paymentType {
	margin-top: 20px;
	margin-bottom: 5px;
}
 
 .buttonBar {
 	width: 600px;
 	clear: all;
 	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 {
	color: #003366;
	border: 1px solid #aaaacc;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #C8DCF0; 
} 

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

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


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

.checkoutForm .notes {
	
	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%;
}

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

.searchError{
font-weight: bold;
}
.search_results a:hover{
text-decoration: none;
}
#download_table{
padding: 4Px;
border:0Px;
border-spacing: 0Px;
width: 100%;
}
#download_table td{
padding: 4Px;
text-align:left;
}
#download_table .td1{
width: 350Px;
}
#download_table select{
width: 220Px;
}
#download_table .td2{
width: 220Px;
}
#download_table .row_0{
background: #eeeeee;
}
#minPriceInfo{
font-weight: bold;
margin: 10Px 0Px 10Px 0Px; 
}