@charset "utf-8";

/* CSS Document */
/* by Mario Pontow */
/* orangescale.de webcommunications */
/* tested on ie5.* ie6 ie7 firefox2 safari3 camino opera on mac and pc */

@import url(core/base.css);
@import url(core/iehacks.css);

html {height:100%;}
body {
	font: 100% "Lucida Grande", Geneva,Arial,Verdana,sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	height:100%;
}

body.bildausrichten {
background: #fff url(../gfx/background.gif) 50% 0 repeat-x;
}

* {
color:#666;
font-family:"Lucida Grande", Geneva,Arial,Verdana,sans-serif;
margin:0em;
padding:0em;
line-height:18px;
font-size:11px;
}

* a:hover {
color:#ED1C24;
}

#container {
	width: 765px;
	margin: 0 auto;
	text-align: left;
}

#bodyid #header {
background-image:url(../gfx/mainmenuback.jpg);
background-repeat:no-repeat;
height:34px;
}

*+html #header /* nur IE7 */
{
border-bottom: 1px solid #fff;
}

#bodyid #container #toplogos #bekologo {
float:left;
}

#maincontent {
float:right;
width:757px;
background-color:#fff;
}

#footer {
clear:both;
width:760px;
height:34px;
background-image:url(../gfx/footer.jpg);
background-repeat:no-repeat;
}

#footer a {
color:#FFFFFF;
float:right;
text-decoration:none;
}

#footer a:hover {
color:#ddd;
}

div#footerwhite {
background:white url("../gfx/footerwhite.gif") repeat-x scroll 0%;
height:21px;
clear:both;
position:relative;
}

.toparrow {
width:7px;
height:4px;
background-image:url(../gfx/toparrow.gif);
}

/* mainmenu */

#mainnavi {
float:left;
width:760px;
height:34px;
text-align:left;
}
html>body #mainnavi {
border-bottom: 1px solid #fff;
}

* html b\ody #mainnavi /* nur ie6 */
{
}

#bodyid #container #mainnavi #mainmenu ul {
margin:0px;
margin-left:195px;
}
#bodyid #container #mainnavi #mainmenu li {
display:block;
float:left;
list-style-type:none;
margin-left:0px;
overflow:hidden;
text-align:center;
white-space:nowrap;
}
#bodyid #container #mainnavi #mainmenu li {
padding:0pt;
}
#bodyid #container #mainnavi #mainmenu a {
color:#FFFFFF;
display:block;
padding:0px 10px 0px 10px;
text-decoration:none;
line-height:310%;
}
#bodyid #container #mainnavi #mainmenu a:hover {
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}
#bodyid #container #mainnavi #mainmenu a.aktiv {
color:#fff;
font-weight:normal;
text-decoration:none;
}
#bodyid #container #mainnavi #mainmenu li a.aktiv {
float:right;
overflow:hidden;
white-space:nowrap;
}
#bodyid #container #mainnavi #mainmenu li a.aktiv {
background-image:url(../gfx/mainmenubutton.gif);
background-repeat:repeat-x;
float:none;
}
#bodyid #container #mainnavi #mainmenu a.aktiv:hover {
color:#ddd;
text-decoration:none;
}
#bodyid #container #mainnavi #mainmenu a.inaktiv {
color:#FFFFFF;
text-decoration:none;
}

#bodyid #container #mainnavi #mainmenu li a.inaktiv {
float:none;
}

#bodyid #container #mainnavi #mainmenu li a.inaktiv:hover {
overflow:hidden;
white-space:nowrap;
text-decoration:none;
float:none;
color:#fff;
background-image:url(../gfx/mainmenubutton2.png);
background-repeat:repeat-x;
}



/* end mainmenu */


/* leftmenu */

#leftmenu {
float:left;
width:195px;
height:200px;
background-image:url(../gfx/subnaviback.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#666;
}

#bodyid #container #leftmenu ul {
margin:0;
padding:0;
font-size:11px;
list-style-type:none;
list-style-position:outside;
margin-top:20px;
}

#bodyid #container #leftmenu li {
padding:0;
margin:0;
margin-bottom:7px;
}

#bodyid #container #leftmenu li a {
text-decoration:none;
color:#FFFFFF;
}

