@charset "ISO-8859-1";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}td{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{background-color:#141414;color:#444;font-family:HelveticaNeue, "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size:75%;font-style:normal;font-variant:normal;font-weight:400;height:100%;line-height:1.5}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{background:transparent;color:#444!important;font-size:100%;margin:0;padding:0;text-decoration:underline;vertical-align:baseline}nav ul{list-style:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ebff33;color:#000;font-style:italic;font-weight:700}del{color:#666;text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{line-height:1.5em}html{font-size:100.01%;height:100%;overflow-y:scroll}h1,h2,h3,h4,h5,h6,.componentheading,.contentheading,.moduletable h3{color:#62001e;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-weight:400;text-rendering:optimizeLegibility}h1{font-size:24px;line-height:1.5em;margin-bottom:.75em}h2,.componentheading,.contentheading{display:block;font-size:20px;line-height:1.8em;margin-bottom:1em;white-space:nowrap}h3,.moduletable h3{color:#62001e;font-size:15px;line-height:1.0714em;margin-bottom:1.0714em}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em;text-align:justify}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#151515;text-decoration:none}a:hover,a:active{outline:none}a:link{-webkit-tap-highlight-color:#FF5E99}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #ccc}address{font-style:italic;margin:0 0 1.5em}pre{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}code{background:transparent url(../images/code.jpg) no-repeat left top;font-family:Monaco, "Lucida Console", monospace;line-height:1.67em;padding:0 2px 4px 26px}blockquote{background:transparent url(images/quote.png) no-repeat scroll top left;border-left:5px solid #d0d4d8;color:#999;font:18px/1.333em italic Georgia, "Times New Roman", Times, serif;margin:5px;padding:10px 10px 10px 25px;width:100%}blockquote.left{border-right:1px dashed #ccc;width:35%}blockquote.right{border-left:1px dashed #ccc;width:35%}ul{list-style-type:none;margin-top:1.5em}ol{list-style-type:decimal;margin-top:1.5em}ol li,ul li{margin-left:15px}li ul,li ol{margin:0 1.5em}dl{margin:0 0 1.5em}dl dd{margin-left:1.5em}.left,.float_left{float:left}.right,.float_right{float:right}.cb{clear:both;width:100%}.ofh{overflow:hidden}.ofa{overflow:auto}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.wrap{margin:0 auto;min-width:1000px;position:relative;width:1000px}.center{margin:0 auto}.textright{text-align:right}.textleft{text-align:left}.textcenter{text-align:center}.textjustify{text-align:justify}.di{display:inline}.lighter{font-weight:100}.underline{border-bottom:1px solid}.text-underline{text-decoration:underline}.boldunderline{font-weight:700;text-decoration:underline}.hihglight1{background-color:#e8ff33;border:1px solid #b1de2c;color:#000;padding:2px}.hihglight2{background-color:#FC3;border:1px solid #deaf22;color:#000;padding:2px}.quiet{color:#666}.loud{color:#000}.added{background:#060;color:#fff}.removed{background:#900;color:#fff}.small{font-size:.8em;line-height:1.875em;margin-bottom:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.hidden{display:none;visibility:hidden}.visuallyhidden{clip:rect(1px1px1px1px);position:absolute!important}.invisible{visibility:hidden}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}.img-left{float:left;margin:4px 10px 4px 0}.img-right{float:right;margin:4px 0 4px 10px}.nopadding{padding:0}.nobullet{list-style:none;list-style-image:none}.shadow{text-shadow:1px 1px 3px #666}.rounded_top_right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border:1px solid #ccc;border-top-right-radius:5px}.box_shadow{-moz-box-shadow:2px 2px 3px #ccc;-webkit-box-shadow:2px 2px 3px #ccc;box-shadow:2px 2px 3px #ccc}.rotate{-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}.gradient{background:0 14% #e6e6e6 57% #e0e0e0 91% repeat scroll 0 0 transparent}fieldset{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc;border-radius:5px;margin:0 0 1.5em;padding:1.4em}fieldset legend{font-size:1.2em;font-weight:700}input[type=button],input[type=submit],input[type=file],input[type=text],input[type=checkbox],input[type=radio],input.inputbox,select{cursor:pointer}input[type=text],input[type=password],input.text,input.title,textarea,select{-moz-background-clip:padding;-moz-border-radius:5px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;background-clip:padding-box;border:1px solid #ccc;border-radius:5px;margin:5px 0}input.text,input.title{padding:5px;width:300px}input.title{font-size:1.5em}textarea{height:130px;overflow:auto;padding:5px;width:420px}input[type=radio],input.radio{vertical-align:text-bottom}button,input,select,textarea{margin:0 3px 3px 0}form.inline{line-height:3}form.inline p{margin-bottom:0}button,.button,input[type=button],input[type=submit]{-moz-border-radius:5px;-moz-box-shadow:2px 2px 3px #eee;-webkit-border-radius:5px;-webkit-box-shadow:2px 2px 3px #eee;background:0;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 3px #eee;color:#444;cursor:pointer;font-size:14px;outline:none;overflow:visible;padding:3px 12px;text-decoration:none;text-shadow:rgba(255,255,255,1) 1px 1px 2px;vertical-align:middle;width:auto}.info_box,.note_box,.tip_box,.error_box{-khtml-border-radius:10px;-moz-border-radius:7px;-webkit-border-radius:7px;background:#eee;border-radius:7px;margin-bottom:1em;padding:.833em .833em .833em 5em}.info_box{background:#f1fbfa url(images/icons/info.png) no-repeat scroll 10px 14px;border:2px solid #a7cafb;color:#2e6093}.info_box a{color:#2e6093}.note_box{background:#fffcea url(images/icons/note.png) no-repeat scroll 10px 15px;border:2px solid #f0dd6d;color:#9e660d}.note_box a{color:#9e660d}.error_box{background:#ffede7 url(images/icons/error.png) no-repeat scroll 10px 15px;border:2px solid #f45959;color:#cd0a0a}.error_box a{color:#cd0a0a}.tip_box{background:#ebfbee url(images/icons/tip.png) no-repeat scroll 10px 15px;border:2px solid #6fc47f;color:#54a363}.tip_box a{color:#54a363}::selection{background:#e8ff33}::-moz-selection{background:#e8ff33;color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,blockquote,.db{display:block}h4,h5,h6{font-size:1em;line-height:1.5em;margin-bottom:1.5em}strong,bold,dfn{font-weight:600}em,dfn,.italic{font-style:italic}dl dt,.bold,label{font-weight:700}.first,.noindent{margin-left:0;padding-left:0}.rounded,input[type=file],input[type=text],form input[type=email],form input[type=url],form input[type=password],input.text,input.title,input.inputbox,textarea,select,input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{-moz-background-clip:padding;-moz-border-radius:5px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;background-clip:padding-box;border:1px solid #ccc;border-radius:5px}button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover,button:active,.button:active,input[type=button]:active,input[type=submit]:active{background:#ccc;border:1px solid #bbb;color:#444;cursor:pointer;text-shadow:none}img::selection,img::-moz-selection{background:transparent}@media print{*{background:transparent!important;color:#444!important;text-shadow:none}a,a:visited{color:#444!important;font-weight:700;text-decoration:underline}a:after,a:link:after,a:visited:after{content:" (" attr(href) ")";font-size:90%}abbr:after{content:" (" attr(title) ")"}.ir a:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}body{font-size:10pt;line-height:1.5}hr{background:#ccc;border:none;color:#ccc;height:2px;margin:2em 0;padding:0;width:100%}hr.space{background:#fff;color:#fff;visibility:hidden}code{font:.9em "Courier New", Monaco, Courier, monospace}a img{border:none}p img.top{margin-top:0}blockquote{font-size:.9em;font-style:italic;margin:1.5em;padding:1em}.small{font-size:.9em}.large{font-size:1.1em}.quiet{color:#999}}@media screen and max-device-width 480px{html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none}}


Html{height:100%;}


body {

    background-color:  #edf0a0;

}
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

#website{
background-color: white;
 width: 980px;
 min-height: 420px;
 margin: 50px auto;
 -webkit-border-radius: 10px 10px 10px 0px;
 -khtml-border-radius: 10px 10px 10px 0px;
 moz-border-radius: 10px 10px 10px 0px;
 border-radius: 10px 10px 10px 0px;
 }



    .tint {
        position: relative;
        float: left;
        cursor: pointer;
    }

    .tint:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(247,247,237, 0.6);
        -moz-transition: background .3s linear;
        -webkit-transition: background .3s linear;
        -ms-transition: background .3s linear;
        -o-transition: background .3s linear;
        transition: background .3s linear;
    }

    .tint:hover:before {
        background: none;
    }



 #menue{
