/*  body und schrift */

html *
{
	border: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #333333;
}

* html *
{
	line-height: 1.25;
}

html, body
{
	padding: 0;
	margin: 0;
}

p
{
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 1.35;
}

a
{
	text-decoration: none;
}

a.hi,
a:hover
{
	text-decoration: underline;
}


/*  positioning-layers statisch und absolut */

#box {
width:996px;
margin: 0px;
padding:0px;
text-align:left;
}

#left {
width:200px;
padding:20px 0px 0px 0px;
float:left;
background-color:#ffffff;
}

#content {
width:575px;
padding: 20px 0px 0px 0px;
float:left;
background-color:#fff;
overflow: auto;
}

#right {
width:220px;
padding:20px 0px 0px 0px;
float:left;
background-color:#ffffff;

}


/*  HEADER    */

#header
{
	width: 996px;
	padding: 56px 0 1px 0;
	border-bottom: 4px solid #660000;
}

	.bg-red
	{
		background: url(../images/bg_top_red.gif) left top no-repeat;
	}
	
	.bg-blue
	{
		background: url(../images/bg_top_blue.gif) left top no-repeat;
	}

	.bg-white
	{
		background: url(../images/bg_top_white.gif) left top no-repeat;
	}

	/************************************************************
		topnav
	*************************************************************/
	#header .topnav
	{
		height: 29px;
		background: url(../images/bg_top_nav.gif) right top no-repeat;
		padding: 0 0 0 197px;
		margin: 0;
		list-style: none;
	}

		#header .topnav a
		{
			color: #ffffff;
			font-weight: bold;
		}

		#header .topnav li
		{
			float: left;
			margin-top: 8px;
			border-right: 1px solid #ffffff;
			padding: 0 10px 3px 10px;
		}

		
		#header .topnav li.step-1
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step1_lo.gif) left top no-repeat transparent;
		}

		#header .topnav li.step-1-hi
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step1_hi.gif) left top no-repeat transparent;
		}

		
		#header .topnav li.step-2
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step2_lo.gif) left top no-repeat transparent;
		}

		#header .topnav li.step-2-hi
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step2_hi.gif) left top no-repeat transparent;
		}


		#header .topnav li.step-3
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step3_lo.gif) left top no-repeat transparent;
		}

		#header .topnav li.step-3-hi
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step3_hi.gif) left top no-repeat transparent;
		}


		#header .topnav li.step-4
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step4_lo.gif) left top no-repeat transparent;
		}

		#header .topnav li.step-4-hi
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_step4_hi.gif) left top no-repeat transparent;
		}


		#header .topnav li.partner-portal
		{
			padding-left: 26px;
			background: url(../images/bg_topnav_portal.gif) left top no-repeat transparent;
		}

		#header .topnav li.login
		{
			margin-right: 0;
			padding-right: 0;
			border: none;
			width: 50px;
			
		}
	
	#header #logo
	{
		position: absolute;
		top: 36px;
		left: 0px;
		z-index: 2;
	}
	
		/************************************************************
		top links
	*************************************************************/
	.bg-blue #lang-nav,
	.bg-blue #header-nav,
	.bg-red #header-nav
	{
		position: absolute;
		top: 35px;
		left: 775px;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 200px;
	}
	
	.bg-blue #lang-nav
	{
		top: 64px;
	}

	.bg-red #header-nav
	{
		top: 5px;
	}

		.bg-blue #lang-nav li,
		.bg-blue #header-nav li,
		.bg-red #header-nav li
		{
			float: left;
			padding: 0 13px 0 0;
			font-weight: bold;
		}
		
		.bg-red #header-nav li
		{
			font-weight: normal;
		}

		#lang-nav li a,
		#header-nav li a
		{
			color: #ffffff;
		}

	/************************************************************
		left col
	*************************************************************/
	#left .col-left
	{
		float: left;
		width: 214px;
	}

		#left .col-left h1
		{
			font-size: 14px;
			text-transform: uppercase;
			margin: 0 0 8px 0;
			padding: 0 0 0 32px;
			background: url(../images/icon_headline_arrow.gif) no-repeat top left;
		}
	
		/************************************************************
			subnavs
		*************************************************************/
		#left .col-left ul.subnav
		{
			list-style: none;
			padding: 3px 0 0 0;
			margin: 0;
			background: url(../images/bg_divide_line_left.gif) no-repeat top left;
			height: 105px;
		}
		
			#left .col-left ul.subnav li
			{
				padding: 4px 0 0 32px;
			}
			
			#left .col-left ul.subnav li.hi
			{
				background: url(../images/icon_leftnav_hi.gif) no-repeat top left;
			}

				#left .col-left ul.subnav li.hi a
				{
					color: #660000;
					font-weight: bold;
				}
				

		/************************************************************
			illustrations
		*************************************************************/
		#left .col-left .illustration
		{
			padding-top: 30px;
		}
		
			/************************************************************
		right col
	*************************************************************/
	#right .col-right
	{
		float: right;
		width: 221px;
	}
	
	
		#right .col-right h2
		{
			margin: 0;
			padding: 0;
			font-weight: normal;
		}

			#right .col-right h2 span
			{
				display: block;
				float: left;
				color: #ffffff;
				background: url(../images/bg_box_tab_right.gif) right top no-repeat #660000;
				padding: 2px 30px 4px 5px;
				min-width: 100px;
			}

			* html #content .col-right h2 span
			{
				width: 100px;
			}
			
			#right .col-right h2.cart span,
			#right .col-right h2.download span
			{
				min-width: 77px;
			}
	
			* html #content .col-right h2.cart span,
			* html #content .col-right h2.download span
			{
				width: 77px;
			}
			
		#right .col-right h2.cart
		{
			padding-left: 23px;
			background: url(../images/icon_tab_cart.gif) left top no-repeat #ffffff;
		}

		#right .col-right h2.download
		{
			padding-left: 23px;
			background: url(../images/icon_tab_download.gif) left top no-repeat #ffffff;
		}

		#right .col-right h3
		{
			padding: 5px 0 0 0;
			margin: 0;
		}

		#right .col-right .box
		{
 			clear: both;
 			margin: 0 0 20px 0;
			padding: 5px;
			background: url(../images/bg_box_line_right.gif) right top no-repeat #E9EEF3;
		}

		#right .col-right .article
		{
			margin-top: 12px;
		}

			/************************************************************
		CONTENT
	*************************************************************/
	
		#content .col-middle
	{
		float: left;
		width: 550px;
		padding-left: 15px;
	}



		#content .col-middle h2
		{
			font-size: 14px;
			padding: 0 93px 14px 0px; 
			margin: 0;
		}
		
			#content .col-middle h2 span
			{
				font-size: 12px;
				font-weight: normal;
			}
		
		#content .col-middle h3
		{
			padding: 0 93px 3px 0px;
			margin: 0;
		}

		#content .col-middle p,
		#content .col-middle div.padded,
		{
			padding: 0 30px 10px 0px;
		}
		
		#content .col-middle .illustration
		{
			float: left;
			padding: 3px 10px 5px 0px; 
		}
		
		#content .col-middle .illustration_products
		{
			
			padding: 0px 0px 45px 0px; 
		}
		
 #content ul {
   float:left;
	width:525px;
	padding:10px 0px 20px 0px;
   margin:0;
}
  #content li.infoBox {
   float:left;
 	list-style-type: none;
 	padding:0;
	margin:0 2px 0 0;
	width: 100px;
}

 #content li.infoBox p.info {
	color:#000;}