body{
        font-size: 11px;
        font-family: Arial, Trebuchet, Verdana;
        margin: 0;
        padding: 0;
        background-image: url('wiese_neu.jpg');
        background-repeat: repeat-x;
        background-color: #6e9a26;
        text-align: center; /* Fuer IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

div{
        text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbındig ausgerichtet sind */
}

html, body{
        color: #444748;
        font-size: 11px;
        height: 100.5%; /* Anzeigebereich in der Vertikalen auf 100,5% strecken */
}

h1, h2, h3{
        font-family: Arial, Trebuchet, Verdana;
        font-weight: bold;
        color: #7CB800;
        font-size: 14px;
}

h5{
        font-family: Arial, Trebuchet, Verdana;
        font-weight: bold;
        color: #333;
        font-size: 16px;
}
h6{
        font-family: Arial, Trebuchet, Verdana;
        font-weight: bold;
        color: #333;
        font-size: 14px;
}

#hdrwrap{
       /* background-image: url(header.jpg);*/
        width: 910px;
        margin-left: 40px;
        height:285px;
}
#hdrimg{
        width: 910px;
        height:285px;
        background-repeat: no-repeat;
}
#firstpane p.menu_head{
        /* background-image: url(double_arrow_green.gif);*/
}
a{
         outline: none;
}

#hdr{
        position: absolute;
        z-index: 3;
        top: 0px;
        height: 285px;
        width: 910px;
        float: left;

}

h4{
        margin-top: 0px;
        padding-top: 0px;
}

p{
         padding-top: 5px;
         margin-bottom: 0px;
}

.searchresult p{
         margin: 0px;
         padding: 0px;
         padding-top: 7px;
         width: 550px;
         float: left;
}

p.hline{
         margin-top: 0px;
}

h3{
        font-size: 11px;
}

hr{
        background-color: #7CB800;
        height: 1px;
        border: 0px;
}


/* * * * *  Horizontal row * * * * * * * * * *  * * * * * */

hr.grey {
        color: #eeeeee;
        background-color: #eeeeee;
        height: 1px;
         float: left;
       width: 480px;
         margin: 13px 0 13px 0;
}

#content .container #navm .navm_container hr.grey {
        width: 506px;
}

/* * * * *  Haarlinien * * * * * * * * * *  * * * * * */

ul{
        margin: 0px;
}

div#grashalm1{
        height: 300px; 
        width: 50px;
        top: 265px;
        left: 10px;
        position: absolute;
        background-image: url('grashalm.png');
        background-repeat: no-repeat;
        z-index: 10;
}

div#wrapper{
        height: auto !important; /* !important-Regel fuer moderne Browser */
        height: 100%; /* Mindesthoehe in IE (<7) */
        margin: 0 auto; 
        min-height: 100%; /* Mindesthoehe in modernen Browsern */
        position: relative;
        width: 990px;
}

div#innerwrap{
        width: 992px;
        float: left;
        height: 100%;
        background-image: url('bgcenter.png');
        background-repeat: repeat-y;
}

div#innerinnerwrap{
        margin: 0px 20px 0px 0px;

}

#header{
       /* background-image: url(header.jpg);*/
        background-repeat: no-repeat;
        margin-left: 40px;
        height: 285px;
}

.container{
       padding: 0 0px 0 40px;
}

div#content{

}

div#metanavi{
        background-image: url('m1.png');
        background-repeat: no-repeat;
        width: 800px;
        float: left;
        height: 30px;
        margin-left: 40px;
}

div#metanavi ul li{
        font-size: 0.001px;
        text-indent: -200000em;
        height: 11px;
        float: left;
        list-style: none;
}

#ml ul{
        padding-left: 15px;
        padding-top: 8px;
}

a{
        background-repeat: no-repeat;
}

#ml, #mm{
        height: 30px;
        float: left;
}

/* Metanavigation ------------------------------------ */

#ml ul li{
        padding-right: 7px;
		padding-left: 7px;
}

#ml li{
        border-right:1px solid #ccc;
}

.meta a{
        height: 11px;
        display: block;
        background-position: 0% 0%;
        color: #FFF;
}

