body
{
	margin:			 	0px;
}
#message
{
	color:				#992200;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.8em;
}

#design-sidebox
{
	background-image: 	url(../images/sidebox.jpg);
	background-repeat: 	no-repeat;
	background-position: 0 0px;
	float: 				left;
	width: 				125px;
}

#design-logo
{
	margin-bottom:		5px;
	margin-left: 		10px;
	margin-top: 		10px;
	height: 			68px;
	width: 				79px;
	background-repeat: 	no-repeat;
	background-image: 	url(../images/khi_logo.jpg);
}

#design-sidebar
{
	width: 				125px;
	background-image: 	url(../images/sidebar.jpg);
	background-repeat: 	repeat-y;
	top: 				75px;
	float: 				left;
	min-height: 		200px;
}

#design-sidebar ul
{
	margin:				0;
	padding:			10px 0 0 10px;
	list-style:			none;
	max-width:			85px;
}

#design-sidebar li
{
	background-image: 	url(../images/sidebar_ul.jpg);
	background-repeat: 	repeat-x;
	background-position: bottom;
}

#design-sidebar a
{
	color:				#000066;
	text-decoration:	none;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
}

#design-sidebar a:hover
{
	color:				#FF0000;
}

#aktivlink
{
	color:				#FF0000;
}

#design-sidebar li ul
{
	margin:				0;
	padding:			0;
	list-style:			none;
	max-width:			120px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.6em;
}

#design-sidebar li ul li
{
	background-image: 	url(../images/sidebar_li_ul.jpg);
	background-repeat: 	repeat-x;
	background-position: bottom;
}

#design-sideend
{
	z-index:			0;
	left: 				0px;
	height: 			100px;
	width: 				125px;
	float: 				left;
	background-repeat: 	no-repeat;
	background-image: 	url(../images/sideend.jpg);
}

#design-contentbox
{
	padding-left: 		125px;
}

#design-header
{
	top: 				0px;
	background-repeat: 	repeat-x;
	background-image: 	url(../images/header.jpg);
	height: 			55px;
}

#design-header img 
{
	border:				none;
	margin:				10px 0 0 0;
	border-style:		none;
}

#design-headerend
{
	position: 			absolute;
	width: 				70px;
	right: 				0px;
	top: 				0px;
	float: 				right;
	background-repeat: 	no-repeat;
	background-image: 	url(../images/headerend.jpg);
	height: 			55px;
	background-color: 	#6f6f6f;
}

#design-content
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1em;
	color:				#000066;
	padding:			10px 20px 0 0;
	margin-bottom:		50px;
}

#design-content a
{
	color:				#000066;
	text-decoration:	none;
}

#design-content img
{
	border:				none;
	border-style:		none;
}

#design-content p
{
	font-size:			1em;
}

#design-content h1
{
	font-size:			1.25em;
	font-weight:		bold;
}

#design-content h2
{
	font-size:			1.125em;
	font-weight:		normal;
}

.parentgroup
{
	float: 				left;
	border-style:		solid;
	border-color:		#666666;
	border-width:		2px;
	width:				97%;
	margin:				20px 0 0 0;	
}

#parentcoloreven
{
	background-color:	#e4eef0;	
}

#parentcolorodd
{
	background-color:	#c8e0e5;
}

.childgroup
{	
	float: 				left;
	border-style:		solid;
	border-color:		#666666;
	border-width:		1px;
	width:				95%;
	padding:			0 0 0 10px;
	margin:				5px 0 0 10px;
}

#childcoloreven
{
	background-color:	#CCCCCC;
}

#childcolorodd
{
	background-color:	#DDDDDD;
}

#design-footer
{
	clear: 				both;
	/*bottom: 			0px;
	position: 			fixed;*/
	width: 				100%;
	border-top:			30px solid #FFFFFF;
	background-color:	#6296df;
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.75em;
	color:				#CCCCCC;
	font-weight:		bold;
}

#design-footer a
{
	text-decoration:	none;
	color:				#CCCCCC;
}

.productbox
{
	float: 				left;
	margin-bottom: 		0px;		/* Abstand zum naechsten Produkt unten */
	/*min-width: 			600px;*/			/* je nach benoetigter Breite einstellen */
	padding-bottom: 	2px;		/* Freiraum unten - falls noetig */
	padding-top: 		3px;			/* Freiraum oben - falls noetig */				/* stehenlassen! */
	padding-left:		2px;
	padding-right:		2px;
	width: 				100%;				/* stehenlassen! */
}

.productpicture
{
	text-align: 		center;
	vertical-align:		middle;
	float:				left;				/* stehenlassen! */
	width: 				50px;				/* kann auch auf "auto" gestellt werden */
/*	background-color: 	#24a6dc;*/
}

.productpicture img
{
	border-style:		none;
}


.producttext
{
	text-align: 		left;
	min-width: 			400px;			/* "auto" sollte funktionieren, aber nicht empfohlen */
	float: 				left;				/* stehenlassen! */
/*	background-color: 	#d7de44;*/
}

.producttext a
{
	color:				#000000;
	text-decoration:	none;
}

#khinumber
{
	text-align: 		left;
	color:				#990022;
	text-decoration:	none;
	font-size:			0.75em;
}

