@charset "UTF-8";
/* CSS Document */

     img, div { behavior: url(iepngfix.htc); }

h2 { font-weight:bold;font-size:24px; margin:10px; border-bottom:1px solid #333333; color:#333333; }
a,a:visited {
color:#4c7337;
font-weight:bold;
font-family:Arial,Helvetica;
font-size:14px;
}

a:active,a:hover {
color:#e59524;
}
#wrapper {
    width:1010px;
    margin: 0px auto;
    border-left: 1px solid #c2c2c1;
    border-right: 1px solid #c2c2c1;
    border-bottom: 1px solid #c2c2c1;
    margin-bottom:5px;
    font-family:Arial,Helvetica;
    font-size:14px;
}

#kat { background-color:#FFF;width:1008px; }


#switcher {
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#fb9916;
    border-top:3px solid #FFFFFF;
    padding:3px;
}

#switcher a, #switcher a:visited {
    color:#FFFFFF;
    text-align:center; 
    text-decoration:none;
}

#switcher a:hover,#switcher a:active, #switcher a:focus {
    color:#FFFFFF;
    text-align:center; 
    text-decoration:none;
}

#header {
    background-color:#4c7337;
    height:150px;
    text-align:center;
}

/*#header img { margin-top:36px;border:0px;border-top:2px solid #336a02; }*/

#header img { margin-top:24px;border:0px; }

#navi {
    float:left;
    font-size:93%;
    line-height:normal;
    height: 41px;
    width:1010px;
    background: #c2c2c1 url('images/navi.jpg') -5px 0px no-repeat;
}

* html #navi { height:41px; padding:0px;}

#navi ul {
    list-style:none;
    margin-left:10px;
}

* html #navi ul { margin: 0px 0px 0px 10px; padding:0px; height:41px; width:950px; }

#navi ul li {  padding: 0px 2px;}

* html #navi ul li { float:left; height:41px; padding:0px; }

* html #navi ul li a, * html #navi ul li a:visited { float:left; display:block; width:110px; }

* html #navi ul li a.active, * html #navi ul li a:hover { float:left; color:#e59524; display:block; width:60px; }

*+html #navi ul li { float:left; }

/*
#navi ul li a, #navi ul li a:visited { float:left; display:block; color:#181818; font-weight:bold; text-decoration:none; }
*/
#navi ul li a, #navi ul li a:visited {
    float:left;
    margin:3px 0px 0px 0px;
    padding:0px 0 0 20px;
    line-height:38px;
    height:38px;
    text-decoration:none;
} 

#navi ul li a span, #navi ul li a:visited span { 
    float:left;
    line-height: 41px;
    display:block;
    padding:0px 20px 0px 2px;
    text-decoration:none;
    font-weight:bold;
    color:#181818;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navi ul li a span, #navi ul li a:visited span {float:none;}
  /* End IE5-Mac hack */


#navi ul li a.active, #navi ul li a:focus, #navi ul li a:hover {
    float:left;
    background:url("images/bleft.jpg") no-repeat left top;
    margin:3px 0px 0px 0px;
    height:38px;
    line-height:38px;
    padding:0px 0 0 20px;
} 

#navi ul li a.active span, #navi ul li a:focus span, #navi ul li a:hover span { 
    float:left;
    line-height: 41px;
    height:38px;
    display:block;
    background:url("images/bright.jpg") no-repeat right top;
    padding:0px 20px 0px 2px;
    text-decoration:none;
    font-weight:bold;
    color:#e59524;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navi ul li a.active span, #navi ul li a:focus span, #navi ul li a:hover span {float:none;}
  /* End IE5-Mac hack */
* html #navi ul li a span, * html #navi ul li a:visited span { line-height:41px; }
#content {
    padding: 2px;
}

#top {
    margin-bottom:4px;
}

#bottom {
    border-top:4px solid #fb9916;
    background-color:#f8f3eb;
    
}

#cleft { width:515px;float:left; padding:37px 60px; }

h1 { font-size:30px;color:#3d3d3d;font-weight:bold; margin-bottom:7px; }

#cleft p { color:#3d3d3d;  }

#cright { float:right; width:362px; padding:37px 2px;}

#galdiv {
    margin:2px auto;
    text-align:center;
}

#galimage {
    text-align:center;
    margin:auto;
}

#galnav #prev { 
    display:block;
    color:#333333;
    text-decoration:none;
    width:200px;
    font-weight:bold;
    padding:3px;
    float:left;
    margin-left:5px;
}