.meta a:hover{
        background-position: 0% 90%;
}

/* ------------------------------------ */
#mm{
        float: left;
        padding-left: 24px;
        width: 250px;
}

fieldset{
        width: 220px;
        border: 0px;
        float: left
}

#form1{
        width: 30px;
}

#mm label{
        color: #FFF;
        width: 50px;
        height: 11px;
        float: left;
        margin-left: 20px;
        background-image: url('m_suche.gif');
        background-repeat: no-repeat;
}

.searchformwrap input{
        margin-top: 2px;
        background-color: #FFF;
        border: 1px solid #CCC;
        width: 154px;
        float: left;
        height: 12px;
        font-size: 9px;
}

.sendbtn input{
        background-color: #FFF;
        border: 0px;
        padding-top: 5px;
        padding-left: 10px;
        width: 23px;
        float: left;
}

#mr{
        width: 230px;
        height: 30px;
        float: left;
        margin-left: 10px;
        background-image: url('pers_bew_entspannt.png');
        background-repeat: no-repeat;
}

#logo{
        width: 232px;
        background-image: url('logo_neu.png');
        background-repeat: no-repeat;
        height: 149px;
        float: left;
        margin-left: 40px;
        margin-top: 107px;
}

#navl{
        width: 312px;
        float: left;
        background-image: url('n_bg_neu.gif');
        background-repeat: repeat-y;
        font-size: 0.001em;
}

#navl ul{
        margin: 0px;
        padding-top: 14px;
}

#navl ul li ul{
        padding-top: 5px;
}

#navl ul li{
        list-style: none;
        margin: 0px;
}

div#navl ul li a{
        width: 200px;
        height: 17px;
        outline: none;
        display: block;
        color: #D9EDC2;
}

.navi{
        padding-top: 3px;
        padding-left: 20px;
        padding-bottom: 0px;
}

.sub{
        padding-left: 5px;
        width: 190px;
        padding-top: 3px;
        padding-bottom: 5px;
}

div#navl ul li ul li a{
        width: 150px;
        height: 13px;
        outline: none;
        display: block;
        color: #D9EDC2;
}

.navi{
        background-image: url('n_li_bottom_neu.gif');
        background-repeat: no-repeat;
        background-position: 0% 100%;
        min-height: 30px;
        margin: 0px;
        padding-bottom: 4px;
}

.menu{
        background-image: url('n_bottom_neu.gif');
        background-repeat: no-repeat;
        background-position: 51% 100%;
        padding-bottom: 55px;
}

#main a{
        color: #D9EDC2;
}

.navl{
        width: 300px;
        float: left;
        background-image: url('n_bg_neu.gif');
        background-repeat: repeat-y;
        height: 20px;
}

/*.navi a:hover,
#active{ 
        background-position: 0% 100%;
}*/

/* * * * * * * * * * * * * * * * * * * INHALT  * * * * * * * * */

#navm{
        float: left;
        font-size: 13px;
        width: 600px;
        padding-bottom: 0px;
        padding-right: 20px;
        padding-top: 15px;
        line-height: 18px;
        background-image: url('logo_snip.png');
        background-repeat: no-repeat;
        background-position: 100% 100%;
        min-height: 340px;
}

#navm a{
       color: #6e9a26;
       text-decoration: none;
       /*       padding-left: 10px; */
}

#navm a:hover{
       color: #000;
       text-decoration: none;
       /* padding-left: 10px; */
       background-position: 0% 0%;
}

.navm_container{
        width: 530px;
}

div#footer{
        background-image: url('footer.png');
        background-repeat: no-repeat;
        float: left;
        height: 100px;
        width: 985px;
}

/* * * * * * * * * * * * * JQUERYSLIDER CONTENT  * * * * * * * * */

#firstpane.menu_list .menu_body .cnt-blck-cnt img,
#firstpane.menu_list .menu_body .cnt-blck-cnt p{
	margin-left: 11px;
        width: 472px;
}

.navm_container #firstpane.menu_list p.menu_head a{
        background-image: none;
        background-image: url(double_arrow.png);
        background-position: 0% 110%;
}

