@charset "utf-8"; 

body{margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#444; background-color:#e9e9e9}

div.container{width:999px; margin:0px auto}

#header div.container{overflow:hidden}

div#header{background-color:#e9e9e9; height:230px}

div#head-image{background-position:right top; background-repeat:no-repeat; width:979px; height:150px; padding:18px 0px 0px 11px; position:absolute; top:0px; z-index:0; overflow:hidden}
div#head-image h1{text-indent:-9999px}
div#logo{position:absolute; z-index:99999999; top:0}
div#navigation{background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#efefef)); background:-moz-linear-gradient(top,#f7f7f7,#efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#efefef'); -webkit-box-shadow:0px 2px 6px #bbb; -moz-box-shadow:0px 2px 6px #bbb; -o-box-shadow:0px 2px 6px #bbb; box-shadow:0px 2px 6px #bbb; margin:148px 0px 0px 20px; height:39px; width:943px; padding:10px 15px 0px 13px; overflow:visible}
div#navigation ul{margin:0px; padding:0px; overflow:visible; float:left; z-index:600}

div#navigation ul:hover, div#navigation ul ul li:hover, div#navigation ul ul a:hover{display:block}

div#navigation ul li{margin:0px; float:left; padding:0px; list-style:none; background:url(../design/nav_stribe.gif); background-position:right top; background-repeat:no-repeat; height:43px; overflow:visible}
div#navigation ul li ul li:hover >li{background:#0C3}
div#navigation ul li ul{margin:0px; padding:5px; list-style:none; background-color:#0C3; float:none; position:absolute; z-index:610; width:300px; z-index:999; opacity:.95; -webkit-opacity:0.95; -khtml-opacity:.95; -o-opacity:.95; -moz-opacity:0.95; display:none; overflow:visible}
div#navigation ul li ul li ul{margin:-35px 0px 0px 300px; padding:5px; list-style:none; background:#555; float:none; position:absolute; z-index:560; width:300px; opacity:.98; -webkit-opacity:0.98; -khtml-opacity:.98; -o-opacity:.98; -moz-opacity:0.98; visibility:hidden}

div#navigation ul li li li{background:none}

div#navigation ul li li{margin:0px; padding:0px; list-style:none; float:none; height:auto; margin-bottom:1px; z-index:1010; background:#0C3; display:block}
div#navigation ul li li a{display:block; color:#fff; background:#0C3; padding:7px 7px 6px 11px; border-bottom:1px #00B90A solid}

div#navigation ul li:hover li a{display:block; padding:7px 7px 6px 11px; color:#fff; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-bottom:1px #00B90A solid}

div#navigation ul li:hover li li a{display:block; padding:7px 7px 6px 11px; color:#fff; background:none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-bottom:1px #999 solid; font-size:12px}

div#navigation ul li li a:hover{display:block; padding:6px 6px 6px 10px !important; background:#f7f7f7 !important; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea)) !important; background:-moz-linear-gradient(top,#f7f7f7,#eaeaea) !important;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#eaeaea') !important; border:1px #fff solid !important; color:#666 !important}
div#navigation ul li li li a{display:block; padding:6px 7px 6px 10px !important; color:#fff; background:none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-bottom:1px #666 solid !important}
div#navigation ul li li li a:hover{display:block; padding:6px 6px 6px 10px !important; background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea)); background:-moz-linear-gradient(top,#f7f7f7,#eaeaea);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#eaeaea'); border:1px #fff solid; color:#666; text-shadow:#fff 0px 1px 1px}
div#navigation ul li a{text-transform:uppercase; color:#666; font-weight:bold; text-decoration:none; font-size:13px; padding:8px 20px 15px 17px; display:inline-block}
div#navigation ul li a:hover{text-transform:uppercase; color:#fff; font-weight:bold; text-decoration:none; background:#0C3; padding:8px 20px 15px 17px}
div#navigation ul li:hover a{text-transform:uppercase; color:#fff; font-weight:bold; text-decoration:none; background:#0C3; padding:8px 20px 15px 17px}
div#navigation ul li li:hover a{text-transform:uppercase; color:#fff; font-weight:bold; text-decoration:none; background:#555; padding:6px 6px 6px 10px; border:1px solid #555}
div#navigation ul li:hover ul{display:block}
div#navigation ul li ul li:hover ul{visibility:visible}
div#navigation ul li div{float:right; margin:2px 0px 0px 0px; background:url(../design/pfeil.png); width:10px; height:10px}
div#search{float:right}
div#search input{background:url(../design/search_bg.gif); border:1px #fff solid; height:27px; margin:0px -40px 0px 0px; padding:0px 5px; width:180px; float:left; position:relative; z-index:900px; color:#666}
div#search button{background:url(../design/search_button_bg.gif); border:1px #fff solid; height:29px; width:40px; margin:0px; padding:0px 5px; position:relative; z-index:999px; float:right; cursor:pointer}
div#breadcrumbs{padding:8px 0px 0px 0px; clear:both}
div#breadcrumbs .container{padding:0px 0px 0px 20px; width:979px; font-size:11px; color:#777}
div#content{width:100%; background:#FFF}
div#content .container{padding:20px 3px 20px 24px !important; width:961px !important; overflow:auto; min-height:300px}

div#right{float:right; width:400px}
div.left-fill{width:520px; float:left}
div.left-fill p p{padding-left:0px}
div.left-fill h2, div.left-fill h1{padding-left:25px; background:url(../design/sprite_1.png); background-position: -10px -88px; background-repeat:no-repeat; margin-left:-5px; font-size:20px}
div.left-fill .newslist h2{background:none; font-size:15px}

div.left-fill button{border:1px solid #ccc; border:1px solid #009b21; background:#00c82a; background:-webkit-gradient(linear,left top,left bottom,from(#00c82a),to(#009b21)); background:-moz-linear-gradient(top,#00c82a,#009b21);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c82a',endColorstr='#009b21'); -webkit-box-shadow:0 0px 7px #999; -moz-box-shadow:0 0px 7px #999; box-shadow:0 0px 7px #999; padding:5px 10px; color:#fff; font-weight:bold; cursor:pointer}
div.left-fill button:hover{border:1px solid #ccc; border:1px solid #009b21; background:#00c82a; background:-webkit-gradient(linear,left top,left bottom,from(#009b21),to(#00c82a)); background:-moz-linear-gradient(top,#009b21,#00c82a);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009b21',endColorstr='#00c82a'); -webkit-box-shadow:0 0px 0px #999; -moz-box-shadow:0 0px 0px #999; box-shadow:0 0px 0px #999; padding:5px 10px; font-weight:bold; cursor:pointer}
div#big_content{}
div#big_content h1, div#big_content h2{padding-left:25px; background:url(../design/sprite_1.png); background-position: -10px -88px; background-repeat:no-repeat; margin-left:-5px; font-size:20px}
div.left-fill p{line-height:16px}
div.left-fill p img{float:left; margin:0px 10px 10px 0px}
div#aktuelles ul.newslist a, div#aktuelles ul.newslist h2, div#aktuelles ul.newslist h3, div#aktuelles ul.newslist h4, div#aktuelles ul.newslist h5{color:#00a223 !important}
div#veranstaltungen-46 ul.newslist a, div#veranstaltungen-46 ul.newslist h2, div#veranstaltungen-46 ul.newslist h3, div#veranstaltungen-46 ul.newslist h4, div#veranstaltungen-46 ul.newslist h5{color:#00a223 !important}
div#aktuelles ul.newslist div a{display:none}
div#aktuelles ul.newslist div a a{display:block !important}
div#home p.news_box_content a{display:none}
div#home p.news_box_content span a{display:block !important}
div#home p.news_box_content a a{display:block !important}
div.latest_news{overflow:hidden; margin:5px 0px 10px 0px}
div#aktuelles ul.newslist span a{display:block !important}
div#aktuelles ul.newslist p{text-align:left !important}
div.article div.left-fill p img{float:right !important; margin:0px 0px 10px 10px}
div.right-box{width:100%; float:right}
div.right-box div.right-box-head{width:auto; background:#f7f7f7; -webkit-box-shadow:0px 0px 6px #bbb; height:46px}
div.right-box div.right-box-head-title-left{background:url(../design/right-box-head-left.jpg); height:46px; width:15px; float:left}
div.right-box div.right-box-head-title{height:46px; float:left}
div.right-box div.right-box-head-notitle{width:100%; background-position:bottom; height:25px}
div.notitle{width:auto; float:right}
div.right-box div.right-box-head-notitle-left{background:url(../design/right-box-head-right-notitle.jpg); height:25px; width:13px; float:left; background-repeat:no-repeat; background-position:left bottom}
div.right-box div.right-box-head-notitle-right{background:url(../design/right-box-head-right.jpg); background-position:right bottom; background-repeat:no-repeat; height:25px; width:14px; float:right}
div.right-box h2{margin:0px; padding:12px 10px 0px 10px; font-size:14px; color:#666; font-weight:normal}
div.right-box div.right-box-head-title-right{background:url(../design/right-box-head-title-right.jpg); background-position:bottom; background-repeat:no-repeat; height:46px; width:17px; float:left}
div.right-box div.right-box-head-right{background:url(../design/right-box-head-right.jpg); background-position:right bottom; background-repeat:no-repeat; height:46px; width:14px; float:right}
div.right-box div.right-box-body{background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#efefef)); background:-moz-linear-gradient(top,#f7f7f7,#efefef);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#efefef'); -moz-text-shadow:#fff 0px 1px 1px; -webkit-text-shadow:#fff 0px 1px 1px; text-shadow:#fff 0px 1px 1px; -webkit-box-shadow:0px 2px 6px #bbb; -moz-box-shadow:0px 2px 6px #bbb; -o-box-shadow:0px 2px 6px #bbb; box-shadow:0px 2px 6px #bbb; border:1px solid #fff; overflow:auto; margin:-3px 0px 15px 0px}
div.right-box div.right-box-content{color:#444; padding:20px; overflow:auto}
div.right-box div.right-box-content strong{color:#666}
div.right-box div.right-box-content-left{background:url(../design/right-box-content-left-bg.jpg); overflow:auto; background-position:left; background-repeat:repeat-y}
div.right-box div.right-box-content-right{background:url(../design/right-box-content-right-bg.jpg); overflow:auto; background-position:right; background-repeat:repeat-y; padding:20px 20px 20px 20px; line-height:16px}
div#home div.right-box div.right-box-content-right{padding:20px 20px 20px 0px !important}

div.right-box div.image{float:left; padding:0px 15px 10px 0px}
div#home div.right-box div.image{padding:0px 15px 7px 20px !important}
div#home div.right-box h4{margin-top:0px !important}
div.right-box div.image img{width:124px !important}
div.right-box div.right-box-footer{background:url(../design/right-box-footer-bg.png); height:15px; clear:both}
div.right-box div.right-box-footer-left{background:url(../design/right-box-footer-left.png); height:15px; width:25px; float:left}
div.right-box div.right-box-footer-right{background:url(../design/right-box-footer-right.png); height:15px; width:19px; float:right}

div.product div#right{width:250px !important}
div.product div.left-fill{width:670px !important}
div#right ul#product_buttons{margin:55px 0px 0px 0px; padding:0px; float:right}
div#right ul#product_buttons li{margin:0px; padding:0px; width:224px; height:39px; list-style:none}
ul#product_buttons li a{height:28px; background-position:bottom left; color:#FFF; width:174px; padding:11px 0px 0px 50px; display:block}
ul#product_buttons li a:hover{height:28px; background-position:top left; color:#FFF; width:174px; padding:11px 0px 0px 50px; font-weight:bold}
li.product-infodata a{background:url(../design/product_moreinfo.gif)}
li.product-request a{background:url(../design/product_contactmail.gif)}

div.latest-info{width:41%; float:left}
div.latest-info-left{padding:0px 15px 0px 20px; margin:0px 20px 0px 0px; background:url(../design/sprite_1.png); background-repeat:repeat-y; background-position: 63px -10px;}
div.latest-info a{display:block; padding:10px 0px}

ul.category{margin:0px; padding:0px}
#big_content img{margin:10px 10px 10px 20px}
#big_content ul.category img{padding:0px !important; margin:0px !important}
ul.category li{list-style:none; margin:0px 0px 20px 0px; padding:0px; width:312px; height:212px; float:left}
ul.category li a{float:left; margin:26px; padding:4px; border:1px solid #ccc; list-style:none; background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea)); background:-moz-linear-gradient(top,#f7f7f7,#eaeaea);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#eaeaea'); -webkit-box-shadow:0 0px 5px #999; -moz-box-shadow:0 0px 5px #999; box-shadow:0 0px 5px #999; width:250px; height:130px}
ul.category li a:hover{border:1px solid #009b21; background:#00c82a; background:-webkit-gradient(linear,left top,left bottom,from(#00c82a),to(#009b21)); background:-moz-linear-gradient(top,#00c82a,#009b21);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c82a',endColorstr='#009b21'); width:250px; height:130px}
ul.category li a img{width:250px; height:130px; background-color:#fff}
ul.category li a h3, ul.category li a h2, ul.category li a span{text-align:center; padding:7px 0px 0px 0px; display:block; top:0px; position:relative; z-index:500}

div.product-form div.left-fill ul.selection{margin:20px; padding:0px}
div.product-form div.left-fill ul.selection li{width:100%; padding:10px; border:1px solid #ccc; list-style:none; background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea)); background:-moz-linear-gradient(top,#f7f7f7,#eaeaea);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#eaeaea'); -webkit-box-shadow:0 0px 7px #999; -moz-box-shadow:0 0px 7px #999; box-shadow:0 0px 7px #999; margin:0px 0px 20px 0px}
div.product-form div.left-fill ul.selection li p{float:left !important; width:468px;  !important}
div.product-form div.left-fill ul.selection li a img{width:120px; float:left; border:1px solid #ccc}
div.product-form div.left-fill ul.selection li a{float:left}
div.product-form div.left-fill ul.selection li a.del{float:right !important; position:relative; right:0px; color:#999; font-weight:bold; font-family:Verdana,Geneva,sans-serif; font-size:16px}
div.product-form div.left-fill ul.selection li p a{float:none}
div.product-form div.left-fill ul.selection li h3{float:left; margin-top:0px}
div.product-form div.left-fill ul.selection div.subselect{display:block; clear:both; margin:0px; padding:10px 0px 0px 0px}
div.product-form div.left-fill ul.selection input{border:1px solid #ccc; padding:5px; width:40%; color:#999; font-weight:bold}
div.product-form div.left-fill form.contact{padding:0px 0px 20px 0px}
div.product-form div.left-fill form.contact ul.contactform{margin:0px 0px 0px 20px; padding:0px}
div.product-form div.left-fill form.contact ul.contactform li{margin:0px; padding:5px 0px; list-style:none}
div.product-form div.left-fill form.contact ul.contactform li label{width:130px !important; display:inline-block; color:#666}
div.product-form div.left-fill form.contact ul.contactform input{border:1px solid #ccc; padding:5px; color:#444; font-weight:bold; width:200px; margin:0px 2px}
div.product-form div.left-fill form.contact ul.contactform input.small{width:40px; margin:0px 2px}
div.product-form div.left-fill form.contact ul.contactform textarea{border:1px solid #ccc; padding:5px; color:#444; font-family:Arial,Helvetica,sans-serif; height:150px; width:70%; margin:0px 0px 0px 132px}
form.contact ul.contactform button{margin:0px 0px 0px 132px}
ul.contactform label.dutyinputs{margin:0px 0px 0px 20px; color:#999}

div.press-ov div.left-fill, div.product-form div.left-fill, div.article div.left-fill, div.news div.left-fill{width:650px}
div.press-ov div#right, div.product-form div#right, div.article div#right, div.news div#right{width:270px}
div.article div.left-fill p, div.product div.left-fill p, div.home div.left-fill p{font-size:13px; line-height:18px !important}
div.news ul.newslist{margin:0px; padding:0px}
div.news ul.newslist li{list-style:none; border-bottom:1px solid #ccc; overflow:auto; margin:0px; padding:0px}
div.news ul.newslist li small{padding:0px 0px 0px 20px; height:15px; margin-bottom:5px; display:block; color:#666; font-size:11px}
div.news ul.newslist li h3, div.news ul.newslist li h2{margin-bottom:6px}
div.news ul.newslist li p img{float:right; margin:0px 0px 10px 10px; max-height:100px; max-width:250px}
#partner img{float:left !important; width:150px; height:auto !important; padding:10px; border:1px solid #ccc; margin:20px 10px 10px 0px !important}
div.news ul.newslist li a{text-decoration:none !important; color:#444}
div.news ul.newslist li a span{color:#00a223 !important}
div.news ul.newslist li a:hover span{color:#00a223 !important; text-decoration:underline !important}
div#right dl{padding:0px 0px 0px 0px !important; margin:0px}
div#right dl dt{color:#444 !important}
div#right dl dd{padding:2px 0px 0px 0px !important; margin:0px 0px 20px 0px; color:#444}
div#right dl dd a{display:block}
div.press-ov ul.category li a{width:250px !important; height:358px !important}
div.press-ov ul.category li a:hover{width:250px !important; color:#fff !important; text-decoration:none}
div.press-ov ul.category li a div.press-img{width:250px !important; height:250px !important; overflow:hidden}
div.press-ov ul.category li a h3, div.press-ov ul.category li a h2{margin-bottom:5px !important; max-height:32px; overflow:hidden}
div.press-ov ul.category li a h2 { background: none; font-size: 14px; margin-left: 0px; padding-left: 0px; text-align: center; }
div.press-ov ul.category li a:hover h3, div.press-ov ul.category li a:hover h2, div.press-ov ul.category li a:hover span{color:#fff !important}
div.press-ov ul.category li a span{padding-bottom:7px !important; text-align:center; display:block; width:250px; color:#666; height:11px; overflow:hidden}
div.press-ov ul.category li a img{width:250px !important; height:auto !important}
div.press-ov ul.category li{width:312px; height:388px}
div.press-ov ul.category li div.pressimg{width:250px !important; max-height:280px !important; overflow:hidden}
div.pager{clear:both; width:90%; padding:20px 0px; height:40px; text-align:center}
div.pager ul{margin:0px auto; text-align:center}
div.pager ul li{display:inline-block; list-style:none; margin:0px 5px 0px 0px}
div.pager ul li a, div.pager ul li a:active, div.pager ul li a:visited{height:20px; color:#00a223; display:block; padding:5px 10px 0px 10px; border:1px solid #00a223; font-weight:bold; border:1px solid #ccc; list-style:none; background:#f7f7f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea)); background:-moz-linear-gradient(top,#f7f7f7,#eaeaea);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#eaeaea'); -webkit-box-shadow:0 0px 7px #999; -moz-box-shadow:0 0px 7px #999; box-shadow:0 0px 7px #999}
div.pager ul li a.arrow, div.pager ul li a.arrow:active, div.pager ul li a.arrow:visited{height:25px; background:#00a223; color:#fff; padding:0px 10px 0px 10px !important; border:1px solid #00a223; font-weight:bold; font-size:22px}
div.pager ul li a.arrow span{position:relative; top:-2px}
div.pager ul li a:hover{background:#00a223; color:#fff; border:1px solid #00a223; text-decoration:none}
div.pager ul li a.active{height:20px; background:#ccc; color:#fff; display:block; padding:5px 10px 0px 10px; border:1px solid #fff; text-decoration:none}
#footer{background-color:#e9e9e9; width:100%; height:80px; font-size:11px; border-top:#00a223 3px solid; color:#666; clear:both}
div#footer .container{padding:15px 30px 0px 44px !important; width:925px; height:50px; min-height:0px !important}
div#footer_nav{float:right}
div#footer_nav ul{margin:0px; padding:0px; float:right; list-style:none}
div#footer_nav li{margin:0px; padding:0px 0px 5px 15px; display:inline; list-style:none}

a, a:visited, a:active{color:#00a223; text-decoration:none}
a:hover{color:#00a223; text-decoration:underline}
h1, h2, h3, h4, h5, h6{color:#00a223; letter-spacing:0.8pt}
.left-fill h2, .left-fill h3, .left-fill h4, .left-fill h5, .left-fill h6, #big_content h3, #big_content h4, #big_content h5, #big_content h6{color:#00a223; letter-spacing:0.8pt; clear:both; padding:10px 0px 0px 20px}
p{padding:0px 0px 15px 20px; margin:0px}
.clear{clear:both}
a img, a:hover img, a:visited img, a:active img{border:none}
dl{padding:0px 0px 0px 20px}
#right ul{padding:20px 0px 0px 20px}
dl dt{font-weight:bold; color:#00a223}
dl dd{color:#444; padding:2px 0px 10px 0px}
.invisible, .back{display:none}
.caption{padding-left:20px; font-size:11px; color:#999}
#mediaplayer_wrapper{display:inline-block}
.left-fill table{padding:0px 0px 0px 20px !important; border-collapse:separate !important; border-spacing:0px 0px !important; border:0px !important; width:100% !important; height:auto !important}
.left-fill table td{padding:5px 5px 5px 0px !important; width:48%}
.eventbox div.image{height:140px}

#big_content table h3, table h3{padding-left:0px !important}

.aigoo{display:block; text-align:right; color:#fff !important; text-decoration:none; margin-top:5px; font-size:1px}

#language{float:right}
#language .lang-en{background:url(../design/sprite_1.png) no-repeat right top; background-position: 38px -63px; padding-right:30px; margin-right:10px}
#language .lang-de{background:url(../design/sprite_1.png) no-repeat right top; background-position: 38px -63px; padding-right:30px; margin-right:10px}

#s3slider{width:879px; height:168px; position:relative; overflow:hidden; top:-209px; margin-left:100px}
#s3sliderContent{width:979px; position:absolute; top:0; margin-left:0}
.s3sliderImage{float:left; position:relative; display:none}
.s3sliderImage span.s4{margin:50px 0px 0px 70px; font-size:20px; width:300px}
.s3sliderImage span{position:absolute; left:0; font:24px Arial,Helvetica,sans-serif; padding:10px 13px; width:450px;  color:#999; display:none; top:0; margin:50px 0px 0px 150px; -moz-transition:padding-left 4s ease; -webkit-transition:padding-left 4s ease; -o-transition:margin-left 4s ease-in; transition:margin-left 4s ease-in}
.marquee{position:absolute; margin-left:270px; margin-top:-75px; color:#7b7b7b; font-size:20px; z-index:999}

div#header-teaser{position:absolute; top:0px; width:850px; height:148px; margin-left:130px}

.philosophie h2, .oekologieleitlinien h2, .zertifizierung h2, .historie h2, .category h2, .forschung h2, .vetretung h2, .searchresult h2{background: none !important; font-size: 15px !important;}
#footer .container { overflow: visible !important; }