
html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	}
body{
	background: #c1c1c1;
	font: normal 10pt/100% Arial;
	color: #333333;
	}

div.clear{
	clear: both;
	}

a{
	color: #ffba00;
	text-decoration: none;
	}
	a:hover{
		color: #555555;
		}
a img{
	border-width: 0;
	}



table#background-table{
	width: 100%;
	height: 100%;
	}
	table#background-table td{
		vertical-align: top;
		}
	table#background-table td#bg-left{
		height: 100%;
		}
	table#background-table td#bg-middle{
		width: 990px;
		height: 100%;
		background-color: #ffffff;
		border: solid #bbbbbb;
		border-width: 0;
		}
	table#background-table td#bg-right{
		height: 100%;
		}
	table#background-table div#stripe-left, table#background-table div#stripe-right{
		height: 36px;
		background: #fae900;
		margin: 145px 0 0 0;
		border: solid #ffffff;
		border-width: 5px 0 5px 0;
		color: #fae900;
		}

table#content-wrapper{
	width: 100%;
	height: 100%;
	}
	table#content-wrapper td#wrapper-left{
		height: 100%;
		width: 190px;
		padding: 150px 0 0 0;
		background: #e0e0e0;
		}
		td#wrapper-left div#yellow-stripe{
			height: 36px;
			background: #fae900;
			border: solid #ffffff;
			border-width: 0 0 5px 0;
			}

	table#content-wrapper td#wrapper-right{
		height: 100%;
		padding: 150px 0 0 20px;
		}
	div.content-padding{
		line-height: 150%;
		}
	div#right-content-bar{
		float: right;
		width: 300px;
		}

table#content{
	width: 100%;
	font-family: Helvetica, Arial, Sans, Sans-Serif;
	font-size: 9pt;
	color: #555555;
	margin: 1px 0 20px 0;
	}
	table#content td#content-left{
		padding: 10px 20px 0 0px;
		line-height: 150%;
		}
	table#content td#content-right{
		width: 300px;
		padding: 10px 10px 0 0;
		line-height: 150%;
		}
	td#content-left h1, h2, h3{
		font-weight: normal;
		}
		td#content-left h1{
			font-size: 14pt;
			line-height: 130%;
			}
		td#content-left h2{
			font-size: 14pt;
			line-height: 130%;
			display: inline-block;
			background: transparent url('../../img/layout/balkengelb.gif') left -2px no-repeat;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0 0 0 12px;
			}
		td#content-left h3{
			font-weight: bold;
			}

	td#content-right h1, h2, h3{
		font-weight: normal;
		}
		td#content-right h1{
			display: block;
			background: #e8e8e8 url('../../img/layout/balkengelb.gif') top left no-repeat;
			line-height: 100%;
			font-size: 9pt;
			padding: 5px 0 4px 14px;
			font-weight: bold;
			}
table#content ul{
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 15px;
	}
table#content ol{
	list-style-type: decimal;
	margin: 0 0 0 7px;
	padding: 0 0 0 15px;
	}
	table#content ul li{
		margin: 0 0 8px 0;
		}
	table#content ol li{
		list-style-type: decimal;
		margin: 0 0 4px 0;
		}



div.newsitem{
	border: dashed #cccccc;
	border-width: 0 0 1px 0;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	}
	div.newsitem div.news-readon{
		text-align: right;
		padding: 15px 0 0 0;
		clear: both;
		font-size: 11pt;
		}

div.news-pagenav{
	text-align: center;
	font-size: 11pt;
	margin: 20px 0 20px 0;
	}
	div.news-pagenav a.active-pagenav{
		font-weight: bold;
		color: #555555;
		}

div.news-backnav{
	font-size: 11pt;
	text-align: center;
	border: dashed #cccccc;
	border-width: 1px 0 0 0;
	padding: 10px 0 20px 0;
	margin: 20px 0 0 0;
	}
	
div.newsteaser{}
	div.newsteaser h1, h2{
		font-size: 11pt;
		line-height: 130%;
		}
	div.news-readall{
		text-align: center;
		font-weight: bold;
		}
	div.newsteaser div.newsteaseritem{
		border: dashed #cccccc;
		border-width: 0 0 1px 0;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		}
	div.newsteaser div.newsteaseritem div.news-readon{
		text-align: right;
		padding: 5px 0 0 0;
		clear: both;
		font-size: 10pt;
		}



