@charset "UTF-8";

@import url("green/assets.css");

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


#frame_nav {
    float:left;
    height:42px;
    margin:100px 0 0;
    text-align:left;
    width:650px;
}

#frame_nav .box_nav {
    border-bottom:1px solid #008e60;
    display:block;
    height:21px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    white-space:nowrap;
}


#frame_nav .box_nav li {
    display:inline;
    font-size:16px;
    padding:0 35px 0 0;
}

#box_logo {
    float:left !important;
    position:relative !important;
    left:-24px !important;
}


#frame_nav .box_nav li.last {padding:0 0 0 0;}
#frame_nav .box_nav li a {
        color:#008e60;
        text-decoration:none;
        white-space:nowrap;
}
#frame_nav .box_nav li ul.box_subnav {
        float: left;
        height:17px;
        padding:11px 0 0 0;
        top: 21px;
        left:0;
        width:859px;
}
#frame_nav .box_nav li ul.box_subnav li {
        float: left;
        padding: 0 26px 0 0;
}

#frame_nav .box_nav li ul.box_subnav li a {
        font-size:14px;
}

#frame_nav .box_nav a.current {
        color: #bfe3d7;
}



/************************************************
  CLEARING
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        }

/* remember to define focus styles! */
:focus {
        outline: 0;
        }

body {
        line-height: 1;
        color: black;
        background: white;
        }

ol, ul {
        list-style: none;
        }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
        }

caption, th, td {
        text-align: left;
        font-weight: normal;
        }

/************************************************/
html {overflow-y: scroll;}
body, div {
        margin-left: auto;
        margin-right: auto;
        }

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color:#000;
        line-height: 16px;
        margin-top:25px;
        }


img {border:none;}
strong { font-weight: bold; }

.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
.rl {position:relative;}

#box_nojava {
        border:1px solid #803025;
        color:#BC100E;
        display:block;
        font-size:12px;
        font-weight:bold;
        margin:1px 0 20px 0;
        padding:4px;
        width: 940px;
        }

#box_nojava a {
        color:#BC100E;
        text-decoration:underline;
        }

/************************************************
  HEADLINES (CONTENT & CONTEXT)
************************************************/
h1 {}

/* GLOBAL AND CNT */

h2, h3, h4, h5, h6 {
        font-size:12px;
        font-weight: bold;
        padding: 0 0 8px 0;
        margin:0 0 10px 0;
        }


div.hr {
  height: 1px;
  background: #803025;
  margin:8px 0 16px 0;
}
div.hr hr {
  display: none;
}

/************************************************
  BREADCRUMB & ANCHORS
************************************************/
a {
        text-decoration:none;
        color:#000;
        }

a:hover {
        text-decoration:none;
        color:#c50022;
        }

.box_breadcrumb {
        padding:12px 0px 21px 308px;
        color:#008e60;
        font-size:11px;
        background:top left repeat-y;


}

.box_breadcrumb a {
        color:#008e60;
        text-decoration:underline;
        }

#frame_teaser a {
        color:#008e60;
        text-decoration:underline;
        }

/************************************************
  CONT & TEASER
************************************************/
#frame_cnt .box_cnt_bg_top {
        background: top left no-repeat;
        height:4px;
        margin-top:14px;
}
#frame_cnt .box_cnt {
         background: top left repeat-y;
         padding:20px 30px 10px 300px;
         min-height:180px;
         height:auto !important;  /* für moderne Browser */
         height:180px;  /*für den IE */
        }

#frame_cnt .box_cnt_2col {
         background: top left repeat-y;
         padding:20px 30px 10px 100px;
         min-height:180px;
         height:auto !important;  /* für moderne Browser */
         height:180px;  /*für den IE */
        }

#frame_cnt p {
        padding: 0 0 8px 0;
        }


#frame_cnt ul {
        margin-bottom:8px;
        list-style-type:disc;
}

#frame_cnt ul li {
        margin-left:15px;
        list-style-type:disc;
}


#frame_cnt .box_cnt_2col .cnt_img {
        float:left;
        width:167px;
        padding:0 10px 0 10px;
        }
#frame_cnt .box_cnt_2col .cnt_img img {
        margin: 0 0 10px 0;
        }

