/*

	STOCK

*/

#stock

{

	width: 768px;

	left: 20px;

}

#stock .titlebar .leftEdge

{

	background: transparent url(../images/titleLeftEdgeStock.png) top left no-repeat;

	padding-left: 80px;

}

#stock .content iframe

{

	height: 240px;

	width: 735px;

	border: none;

	overflow: hidden;

}



/*

	CALCULATOR

*/



#calculator

{

	width: 384px;

	left: 212px;

}

#calculator .titlebar .leftEdge

{

	background: transparent url(../images/titleLeftEdgeCalculator.png) top left no-repeat;

	padding-left: 150px;

}

#alu .toolbar select, 

#calculator .toolbar select 

{

	width: 162px;

}

#alu .content .rightCol table,

#calculator .content .rightCol table

{

	width: 100%;

}

#hard .content table,

#alu .content .rightCol table,

#calculator .content .rightCol table

{

	margin-top: 1px;

}

#hard .content table td,

#alu .content .rightCol table td,

#calculator .content .rightCol table td

{

	padding: 0 3px;

}

#alu .content .rightCol table .arrowLeft,

#calculator .content .rightCol table .arrowLeft

{

	padding: 0 3px 0 0 ! important;

}

#alu .content .rightCol table .arrowRight,

#calculator .content .rightCol table .arrowRight

{

	padding: 0 0 0 3px ! important;

}

#alu .content .rightCol table .arrowLeft,

#calculator .content .rightCol table .arrowLeft,

#alu .content .rightCol table .arrowRight,

#calculator .content .rightCol table .arrowRight

{

	width: 22px;

	cursor: pointer;

}

#hard .content table .bt,

#alu .content .rightCol table .bt,

#calculator .content .rightCol table .bt

{

	height: 8px;

	border-top: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}

#hard .content table .bb,

#alu .content .rightCol table .bb,

#calculator .content .rightCol table .bb

{

	height: 8px;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

}

#hard .content table .bl,

#alu .content .rightCol table .bl,

#calculator .content .rightCol table .bl

{

	border-left: 1px solid #cccccc;

	text-align: right;

}

#hard .content table .br,

#alu .content .rightCol table .br,

#calculator .content .rightCol table .br

{

	border-right: 1px solid #cccccc;

}

#hard .content table .symbol,

#alu .content .rightCol table .symbol,

#calculator .content .rightCol table .symbol

{

	cursor: default;

}

#hard .content table .value,

#alu .content .rightCol table .value,

#calculator .content .rightCol table .value

{

	border-left: 1px solid #7e7f84;

	background-color: #E2E6F2; 

	font-weight: bold;

}

#hard .content table .vt,

#alu .content .rightCol table .vt,

#calculator .content .rightCol table .vt

{

	border-top: 1px solid #7e7f84;

}

#alu .content .formRow, 

#calculator .content .formRow 

{

	clear: left;

	padding: 4px 0;

}

#alu .content .formRow label, 

#calculator .content .formRow label 

{

	display: block;

	float: left;

	width: 60px;

}

#alu .content .formRow input, 

#calculator .content .formRow input 

{

	width: 100px;

	font-size: 10px;

}

#alu .content .formRow .button, 

#calculator .content .formRow .button 

{

	margin-left: 60px;

}

#alu .content .formRow .button, 

#calculator .content .formRow .button 

{

	margin-left: 60px;

}

#alu .content .result input,

#coil .content .result input,

#calculator .content .result input

{

	border: 1px solid #E2E6F2;

	background-color: #E2E6F2; 

}

#alu .content .result label,

#calculator .content .result label

{

	font-weight: bold ! important;

}



/*

	COIL

*/

#coil

{

	width: 384px;

	left: 404px;

}

#coil .titlebar .leftEdge

{

	background: transparent url(../images/titleLeftEdgeCoil.png) top left no-repeat;

	padding-left: 80px;

}

#coil .toolbar label

{

	padding-right: 75px;

}

#coil h4

{

	margin-bottom: 10px;

}

#coil #coil-error

{

	color: red;

	margin-bottom: 10px;

}

#coil .formRow