.navm_container #firstpane.menu_list p.menu_head a:hover{
        background-image: none;
        background-image: url(double_arrow.png);
        background-position: 0% 0%;
}


.menu_list {
	width: 500px;
}
.menu_head {
	width: 490px;
	padding: 5px 0 10px 0px;
	cursor: pointer;
        font-size: 12px;
	position: relative;
	margin:1px;
        border-bottom: 1px solid #EEE;
        display: block;
        background-image: none;
        background-repeat: no-repeat;
        height: 15px;
}

.menu_head a{
        text-decoration: none;
	outline: none;
        background-image: url(blind.gif);
        padding-left: 0px;
        display: block;
        color: #6e9a26;
}

.menu_head a:hover{
       background-image: none;
       background-repeat: no-repeat;
}

.menu_body {
      display:none;
      background-image: none;
      font-size: 12px;
      background-repeat: no-repeat;
}

.menu_body a {
     /* Aenderung 10.03.2009 */
     /* display:block; */
      background-image: none;
      color:#6e9a26;
      background-repeat: no-repeat;
     /* padding-left:10px; */
      text-decoration:none;
}

.menu_body a:hover {
      color: #000000;
      background-repeat: no-repeat;
      text-decoration:underline;
}

.menu_body .cnt-blck-cnt .clickimg{
     margin: 10px 0 10px 20px;
}

.menu_body hr{ 
     color: #eee;
     background-color: #eee;
     width: 480px;
     float: left;
     margin: 0px;
     height: 1px;
}
.menu_body .sliderhr{
     padding: 5px 0 7px 0;
}

/* * * * * * * * * * * * * * * * * * * textile * * * * * * * * */
.cnt-blck-cnt{
        /* width: 508px;*/
        width: 485px;
}

.cnt-blck-cnt img.lft{
        float: left;
        padding: 5px 17px 5px 0;
}

.cnt-blck-cnt img.rght{
        float: right;
        padding-left: 17px;
}

.cnt-blck-cnt h4{
        margin-bottom: 0px;
        color: #7CB800;
}

.cnt-blck-cnt h2{
        margin: 0 0 0 0;
        padding-top: 12px;
        color: #7CB800;
}
.cnt-blck-cnt p{
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        /* float: left; */
}

.cnt-blck-cnt p a{

}

.cnt-blck-cnt ul{
        float: left;
        padding-top: 5px;
        padding-left: 15px;
}

.backbtn p a{
        background-image: url(link_back.gif);
        background-repeat: no-repeat;
        background-position: 0% 100%;
        float: left;
}

.backbtn p a:hover{
        background-image: url(link_back.gif);
        background-repeat: no-repeat;
        float: left;
        background-position: 0% 0%;
}

.up p a{
        background-image: url(up.gif);
        background-repeat: no-repeat;
        background-position: 0% 100%;
        float: left;
        padding-left: 10px;
}

.up p a:hover{
        background-image: url(up.gif);
        background-repeat: no-repeat;
        float: left;
        background-position: 0% 0%;
        padding-left: 10px;
}

.print p a{
        background-image: url(print.gif);
        background-repeat: no-repeat;
        background-position: 0% 100%;
        float: left;
        padding-left: 10px;
}

.print p a:hover{
        background-image: url(print.gif);
        background-repeat: no-repeat;
        float: left;
        padding-left: 10px;
        background-position: 0% 0%;
}

/* * * * * * * * * * * * * * * * * * * CONTENT * * * * * * * * */

div.grippie {
       background:#EEEEEE url(grippie.png) no-repeat scroll center 2px;
       border-color:#DDDDDD;
       border-style:solid;
       border-width:0pt 1px 1px;
       cursor:s-resize;
       height:9px;
       overflow:hidden;
}

.resizable-textarea textarea {
       display:block;
       margin-bottom:0pt;
       width: 385px;
       border: 1px solid #999;
       height: 20%;
}

hr.spacer{
       background-color: transparent;
       border: 0px;
       width: 100%;
       clear: both;
}

.clickimg{
       background-repeat: no-repeat;
}

