object { outline:none; }

html {
	margin: 0;
	padding: 0;
	width: 100%;
	background:#fff;
}
body {
	margin:0 auto;
	padding: 0;
	overflow-y: scroll;
	width: 980px;
	
	font-family: Arial, Helvetica, sans-serif;
}
* html body {
	overflow-y: auto;
}
*+html body {
	overflow-y: auto;
}
div.wrapper {
	position:relative;
	margin: 0;
	padding:0;
	width: 978px;
	height:637px;
	background:#fff url('./img/bg-body.jpg') no-repeat 0 0;
	border-left:1px solid #002d4f;
	border-right:1px solid #002d4f;
	border-bottom:1px solid #002d4f;
	overflow:hidden;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.header {
	position: absolute;
	top:35px;
	left:0;
	height:67px;
	width:100%;
	background:#036 url('./img/bg-header.gif') repeat-x 0 0;
}
.header h1 {
	display:block;
	float:left;
	margin:0;
	padding: 0 0 0 55px;
	width:233px;
}
.header a.logo {
	display:block;
	margin:0;
	padding: 0;
	width:233px;
}
.header a.logo img {
	border:none;
}

.header .accountInfo {
	position:absolute;
	right:53px;
	top:6px;
	height:60px;
	width:261px;
	line-height:30px;	
}
.accountInfo form,
.accountInfo fieldset {
	border:none;
	margin:0;
	padding:0;
	text-align:right;
}
.accountInfo input {
	font-size:10px;
	width:90px;
}
.accountInfo input.submit {
	width:60px;	
}
.accountInfo a,
.accountInfo a:visited {
	color:#fff;
	text-decoration:none;
}
.accountInfo a:hover {
	text-decoration:underline;
}
.accountInfo a.lostpassword {
	float:right;
}
.accountInfo a.register {
	float:left;
}

.footer {
	margin:0;
	padding:0 0 0 10px;
	position:absolute;
	bottom: 0;
	left: 0;
	width: 968px;
	height: 27px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	background:#036 url('./img/bg-footer.gif') repeat-x 0 0;
	overflow:hidden;
}
* html .footer {
	bottom: -1px;
}

.copyright {
	margin:5px 0 0 0;
	padding:0;
	
	display:block;
	
	font-size:11px;

}

div.serviceNavi {
	position:absolute;
	right:53px;
	top:13px;
	line-height:13px;
}
div.serviceNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:13px;
	font-size:11px;
} 
div.serviceNavi ul li {
	display:inline;
	margin:0;
	padding:0 1px 0 4px;
	line-height:13px;
	background: url('./img/border-service-navi.gif') no-repeat 0 2px;
}
div.serviceNavi ul li.first {
	background:none;
}
div.serviceNavi ul li a,
div.serviceNavi ul li a:visited {
	color:#fff;
	text-decoration:none;
}
div.serviceNavi ul li a:hover {
	text-decoration:underline;
}	
	
/*****  CONTENT ELEMENTS  *****/

#content div.window {
	position:absolute;
	top:131px;
	left:115px;
	width:748px;
	height:446px;
}
#content div.window div.container {
	position:absolute;
	top:13px;
	left:0;
	width:748px;
	height:433px;
	background:#fff url('./img/bg-window.jpg') no-repeat 0 0;
}
#content div.window p.closeButton {
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	right:0;
	width:66px;
	height:16px;
	overflow:hidden;
}
#content div.window p.closeButton a {
	display:block;
	margin:0;
	padding:16px 0 0 0;
	height:0;
	overflow:hidden;
	background:url('./img/button-close.gif') no-repeat 0 0;
}

#content div.windowHeader {
	margin:0;
	padding:0;
	height:47px;
	width:100%;
} 
#content div.windowHeader h2.windowCaption {
	float:left;
	margin:7px 0 0 10px;
	padding:0;
	width:144px;
	height:40px;
	overflow:hidden;
}
* html #content div.windowHeader h2.windowCaption {
	margin-left:5px;
}
#content div.windowHeader h2.windowCaption a,
#content div.windowHeader h2.windowCaption a:visited,
#content div.windowHeader h2.windowCaption span {
	display:block;
	margin:0;
	padding:40px 0 0 0;
	height:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}
#content div.windowHeader h2.windowCaption a:hover {
	background-position:0 -40px;
}
#content div.windowHeader ul.tabNavi {
	float:left;
	margin:8px 0 0 0 ;
	padding:0;
	height:36px;
	list-style-type:none;
}
#content div.windowHeader ul.tabNavi li {
	float:left;
	margin:0;
	padding:0;
	width:117px;
	height:36px;
	overflow:hidden;
}
#content div.windowHeader ul.tabNavi li a, 
#content div.windowHeader ul.tabNavi li a:visited {
	display:block;
	margin:0;
	padding:36px 0 0 0;
	width:144px;
	height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}