float:left;
width:200px;
height:420px;
background-color: transparent;
}

#content{
float:right;

width:780px;
min-height:600px;
background:#ebeb6d;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;


}

#contentmensch{
float:right;

width:780px;
min-height:600px;
background:#f6b324;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}

#contentblatt{
float:right;

width:780px;
min-height:600px;
background:#a7c510;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}

#contentwasser{
float:right;

width:780px;
min-height:600px;
background:#8cd1f0;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}


#contentfeuer{
float:right;

width:780px;
min-height:600px;
background:#f2911e;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}

#contentwolke{
float:right;

width:780px;
min-height:600px;
background:#3b6bae;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}

#contentreferenzen{
float:right;
padding-top: 0,5cm;
width:780px;
min-height:600px;
background:#ffbb33;

-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;

 -webkit-border-radius: 10px 10px 0px 0px;
 -khtml-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;

}

#text{
width:770px;
min-height:330px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

#footer {
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#fcfc92;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}

.footer-content{
    padding-right: 10px;
}

#footermensch{
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#efd55c;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}

#footerblatt{
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#c7e142;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}
#footerwasser {
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#afe4fb;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}
#footerfeuer{
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#ffb662;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}
#footerwolke{
float:right;
text-align:right;
margin-bottom: 20px;
width:780px;
height:20px;
background:#90b0dd;
vertical-align:bottom;
 -webkit-border-radius: 0px 0px 10px 10px;
 -khtml-border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px;
}