.productpdf
{
	text-align:			center;
	float: 				left;				/* stehenlassen! */
	margin: 			0px 5px 0px 0px;				/* Rand-Abstand */
	height: 			32px;				/* PDF-Bild Gr��e */
	width: 				30px;				/* PDF-Bild Gr��e */
	background-image: 	url(../images/pdfsymbol.gif);
	background-repeat: 	no-repeat;
}
/* CSS Document */

#menukk
{
		width: 			100%;
		float: 			left;
		margin: 		0;
		font-family:	Arial, Helvetica, sans-serif;
		font-size:		0.75em;
}

/* navimenu neue */
#sfnav
{
	width:				auto;
	font-weight: 		bold;
	padding: 			0;
	margin: 			0;
	list-style:			none;
}

#sfnav ul
{
	width: 				auto;
	font-weight: 		bold;
	padding: 			0;
	margin: 			0;
}

#sfnav a
{
	display: 			block;
	text-decoration: 	none;
	text-decoration:	none;
	color:				#000000;
}


#sfnav li
{
	float: 				left;
	width: 				auto;
	padding: 			0 0 0 10px;
	background:			url(../images/menuereiter_links.jpg) no-repeat top left;
}

#sfnav li a
{
	background:			url(../images/menuereiter_rechts.jpg) no-repeat top right;
	height:				20px;
	padding: 			0 10px 0 0;
	white-space:nowrap
}

#sfnav li ul
{
	position: 			absolute;
	left: 				-999em;
	width: 				auto;
	font-weight: 		normal;
}

#sfnav li li 
{
	width: 				auto;
	background:			url(../images/submenue_rechts.jpg) no-repeat top right;
	background-color:	#e5eff1;
	height:				20px;
	border-bottom:		1px solid #000000;
	float:				none;
	min-width:			150px;
	list-style:			none;
}

#sfnav li li a
{
	width: 				auto;
	background:			url(../images/submenue_links.jpg) no-repeat top left; 
	background-color:	#e5eff1;
	height:				20px;
	list-style:			none;
}


#sfnav li ul ul
{
	margin: 			0;
}

#sfnav li:hover ul
{
	left:				auto;
	display:			block;
}

#sfnav li ul li:hover
{
	background:			url(../images/submenue_link_over.jpg) no-repeat top left;
	background-color:	#6296df;
}

#sfnav li ul li:hover a
{
	background:			url(../images/submenue_rechts_over.jpg) no-repeat top right;
	background-color:	#6296df;
}


#rowodd
{
	background-color:	#def7ff;
}

#roweven
{
	background-color:	#999999;
}

/*Produktseite*/
#mainwindow
{
	width:				auto;
	height:				auto;
	background-color:	#00FFFF;
	position:			absolute;
	margin:				0;
	padding:			0;
}

#mainupperside
{
/*	background-color:	#006633;*/
	width:				100%;
	height: 			auto;
/*	border-bottom:		5px solid #000000; */
	float:				left;
	margin:				25px 0 0 0;
}

#upperleft
{
	clear: 				left;
	position: 			static;
	width:				300px;
/*	background-color:	#0000cc;*/
	float:				left;
}

#upperleftmain
{
	width:				300px;
	height:				205px;
	margin:				0;
	float:				left;
	/*background-color:	#FFCC99;*/
	vertical-align:		middle;
	/*text-align:			center;*/
}

#upperleftsub
{
	width:				inherit;
	height:				auto;
	float:				left;
	/*text-align:			center;*/
}

#upperleftmain img
{
	border:				3px solid #000000;
	margin:				0;
}

#upperleftsub img
{
	max-width:			40px;
	max-height:			30px;
	margin:				25px 0 0 25px;
	border:				1px solid #FFFFFF;
}

#upperleftlabel
{
	width:				auto;
	height:				auto;
	margin:				150px 0 0 0;
	padding:			0;
	float:				left;
}

#upperleftlabel img
{
	width:				75px;
	height:				50px;
	margin:				5px 0 0 5px;
}

#upperright
{
	left: 				450px;	/* IE-Hack, damit Position beim FF und IE gleich bleibt und Inhalt nicht runterfliegt bei kleinem Fenster */
	margin-top: 		50px;
	position: 			absolute;
	width:				auto;
	height:				auto;
	float: 				left;
/*	background-color:	#FF00FF;*/
}

#upperrightname
{
	margin:				0;
	float:				left;
	padding:			0;
	width:				auto;
	height:				auto;
}

#upperrightname p
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.25em;
	font-weight:		bold;
	color:				#000033;
/*	background-color:	#999999;*/
}

#upperrightdescription
{
	width:				auto;
	margin:				50px 0 0 0;
	padding:			0;
}

#upperrightvariety
{
	margin:				0;
	padding:			0;
	width:				auto;
}

#upperrightdatasheet
{
	margin:				25px 0 0 0;
	padding:			5px 0 0 0;
	border-top:			1px solid grey;
	width:				auto;
}

#mainsubside
{
	margin-left: 		0;
	margin-bottom: 		25px;
	margin-right: 		0;
	margin-top: 		0;
	float:				left;
	min-width:			300px;
	height:				auto;
/*	background-color:	#00FF33;*/
	padding:			0;
}

#tableheader
{
	color:				#FF0000;
}


/* CSS Document */