/*
 *	Allgemeines
 */
 
 	body {
 		background: url("../../design/bottom_bg.jpg") repeat-x scroll left bottom transparent;
 	}
 	
 	body:after {
 		background: none;
 		content: none;
 		height: 0;
 	}
	
	div#outerFrame {
		background: url("../../design/bg2.jpg") repeat-x scroll left top transparent;
	}
	
/*
 *	topBanner
 */
 	div.topBanner {
 		background: url("../../design/topBanner_shadow.jpg") no-repeat right 29px transparent;
 	}
 
	div.topBanner:before {
		content: url("../../design/topBanner_left.jpg");
		margin-left: -90px;
	}
	
	div.topBanner:after {
		content: url("../../design/topBanner_right.jpg");
		margin-right: -90px;
		float: right;
	}
	
/*
 *	topBar
 */
 
	div#outerFrame div.topBar {
		font-family: Georgia,"Times New Roman",Times,serif;
	    color: #ffffff;
	    font-size: 16px;
	    text-shadow: -1px 2px 3px #c2c2c2;
	}
	
	div.topBar > table {
		width: 900px;
		margin: 0 auto;
		position: relative;
		height: 233px;
	}
	
	td.navAndToolLeft {
		background: url("../../design/bg_left.jpg") left bottom no-repeat transparent;
		height: 233px;
		width: 90px;
		position: absolute;
		left: -140px;
	}
	
	td.navAndToolRight {
		background: url("../../design/bg_right.jpg") right bottom no-repeat transparent;
		height: 233px;
		width: 90px;
		position: absolute;
		right: -140px;
	}
	
	div.topBar p {
	    padding-bottom: 20px;
	}
	
	div.topBar h1,
	div.topBar h2,
	div.topBar h3,
	div.topBar h4 {
		color: #FFFFFF;
	    font-size: 38px;
	    font-weight: normal;
	    letter-spacing: -2px;
	    margin: 0;
	    padding: 0;
	    text-shadow: -1px 2px 3px #c2c2c2;
	    padding-bottom: 10px;
	}
	
	div.topBar h1 br,
	div.topBar h2 br,
	div.topBar h3 br,
	div.topBar h4 br {
		display: block;
		margin-top: -10px;
	}
	
	div.topBar div.xhtmlText {
		padding-top: 40px;
		max-height: 182px;
		overflow: hidden;
	}
	
	div.topBar a {
		color: #ffffff;
	}
	
	div.topBar a:hover {
		text-decoration: none;
	}
	
	div.topBar a.docLeaf {
		font-size: 14px;
	    margin: 0;
	    padding: 0 0 0 20px;
	    background: url("../../design/docLeaf_white.gif") no-repeat scroll left 2px transparent;
	}
	
	div.topBar div.centerCenterPart > div:first-child {
		position: relative;
		z-index: 1;
	}
	
	div.topBar div.centerCenterPart > div + div {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
	}
	
	div.topBar div.centerCenterPart > div + div img {
		padding-right: 10px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
/*
 *	mainTopBanner
 */
 
 	div.mainTopBanner {
    	height: 67px;
 	}
 	
	div.mainTopBanner table.banner {
 		height: 67px;
 	}
 
	div.mainTopBanner:before {
		content: url("../../design/mainTopBanner_left.jpg");
		margin-left: -90px;
		margin-top: -5px;
		float: left;
	}
	
	div.mainTopBanner:after {
		content: url("../../design/mainTopBanner_right.jpg");
		margin-top: -72px;
		margin-right: -90px;
		float: right;
	}
	
	div.mainTopBanner td.centerPart {
		padding-top: 17px;
	}
	
/*
 *	mainArea
 */
 
 	div#mainArea {
 		background: url("../../design/main_bg.jpg") no-repeat center 5px transparent;
 	}
	
	div#mainArea:before {
		content: url("../../design/main_left.jpg");
		margin-left: -140px;
		float: left;
	}
	
	div#mainArea:after {
		content: url("../../design/main_right.jpg");
		position: absolute;
		right: -140px;
		top: 0;
	}
	
	table.variantTable {
 		margin-top: 40px;
 	}
 
	tbody.variantTable > tr > td:first-child {
		border-right: 1px solid #CCCCCC;
	    float: left;
	    padding-right: 25px;
	    width: 274px;
	}
	
	tbody.variantTable > tr > td + td {
		float: right;
    	width: 275px;
    	padding-left: 25px;
	}