#leftmenu .inaktiv {
color:#50687A;
display:block;
height:18px;
line-height:160%;
text-decoration:none;
padding-left:30px;
}
#leftmenu .aktiv {
color:#fff;
display:block;
height:18px;
text-decoration:none;
padding-left:30px;
line-height:160%;
}
html>body #leftmenu .aktiv  {
background-image:url(../gfx/submenubutton.png);
background-position:left;
}

* html b\ody #leftmenu .aktiv {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/submenubutton.png', sizingMethod='scale');
background-color:none;
}

#leftmenu .inaktiv:hover {
color:#FFFFFF;
}
html>body #leftmenu .inaktiv:hover {
background-image:url(../gfx/submenubutton2.png);
background-position:left;
}

* html b\ody #leftmenu .inaktiv:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/submenubutton2.png', sizingMethod='scale');
background-color:none;
}

#leftmenu .aktiv:hover {
background-color:#c70014;
color:#FFFFFF;
}

/* leftmenu end */


/* leftsubmenu */

#leftsubmenu {
float:left;
width:195px;
height:200px;
}

#bodyid #container #leftsubmenu ul {
margin:0;
padding:0;
font-size:11px;
list-style-type:none;
list-style-position:outside;
margin-top:30px;
}

#bodyid #container #leftsubmenu li {
padding:0;
margin:0;
margin-bottom:7px;
}

#bodyid #container #leftsubmenu li a {
text-decoration:none;
color:#666;
}

#leftsubmenu .inaktiv {
color:#666;
display:block;
height:18px;
line-height:160%;
text-decoration:none;
padding-left:30px;
}
#leftsubmenu .aktiv {
color:#D60912 !important; 
display:block;
height:18px;
text-decoration:none;
padding-left:30px;
line-height:160%;
background-image:url(../gfx/leftsubmenu.gif);
background-position:left;
background-repeat:no-repeat;
}

#leftsubmenu .inaktiv:hover {
color:#666;
background-color:#eee;
}

#leftsubmenu .aktiv:hover {
background-color:#eee;
color:#666;
}

/* leftsubmenu end */





#col3 { 
margin-left: 195px; 
}

#searchform {
padding-top:4px;
}

#sucheinput {
height:16px;
border:1px solid #FFFFFF;
background-color:transparent;
width:120px;
color:#FFFFFF;
vertical-align: middle;
}

#sucheinput:hover {
border:1px solid #aaa;
background-image:url(../gfx/menuback.gif);
}

#suchpfeil {
height:18px;
width:18px;
background-color:transparent;
margin:0px 6px;
vertical-align: middle;
}

#suchpfeil:hover {
height:18px;
width:18px;
background-color:transparent;
margin:0px 6px;
vertical-align: middle;
}

#suchetxt {
color:#FFFFFF;
line-height:180%;
float:left;
margin: 0px 8px 0;
}

#hidden {
display:inline;
height:0;
overflow:hidden;
width:0;
}

#centercontent {
float:left;
width:565px;
}

* html #centercontent {
height:400px;
}

#rightcontent {
float:right;
width:255px;
margin-top:30px;
}

.maincontainerbackpic {
background-image:url(../gfx/backgroundmain.gif);
background-repeat:no-repeat;
background-position:top right;
min-height:165px;
height:auto !important;
height:165px;
width:565px;
}

.maincontainer {
padding:31px 0px 0px 20px;
margin-bottom:10px;
width:545px;
clear:both;
}

.maincontainerzwei {
padding:0px 0px 0px 20px;
margin-left:20px;
width:520px;
clear:both;
background-image:url(../gfx/rahmen.gif);
height:45px;
}

.maincontainersmall {
padding:10px 0px 0px 20px;
margin-bottom:10px;
width:545px;
clear:both;
}