#frame_cnt .box_cnt_2col .cnt_txt {
        float:left;
        width:342px;
        padding:0 0 0 20px;
        }

#frame_cnt .box_cnt_bg {
        height:11px;
        background:top left no-repeat;
        }

#frame_right .section {
        font-size:8px;
        color:#bfe3d7;
        text-align:right;
        margin-bottom: 6px;
        }

#frame_right .section a {
        color:#bfe3d7;
        text-decoration:none;
        }
        

#frame_right .section a:hover {
        color:#008e60;
        }        

.box_teaser {
        font-size:10px;
        color:#00468e;
        background:top left no-repeat;
        width:211px;
        height:83px;
        padding:7px 10px 10px 8px;
        margin: 0 0 5px 0;
        }

#frame_teaser .teaser_img {
        float:left;
        width:76px;
        margin-right: 10px;
        }

#frame_teaser .teaser_txt {
        float:left;
        height:75px;
        width: 105px;
        padding-right: 15px;
        text-align:right;
        }





.box_teaser {
        font-size:10px;
        color:#00468e;
        background: top left no-repeat;
        width:211px;
        height:83px;
        padding:7px 10px 10px 8px;
        margin: 0 0 5px 0;
}

.box_teaser_imageonly {
        background:top left no-repeat;
        width:229px;
        height:95px;
        padding:0px 0px 0px 0px;
        margin: 0 0 5px 0;

}




/************************************************
  Forms
************************************************/

form#mailform td, form#mailform th {height:2.5em;vertical-align:top;}
form#mailform th {width:33%;}
form#mailform input.inputSubmit {
        width:99px;
        height:20px;
        float:right;
        margin:15px 0 0 0;
        padding:0;
        border:0px;
        background-color:#393939;
        background-repeat:no-repeat;
        color:#fff;
        font-size:10px;
}

form {margin: 0; padding:0;}
input {border: 1px solid #393939;width:99%;}
textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        border: 1px solid #008e60;
        width:99.5%;
}


input.w1 {width:27%;}
input.w2 {width:68%;}

/************************************************
  FRAMES
************************************************/
#frame_wrapper {
        width: 979px;
        }

#box_logo {
        padding: 50px 0 0px 0;
        }


#frame_left {
        float:left;
        width: 166px;
        }

#frame_cnt {
        float:left;
        width: 679px;
        padding-left: 166px;
        z-index:10;
        }
#frame_right {
        float:left;
        width: 134px;
        margin-top:13px;
        text-align:right;
        }

#frame_teaser {
        position: absolute;
        z-index:100;
        top: 20px;
        }

/************************************************
  FOOTER
************************************************/
#box_footer {
        font-size:10px;
        color:  #FFFFFF;
        text-align:right;
        background: top left repeat-y;      	
        margin-top:-11px;
        }

/****************************************************
    SLIDESHOW
    **************************************************/
.slideshow {
        display: block;
        position: relative;
        z-index: 0;
}
.slideshow-images {
        display: block;
        overflow: hidden;
        position: relative;
}
.slideshow-images img {
        display: block;
        position: absolute;
        z-index: 1;
}
.slideshow-thumbnails {        overflow: hidden;}

.slideshow-images {
        height: 243px;
        width: 979px;
}
.slideshow-images-visible {         opacity: 1;}
.slideshow-images-prev { opacity: 0; }
.slideshow-images-next { opacity: 0; }

.slideshow-images img {
        float: left;
        left: 0;
        top: 0;
}

.slideshow {
        height: 243px;
        margin: 0 auto;
        width: 979px;
}
.slideshow a img {border: 0;}

.slideshow-loader {
        height: 28px;
        right: 0;
        position: absolute;
        top: 0;
        width: 28px;
        z-index: 10001;
}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}



.wide #box_footer {background-image:none;background-color:#ffffff;}
.wide #frame_cnt .box_cnt_bg_top {background: top left no-repeat;}
.wide #frame_cnt .box_cnt_bg {background: top left no-repeat;}
.wide #frame_cnt .box_cnt {background: top left repeat-y; }
.wide #frame_cnt .box_cnt_2col {background: top left repeat-y; }
.wide #frame_cnt .box_breadcrumb {background: top left repeat-y; }