@import url("workwear.css");
@import url("dialog.css");
@import url("jquery.autocomplete.css");

body
{
		  margin: 0;
		  background-color: #CCC;
		  font-family: Arial, sans-serif;
		  font-size: 8pt;
		  color: #696969;	
		  overflow-x:hidden;
}

td
{
		  font-family: Arial, sans-serif;
		  font-size: 8pt;
		  color: #696969;	
}

a
{
		  color: #666;	
		  text-decoration: none;
}

a:hover
{
		  color: #BBB;
		  text-decoration: underline;
}

form
{
		  margin:0;
}

h3
{
		  font-size:120%;
		  border-bottom:1px dotted #ccc;
}

h1
{
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 8pt;
}



h2
{
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 8pt;
}


.navitop
{
		  background-color:#fff;
		  background-image: url(/images/templates/fussleiste_bg.png);
		  font-family: Arial, sans-serif;
		  font-size: 10px;
		  font-weight: normal;	
		  color: #FFFFFF;
		  margin: 0 auto;
		  padding-top: 0px;
}

.navitop a
{
		  color: #FFFFFF;
}

.reitertop
{
		  font-family: Arial, sans-serif;
		  font-size: 11px;
		  font-weight: bold;	
		  color: #888;
}

.reitertop a
{
		  color: #888;
}

.text01
{
		  font-family: Arial, sans-serif;
		  font-size: 11px;
		  font-weight: normal;	
		  color: #696969;
}

.dialoglink
{
		  color: #D9131D;
}

.text01inaktiv
{
		  font-family: Arial, sans-serif;
		  font-size: 11px;
		  font-weight: normal;	
		  color: #D9131D;
}

.headlines
{
		  font-family: Arial, sans-serif;	
		  color: #D9131D;
		  font-size:11px;
		  font-weight: bold;
}

.sublines
{
		  font-family: Arial, sans-serif;	
		  color: #D9131D;
		  font-size:11px;
		  font-weight: bold;
}

.headseiten
{
		  color: #696969;
		  font-size:11px;
		  font-weight: normal;
}

.abfragen
{
		  font-size: 12px;
		  font-weight: normal;	
		  color: #D9131D;
}

.gesamtpreis
{
		  font-size: 11px;
		  font-weight: bold;	
		  color: #D8131C;
}

input
{
		  border: 1px solid #C8C8C8;
		  margin: 1px 0;
		  padding: 1px 2px;
}

label
{
		  cursor: pointer;
}

.dataInputRadio
{
		  border: 0;
		  cursor: pointer;
}

button
{
		  cursor: pointer;
}

.bigheader
{
		  font-size: 14px;
		  font-weight: bold;
		  color:#8F8F8F;
}

.bigheadline
{
		  font-size: 13px;
		  font-weight: bold;
		  color:#8F8F8F;
}


.vnavi
{
		  height:23px; 
		  padding-left:8px;
		  padding-right:0px;
		  padding-top:3px;
		  padding-bottom:3px;
}

.vnavi a
{
		  color:#fff; 
		  font-weight:bold;
		  font-size:12px;
}

.secondvnavi
{
		  width:148px;
		  background-repeat:repeat-y;
		  border-right:1px solid #EAEAEA;
		  color:#000;
		  padding-left:10px;
		  padding-right:0px;
		  padding-top:3px;
		  padding-bottom:3px;
		  font-weight:bold;
		  font-size:12px;
}

.secondvnavi a
{
		  color:#737373;
		  font-weight:bold;
		  font-size:12px;
}

.secondvnaviactive
{
		  width:148px;
		  background-repeat:repeat-y;
		  background-color:#EAEAEA;
		  border-right:1px solid #EAEAEA;
		  color:#000;
		  padding-left:10px;
		  padding-right:0px;
		  padding-top:3px;
		  padding-bottom:3px;
		  font-weight:bold;
		  font-size:12px;
}

.thirdvnavi
{
		  width:135px;
		  padding-left:13px;
		  padding-top:3px;
		  padding-bottom:3px;
		  font-weight:bold;
		  font-size:11px;
		  background-color:#fff;
}

.thirdvnaviselected
{
		  width:135px;	
		  padding-left:13px;
		  padding-top:3px;
		  padding-bottom:3px;
		  font-weight:bold;
		  font-size:11px;
		  background-image:url('/images/templates/small_arrows.gif');
		  background-repeat:no-repeat;
		  background-position:5px 8px;
}

.fourthnavi
{
		  padding-left:16px;
		  padding-top:3px;
		  padding-bottom:3px;
		  font-size:11px;	
}

.fourthnavi a
{
		  font-weight:normal;
		  font-size:11px;
}