.zoom{
       background-image: url(lupe.gif);
       background-repeat: no-repeat;
       background-position: 100% 100%;
}

.pl{
       float: left;
       width: 450px;
}

.pr{
       float: left;
       width: 70px;
}

/* * * * * * * * * * * * * * * * * * * XFORM  * * * * * * * * */

#form_formular p.formlabel-sub{
        padding: 0px;
        margin: 0px;
}

#form_formular p.formsubmit input.submit{
        display: none;
}

#form_formular p.formsubmit #el_33.submit,
#form_formular p.formsubmit #el_17.submit,
#form_formular p.formsubmit #el_30.submit{
		width: 65px;
        margin-left: 427px;
        margin-top: -3px;
        border: 0px;
        display: block;
}

#el_15.text,
#el_18.text{
        margin-top: 8px;
}

#el_20{
        height: 40px;
}

#form_formular p.formsubmit .formlabel-sub{
       height: 0px;
}

#form_formular p.formlabel-sub input{
       height: 14px;
       margin-top: -20px;
}

#form_formular input{
       width: 396px;
       border: 1px solid #999;
}

p.formtext label{
       width: 95px;
       float: left;
}

#form_formular p.formselect label.select{
       width: 95px;
       float: left;
}

#form-module #form_formular p.formtextarea .resizable-textarea textarea,
#form-module #form_formular p.formtextarea .resizable-textarea .grippie{
        width: 396px;
}

#form-module #form_formular .jobform p.formfile label.text,
#form-module #form_formular .jobform label.text,
#form-module #form_formular .jobform p.formselect label.select{
       width: 110px;
       float: left;
}
#form-module #form_formular .jobform input,
#form-module #form_formular .jobform p.formtextarea textarea,
#form-module #form_formular .jobform .formtextarea .resizable-textarea .grippie{
      width: 380px;
}

#form_formular .jobform p.formfile file{
       border: 1px solid #999;
}

p.formtextarea{
       padding-left: 95px;

}

#form_formular .jobform  p.formtextarea{
       padding-left: 110px;
}

#form_formular .jobform .jobzusatz  p.formtextarea .resizable-textarea {
       padding-left: 110px;
}

#form_formular .jobform  p.formtextarea{
       padding-left: 110px;
}

#form_formular .jobform .jobzusatz  p.formtextarea{
       padding: 0px;

}

#form_formular .jobform .jobzusatz  p.formtextarea label.textarea{
       width: 100px;
       height: 100px;
       float: left;
}

p.formtext{
       padding-top: 5px;
       margin-top: 0px;
        clear: both;
}

p.formselect{
       margin: 0px;
}

.form_warning{
       padding: 0px;
       width: 598px;
       float: left;
}

.form_warning li{
       color: #7CB800;
       font-weight: bold;
       padding: 5px;
       margin: 0 0 5px 0;
       border: 1px solid #7CB800;
       list-style: none;
}

#form_formular p.formsubmit{
       padding: 0px;
       height: 5px;
}

.center{
       width: 210px;
       margin: auto;
}
.linklogo{
       position: relative;
       top: -35px;
       left: 867px;
       width: 80px;
       height: 70px;
       /* margin-left: 868px; */
}
.linklogo img{
       border: 0px;
}
/* * * * * * * * * * * * * * * * * * HEADLINE * * * * * * * * */

#grafwrap{
       height: 26px;
       width: 620px;
border: 1px
       float: left;
}

h1.graf{
       font-size: 0.001em;
       text-indent: -20000em;
       height: 25px;
       margin-right: 5px;
       float: left;
}

h1.graf2{
       font-size: 0.001em;
       text-indent: -20000em;
       height: 25px;
       float: left;

}
.spc{
       clear: both;
}

p.ergebniss{
      margin-top: 0px;
}

/* * * * * * * * * * * * * * * * * * * CLEANEN  * * * * * * * * */

.clearer {
        clear:both;
}

.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */


/* * * * * * * * * * * * * * * * * * 

      YAKAMARA MEDIA GMBH | 2009

      www.yakamara.de

      @author Joerg Kaimer  

* * * * * * * * * * * * * * * * *  */