/************/
/* HEADER */
/************/


.header {
    
    font-family:arial,sans-serif;
    left:0px;
    position:absolute;
    top:0px;
    width:890px;
    
    }

.header .header-top {
    
    background:url(bg_head.gif) no-repeat right 84px;
    overflow:visible !important /*Firefox*/; overflow:visible /*IE6*/;
    position: relative; top:0px; left:0px;
    width:890px; height:108px;
    z-index: 1000;
    
    }

.header-top .sitelogo {
    
    background:url(logo_wagnis.png) no-repeat;
    position:absolute;
    width:66px; height:90px; z-index:1; margin:19px 0 0 42px;
    }
    

.header-middle {
    
    background:url(header1.png) no-repeat 1px 0px;
    position:relative;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    width:890px; height:197px;
    z-index: 0;
    
    }

/*########### Grafiken rechts neben Keyvisuals ########*/
    
.header-middle .sitemessage {
    
    color:rgb(234,239,247);
    float:left;
    margin:0px 0 0 0px;
    overflow:hidden /*overflow:visible !important /*Activate if Firefox print problems*/  /*IE6*/;
    position:relative; left:201px; top:0px;
    width:234px; height:197px;
    z-index:1;
    
    }
    
.header-middle .home {
    
    background: url(header_home.gif);   /* Header rechte Spalte Bild */
                                          
    }

.header-middle .wagnis1 {
    
    background: url(header3_wagnis1.gif);   /* Header rechte Spalte Bild wagnis1 */
                                              
    }
    
    
.header-middle .wagnis2 {
    
    background: url(header3_wagnis2.gif);   /* Header rechte Spalte Bild wagnis2 */
                                              
    }
    
    
.header-middle .wagnis3 {
    
    background: url(header3_wagnis3.gif);   /* Header rechte Spalte Bild wagnis3 */
                                              
    }
    

.header-middle .wagnisART {
    
    background: url(header3_wagnisART.gif);   /* Header rechte Spalte Bild wagnis3 */
                                                
    }


/*########### Keyvisuals #######################*/

.header-middle .keyv {
    
    float:left;
    position: relative; left:201px; top:0px;
    width:455px; height:168px;
    z-index:1;
    
    }


/* Keyvisuals werden über JavaScript eingebunden */

.header-middle .keyv_wagnis1 {
    
    background: url(../js/wagnis1.jpg) no-repeat 0px 0px; /* Keyvisual wagnis 1 */
                                                            
    }


.header-middle .keyv_wagnis2 {
    
    background: url(../js/wagnis2_1.jpg) no-repeat 0px 0px; /* Keyvisual wagnis 2 */
                                                            
    }
    

.header-middle .keyv_wagnis3 {
    
    background: url(../js/wagnis3_eingang-haus-nord.jpg) no-repeat 0px 0px; /* Keyvisual wagnis 3 */
                                                            
    }
    

.header-middle .keyv_wagnisART {
    
    background: url(../js/wagnisArt.jpg) no-repeat 0px 0px; /* Keyvisual wagnis Art */
                                                            
    }
    
.header-middle .keyv_Richtfest {
    
    background: url(../js/wagnis3_1.jpg) no-repeat 0px 0px; /* Keyvisual wagnis Art */
                                                            
    }    
    
    
.header-bottom {
    
    position: relative; top:0px; left:0px;
    width:875px; height:40px
    
    }


/*########### Breadcrump-Navigation #######################*/

.header-bottom .header-breadcrumbs {
    
    clear:both;
    padding:0.6em 0 1.5em 0;
    position: absolute; top:0px; left:167px;
    width:660px;
    
    }
    
    
.header-breadcrumbs ul {
    
    font-family:verdana,arial,sans-serif;
    float:left;
    list-style:none;
    padding:0 0 0 10px;
    position:relative; top:0; left:0;
    width:650px;
    
    }
    
    
.header-breadcrumbs ul li {
    
    background:transparent url(bg_bullet_arrow.gif) no-repeat 0px 50%;
    color:rgb(66,66,66);
    font-size:100%;
    display:inline;
    padding:0 0 0 8px;
    
    }
    
    
.header-breadcrumbs ul a {
    
    color:rgb(70,122,167);
    text-decoration:none;
    
    }
    
    
.header-breadcrumbs ul a:hover {
    
    color:rgb(255,0,0);
    text-decoration:underline;
    
    }


/*########### Suche - Eingabefeld #######################*/

.header-bottom .searchform {
    
    float:right;
    padding:0.4em 0 1.5em 0 !important /*Non-IE6*/; padding:0.3em 0 1.5em 0; /*IE6*/;
    position:relative;
    width:200px;
    
    }
    
    
.searchform form {
    
    margin:0px;
    padding:0px;
    
    }
    
    
form fieldset {
    
    border:none;
    float:right;
    margin:0px;
    padding:0px;
    
    }
    
    
fieldset input.field {
    
    background: rgb(234,234,234);
    border:1px solid rgb(180,180,180);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-size:110%;
    padding:0.2em 0 0.2em 0;
    width:10.0em;
    
    }
    
    
fieldset input.button {
    
    background:url(bu_suche.gif) no-repeat 0px 50%;
    padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/;
    width:3.0em;
    border:0px;
    
    }
    
    
fieldset input.button:hover {
    
    background:url(bu_suche.gif) no-repeat 0px 50%;
    border:solid 1px rgb(80,80,80);
    cursor:pointer;
    
    }


.header-bottom_home {
    
    position: relative; top:0px; left:0px;
    width:890px; height:30px
    
    }


.header-bottom_home .searchform {
    float:right;
    padding:0.4em 0 1.5em 0 !important /*Non-IE6*/; padding:0.3em 0 1.5em 0; /*IE6*/;
    width:210px;
     }