@charset "utf-8";

/* L A Y O U T */

.hintergrund {  z-index:001; min-height: 100%; min-width: 500px;  width: 100%; height: auto; position: fixed; top: 0; left: 0; }
.head_red {  z-index:011; width: 2000px; height: auto; position: fixed; top: -10px; left: 0; }
//*.bg_white {z-index: 005; position: fixed; left: 0px; top: 150px; margin-top: 100px;height: 60%; width: 100%; min-height: 430px;}*//
.menu_mobile {  z-index:00; width: 1%; height: 1px; position:fixed; top:0px; margin-left:-5px;}
.menu_mobile2 {  z-index:00; width: 1%; min-width:1px; position: static; height: 1px; margin-left: auto; margin-right: auto; }
.sandwich {position: absolute; width: 1px; display: block; margin-left: 10px; z-index:00; margin-top: 15px;}
.text_menu {width: 1px; display: block; margin-left: auto; margin-right: auto;  z-index:00; margin-top: 10px;}
.hintergrund_mobile {z-index:000; min-height: 1%; min-width: 1px; width: 1px; height: auto; position: fixed; top: 0; left: 0;}
.bb { z-index:016; width: 250px; height: 110px; position:fixed; top:0px; }
.border {z-index: 012; position: fixed; width: 350px; margin-left: 215px; top: -30px;}

.button_menu{ z-index:016; width: 40px; margin-right: 5px;  }
.mb { z-index: 015; position: fixed; margin: 0 auto ; width:290px; height: auto ; left: 0px; right: 0px; top: 6px; visibility: hidden; }
.index{z-index: 010; width: 1300px; position: absolute; top: 15%; left: 19%;}
.index_bg{z-index:002;  width: 100%; height: auto; position: absolute; top: 19%; left: 0; }
.logo{z-index: 15; position: fixed; width: 200px; margin-left: 5%; top:10px;}
.inno{z-index: 15; position: fixed; width: 300px; margin-left: 75%; top:45px;}

.subblock{z-index: 15; position: fixed; width: 110%; height: 40%; top:95%; left:-10px; float:none }

/* I N H A L T */

