@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
html, body, #wrapper, wrapper2 {
color:#666;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;

}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}
a {
  color: #ff0000;
}
a:visited {
  color: #cc0033;
}
h1 {
  font-size: 2em;
  font-weight: normal;
}
h2 {
  font-size: 1.3em;
  font-weight: normal;
}
h3{
/* margin: 0; */
/* padding: 5px 25px; */
color: #ff0000;
}
h4{
margin: 0;
/* padding-left:25px; */
padding-top:15px;
padding-bottom:0
font-size: 0.9em;
}
div#wrapper {
position: absolute;
top: 0;
left: 0;
background:#fff;
}

#header {
position:relative; z-index:500;
width: 100%;
height: 220px;
/* background:#fff url(logo.gif) no-repeat left top; */
}
#headcontent {
background:#fff; margin-left:0; position:relative; padding:0;
}
	#headcontent img{
	margin-left:10px; margin-top:10px;
	}

#produkte {
	margin: 0/*  0 15px 0 */;
	padding: 0;
	background-image: url(head_bg.jpg);
	height: 127px;
	width: 100%;
	min-width: 900px;
}

#sidebar {
width:12em; float:left;
padding-left:5px;
padding-top:10px;
/* background:#aaa; */
}

#content {
margin-left:180px;
padding:0 10px;
/* width:60em; */
}

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

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
height: 45px;
background:#888;
color: #fef9ee;
overflow:hidden;
}
	#footerContent {
	padding:10px;font-size:0.7em;font-style:oblique;
	}
	#footerContent h5 {
	margin:0; padding:5px 0;
	}
	#footerContent p {
	padding:5px 0; margin:0;
	}

#main {
margin: 0;
padding: 0;
width:70em;
}

* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 40px;
}

head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 40px;
}

.nbk {
	background-image: url(nbk_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.nbk_a {
	background-image: url(nbk_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.nbk_a:hover {
	background-image: url(nbk_a.jpg);
	background-position: top;
}
.nbk:hover {
	background-image: url(nbk_a.jpg);
	background-position: bottom;
}

.ivalis {
	background-image: url(ivalis_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.ivalis_a {
	background-image: url(ivalis_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.ivalis_a:hover {
	background-image: url(ivalis_a.jpg);
	background-position: top;
}
.ivalis:hover {
	background-image: url(ivalis_a.jpg);
	background-position: bottom;
}
.li_ivalis {
	background-image: url(lerninsel_halbrund_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.li_ivalis_a {
	background-image: url(lerninsel_halbrund_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.li_ivalis_a:hover {
	background-image: url(lerninsel_halbrund_a.jpg);
	background-position: top;
}
.li_ivalis:hover {
	background-image: url(lerninsel_halbrund_a.jpg);
	background-position: bottom;
}
.mmt {
	background-image: url(mmt_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.mmt_a {
	background-image: url(mmt_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.mmt:hover {
	background-image: url(mmt_a.jpg);
	background-position: bottom;
}
.mmt_a:hover {
	background-image: url(mmt_a.jpg);
	background-position: top;
}
.x8nmmt {
	background-image: url(x8nmmt_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.x8nmmt_a {
	background-image: url(x8nmmt_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.x8nmmt:hover {
	background-image: url(x8nmmt_a.jpg);
	background-position: bottom;
}
.x8nmmt_a:hover {
	background-image: url(x8nmmt_a.jpg);
	background-position: top;
}
.nmc {
	background-image: url(nmc_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.nmc_a {
	background-image: url(nmc_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.nmc:hover {
	background-image: url(nmc_a.jpg);
	background-position: bottom;
}
.nmc_a:hover {
	background-image: url(nmc_a.jpg);
	background-position: top;
}
.x16 {
	background-image: url(x16_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.x16_a {
	background-image: url(x16_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.x16:hover {
	background-image: url(x16_a.jpg);
	background-position: bottom;
}
.x16_a:hover {
	background-image: url(x16_a.jpg);
	background-position: top;
}
.x32 {
	background-image: url(x32_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.x32_a {
	background-image: url(x32_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.x32:hover {
	background-image: url(x32_a.jpg);
	background-position: bottom;
}
.x32_a:hover {
	background-image: url(x32_a.jpg);
	background-position: top;
}
.attache {
	background-image: url(attache_a.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 127px;
	width: 100px;
	float: left;
}
.attache_a {
	background-image: url(attache_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 127px;
	width: 100px;
	float: left;
}
.attache:hover {
	background-image: url(attache_a.jpg);
	background-position: bottom;
}
.attache_a:hover {
	background-image: url(attache_a.jpg);
	background-position: top;
}
.oben_rechts {
	width: auto;
	height: auto;
	position: absolute;
	top: 30px;
	right: 20em;
	border-right-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	padding-right: 15px;
}
.oben_rechts_r {
	width: auto;
	height: auto;
	position: absolute;
	top: 30px;
	right: 1em;
}

/* Box mit runden Ecken */
#eck_box {
background: transparent; margin-left: 0.4em;
}
	#eck_box ul{
	margin:0 10px; 
	letter-spacing:1px;
	padding-bottom:0.5em; 
	list-style-type: none; 
	padding-left:0;
	padding-right: 0; 
	font-size:1.25em;
	}
	#eck_box ul li a, #eck_box ul li a:visited {
	color:#666666;
	}
	#eck_box ul li:hover a, #eck_box ul li a:hover{
	font-weight:600;color: #ff0000;
	}
	#eck_box li{
	padding:8px 0;
	}
	#eck_box a{
	text-decoration: none;
	}
.etop, .ebottom {display:block; background:transparent; font-size:1px;}
.eck1, .eck2, .eck3, .eck4 {display:block; overflow:hidden;}
.eck1, .eck2, .eck3 {height:1px;}
.eck2, .eck3, .eck4 {background:#BCBDC1; border-left:1px solid #666; border-right:1px solid #666;}
.eck1 {margin:0 5px; background:#666;}
.eck2 {margin:0 3px; border-width:0 2px;}
.eck3 {margin:0 2px;}
.eck4 {height:2px; margin:0 1px;}
.eck_boxcontent {display:block; background:#BCBDC1; border:0 solid #666; border-width:0 1px;}
/* Box mit runden Ecken */

}
.top_news{
position: absolute;
left: 230px;
top: 20px;
height: 50px;
width: 300px;
display: none;
background-image: url(besuchen_didacta.gif);
background-repeat: no-repeat;
background-position: bottom;
}
@media all and (min-width:0px) {
head~body {height:100%;}
}
/* Newsletter */
.eck_box {
background: transparent; margin-left: 0.4em;
}
.gloa{padding-left:10px;font-size:10px;}
span.label,span.spacer,span.multiple span {width:150px;float:left;padding-left:10px;} 
span.multiple {float:left;} 
span.button {padding-left:10px;} 
div.clear {clear:both;padding-top:5px;}