@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
{

	width:142px;
	height:23px;
	background-repeat:repeat-y;
	padding-left:8px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	font-size:12px;
}

.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;
	background-color:#fff;
}

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


.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/kombinationen-trenner-middle.jpg');
	background-repeat: repeat-y;
}

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

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

#OnlineFiguratorDescription03 {
	background-image: url('/images/templates/kombinationen-trenner-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;
}