#footerreferenzen{
    float:right;
    text-align:right;
    margin-bottom: 20px;
    width:780px;
    height:20px;
    background:#dba844;
    vertical-align:bottom;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}




 .rechtsbuendig {
 text-align:right;
 float: right;
 margin-right:10px;
 margin-bottom:10px;

 }
  .linksbuendig {
 text-align:left;
 float: left;
 width:520px;

 }

.linkmenueorganon {
  text-align: center;
  background: white;
  display: block;
  height: 70px;

  text-decoration: none;
  width: 200px;
    -webkit-border-radius: 10px 0px 0px 0px;
    -khtml-border-radius: 10px 0px 0px 0px;
    -moz-border-radius: 10px 0px 0px 0px;
    border-radius: 10px 0px 0px 0px;
}

.linkmenueorganon:hover {

  background-color: white;


}
.linkmenuemensch {
  text-align: center;
  /*background-image:url(grafik/blatt_on.jpg);*/
  background: #f6b324;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 200px;

}

.linkmenuemensch:hover {

  background-color: #f6b324;


}

.linkmenueblatt {
  text-align: center;
  /*background-image:url(grafik/blatt_on.jpg);*/
  background: #a7c510;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 200px;

}

.linkmenueblatt:hover {

  background-color: #a7c510;


}

.linkmenuewasser {
  text-align: center;
  background: #8cd1f0;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 200px;
}

.linkmenuewasser:hover {

  background-color: #8cd1f0;


}

.linkmenuefeuer {
  text-align: center;
  background: #f2911e;
  display: block;
height: 70px;
  text-decoration: none;
  width: 200px;
}

.linkmenuefeuer:hover {

  background-color: #f2911e;


}

.linkmenuewolke {
  text-align: center;
  background: #c45389;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 200px;
  -webkit-border-radius: 0px 0px 0px 10px;
    -khtml-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 0px 10px;
}

.linkmenuewolke:hover {
  background-color:#c45389;
}

.linkmenuereferenzen {
  text-align: center;
  background: #c45389;
  display: block;
  height: 70px;
  text-decoration: none;
  width: 200px;
  -webkit-border-radius: 0px 0px 0px 10px;
    -khtml-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 0px 10px;
}

.linkmenuereferenzen:hover {
  background-color:#c45389;
}



.linkmenue:hover {
  color: black;
  background-color: white;


}