body{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 8pt;
	margin: 0px;
	/*margin: 155px;dieses  wäre Abstand für BackgroundImageHaeder mARTin*/
	padding: 0px;
	color: black;
	background-color: #f6f6f6; /*f6f6f6 CFF0FE;*/
	/*background: #FFF url(../img/Header.png) repeat-x left top;BackgroundImageHaeder mARTin*/
	/*background: #FFF url(../img/body.gif) repeat-x left top;*/
	text-align: center; /* wg. Zentrierung des Fensters im IE */	
}

div{
	position: relative;
	text-align: left; /* hebt body.text-align wieder auf */
}

img{
	border: 0px;
}

a{
	color: black;
}

div.TreeView{
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px none #CCCCCC;
	background-color: #DDDDDD;
}

div.TreeNode{
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 4px;
	padding-left: 10px;
	
	/* nicht ben?tigtes ausblenden */
	visibility: hidden;
	height: 0px;
	width: 0px;
	
}

div.TreeNodeInPath{
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 4px;
	padding-left: 10px;
	background-color: #F5F5F5;
}


div.TreeNodeInPath div.TreeNode{

	/* die sollen wieder sichtbar sein */
	
	visibility: visible;
	height: auto;
	width: auto;
}


a.Opened{
	color: #0077BC;
	text-decoration: underline;
}

a.Closed{
	text-decoration: none;	
}
a.Opened div a.Closed{
	text-decoration: none;	
}


div.TreeNode a:hover{
	color: #0077BC;	
}

ul.TreeView{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: square;
}
li.TreeView a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	line-height: 180%;
}


h1, h2, h3, h4, h5, h6, p{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	line-height: 150%;
	
}
h1{ font-size: 14pt; }
h2{	font-size: 13pt; }
h3{	font-size: 12pt; }
h4{	font-size: 11pt; }
h5{	font-size: 10pt; }
h6{	font-size: 10pt; }