#content div.windowHeader ul.tabNavi li a:hover {
	background-position:0 -72px;
}
#content div.windowHeader ul.tabNavi li a.active, 
#content div.windowHeader ul.tabNavi li a.active:visited {
	background-position:0 -36px;
}
#content div.windowHeader ul.tabNavi li.images a {
	background-image: url('/media/tab-caption/images.gif');
}
#content div.windowHeader ul.tabNavi li.threedanimations a {
	background-image: url('/media/tab-caption/3d-animations.gif');
}
#content div.windowHeader ul.tabNavi li.illustrations a {
	background-image: url('/media/tab-caption/illustrations.gif');
}
#content div.windowHeader ul.tabNavi li.threedrenderings a {
	background-image: url('/media/tab-caption/3d-renderings.gif');
}
#content div.windowHeader ul.tabNavi li.downloads a {
	background-image: url('/media/tab-caption/downloads.gif');
}

#content div.windowContent {
	position:absolute;
	top:62px;
	left:3px;
	width:742px;
	height:368px;
	overflow:hidden;
}
#content div.windowContent h3 {
	text-align:center;
	margin:0 97px;
	padding:40px 0 0 0;
	height:0;
	width:548px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0 ;
}


#content div.windowContent div.slideContent {
	position:relative;
	margin:0 97px;
	padding:0;
	height:368px;
	width:548px;
	overflow:hidden;
}
#content div.windowContent div.slideContainer {
	position:relative;
	margin:0;
	padding:0;
	height:368px;
	overflow:hidden;
	left:0;
}
#content div.windowContent div.slide {
	float:left;
	margin:0;
	padding:0;
	width:548px;
	height:368px;
	overflow:hidden;
	position:relative;
}

#content div.windowContent div#slideContent div.slideRight,
#content div.windowContent div#slideContent div.slideLeft {
	position:absolute;
	top:168px;
	width:36px;
	height:30px;
	cursor:pointer;
}
#content div.windowContent div#slideContent div.slideRight {
	background:url('./img/button-slide-right.gif') no-repeat 0 0;
	right:10px;
}
#content div.windowContent div#slideContent div.slideLeft {
	background:url('./img/button-slide-left.gif') no-repeat 0 0;
	left:10px;
}

#content div.windowContent div.slideContent h3 {
	margin:0;
}

#content div.windowContent div.size-image {
	margin:0;
	padding:0;
	
	overflow:hidden;
}
#content div.windowContent div.size-images div.length {
	float:left;
	margin:0;
	padding:26px 1px 0 0;
	width:37px;
	height:188px;
	overflow:hidden;
}

#content div.windowContent div.size-images div.kernel-image {
	float:left;
	margin:0;
	padding:25px 49px 0 0;
	width:150px;
	height:290px;
	overflow:hidden;
}

*html #content div.windowContent div.size-images div.kernel-image {
	padding:25px 47px 0 0;
}

#content div.windowContent div.size-images div.kernel-image-center {
	margin-left:200px;
}

*html #content div.windowContent div.size-images div.kernel-image-center {
	margin-left:100px;
}


#content div.windowContent div.size-images div.kernel-image-twoelem {
	margin-left:100px;
}

*html #content div.windowContent div.size-images div.kernel-image-twoelem {
	margin-left:50px;
}

#content div.windowContent div.size-images div.kernel-image-last {
	padding:25px 0 0 0;
}


#content div.windowContent div.size-images div.kernel-layer-image {
	float:left;
	margin:0;
	padding:40px 31px 0 0;
	width:258px;
	/*height:207px;*/
	height:auto;
	overflow:hidden;
}

#content div.windowContent div.size-images div.kernel-layer-image-center {
	margin-left:150px;
}

*html #content div.windowContent div.size-images div.kernel-layer-image-center {
	margin-left:78px;
}

#content div.windowContent div.size-images div.kernel-layer-image p{
	font-weight:bold;
	font-size:13px;
	line-height:1.4;
	
	padding:10px 0 0 0;
}

#content div.windowContent div.size-images div.kernel-layer-image-last {
	padding:40px 0 0 0;
}


#content div.windowContent div.size-images img {
	display:block;
	margin:0;
	padding:0;
}
#content div.windowContent div.size-images img.description {
	padding-top:12px;
}

