body {
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size:			12px;
	background:			#FFF;
	padding:				0;
	margin:					0 auto;
	color:					#000;
	text-align:			center;
}

#site {
	margin:					10px auto;
	padding:				0;
	text-align:			left;
	width:					750px;
	border:					1px solid #306;
}
img {
	border:					0;
}

#head
{
	background:			url(../img/logo_prod.gif) top left no-repeat;
	padding:				10px 0 0 0;
	height:					30px;
	
}
#home
{
	width:					750px;
	position:				relative; 
	height:					0px;
	top:						0px; 
	left:						0px;
}
#info
{
	margin:					0px;
	position:				relative;
	top:						-17px;
	left:						300px;
}
#basket
{
	position:				relative; 
	top:						0px; 
	left:						550px;
}
#basket a
{
	color:					#000;
	text-decoration: none;
}
#basket a img
{
	vertical-align:	middle;
	margin:					0px 2px 5px 0px;
}
#basket a:hover
{
	text-decoration: underline;
}
table.main
{
	width:					100%;
	border-collapse: collapse;
}

table.main tr td.nav
{
	width:					170px;
	background:			#306;
	vertical-align:	top;
}

table.main tr td.content
{
	background:			#FFF url(../img/content_back.gif) top left repeat-x;
	vertical-align:	top;
}
#content
{
	margin:					0;
	padding:				15px 10px;
	font-size:			10px;
	color:					#306;
}
#footer
{
	background:			#306;
}

div.navhead 
{
	padding:				2px;
	font-size:			11px;
	color:					#306;
	background:			#ccf;
	text-align:			center;
	font-weight:		bold;
	border:					1px solid #FFF;
}
div.navhead a
{
	text-decoration:none;
	color:					#306;

}
div.navhead a:hover
{
	text-decoration:underline;
	color:					#306;

}
div.nav ul
{
	list-style:		none;
	margin:					0;
	padding:				0;
}
div.nav ul li
{
	margin:				5px 0 0 10px;
	font-size:		10px;
	line-height:	14px;
	list-style:		none;
	color:				#FFF;
	background:		url( ../img/plus.gif) no-repeat;
	background-position: 0 4px;//
	background-position: 0 5px;
}
div.nav ul li.active
{
	font-size:		10px;
	line-height:	14px;
	background:		url( ../img/minus.gif ) no-repeat;
	background-position: 0 4px;//
	background-position: 0 5px;
}
div.nav ul li ul
{
	margin:				0 0 0 2px;
	color:				#FFF;
}
div.nav ul li ul li
{
	line-height:	12px;
	margin-bottom:	2px;
	background:		url( ../img/dash.gif ) no-repeat;
	background-position: 0 5px;//
	background-position: 0 4px;
}

div.nav ul li ul li.active
{
	line-height:	12px;
	background:		url( ../img/dash_a.gif ) no-repeat;
	background-position: 0 5px;//
	background-position: 0 4px;
}
div.nav ul li ul li.active a
{
	color:				#ccf;
}

div.nav ul li a,
div.nav ul li.active ul li a
{
	padding:				0 0 0 10px;
	font-size:				10px;
	line-height:			14px;
	color:					#FFF;
	text-decoration:		none;
	display:				block;
}

div.nav ul li ul li a,
div.nav ul li.active ul li a
{
	line-height:	12px;
}


<!--------------------------->
#content h1
{
	margin:					0;
	padding:				0;
	font-size:			11px;
	color:					#306;
	font-weight:		normal;
}
#content h2
{
	margin:					0;
	padding:				0;
	font-size:			11px;
	color:					#306;
}
#content a
{
	color:					#000;
	text-decoration: none;
}
#content a:hover
{
	text-decoration: underline;
}
#content p
{
	margin:					1em 0;
	padding:				0;
}
#content img.normal
{
	margin:					5px;
}