{

	margin-bottom: 3px;

}

#coil .form label

{

	float: left;

	width: 110px;

}

#coil .form input

{

	width: 50px;

	font-size: 10px;

}



/*

	ALUMINIUM

*/

#alu

{

	width: 384px;

	left: 596px;

}

#alu .titlebar .leftEdge

{

	background: transparent url(../images/titleLeftEdgeAlu.png) top left no-repeat;

	padding-left: 120px;

}



/*

	HAETEVERGLEICH

*/

#hard

{

	width: 192px;

	left: 788px;

}

#hard .titlebar .leftEdge

{

	background: transparent url(../images/titleLeftEdgeHardness.png) top left no-repeat;

	padding-left: 95px;

}

#hard .content table .category

{

	vertical-align: top;

	font-weight: bold;

}

#hard .content table .bbb

{

	height: 8px;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}

#hard .content .tableWrapper

{

	height: 330px; 

	overflow: hidden;

}

/*



	TOOL



*/

.tool

{

	position: absolute;

	bottom: 0;

	

	font-family: Arial, sans-serif;

	font-size: 11px;

}

.tool .titlebar

{

	height: 24px;

	width: 192px;

	

	font-weight: bold;

	color: #003459;

	text-transform: uppercase;

	

	cursor: pointer;

}

.tool .titlebar em

{

	display: block;

	line-height: 24px;

	font-style: normal;

	background: transparent url(../images/titleBg.png) top left repeat-x;

}

.tool .titlebar .leftEdge

{

	display: block;

	background: transparent url(../images/titleLeftEdge.png) top left no-repeat;

}

.tool .titlebar .rightEdge

{

	display: block;

	padding-left: 8px;

	padding-right: 25px;

	background: transparent url(../images/titleRightEdge.png) top right no-repeat;

}

.tool .titlebar .open

{

	background: transparent url(../images/titleRightEdgeMinus.png) top right no-repeat ! important;

}

.tool .inner

{

	display: none;

	background: white url(../images/toolsBottomBg.png) bottom left repeat-x;

	border: 1px solid #CCCCCC;

	border-bottom: 0;

}

.tool .toolbar 

{

	padding: 8px;

	border-bottom: 1px solid #CCCCCC;

}

.tool .toolbar select 

{

	font-size: 10px;		

}

.tool .content

{

	padding: 8px;

}

.tool .content .contentWrapper

{

	margin-bottom: 30px;

}

.tool .content .leftCol 

{

	width: 160px;

	float: left;

}

.tool .content .rightCol 

{

	margin-left: 160px;

}

.tool .content .leftCol img 

{

	width: 150px;

}

.tool .rightCol .tableWrapper,

.tool .rightCol .form

{

	/* neu martin war 208px*/
	width: 200px;

	overflow: hidden;

}

.tool .rightCol .tableWrapper 

{

	margin-bottom: 5px;

}

.tool .content table

{

	border-spacing: 0;

	border-collapse: collapse;

}

.tool .content table .weightValue

{

	color: #0d2973;

	text-decoration: underline;

}

.tool .toolbar label 

{

	padding-right: 12px;

}

.tool .line

{

	height: 1px;

	line-height: 1px;

	border-bottom: 1px solid #CCCCCC;

}

.tool h4

{

	margin: 0;

	padding: 0;



	font-weight: bold;

	font-family: Arial, sans-serif;

	font-size: 11px;

}

.tool p

{

	margin: 0;

	padding: 0 0 10px 0;



	font-size: 11px;

}



#tools

{

	position: absolute;

	

	bottom: 30px;

	width: 1000px;

	left: 0;

	right: 0;



	margin-left: auto;

	margin-right: auto;

	

	z-index: 200;

}



#glassPane

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	

	display: none;

	

	background-color: black;

	opacity: 0;

	

	z-index: 100;

	cursor: pointer;

}



#footer 

{

	z-index: 150;

}



/*



	GENERAL



*/

.clearLeft

{

	clear: left;

}

.clickable,

.clickable *

{

	cursor: pointer ! important;

}

.unvisible

{

	visibility: hidden;

}