h3{ color: #0097DB; } /* Subline Unterüberschrift Textfarbe Blau für Produktblätter mARTin*/

div.WindowFrame{
	margin-top: 20px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

div.Window{
	margin: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

div.Header{
	height: 0px;
	padding: 0px;
	margin-bottom: 0px;
	border: 1px none #BBBBBB;
	color: #333333;
	background-color: #0097DB; /* Bayern:0098D4 0eb7fc */
	
	/* nicht ben?tigtes ein/ausblenden hier ist innerhalb des Mainteils ich möchte aber außerhalb der grauen Linie d. h. ich brauche eine kompletten grauen Kasten mARTin*/
	visibility: hidden;
	height: 0px;
	/*Für Extra Div Header Höhe und Image und Sichtbarkeit mARTin*/
	visibility: visible;
	height: 111px;
	background: url(../img/Header.jpg) repeat-x;
}

div.Menu{

	font-size: 10pt;
	height: 20px;
	padding: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px none #999999;
	background-color: #D8D8FF;
	background: url(../img/menuBackground.jpg) repeat-x;
	
	/* nicht ben?tigtes ausblenden */
	visibility: hidden;
	height: 0px;
	
}

div.Path{
	float: left;
	margin-bottom: 20px;
	padding: 5px;
	padding-left: 10px;
	color: #555555;
	
	/* nicht ben?tigtes ausblenden */
	visibility: hidden;
	height: 0px;
	
}

div.Functions{
	float: right;
	padding: 5px;
	padding-right: 10px;
	color: #555555;
	
	/* nicht ben?tigtes ausblenden */
	/*eingeblendet mARTin*/
	visibility: visible;
	height: 0px;
	
}

a.Breadcrumb{
	padding: 0px;
	padding-right: 0px;
	text-decoration: none;
	
	
}

div.Menu a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}


div.Main{
	margin-top: 15px;
	min-height: 480px;
	background-color: #FFFFFF;
	border-top: 1px none red;
}

div.LeftColumn{
	padding: 0px;
	width: 190px;
	min-height: 100%;
	float: left;
	/*border-top: 8px solid #BBBBBB;*/
	
	/* nicht ben?tigtes ausblenden 
	visibility: hidden;
	height: 0px;
	width: 0px;
	*/
}

div.Content{
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	/*width: 575px;*/
	width: 730px;
	float: left;
	border-top: 10px none green;
	border-right: 1px none red;
}

div.Content h1{
	padding-bottom: 0px;
	margin-bottom: 0.5em;
	border-top: 1px solid #0097DB;
	border-bottom: 1px solid #0097DB;
}

div.RightColumn{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	width: 170px;
	float: right;
	border: 1px none red;
	border-top: 1px solid #BBBBBB;
}

div.Footer{
	padding: 5px;
	font-weight: 900;
	clear: both;
	color: black;
	/*background-color: #0097DB;alte Farbe jetzt Image mARTin */
	background: #FFF url(../img/Footer.jpg);
	border-top: 1px none #BBBBBB;
	
	/* nicht ben?tigtes ausblenden */
	visibility: visible;
	height: 11px;
	width: 990px;
	
}

div.Footer p{
	padding: 0px;
}

div.Footer a{
	padding-right: 10px;
	color: #FFFFFF; /*#555555;*/	
}
	
/* Renderer ================================================================== */

div.Article{
	font-size: 10pt;
	
}
hr.Datenblatt{
 color: #0097DB;
 size: 1em;
}
div.ArticleTeaser p{
	font-weight: 900;
	font-style: italic;
}

table.CableGroup{
	width: 650px;
	margin-bottom: 10px;
	border-top: 1px none #888888;

}
table.CableGroup thead tr th{
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF; /* 226686 CFF0FE */
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 15px;
	border-top: 1px none #BBBBBB;
}

table.CableGroup td{
	vertical-align: top;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.CableGroup td.col1{
	width: 80px;
	font-weight: 900;
	border-top: 1px solid #BBBBBB;
}

table.CableGroup td.col2{
	padding: 0px;
	border-top: 1px solid #BBBBBB;
}

table.CableGroup td.col3{
	width: 250px;
	vertical-align: middle;
}


table.CableGroup tr{
	background-color: #FFFFFF;
}

table.CableGroup tr.colored{
	/*background-color: #CFF0FE;*/
	background-color: #FFFFFF;
}

table.CableGroup tr td a{
	text-decoration: none;
}

table.CableGroup tr td a:hover{
	text-decoration: underline;
}

table.CableSpecies tr td.col2{
	/* wie CableGroup */
	vertical-align: top;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;

	border-top: 1px solid #BBBBBB;
}




table.TechTab{
	width: 730px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}

table.TechTab th{
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: 900;
	vertical-align: top;
	text-align: center;
	color: #FFFFFF;
	background-color: #0097DB;
	border-right: 1px solid #FFFFFF;
}

table.TechTab th.TechTabColumn1{
	width: 350px;
}

table.TechTab th.TechTabUnit{
	vertical-align: bottom;
}

table.TechTab td{
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

table.TechTab td.Text{
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}

table.TechTab tr{
	background-color: #FFFFFF;
}

table.TechTab tr.colored{
	background-color: #CFF0FE;
}

table.TechTab td.Position{
	text-align: right;
}
/*
table.TechTab td.Text{
	text-align: left;
}
*/

table.TechTab td.CartInput input{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	text-align: left;
}

input.Button{
	margin-top: 10px;
	background-color: #EEEEEE;
	border: 1px solid #BBBBBB;
}


table.Address th{
	padding: 3px;
	border: 1px none #BBBBBB;
	color: #FFFFFF;
	background-color: #0097DB;
}

table.Address td{
	padding: 3px;
	vertical-align: top;
	border: 1px none #BBBBBB;
}

table.Address td.Label{
	padding-top: 8px;
}

table.Address input{
	margin-bottom: 3px;
	background-color: #FFFFFF;
}




table.Quotes{
	float: right;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	background-color: #3F424B;;
	border: 1px solid #eeeeee;
}

td.QuotesDescription{
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

td.QuotesValue{
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

td.QuotesUnit{
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.QuotesDate{
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}