/*INDEX*/
.index_content_meta { z-index:010; position:absolute; width: 600px; height: auto;  top: 15%; padding-left:100px; }
.index_text { z-index:010; margin-top: 0px; overflow: hidden; font-size: 15px; font-family: Tahoma, sans-serif; width: 625px;  line-height: 25px; color:#696969 ; }

/*WAS*/
.was_content_meta { z-index:010; position:absolute; width: 600px; height: 500px;  top: 23%; padding-left:100px;  }
.entry_text { z-index:008; font-size: 12px; font-family: Tahoma, sans-serif; width: 625px;  line-height: 22px; color:#696969 ; }
.entry_pics {z-index: 013; position: static; width:1200px; height: auto;margin-top: -50px; overflow: hidden; }
                          


/*WER*/
.wer_content_meta { z-index:010; position:absolute; width: 300px; height: auto;  top: 12%; padding-left:0px; margin-left:240px; }
.wer_text { z-index:010; font-size: 13px; font-family: Tahoma, sans-serif; margin-left: 30px; width: 200px; line-height: 25px; position:static; color:#696969 ;}
.pic {z-index: 010; position: static; width: 80%; height: auto; margin-left: 30px; position:static;}


/*WIE*/
.wie_content_meta { z-index:010; position:absolute; width: 300px; height: auto;  top: 10%; padding-left:0px; margin-left:120px; }
#kontaktformular{z-index: 005; font-size: 15px; width: 300px; font-family: Tahoma, sans-serif; color:#696969 ; position: static;}
.kf_meta {width:750px; margin-left:0px; top: 100px;}
.wie_text { z-index:010; font-size: 11px; font-family: Tahoma, sans-serif; width: 550px; line-height: 20px; position:static; color:#696969 ;}
.wie_text2 { z-index:010; font-size: 13px; font-family: Tahoma, sans-serif; width: 550px; line-height: 20px; position:static; color:#696969 ;}


.event_order {float: left; padding: 20px;}
.frame {display:block; z-index: 005; position: static; height: 300px; width: 722px; border: solid 3px DimGray; margin-left:2px; margin-top: -5px;}
.event_klapp {padding-top: -30px; width: 730px; height: auto;}
.pic_event {display:block; margin-left: 2px; margin-right: 15px; margin-bottom: 20px; }
.line {font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:white}
.text_event {display:block; float: left; margin-left: 0px; padding-left:0px; width: 420px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}

dd { display:none; }
.closed {background:none;}
.open { background:none;  }

/*ABOUT*/
.about_text { position: absolute; line-height: 18px; z-index: 005; width: 500px; height:500px; top: 160px; font-size: 11.4px; font-family: Arial, Helvetica, sans-serif;
margin-top: 20px;
border-left-width:150px;
border-left-style:solid;
padding-left:8em;
border-color: transparent;  }
.foto{ width: 178px; height: auto; top: 130px; z-index:005;}
.foto_kontent { position: absolute; z-index: 005; width: 500px; height:auto; top: 163px; margin-left: -210px;
margin-top: 20px;
border-left-width:200px;
border-left-style:solid;
padding-left:3.4em;
border-color: transparent;  }

/*CONTACT*/

.kontent_contact {display:block; z-index:004; width: 500px; height: 500px; position:absolute; top: 150px;
border-left-width:130px;
border-left-style:solid;
padding-left:4px;
border-color: transparent; }
.social_but{width: 60px; height: auto;}
#social{z-index:007; position: fixed; width: 50px; height: auto; top: 166px; margin-left: 60px;}

.cf_bg {z-index:004; position: absolute; top: 20px; width: 620px; height: 590px;}

/*IMPRESSUM*/
.impressum_text { position: absolute; z-index: 005; width: 670px; height:50%; top: 200px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;
margin-top: 0px;
border-left-width:0px;
border-left-style:solid;
padding-left:4.4em;
border-color: transparent;  }

/*ALLGEMEIN*/
.copyright{width: 300px; height: auto; margin-left:280px; z-index:010;}
.event_copyright{visibility: visible; width: 40%; height: auto; margin-left:7%; margin-right: auto; z-index:010;}

.blackbox{z-index:006; position: fixed; top:120px; margin-left: 22px; background-color: black; width: 194px; height: 30px;}
.blackbox_contact{z-index:006; position: fixed; top:120px; margin-left: 22px; background-color: black; width: 194px; height: 30px;}
#headline_box_projects{z-index:015; position: fixed; top:100px; margin-left: 22px; background-color: #4169E1; width: 194px; height: 60px;}
#headline_box_caricature{z-index:007; position: fixed; top:140px; margin-left: 22px; background-color: #FF8C00; width: 194px; height: 60px;}
#headline_box_about{z-index:007; position: fixed; top:140px; margin-left: 22px; background-color: red; width: 194px; height: 60px;}
#headline_box_contact{z-index:007; position: fixed; top:140px; margin-left: 22px; background-color: #9932CC; width: 194px; height: 60px;}
#headline_box_impressum{z-index:007; position: fixed; top:140px; left: 508px; background-color: #C0C0C0; width: 194px; height: 60px; }

.grenze { margin-left:0px; margin-bottom:-10px; width: 723px; height:40px;}
.grenze_mobile {position:absolute; z-index:000; width: 1px;}
.grenze_event {visibility: visible; position: static; width: 60%; margin-left: -10px; margin-right: auto;  }

.page{z-index: 10; position: fixed; width: 110px; margin-left: 340px; top: 160px;}

.text {padding-left:60px; width: 730px; max-height: 450px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }



/* B U T T O N S */

.impressum {display: block; z-index:016; min-height: 2%; min-width: 50px; 
width: 645px; height: auto; position:fixed; top:0px; margin-left: 0px;
border-left-width:10px;
border-left-style:solid;
padding-left:30px;
border-color: transparent;  }

.button_was { z-index:015; display: block; width: 60px; height: auto; position:fixed; top:20px; 
border-left-width:260px;
border-left-style:solid;
padding-left:0px;
border-color: transparent;
}

.button_wer { display: block; z-index:014;  
width: 60px; height: auto; position:fixed; top:20px;
border-left-width:360px;
border-left-style:solid;
padding-left:0px;
border-color: transparent; }

.button_wie { display: block; z-index:013; 
width: 60px; height: auto; position:fixed; top:20px;
border-left-width:460px;
border-left-style:solid;
padding-left:0px;
border-color: transparent; }


/*OTHER BUTTONS*/

.buch{ display: block; z-index:018; position:fixed; top:120px; 
           border-left-width:100px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.hoffnung{ display: block; z-index:017; position:fixed; top:120px; 
       border-left-width:225px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.ziel{ display: block; z-index:016; position:fixed; top:120px; 
       border-left-width:360px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.erkundung{ display: block; z-index:015; position:fixed; top:120px; 
       border-left-width:470px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.gruende{ display: block; z-index:014; position:fixed; top:120px; 
       border-left-width:620px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.impressum{ display: block; z-index:016; position:fixed; top:96%; 
       border-left-width:345px; width: auto; height: 18px; border-left-style:solid; padding-left:0px; border-color: transparent;}
.unternehmer{ display: block; z-index:016; position:fixed; top:120px; 
       border-left-width:320px; width: auto; height: 22px; border-left-style:solid; padding-left:0px; border-color: transparent;}

#wrap { z-index:015; width: 790px; height: auto; margin: 0 auto; border: red 5px solid;}

</style>

/* CSS Document */