#content div.windowContent div.image-and-text {
	margin:20px 97px 0 97px; 
	padding:0;
}
#content div.windowContent div.image-and-text div.image {
	float:left;
	margin:0;
	padding:0;
	width:208px;
	height:290px;
	overflow:hidden;
}
#content div.windowContent div.image-and-text div.image img {
	display:block;
	margin:0;
	padding:0;
	border:none;
}
#content div.windowContent div.image-and-text div.content {
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	overflow-y:auto;
	width:320px;
	height:290px;
}
/*#content div.windowContent div.image-and-text iframe {
	overflow:hidden;
	overflow-y:scroll;
	width:320px;
	height:290px;
	float:right;
}*/
/*	Bild und Text im Slider	*/
#content div.textSlide ol {
		margin:0 0 20px 0;
		padding:0 0 0 20px;
}
* html #content div.textSlide ol { padding:0 0 0 25px; }
*+html #content div.textSlide ol { padding:0 0 0 25px; }
#content div.textSlide ol li {
	padding:0 0 2px 0;
}
#content div.textSlide ul {
		margin:0;
		padding:0 0 0 20px;
		list-style-type:disc;
}
#content div.textSlide ul li {
	padding:2px 0;
}
#content div.textSlide div.image-and-text {
	margin:20px 0 0 0; 
	padding:0;
	overflow:hidden !important;
}
#content div.textSlide div.image-and-text div.content {
	height:295px;
	overflow-x:hidden;
	overflow-y:auto; 
}



#content div.textSlide div.image-and-text div.image img {
	margin-top:85px;
}

#content div.windowContent .slide h4
{
	border-bottom:1px solid #00315c;
	font-size:11px;
}

#content div.windowContent div.two-images {
	padding:20px 0 0 0 ;
}

#content div.windowContent div.two-images .left
{
	float:left;
	width:258px;
}

/*#content div.windowContent div.two-images .left p
{
	padding:5px 0 0 0;
	color:#00315c;
	font-weight:bold;
	font-size:13px;
	line-height:1.4;
}*/

#content div.windowContent div.two-images .right
{
	float:right;
	width:258px;
}

#content div.windowContent div.two-images .right p
{
	padding:5px 0 0 0;
	color:#00315c;
	font-weight:bold;
	font-size:13px;
	line-height:1.4;
}

#content div.windowContent div.two-images .bottom
{
	clear:both;
	width:548px;
	text-align:center;
	padding:15px 0 0 0;
}

#content div.windowContent div.gallery-images 
{
	padding:0px 0 0 0 ;
}

#content div.windowContent div.gallery-images .left
{
	float:left;
	width:258px;
}

#content div.windowContent div.gallery-images .left .inner-left
{
	width:160px;
	margin:0px auto;
	
}

#content div.windowContent div.gallery-images .col1
{
	float:left;
	width:65px;
}

#content div.windowContent div.gallery-images .col2
{
	float:right;
	width:65px;
	text-align:left;
}

#content div.windowContent div.gallery-images .clear
{
	clear:both;
}

#content div.windowContent div.gallery-images .spacer
{
	clear:both;
	border-bottom:1px solid #00315c;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}

#content div.windowContent div.gallery-images .right
{
	float:right;
	width:258px;
}

#content div.windowContent div.gallery-images .right .inner-right
{
	width:160px;
	margin:0px auto;
	
}

#content div.windowContent div.gallery-images .bottom
{
	clear:both;
	width:548px;
	text-align:center;
	padding:15px 0 0 0;
}


#content div.windowContent div.two-cols 
{
	padding:0px;
}

#content div.windowContent div.two-cols .left
{
	float:left;
	width:258px;
}

#content div.windowContent div.two-cols .left .inner-left
{
	margin:0px auto;
	width:190px;
}

#content div.windowContent div.two-cols .right
{
	float:right;
	width:258px;
}

#content div.windowContent div.two-cols .right .inner-right
{
	margin:0px auto;
	width:190px;
}

#content div.windowContent div.two-cols .download
{
	width:180px;
	height:auto;
	background-color:#CAE1EF;
	margin:0 0 10px 0;
	overflow:hidden;
	font-size:11px;
	padding:5px;
}

#content div.windowContent div.two-cols .download img
{
	margin:0 8px 0 5px;
}


#content div.windowContent div.two-cols .download a
{
	color:#00315c;
	font-weight:bold;
	font-size:11px;
}

#content div.windowContent div.animations div.video img 
{
	border:1px solid #00315C;
}

#content div.windowContent div.animations div.video
{
	margin-top:0px;
	
	width:241px;
	height:auto;
	overflow:hidden;
	
	float:left;
	

}

#content div.windowContent div .video-right
{
	margin-left:66px;
}

#content div.windowContent div.two-cols .video
{
	width:190px;
	height:175px;
	overflow:hidden;
}

#content div.windowContent div.two-cols .bottom
{
	clear:both;
	width:548px;
	text-align:center;
	padding:15px 0 0 0;
}

#content div.windowContent div.animations
{
	padding:20px 0 0 0;
	text-align:center;
	width:549px;
}

#content div.windowContent div.illustrations
{
	padding:15px 0 0 0;
	text-align:center;
	width:549px;
}

#content div.windowContent div.illustrations img
{
	border:0px;
	width:auto;
	height:290px;
}

#content #grainNavi {
	position:absolute;
	margin:0;
	padding:0;
	top:140px;
	left:39px;
	width:900px;
	height:450px;
}

