/*
grün 4c8f39
rot bf000a
gelb f5c00a
fadf84 50%
*/

*{margin:0;padding:0}
fieldset,img{border:0}

body{background:url(body.jpg) 50% 0 repeat;color:#fff}
body,textarea,input{font-family:helvetica,arial,sans-serif;font-size:15px}

h1,h2,h3,p,ol,ul,table,form,iframe{margin:0 0 20px 0}
ul{list-style:none}
h1,h2,h3{line-height:1.25;padding:20px 0 0 0}
h1 span{font-size:15px;display:block}
a{color:#fff;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}

.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
.clearer,.clr{clear:both}

#wrapper{width:940px;margin:0 auto;padding:150px 0 0 0;position:relative}

#logo{position:absolute;top:10px;left:20px;width:440px;height:120px}

#content{background:#fff;color:#000;min-height:400px;padding:90px;margin:0 0 20px 0;box-shadow:0 1px 3px rgba(0,0,0,0.75);line-height:1.5;position:relative;z-index:2}
#content a{color:#bf000a}

#content ol{padding:0 0 0 2em}
#content ol li{margin:0 0 0.5em 0}
#content ul{padding:0 0 0 2em;list-style:square}
#content ul li{margin:0 0 0.5em 0}

.modul{width:220px;float:left;margin:0 20px 20px 0;padding:169px 9px 9px 9px;border:1px solid #000;position:relative;font-size:14px}
.modul .csc-textpic-imagewrap{position:absolute;top:0;left:0;width:238px;height:160px;overflow:hidden}
.modul h3{margin:0 0 10px 0;padding:0}
.modul p{margin:0}

.aussage{background:#fadf84;border:1px solid #f5c00a;padding:10px 10px 10px 70px;margin:0 0 20px 0;font-size:110%;font-weight:bold;position:relative;min-height:50px}
.aussage .megaphon{position:absolute;top:15px;left:10px}

.ziel-material{font-size:85% !important;font-style:italic}

.material{font-size:85% !important}
.material li{margin:0 0 0.25em 0 !important}

.divider{clear:both}
.divider hr{display:none}

#homepage #nav{width:960px;position:relative;z-index:2}
#homepage #nav li{width:420px;height:280px;padding:20px;margin:0 20px 20px 0;float:left;background:url(homepage_nav_li.png);color:#333}
#homepage #nav a{position:relative;display:block;width:420px;height:280px;background:#000;color:#fff;text-decoration:none}
#homepage #nav img{position:absolute;top:0;left:0;display:block;width:420px;height:280px}
#homepage #nav img.klammer{z-index:2;top:10px;left:-10px;width:77px;height:33px}
#homepage #nav span{position:absolute;bottom:0;left:0;display:block;width:380px;padding:20px;font-size:20px;background:#000;background:rgba(0,0,0,0.5)}
#homepage #nav a:hover span{background:#fff;background:rgba(255,255,255,0.75);color:#000}

#doorpage #subnav{width:960px;position:relative;z-index:2}
#doorpage #subnav li{width:190px;height:127px;padding:8px 12px 12px 8px;margin:0 20px 20px 0;float:left;background:url(doorpage_subnav_li.png);color:#333}
#doorpage #subnav a{position:relative;display:block;width:190px;height:127px;background:#000;color:#fff;text-decoration:none}
#doorpage #subnav img{position:absolute;top:0;left:0;display:block;width:190px;height:127px}
#doorpage #subnav span{position:absolute;bottom:0;left:0;display:block;width:170px;padding:10px;font-size:13px;background:#000;background:rgba(0,0,0,0.5)}
#doorpage #subnav a:hover span{background:#fff;color:#000}

#icons{position:absolute;z-index:1;top:0;left:50%;width:100px;height:100px;margin:0 0 0 -50px}
#icons img{position:absolute;opacity:0.25}

#icons.homepage .icon_1{top:50px;left:350px}
#icons.homepage .icon_2{top:785px;left:485px}
#icons.homepage .icon_3{top:-50px;left:75px}
#icons.homepage .icon_4{top:425px;left:-575px}

#icons.doorpage_1 .icon_1{top:125px;left:-60px}
#icons.doorpage_1 .icon_2{top:480px;left:-500px}
#icons.doorpage_1 .icon_3{top:30px;left:-520px}
#icons.doorpage_1 .icon_4{top:0px;left:200px}
#icons.doorpage_1 .icon_5{top:80px;left:320px}
#icons.doorpage_1 .icon_6{top:220px;left:-530px}
#icons.doorpage_1 .icon_7{top:200px;left:500px}
#icons.doorpage_1 .icon_8{top:90px;left:100px}
#icons.doorpage_1 .icon_9{top:300px;left:550px}
#icons.doorpage_1 .icon_10{top:350px;left:-575px}
#icons.doorpage_1 .icon_11{top:425px;left:475px}
#icons.doorpage_1 .icon_12{top:25px;left:425px}
#icons.doorpage_1 .icon_13{top:500px;left:550px}
#icons.doorpage_1 .icon_14{top:700px;left:50px}
#icons.doorpage_1 .icon_15{top:600px;left:500px}
#icons.doorpage_1 .icon_16{top:-20px;left:-275px}
#icons.doorpage_1 .icon_17{top:700px;left:200px}
#icons.doorpage_1 .icon_18{top:600px;left:-550px}
#icons.doorpage_1 .icon_19{top:750px;left:350px}
#icons.doorpage_1 .icon_20{top:725px;left:475px}

#icons.unterrichtseinheiten_1 .icon_1{top:-140px;left:250px}
#icons.unterrichtseinheiten_1 .icon_2{top:90px;left:600px}
#icons.unterrichtseinheiten_1 .icon_3{top:-50px;left:560px}
#icons.unterrichtseinheiten_1 .icon_4{top:110px;left:-600px}
#icons.unterrichtseinheiten_1 .icon_5{top:250px;left:-560px}

#icons.ausfluege_1 .icon_1{top:30px;left:540px}
#icons.ausfluege_1 .icon_2{top:-160px;left:250px}
#icons.ausfluege_1 .icon_3{top:-30px;left:-540px}
#icons.ausfluege_1 .icon_4{top:160px;left:-650px}
                      
#icons.artenvielfalt_1 .icon_1{top:30px;left:600px}
#icons.artenvielfalt_1 .icon_2{top:-100px;left:250px}
#icons.artenvielfalt_1 .icon_3{top:-50px;left:560px}
#icons.artenvielfalt_1 .icon_4{top:400px;left:-650px}
#icons.artenvielfalt_1 .icon_5{top:210px;left:-560px}

#icons.verbreitung_1 .icon_1{top:30px;left:600px}  
#icons.verbreitung_1 .icon_2{top:-140px;left:360px}
#icons.verbreitung_1 .icon_3{top:150px;left:630px}  
#icons.verbreitung_1 .icon_4{top:200px;left:-620px}
#icons.verbreitung_1 .icon_5{top:20px;left:-660px}
                          
#icons.stockwerke_1 .icon_1{top:30px;left:600px}
#icons.stockwerke_1 .icon_2{top:-150px;left:300px}
#icons.stockwerke_1 .icon_3{top:150px;left:-600px}
#icons.stockwerke_1 .icon_4{top:-100px;left:-560px}
#icons.stockwerke_1 .icon_5{top:-150px;left:600px}
                        
#icons.produkte_1 .icon_1{top:30px;left:600px}
#icons.produkte_1 .icon_2{top:-100px;left:380px}
#icons.produkte_1 .icon_3{top:230px;left:-600px}
#icons.produkte_1 .icon_4{top:470px;left:-540px}
                     
#icons.papier_1 .icon_1{top:30px;left:600px}
#icons.papier_1 .icon_2{top:-120px;left:250px}
#icons.papier_1 .icon_3{top:-50px;left:560px}
#icons.papier_1 .icon_4{top:140px;left:-600px}
#icons.papier_1 .icon_5{top:520px;left:-650px}
#icons.papier_1 .icon_6{top:240px;left:-560px}

#icons.holz_1 .icon_1{top:180px;left:-600px}
#icons.holz_1 .icon_2{top:-80px;left:350px}
#icons.holz_1 .icon_3{top:-140px;left:210px}
#icons.holz_1 .icon_4{top:30px;left:-620px}
#icons.holz_1 .icon_5{top:-50px;left:560px}
          
#icons.fleisch_1 .icon_1{top:130px;left:600px}
#icons.fleisch_1 .icon_2{top:-140px;left:250px}
#icons.fleisch_1 .icon_3{top:240px;left:-570px}
#icons.fleisch_1 .icon_4{top:50px;left:-560px}
#icons.fleisch_1 .icon_5{top:-50px;left:560px}
#icons.fleisch_1 .icon_6{top:-70px;left:350px}
#icons.fleisch_1 .icon_7{top:300px;left:560px}

#icons.coltan_1 .icon_1{top:220px;left:600px}
#icons.coltan_1 .icon_2{top:-140px;left:390px}
#icons.coltan_1 .icon_3{top:100px;left:560px}
#icons.coltan_1 .icon_4{top:170px;left:-560px}
                       
#icons.palmoel_1 .icon_1{top:-140px;left:300px}
#icons.palmoel_1 .icon_2{top:0px;left:600px}
#icons.palmoel_1 .icon_3{top:130px;left:660px}
#icons.palmoel_1 .icon_4{top:-100px;left:-600px}
#icons.palmoel_1 .icon_5{top:150px;left:-560px}
#icons.palmoel_1 .icon_6{top:-50px;left:560px}

#icons.kakao_1 .icon_1{top:-100px;left:250px}
#icons.kakao_1 .icon_2{top:-50px;left:560px}
#icons.kakao_1 .icon_3{top:250px;left:-560px}
#icons.kakao_1 .icon_4{top:100px;left:-600px}
#icons.kakao_1 .icon_5{top:100px;left:600px}

#icons.klima_1 .icon_1{top:30px;left:570px}
#icons.klima_1 .icon_2{top:-120px;left:350px}
#icons.klima_1 .icon_3{top:-100px;left:-600px}
#icons.klima_1 .icon_4{top:300px;left:650px}
#icons.klima_1 .icon_5{top:50px;left:-560px}
                  
#icons.regenwald_1 .icon_1{top:-190px;left:250px}
#icons.regenwald_1 .icon_2{top:200px;left:-650px}
#icons.regenwald_1 .icon_3{top:-50px;left:560px}
#icons.regenwald_1 .icon_4{top:30px;left:600px}
#icons.regenwald_1 .icon_5{top:50px;left:-560px}

#default #icons.praxisprojekte_1{top:-195px}
#icons.praxisprojekte_1 .icon_1{top:160px;left:-570px}
#icons.praxisprojekte_1 .icon_2{top:20px;left:450px}
#icons.praxisprojekte_1 .icon_3{top:300px;left:550px}

#default #icons.schutzprojekte_1{top:-195px}
#icons.schutzprojekte_1 .icon_1{top:180px;left:-570px}
#icons.schutzprojekte_1 .icon_2{top:130px;left:520px}
#icons.schutzprojekte_1 .icon_3{top:0px;left:130px}
#icons.schutzprojekte_1 .icon_4{top:680px;left:-580px}

#default #icons.orga_1{top:-195px}
#icons.orga_1 .icon_1{top:560px;left:470px}
#icons.orga_1 .icon_2{top:130px;left:490px}
#icons.orga_1 .icon_3{top:20px;left:130px}
#icons.orga_1 .icon_4{top:480px;left:-550px}

#prev,
#next{position:absolute;top:205px;z-index:1;font-size:12px}
#prev{left:-25px}
#next{right:-25px}
#prev li,
#next li{display:none}
#prev a,
#next a{display:block;width:25px;height:25px;line-height:25px;background:#f5c00a;color:#000;text-decoration:none !important;text-align:center;font-weight:bold}
#prev a:hover,
#next a:hover{background:#bf000a;color:#fff}

#index{position:absolute;top:250px;right:-25px;z-index:1;font-size:12px}
#index li{margin:0 0 3px 0}
#index a{display:block;width:25px;height:25px;line-height:25px;background:#eee;color:#000;text-decoration:none !important;text-align:center}
#index a:hover{background:#bf000a;color:#fff}
#index .CUR a{font-weight:bold;background:#bf000a;color:#fff}

#breadcrumb{height:25px;font-size:13px}
#breadcrumb li{float:left;padding:0 10px 0 35px;line-height:25px;background:url(breadcrumb_arrow.png) no-repeat}
#breadcrumb li.n1,
#breadcrumb li.n4{padding:0 10px 0 0;background:transparent}
#breadcrumb li.n1 a{display:block;float:left;padding:0 0 0 30px;background:url(breadcrumb_bereiche.png) no-repeat}
#breadcrumb li.n2 a{display:block;float:left;padding:0 0 0 30px;background:url(breadcrumb_einheiten.png) no-repeat}
#breadcrumb li.n3{padding:0 5px 0 35px}
#breadcrumb li.n3 a{display:block;float:left;padding:0 0 0 30px;background:url(breadcrumb_module.png) no-repeat}

#print{position:absolute;top:20px;right:20px;width:900px;font-size:85%}
#print div,
#print p,
#print a{float:right}
#print a.current{background:url(icon_print.png) no-repeat}
#print a:hover.current{background:url(icon_print2.png) no-repeat}
#print a{color:#c0c0c0; background:url(icon_printall.png) no-repeat; margin-right:10px;padding:5px 0 0 30px; height:25px; display:block}
#print a:hover{color:#BF000A; background:url(icon_printall2.png) no-repeat}

#footer{height:50px;margin:0 0 50px 0;line-height:25px}
#legal{float:left}
#totop{background:url(totop.png) 100% 0 no-repeat;float:right;padding:0 25px 0 0}
#meta{clear:both;text-align:center;font-size:11px}

/* CSC */
.csc-linkToTop{height:25px;line-height:25px;font-size:11px}
.csc-linkToTop a{display:block;float:right;background:url(totop.png) 0 50% no-repeat;padding:0 0 0 20px;color:#333;text-decoration:none !important}

.linkimage{border:0 !important;display:inline !important}

.csc-textpic{overflow:hidden}
.csc-textpic-text{text-align:left}

.csc-textpic-caption-c .csc-textpic-caption{text-align:center}
.csc-textpic-caption-r .csc-textpic-caption{text-align:right}
.csc-textpic-caption-l .csc-textpic-caption{text-align:left}
.csc-textpic-caption{font-size:11px;line-height:1;color:#999;padding:3px 0 0 0}

.csc-textpic-textpic .csc-textpic-imagecolumn{float:left;display:inline}
.csc-textpic-textpic .csc-textpic-imagewrap .csc-textpic-image{float:left}

.csc-textpic-clear{clear:both}

.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image{display:inline}

.csc-textpic-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{margin:0}
.csc-textpic-textpic .csc-textpic-imagewrap .csc-textpic-image img{margin:0}
.csc-textpic-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-top:4px}

.csc-textpic-above .csc-textpic-image{margin-bottom:10px}
.csc-textpic-above .csc-textpic-imagewrap img{display:block}
.csc-textpic-above .csc-textpic-text{clear:both}

.csc-textpic-below .csc-textpic-imagewrap{margin-bottom:20px}
.csc-textpic-below .csc-textpic-imagewrap img{display:block}

.csc-textpic-center .csc-textpic-imagewrap{margin:0 auto 10px auto}
.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image{text-align:left}

.csc-textpic-right .csc-textpic-imagewrap{float:right}
.csc-textpic-right .csc-textpic-text{clear:right}

.csc-textpic-left .csc-textpic-imagewrap{float:left}
.csc-textpic-left .csc-textpic-text{clear:left}

.csc-textpic-intext-left .csc-textpic-imagewrap{float:left;padding:4px 10px 0 0}
.csc-textpic-intext-right .csc-textpic-imagewrap{float:right;padding:4px 0 0 10px}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{float:right;padding:0 0 20px 10px}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float:left;padding:0 10px 20px 0}

.csc-textpic-imagewrap .csc-textpic-imagerow{clear:both}
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image{margin:0 10px 10px 0;padding:0}
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image img{display:block}

.csc-textpic-image{margin:0 10px 10px 0}
.csc-textpic-lastcol{margin:0 0 10px 0 !important}

.csc-textpic-image{float:left}

.csc-textpic-border img{border:1px solid #4c8f39}

/* CSC */


@media print{
body{background:#fff;color:#000}
#wrapper{padding:0;width:960px}
#header,
#prev,
#next,
#index,
#totop,
#print,
object{display:none}
#content{box-shadow:0 0 0 #fff}
#legal{float:none;text-align:center}

.aussage{border:1px solid #000}

}