.fourthnaviselected
{
		  padding-left:16px;
		  padding-top:3px;
		  padding-bottom:3px;
		  background-color:#EBEBEB;
}

.fourthnaviselected a
{
		  font-weight:bold;
		  font-size:11px;
}

.hnavi
{
		  color:#BBBBBB; 
		  float:left; 
		  height:19px; 
		  padding:5px 5px; 
		  font-weight:bold;
		  font-size:13px;
}

.hnavi a
{
		  color:#868686; 
		  font-weight:bold;
		  font-size:13px;
		  text-decoration:none;
}
.hnavi a:hover
{
		  color:#868686; 
		  font-weight:bold;
		  font-size:13px;
		  text-decoration:underline;
}

div.colorcode
{
		  float:left;
		  width:24px;
		  border:1px solid #acacac;	
		  margin:2px;
}

div.colorcodesold
{
		  float:left;
		  width:24px;
		  border:1px dashed #828282;
		  margin:2px;
		  filter:Alpha(opacity=25, finishopacity=25, style=0);
		  opacity:.25;	
}

div.colorcodehover
{
		  float:left;
		  width:24px;
		  border:2px solid #d9131d;	
		  margin:1px;
		  cursor:pointer;
}

div.colorcodeselected
{
		  float:left;
		  min-width:24px;
		  border:2px solid #d9131d;	
		  margin:1px;
	cursor:pointer;
}

div.colorcodeUnternehmen
{
	height:15px;
	float:left;
	border:1px solid #acacac;	
	margin:2px;
}

div.colorcodesoldUnternehmen
{
	height:15px;
	float:left;
	border:1px dashed #828282;
	margin:2px;
	filter:Alpha(opacity=25, finishopacity=25, style=0);
	opacity:.25;	
}

div.colorcodehoverUnternehmen
{
	height:17px;
	float:left;
	border:2px solid #d9131d;	
	margin:1px;
	cursor:pointer;
}

div.colorcodeselectedUnternehmen
{
	height:17px;
	float:left;
	border:2px solid #d9131d;	
	margin:1px;
	cursor:pointer;
}


img.colorcode
{
		  border:1px solid #fff;	
}

div.sizecode
{
		  float:left;
		  min-width:20px;
		  height:18px;
		  border:1px solid #acacac;	
		  background-color:#fff;
		  text-align:center;
		  padding:4px 2px 1px 2px;
		  margin:2px;
}

div.sizecodesold
{
		  float:left;
		  min-width:20px;
		  height:18px;	
		  border:1px dashed #828282;
		  background-color:#fff;
		  text-align:center;
		  padding:4px 2px 1px 2px;
		  margin:2px;
		  filter:Alpha(opacity=25, finishopacity=25, style=0);
		  opacity:.25;
}

div.sizecodehover
{
		  float:left;
		  min-width:20px;
		  height:18px;	
		  border:2px solid #d9131d;	
		  background-color:#fff;
		  text-align:center;
		  padding:4px 2px 1px 2px;
		  margin:1px;
		  cursor:pointer;
}

div.sizecodeselected
{
		  float:left;
		  min-width:20px;
		  height:18px;	
		  border:2px solid #d9131d;
		  background-color:#fff;
		  text-align:center;
		  padding:4px 2px 1px 2px;
		  margin:1px;
		  cursor:pointer;
}

.millieuprice
{
		  font-weight:bold;
		  font-size:16px;
		  color:#d9131d;
}

div.searching
{
		  background-color:#EBEBEB;
		  border-bottom:1px solid #cdcdcd;
		  border-right:1px solid #cdcdcd;
		  border-left:1px solid #cdcdcd;	
		  padding:0px 5px;	
		  display:block;
	opacity: 0.85;
}

div.searching a
{
		  display:block;
}

div.searching.selected
{
		  background-color:#EBEBEB;
		  border-bottom:1px solid #cdcdcd;
		  border-right:1px solid #cdcdcd;
		  border-left:1px solid #cdcdcd;		
		  cursor:pointer;	
		  padding:0px 5px;
		  display:block;	
	opacity: 0.85;
}


.prodSelected
{
		  cursor: pointer;
		  border: 2px solid #D9131D;
}

.prodImg
{
		  cursor: pointer;
		  border: 2px solid #fff;
}

.prodImg:hover
{
		  border-color:#D9131D;
}

.activate
{
		  border-right:1px solid #C6C6C6;
		  cursor: pointer;
		  background-color:#EBEBEB;
}

.deactivate
{
		  border-right:1px solid #C6C6C6;
		  cursor: pointer;
		  background-color:#ffffff;
}

/*****************************************************************************/
/*** SUGGEST ***/
/*****************************************************************************/

