/* --Farben--
Dies ist ein StyleSheet ;) das macht sozusagen die Grafik -- Das Layout.

@Thomas Schmidt aka HanfPeter aka Bucky aka 314159|proHanf
*/

  * {
    padding: 0;
    margin: 0;
    font-size: 12pt;
  }

  body {
    background: #EEECE7 url(backC.png) no-repeat fixed center 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center; /* Zentrierung des Layouts im IE 5 */
    font-size: 80%;
    line-height: 1.4em;
    height: 100%;
  }

/******** standard zeuchs */

h1,h2,p {
        color: #000;
        text-align: left; /* Alle Elemente linksbuendig */
}

h1,h2 {
        clear: both;
        font-family: Arial, Geneva, sans-serif;
        background: transparent;
        text-align: center;
        position: relative;
        font-weight: bold;
        color: #090913;
}

h1 {
        color: #fff;
        line-height: 1.2em;
        font-size: 140%;
        width:100%;
        background: #9DB086;
        position:fixed;
        z-index:1000;

        
}

h2 {
        width:774px;
        background: #9DB086;
        margin: 0 0 35px 13px;
        line-height:2.1em;
        font-size: 110%;
}

p {/*  oben , rechts, unten , links  */
        margin: 10px 15px 15px 25px;
        font-size: 1.1em;
        line-height: 1.4em;
}


/*********  Layout des Haupt-HTML Zeug so */

#hinterGittern {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#contentContainer{
        clear:both;
        margin: 0 auto;
	padding-top: 300px;
        width: 800px;
        height:100%;
        text-align: left;
        clear:both;
        display:block;
        z-index:1;
}

#firstbanana{
        clear:both;   
        width: 300px;
        height:200px;
        margin-top: -15%;
        padding-left: 50px;
}

#secondbanana{
        clear:both;  
        width: 100px;
        height:60px;
        background: url(./BanaUser_smol.png)  right repeat;     
        padding-left: 20%;
}

#thirdbanana{
        clear:both;
        background: url(./BanaUser_smol.png)  top left repeat;     
        padding-top:  500%;
        padding-left: 200%;
        margin-left:  -20%;
}

#kopf {
        clear:both;
        background: url(./hintergrundMain.png)  top left no-repeat;	
        width: 800px;
        height:60px;
}

#midde {
        clear:both;
	background: url(./midde.png)  top left repeat-y;
	float:left;
	width:800px;
}

#midde p {
        z-index: 10;
	margin: 50px 0 100px 50px;
}

#fuss {
        clear:both;
        background: url(./hintergrundEndeTag3.png) top left no-repeat;
        width: 800px;
        height: 50px;
        margin:0;
        display:block;
}

/*content_hide*/
.hide {
       visibility: hidden;
       margin-top: 800px;
}

/*
  SQUARES ZEUGS CSS
*/


  #squares_background {
    position: fixed;
  }

  .squares_generate {
    float:left;
    width:10px;
    height:10000px;
    margin:2px;
  }
  .squares_generate_two {
    float:left;
    width:30000px;
    height:10px;
    margin:2px;
  }