div#header-wrapper{
	position: absolute;
	width: 990px;
	height: 150px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -495px;
	background: #ffffff;
	}
	div#header-wrapper img#logo{
		position: absolute;
		top: 15px;
		left: 30px;
		}
	div#header-wrapper img#usa{
		position: absolute;
		top: 8px;
		right: 7px;
		border: 1px solid #aaaaaa;
		}

	div#header-wrapper div#header-jfade1, div#header-wrapper div#header-jfade2, div#header-wrapper div#header-jfade3{
		position: absolute;
		top: 13px;
		left: 190px;
		width: 211px;
		height: 119px;
		background: transparent;
		overflow: hidden;
		}
		div#header-wrapper div#header-jfade1{
			left: 190px;
			}
		div#header-wrapper div#header-jfade2{
			left: 403px;
			}
		div#header-wrapper div#header-jfade3{
			left: 616px;
			}		
		
	div#header-wrapper div#covermenu-wrapper{
		position: absolute;
		top: 0;
		left: 190px;
		width: 639px;
		height: 148px;
		overflow: hidden;
		background: #ffffff;
		}
		div#header-wrapper div#covermenu{
			position: absolute;
			top: -32px;
			left: 0;
			width: 639px;
			}
	
	
	div#header-wrapper img#building{
		position: absolute;
		top: 0;
		left: 190px;
		}
	
	div#header-wrapper div#references-wrapper{
		position: absolute;
		bottom: 18px;
		left: 840px;
		width: 140px;
		height: 70px;
		overflow: hidden;
		background: #ffffff;
		border: 1px solid #eeeeee;
		}
		div#header-wrapper div#references img{
			}
		div#header-wrapper div#references-wrapper h1{
			display: block;
			font-size: 8pt;
			padding: 2px 0 0 2px;
			margin:0;
			color: #666666;
			font-weight: normal;
			letter-spacing: 1px;
			}
		
	div#header-wrapper img#language{
		display: none;
		position: absolute;
		top: 5px;
		left: 950px;
		z-index: 500;
		border: 1px solid #999999;
		}

div#topmenu-wrapper{
	background-color: #fae900;
	padding: 0 0 0 10px;
	}
	div#topmenu-wrapper div#topmenu{
		background: #e8e8e8;
		height: 36px;
		}
	div#topmenu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		div#topmenu ul li{
			float: left;
			}
	div#topmenu a{
		display: inline-block;
		padding: 12px 8px;
		font-size: 8pt;
		font-weight: normal;
		color: #444444;
		}
	div#topmenu a:hover{
		color: #666666;
		}
	
form#searchform{
	margin: 0;
	padding: 9px 0px 0 7px;
	float: left;
	}
form#searchform input{
	border: 1px solid #aaaaaa;
	width: 100px;
	}
	
	
div.leftmenu{
	padding: 0 0 10px 0;
	border: solid #ffffff;
	border-width: 0 0 5px 0;
	}
	div.leftmenu h1{
		font-size: 10pt;
		padding: 0 0 5px 10px;
		margin: 10px 0 0 0;
		border: solid #ffffff;
		border-width: 0 0 1px 0;
		}
	div.leftmenu ul{
		list-style-type: square;
		color: #fae900;
		/*margin: 0 0 0 -12px; Würde so linksbündig sitzen */
		margin: 3px 0 0 0;
		padding: 0 0 0 25px;
		line-height: 160%;
		}
		div.leftmenu ul ul{
			margin: 0;
			}
		div.leftmenu ul li.padding{
			padding-bottom: 0px;
			}			
	div#companymenu ul{
		color: #fae900;
		}
	div.leftmenu a:link, div.leftmenu a:visited{
		color: #444444;
		}
	div.leftmenu a:hover, div.leftmenu a.active:link, div.leftmenu a.active:visited{
		color: #999999;
		}
	div.leftmenu a#lnk-transfersys{
		display: block;
		height: 36px;
		background: #1863b6 url('../../img/transfersys/transfersysteme.gif') top right no-repeat;
		border: solid #ffffff;
		border-width: 0 0 5px 0;
		}
	div.leftmenu a#lnk-transfersys-btm{
		display: block;
		height: 36px;
		background: transparent url('../../img/transfersys/transfersysteme.gif') right top no-repeat;
		margin: 10px 0 0 0;
		}	
	div.leftmenu a#lnk-kleinfoerdersys{
		display: block;
		height: 36px;
		background: #da6000 url('../../img/kleinfoerder/kleinfoerdersysteme.gif') top right no-repeat;
		border: solid #ffffff;
		border-width: 0 0 5px 0;
		}
	div.leftmenu a#lnk-kleinfoerdersys-btm{
		display: block;
		height: 36px;
		background: transparent url('../../img/kleinfoerder/kleinfoerdersysteme.gif') right top no-repeat;
		margin: 10px 0 0 0;
		}
div#address-container{
	padding: 15px;
	line-height: 150%;
	font-size: 8pt;
	color: #555555;
	}


/* Text Klassen */

span.blue{
	color: #1862b5;
	}
span.yellow{
	color: #fae000;
	}
span.orange{
	color: #da6000;
	}


