/* Stylesheet für Produktkonfigurator
 *
 * @author  Michael Kohl  <kohl@eo-internet.de>
 * 
 */

/*eo*/
div.pktitle {
	width:70px;
}

div.content a.steplink div.pktitle {
	margin: 0 auto;
}

div#configurator_wrapper {
	position: relative;
	display: block;
	width: 780px;
	height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	clear: both;
}

div#configurator_wrapper div.tab, 
div#configurator_wrapper div.category_tab {
	position: relative;
	display: block;	
	float: left;
	width: 50px;
	height: 410px;
	margin: 40px 0 0 0;
	padding: 0 3px;
	background-color: #f1f8e8;
	border: 1px solid #a9d46f;
}

div#configurator_wrapper div.category_tab p {
	margin: 10px 0;
	line-height: 12px;
}

div#configurator_wrapper div.topImage {
	position: relative;
	display: block;
	text-align: justify;
	padding: 10px 0;
}

div#configurator_wrapper div.tab div.topImage {
	position: relative;
	display: block;
	
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
}

div#configurator_wrapper div.active div.topImage img {
	margin-bottom: -8px;
}

div#configurator_wrapper div.tab div.topImage span {
	padding-left: 10px;
}

div#configurator_wrapper div.inactive div.topImage span {
	color: #cbe3a8;
}

div#configurator_wrapper div.complete div.topImage span {
	color: #5b8d21;
}

div#configurator_wrapper div.active div.topImage span {
	color: #588b1c;
}

div#configurator_wrapper div.active {
	width: 350px;
	height: 450px;
	margin: 0;
	background-color: #e0eecb;
}

div#configurator_wrapper div.empty {
	width: 600px;
	height: 450px;
	margin: 0;
	background-color: #fff;
}

div#configurator_wrapper div.empty .content {
	width: 500px;
	padding: 30px 50px 0 50px;
}

div#configurator_wrapper div.empty span,
div#configurator_wrapper div.empty .content a {
	color: #588b1c;
}


div#configurator_wrapper div.complete {
	background-color: #cfe5ae;
}


div#configurator_wrapper div.category_tab {
	width: 120px;
}


div#configurator_wrapper div.clear { 
	clear: both;
}


div#configurator_wrapper a {
	color: #000;
	text-decoration: underline;
}


div#configurator_wrapper a:hover {
	color: #000;
	text-decoration: none;
}

div#configurator_wrapper .content {
	display: block;
	width: 100%;
	padding: 1px;
	clear: left;
}

div#configurator_wrapper .active .content {
	height: 370px; 
	overflow-y: auto;
}

div#configurator_wrapper a.steplink {
	display: block;
	float: left;
	
	font-size: 8pt;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
}

div#configurator_wrapper a.format,
div#configurator_wrapper a.heftformat,
div#configurator_wrapper a.folding_specification {
	width: 118px;
	margin: 10px 20px;
}


div#configurator_wrapper a.druck {
	width: 118px;
	margin: 10px 20px;
}

div#configurator_wrapper a.sheets,
div#configurator_wrapper a.seitenanzahl {
	width: 20px;
	margin: 5px 10px;
	padding: 7px;
	background-color: #fbfbff;
	border: 5px solid #cfe5ae;
	font-size: 10pt;
	font-weight: bold;
}


div#configurator_wrapper a.format, 
div#configurator_wrapper a.heftformat {

	
	
	
}


div#configurator_wrapper a.paper,
div#configurator_wrapper a.window,
div#configurator_wrapper a.umschlagpapier{
	width: 170px;
	margin: 10px auto;
	padding: 10px 10px;
	background-color: #fff;
	border: 10px solid #cfe5ae;
	float: none;
}

div#configurator_wrapper a.paper div, div#configurator_wrapper a.umschlagpapier div {margin: 5px 0;padding: 0;}

div#configurator_wrapper a.paper div.typ, div#configurator_wrapper a.umschlagpapier div.typ { font-size: 9pt; }
div#configurator_wrapper a.paper div.name, div#configurator_wrapper a.umschlagpapier div.name {
	font-size: 11pt; 
	font-weight:bold;
	color: #000;
	 line-height: 15px;
}
div#configurator_wrapper a.paper div.extra, div#configurator_wrapper a.umschlagpapier div.extra {  }
div#configurator_wrapper a.paper div.gramm, div#configurator_wrapper a.umschlagpapier div.gramm { 
	font-size: 18pt; 
	font-weight:bold;
	color: #A9D46F;
	padding: 10px 0px 6px 0;
}


div#configurator_wrapper a.auflage {
	width: 55px;
	margin: 3px;
	padding: 4px 5px;
	background-color: #fbfbff;
	border: 5px solid #cfe5ae;
}

div#configurator_wrapper a.auflage:hover,
div#configurator_wrapper a.seitenanzahl:hover,
div#configurator_wrapper a.sheets:hover {
	background-color: #588b1c;
	color: #fff;
}

div#configurator_wrapper div.bottom {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

div#configurator_wrapper .complete img.checked {
	margin: 10px auto;
}


div.categoryImage {
	position: relative; 
	float: left; 
	display: block; 
	width: 140px; 
	height: 130px; 
	margin: 0 15px 5px 0; 
	border: 0px solid #A7C835; 
	background-repeat: no-repeat; 
	background-position: top center;
}

div.categoryImage a {
	display: block;
	height: 100%;
	width: 100%;
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

div.categoryImage a span {
	position: absolute; 
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 12px; 
	padding: 0;
	font-size: 10pt; 
	font-weight: bold;
}

a.pdf {
	display: block;
	height: 24px;
	margin: 0 0 0 10px;
	padding: 0 0 0 30px;
	
	background-image: url(../images/produktkonfigurator/icon_pdf.png);
	background-position: top left;
	background-repeat: no-repeat;
	
}


#tab_0 h1 {
	font-size: 11pt; 
	color:#000;
	margin: 0;
}

#tab_0 p {
	font-size: 8pt; line-height:14px; text-align:left;
}