#content table.pdf
{
	border:					none;
}
.width_0
{
	width:			100%;
}
.width_1
{
	width:			70%;
}
.width_2
{
	width:				550px;
}
.width_3
{
	width:				300px;
}
.right
{
	text-align:			right;
}
.center
{
	text-align:			center;
}
#content table.tabelle thead tr
{
	background:			#306;
	color:					#FFF;
}
#content table.tabelle thead tr td
{
	vertical-align:			top;
}
#content table.tabelle tbody tr
{
	background:				#ccf;
}
#content table tr td
{
	padding:				2px 3px;
	vertical-align:			top;
}
#content ul
{
	list-style:		none;
	padding:			5px;
	margin: 			0;
}
#content ul li
{
	list-style:		none;
	padding:					0 0 0 10px;
	background:		url( ../img/dash_black.gif) no-repeat;
	background-position: 0 5px;//
	background-position: 0 6px;
}
#footer
{
	text-align:				center;
	margin:					0;
	padding:				1em 0;
}
#footer p
{
	margin:					0;
	padding:				0;
	color:					#CCC;
	font-size:				10px;
}
#footer ul
{
	margin:					0;
	padding:				0;
	list-style:				none;
}
#footer ul li
{
	margin:					0;
	padding:				0;
	display:				inline;
	color:					#FFF;
	font-size:				10px;	
}
#footer ul li a
{
	margin:					0;
	padding:				0;
	color:					#FFF;
	font-size:				10px;
	text-decoration:		none;
}
#footer ul li a:hover
{
	text-decoration:		underline;
}

/*
  Mikronavigation
*/
#micronav
{
	height:						20px;
	text-align:				left;
	margin:						0;
	padding:					10px 0 0 30px;
}
#micronav ul
{
	margin:						0;
	padding:					0;
	list-style:				none;
}
#micronav ul li
{
	display:					inline;
	color:						#306;
	font-size:				10px;
}
#micronav ul li a {
	color:						#306;
	text-decoration:	none;
}
#micronav ul li a:hover {
	text-decoration:	underline;
}



/*****************************************
chapter overview grid
*****************************************/
table.mWebRenderGrid
{
	width:				100%;
}

table.mWebRenderGrid tr
{
}

table.mWebRenderGrid tr td
{
	vertical-align:		bottom;
	text-align:				center;
}

table.mWebRenderGrid tr td a
{
	font-size:				10px;
}

table.mWebRenderGrid tr td a img
{
	width:						110px;
	margin:						0 0 3px 0;
}
table.mWebRenderGrid tr td img
{
	width:						110px;
	margin:						0 0 3px 0;
}
table.mWebRenderGrid tr td img.spacer
{
	width:						1px;
	height:						110px;
}
<!------------------------>
table.mWebRenderGrid_IMG
{
}
table.mWebRenderGrid_IMG tr
{
}

table.mWebRenderGrid_IMG tr td
{
	vertical-align:		top;
	padding:					0;
	width:						75px;
}

table.mWebRenderGrid_IMG tr td a
{
	font-size:				10px;
}

table.mWebRenderGrid_IMG tr td a img
{
	margin:						0;
}
table.mWebRenderGrid_IMG tr td img
{
	margin:						0;
}
table.mWebRenderGrid_IMG tr td img.spacer
{
	width:						1px;
}

<!------------------------>
table.mWebRenderGrid_Master
{
	width:				300px;
}
table.mWebRenderGrid_Master tr
{
}
table.mWebRenderGrid_Master tr td
{
	vertical-align:		top;
	text-align:				center;
	padding:					10px;
}
table.mWebRenderGrid_Master tr td a
{
	font-size:				10px;
}
table.mWebRenderGrid_Master tr td a img
{
	margin:						0 0 3px 0;
}
table.mWebRenderGrid_Master tr td img
{
	margin:						0 0 3px 0;
}
table.mWebRenderGrid_Master tr td img.spacer
{
	width:						1px;
	height:						75px;
}