#galnav #next {
    display:block;
    color:#333333;
    text-decoration:none;
    width:200px;
    font-weight:bold;
    padding:3px;
    margin-right:5px;
    float:right;
    text-align:right;
}

.galnavi, .galnavi:visited {
    font-weight:bold;
    color:#fb9916;
    margin: 10px;
    text-indent:15px;
    text-decoration:none;
    font-size:16px;
}

.galnavi:hover,.galnavi:active,.galnavi:focus {
    font-weight:bold;
    color:#4c7337;
    margin: 10px;
    text-indent:15px;
    text-decoration:none;
    font-size:16px;
}  

/*
.gallery {
    width:280px;
    margin:4px auto;
}

.galleryimage {
    border:3px solid #CCCCCC;
    float:left;
    margin:2px;
}

.galleryimage:hover, .galleryimage:focus, .galleryimage:active {
    float:left;
    margin:2px;
    border:3px solid #fb9916;
}
*/

div.gallery a img {
border:2px solid #fff;
float:left;
width:100px;
height:100px;
margin: 0 30px 20px 0;
display:inline;
}

#kontaktform {

    margin: 10px 0px;
    width:400px;

}

#kontaktform div {
    clear:both;
    margin:20px 0px;
    padding: 5px 0px;
    vertical-align:top;
}

* html #kontaktform div { margin: 5px 0px; }

*+html #kontaktform div { margin: 5px 0px; }

#kontaktform div label {
    font-weight:bold;
    float:left;
    line-height:24px;
}

#kontaktform div hr {
    clear:both;
    margin-top:10px;
    border:0px;
    border-top:1px solid #333333;
}

#kontaktform div textarea {
    float:right;
    height:50px;
    width:300px;
    border: 1px solid #CCCCCC;
}

#imageloop {
    margin: 5px 5px 0px 5px;
    border: 1px solid #DFDFDF;
    padding:1px;
    height:324px;
}

#imageloop img { border:0px; width:475px;height:324px;margin:1px; }

#imageloop_desc {
    background-color: #fb9916;
    border:1px solid #fb9916;
    margin: 1px 5px 5px 5px;
    text-align:center;
    font-weight:bold;
    height:20px;
    line-height:20px;
    clear:both;
    color:#000000;
}

#kontaktform div input {
    float:right;
    height:24px;
    vertical-align:middle;
    line-height:24px;
    width:300px;
    border:1px solid #CCCCCC;
}

#kontaktform div input:hover,#kontaktform div input:focus, #kontaktform div textarea:hover, #kontaktform div textarea:focus {
    border:1px solid #009900;
}

#kontaktform div input[type=submit] {
    clear:both;
    float:right;
}

#cleft ul { list-style:none; padding:4px;padding-left:25px; }

#cleft ul li:before { content: "\00BB \0020";
    color:#fb9916; }

#cleft ul li { padding:2px; }

.mitarbeiter {
    margin:20px 0px;
}

#cleft p {
    margin: 20px 0px;
}

.mitarbeiter img {margin:0px; margin-right:4px; padding:0px; float:left; }

.mitarbeiter h1 { color:#fb9916 !important; margin:0px;padding:0px;font-weight:bold;font-size:18px !important; border-bottom:1px solid #fb9916; }
.mitarbeiter h2 { border:0px; margin:0px;padding:0px;font-size:14px; color: #336a02;font-weight:bold;}

.aktion h1 {
    color:#fb9916;
    margin:0px;
    padding:0px;
    font-size:18px;
    font-weight:bold;
}

.aktion h2 {
    color:#333333;
    font-weight:bold;
    margin: 0px;
    padding:0px;
    margin-bottom:5px;
    font-size:14px;
}

.roundedcornr_box {
   background: #ffffff;
}
.roundedcornr_top div {
   background: url("images/roundedcornr_tl.png") no-repeat top left;
}
.roundedcornr_top {
   background: url("images/roundedcornr_tr.png") no-repeat top right;
}
.roundedcornr_bottom div {
   background: url("images/roundedcornr_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url("images/roundedcornr_br.png") no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 5px; padding: 8px; }

.aktion img { text-align:center; margin: 2px auto; }

.aktion p { font-size:12px; color:#333333; }

.error { border: 2px solid #990000 !important; }

.form_sent { border: 2px solid #009900; padding:10px; background-color:#CCFFCC; }

.form_error { border: 2px solid #990000; padding:10px; font-weight:bold; color:#990000; background-color:#FFCCCC; }

#footer {
    clear:both;
    padding: 0px 2px 2px 2px;
}

.cleardiv { clear:both; }