div.suggestLayer {
		  font-family:Arial,sans-serif; 
		  position: relative;
		  top: -2px;
		  left: 115px;
		  width: 1px;
		  height: 1px;
		  display: none;
		  padding: 0;
		  margin: 0;
		  z-index: 1000;
		  background-color: white;
		  background: transparent;
}

table.suggestLayer {
		  font-size: 11px;
		  width: 130px;
		  border: 1px solid #ccc;
		  height: 12px;
		  background-color: white;
		  color: #173553;
		  cursor: pointer;
}

tr.suggestLayer { 
		  height: 12px;
}

td.suggestLayer {
		  padding: 0;
		  height: 12px;
}

tr.suggestHeader{
		  color: #173553;
		  font-weight: normal;
		  font-size: 10px;
}

tr.suggestHeader td{
		  border-bottom: 1px solid #ccc;
		  padding: 3px 3px 3px 5px
}

td.suggestTextQuery{
		  font-weight: bold; 
		  padding: 2px 15px 2px 10px;
}

span.suggestTextQueryTyped{
		  color: #5c7997;
		  text-decoration: underline;
}

td.suggestTextType{
		  padding: 2px 5px 2px 15px;
		  width: 30%;
}

td.suggestTextAmount{
		  padding: 2px 5px 2px 15px;
		  width: 30%;
		  text-align: right;
}

tr.suggestRow{
		  padding: 2px 2px 2px 0px;
		  background-color: #FCFCFC;
}

tr.suggestHighlight{
		  color: #fcfcfc;
		  background-color: #ddd;
}

tr.suggestHighlight span.suggestTextQueryTyped{
}

.rubrikSelect
{
		  border-right:1px solid #acacac;
		  border-bottom:1px solid #acacac;
		  border-left:1px solid #acacac;
		  padding-left:5px;
}
/*****************************************************************************/
/*** NEWSLETTER ***/
/*****************************************************************************/

.disabled {
		  display: none;
}

.enabled {
		  display: block;
}

.required {
		  font-weight: bold;
}

label.error {
		  color: #D9131D;
		  font-style:italic;
		  display: block;
		  width: auto;
}

div.error {
		  display:none;
		  border: 1px dotted #d9131d;
}

fieldset { -moz-border-radius: 8px; border-radius: px; }

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

.sign {	font-weight: bold;	color: #666;	font-size: small;}

.additionalDetails {
	float: left;
	padding-bottom: 10px;
	margin-right: 20px;
}

div#DialogBox
{
		  font-weight: bolder;
		  font-size: 10pt;
}

.OnlineFiguratorImageZoom {
	width: 58px;
	display: none;
}

.OnlineFiguratorImageZoom > img {
	position: absolute;
	width: 58px;
	bottom:0px;
	left:23px;
}


.OnlineFiguratorImageRegular > img {
	position: absolute;
	width: 58px;
	left:23px;
}

.OnlineFiguratorImage {
	position: relative;
	height: 165px;
	cursor: pointer;
	width: 106px;
	display: inline-block;
}

.OnlineFiguratorDescription {
}

#combination-title {
	color: #d9131d;
	font-size: 14px;
	font-weight: bold;
}

.OnlineFiguratorPrice {
	color: #d9131d;
	font-size: 12px;
	font-weight: bold;
}

#OnlineFiguratorPicture03 {
	background-image: url('/images/templates/combination-separator-middle.jpg');
	background-repeat: repeat-y;
}

#OnlineFiguratorPicture02 {
	background-image: url('/images/templates/combination-separator-middle.jpg');
	background-repeat: repeat-y;
}

#OnlineFiguratorDescription02 {
	background-image: url('/images/templates/combination-separator-middle.jpg');
	background-repeat: repeat-y;
}

#OnlineFiguratorDescription03 {
	background-image: url('/images/templates/combination-separator-middle.jpg');
	background-repeat: repeat-y;
}

.OnlineFiguratorProductName
{
	margin-top:4px;
	width:95%;
}
object {
outline:none;
}

.size
{
	text-align:center;
	float:left;
	border:solid 1px #acacac;
	margin:2px;
	background-color:white;
	width:25px;
	cursor:pointer;
	line-height :15px;
}
.sizena
{
	text-align:center;
	float:left;
	opacity:0.25;
	filter:alpha(opacity=25);
	border:dashed 1px #acacac;
	margin:2px;
	background-color:white;
	width:25px;
	line-height :15px;
}
.sizeinhover
{
	text-align:center;
	float:left;
	border:solid 2px #e2001a;
	margin:1px;
	background-color:white;
	width:25px;
	cursor:pointer;
	line-height :15px;
}

.sizeouthover
{
	text-align:center;
	float:left;
	border:solid 1px #acacac;
	margin:2px;
	background-color:white;
	width:25px;
	cursor:pointer;
	line-height :15px;
}