.maincontainer hr {
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #0167b3;
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.mainheadline  {
padding:0px;
margin:0px;
height:1px;
background:#0167b3;
overflow:hidden;
}

.rightcontainer {
background-image:url(../gfx/rightcontainer.jpg);
background-repeat:no-repeat;
background-position:bottom left;
min-height:165px;
height:auto !important;
height:165px;
padding:0 15px 15px 5px;
margin-bottom:10px;
}

h1 {
font-size:30px;
line-height:36px;
font-weight:lighter;
color:#d60912;
padding-bottom:10px;
padding-right:12px;
}

h1 a {
font-size:14px;
color:#0167b3;
text-decoration:none;
}

h1 a:hover {
font-size:14px;
color:#ed1c24;
text-decoration:none;
}

h2 {
font-size:14px;
line-height:24px;
font-weight:normal;
color:#ed1c24;
}

h2 a {
font-size:14px;
line-height:24px;
font-weight:normal;
color:#ed1c24;

}

h2 a:hover {
color:#666;
}

h3 {
font-size:12px;
line-height:24px;
font-weight:bold;
color:#0167b3;
}

h3 a {
color:#0167b3;
text-decoration:underline;
}

h3 a:hover {
color:#ed1c24;
}

h4 {
font-size:11px;
line-height:20px;
font-weight:bold;
color:#0167b3;
}

h4 a {
color:#0167b3;
text-decoration:underline;
}

h4 a:hover {
color:#ed1c24;
}

.rightheadback {
background-image:url(../gfx/rightcontainerheadback2.jpg);
}

.rightheadline  {
padding:0px;
margin:0px;
height:1px;
background:#0167b3;
overflow:hidden;
}

.copytext {
margin:5px 12px 0px 0px;
line-height:18px;
}

.ansprechpartnerhead {
width:250px;
float:left;
height:30px;
}
.ansprechpartnerheadzwei {
width:250px;
float:left;
margin-left:30px;
height:30px;
}

p {
margin-bottom:8px;
margin-top:8px;
line-height:18px;
}

.copytextconpic {
float:left;
width:310px;
line-height:18px;
}

.copytextvertrieb {
float:left;
width:400px;
line-height:18px;
height: 120px;
padding-top: 30px;
}

.copypic {
float:right;
width:200px;
}

.copypic img {
padding-bottom:20px;
}

.vertriebspartnerlogo {
float:left;
width:120px;
}

.copytextblau {
color:#0167b3;
}

.copytextblau a {
color:#0167b3;
}

.copytextblau a:hover {
color:#ed1c24;
}


#centercontent .copytext img {
float:right;
margin:5px 0px 10px 12px;
clear:both;
}

.morelink {
background:transparent url(../gfx/linkarrow.gif) no-repeat scroll left center;
padding: 2px 10px 2px 12px;
color:#0167b3;
text-decoration:none;
font-weight:bold;
}

.morelink:hover {
background:transparent url(../gfx/linkarrow_over.gif) no-repeat scroll left center;
color:#ed1c24;
}

.listpoints li {
list-style:square;
list-style-image:none;
list-style-position:outside;
margin: 2px 10px 8px 15px;
color:#a5c9e4;
text-decoration:none;
}

.listpointstxt {
color:#333;
line-height:20px;
}

.invisible {
display:none;
}

.spaltenrahmencontainer {
margin-left:10px;
width:560px;
}

.spaltenrahmen {
background-image:url(../gfx/2spalten_rahmen.gif);
background-repeat:no-repeat;
background-position:bottom center;
min-height:164px;
height:auto !important;
height:164px;
float:left;
width:280px;
}

.spaltenrahmenzwei {
background-image:url(../gfx/2spalten_rahmentop.gif);
background-repeat:no-repeat;
background-position:top center;
min-height:164px;
height:auto !important;
height:164px;
float:left;
width:280px;
}

.spaltenrahmeninhalt {
margin: 20px 20px 22px 20px;
}

* html .spaltenrahmencontainerbreit {
margin-left:5px;
}
html>/**/body .spaltenrahmencontainerbreit {
margin-left:10px;
}
html>body .spaltenrahmencontainerbreit {
margin-left:10px;
}
.spaltenrahmencontainerbreit {
width:560px;
}

.spaltenrahmenbreit {
background-image:url(../gfx/spalten_rahmen.gif);
background-repeat:no-repeat;
background-position:bottom left;
min-height:164px;
height:auto !important;
height:164px;
float:left;
width:560px;
}

.spaltenrahmeninhaltbreit {
margin: 20px 20px 25px 20px;
}

.spaltenrahmenbreitoben {
background-image:url(../gfx/spalten_rahmen_top.gif);
background-repeat:no-repeat;
background-position:top left;
min-height:119px;
height:auto !important;
height:119px;
float:left;
width:560px;
}

.zertifikat {
position:absolute; 
width:81px; 
height:115px; 
z-index:1; 
left: 350px; 
top: 280px;
background-color:#eeeeee;
}

* html b\ody .zertifikat {
left:-220px;
}