#content #grainNavi ul {
	margin:0 0 0 45px;
	padding:0;
	list-style-type:none;
} 
#content #grainNavi ul li {
	float:left;
	margin:0;
	padding:0 25px 20px 0;
	width:184px;
	height:211px;
	overflow:hidden;
}
#content #grainNavi ul li a {
	display:block;
	margin:0;
	padding:211px 0 0 0;
	width:184px;
	height:0;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
#content #grainNavi ul li.corn a {
	background-image:url('/media/grain-navi/corn.jpg');
}
#content #grainNavi ul li.barley a {
	background-image:url('/media/grain-navi/barley.jpg');
}
#content #grainNavi ul li.wheat a {
	background-image:url('/media/grain-navi/wheat.jpg');
}
#content #grainNavi ul li.spelt a {
	background-image:url('/media/grain-navi/spelt.jpg');
}
#content #grainNavi ul li.rye a {
	background-image:url('/media/grain-navi/rye.jpg');
}
#content #grainNavi ul li.rice a {
	background-image:url('/media/grain-navi/rice.jpg');
}
#content #grainNavi ul li.oat a {
	background-image:url('/media/grain-navi/oat.jpg');
}
#content #grainNavi ul li.history-of-grain a {
	background-image:url('/media/grain-navi/history-of-grain.jpg');
}

#content form {
	margin:0;
	padding:0;
}
#content fieldset {
	margin:0;
	padding:0;
	border:none;
}

#content input {
	font-size:11px;
	width:150px;
}
#content input.zip {
	font-size:11px;
	width:45px;
}
* html #content input.zip {
	font-size:11px;
	width:43px;
}
*+html #content input.zip {
	font-size:11px;
	width:43px;
}
#content input.city {
	font-size:11px;
	width:98px;
}
#content input.submit {
	width:70px;
}
#content input.requestupdate {
	width:110px;
}
#content input.radio,
#content input.checkbox {
	width:15px;
}

table {
	border-collapse:collapse;
	width:100%;
	margin:0;
	padding:0;
}
td {
	vertical-align:middle;
	line-height:20px;
}

.success {
	color:#009;
	font-weight:bold;
}
.success a,
.success a:visited {
	color:#009;
}
.error {
	color:#c00;
	font-weight:bold;
}
.error a,
.error a:visited {
	color:#c00;
}

ul.error {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.error li {
	margin:0;
	padding:3px 0;
}




div#overlay {
	display:none;
}
div#overlay.show {
	display:block;
	position:absolute;
	opacity:0.9;
	background:#fff;
	top:0;
	left:0;
	width:978px;
	height:664px;
	z-index:1000;
}
div#video-container {
	display:none;
}
div#lightbox-container {
	display:none;
}


div#video-container.show {
	display:block;
	position:absolute;
	opacity:1;
	background:url('./img/bg-video.gif') no-repeat 0 0;
	top:78px;
	left:236px;
	width:506px;
	height:519px;
	margin:0;
	padding:0;
	z-index:1100;
}
div#video {
	position:absolute;
	left:3px;
	top:16px;
	width:500px;
	height:500px;
	background:#fff;
}
div#video-container p.closeButton {
	position: absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	height:16px;
	width:65px;
	cursor:pointer;
}

div#lightbox-container.show {
	display:block;
	position:absolute;
	opacity:1;
	background:url('./img/bg-lightbox.gif') no-repeat 0 0;
	top:58px;
	left:11px;
	width:956px;
	height:569px;
	margin:0;
	padding:0;
	z-index:1100;
}
div#lightbox {
	position:absolute;
	left:3px;
	top:16px;
	width:950px;
	height:540px;
	background:#fff;
}
div#lightbox-container p.closeButton {
	position: absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	height:16px;
	width:65px;
	cursor:pointer;
}