html { overflow: scroll; }


html, body {
  
	 background-image:url(../gfx/bg.jpg); background-repeat:no-repeat;
	 background-position: 50% 0px;
	 background-color:#000;
	 background-attachment:fixed;

    color: grey; background-color: #000;
    font-size: 100.01%;
    font-family: "Helvetica", "Arial", sans-serif;
    
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    

	text-align:center; /* for IE */


        }

A:link {text-decoration:underline; color:white; }
A:visited {text-decoration: none; color:white }
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #476cd7;}


  div#totalimento {
	 /* background-image:url(../gfx/bg.jpg); background-repeat:no-repeat; */
	 background-position: 50% 0px;

	 background-attachment:fixed;

	text-align:left; /* reset text alignment */

	min-height:50%;

	position: absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px; /* negative Hälfte von width: 500px */
	height: 900px;



	}
	
  div#header {
	background-image:url(../gfx/wwtdheader.png); background-repeat:no-repeat;
	text-align:left;


	position: absolute;
	left: 50%;
	width: 728px;
	margin-left: -364px; /* negative Hälfte von width: 500px */
	top: 330px;
	height: 165px;
	margin-top: -300px; /* negative Hälfte von height: 300px */       }


  div#flyer {
	background-image:url(../gfx/flyer/201205.jpg); background-repeat:no-repeat;
	text-align:left;

	position: fixed;
	left: 50%;
	width: 350px;
	margin-left: -165px; /* negative Hälfte von width: 500px */
	top: 500px;
	height: 700px;
	margin-top: -300px; /* negative Hälfte von height: 300px */


	}
	
	
  div#centerfield {

	text-align:left;

	position: absolute;
	left: 50%;
	width: 450px;
	margin-left: -230px; /* negative Hälfte von width: 500px */
	top: 500px;
	height: 700px;
	margin-top: -300px; /* negative Hälfte von height: 300px */


	}

  div#leftmenu1 {
        position:absolute;
        top:220px;
        left:145px;
        width:104px;
        border:0px solid #000;
        padding:0px" border="0"

	}


  div#leftmenu2 {
        position:absolute;
        top:420px;
        left:145px;
        width:104px;
        border:0px solid #000;
        padding:0px" border="0"

  }

  div#leftmenu3 {
        position:absolute;
        top:320px;
        left:155px;
        width:104px;
        border:0px solid #000;
        padding:0px" border="0"
  }

  div#rightmenu1 {
        position:absolute;
        top:220px;
        left:720px;
        width:104px;
        border:0px solid #000;
        padding:0px" border="0"
	}


  div#rightmenu2 {
        position:absolute;
        top:420px;
        left:720px;
        width:104px;
        border:0px solid #000;
        padding:0px" border="0"
  }
  



  div#social {
        position:absolute;
        top:332px;
        left:740px;
        width:150px;
        border:0px solid #F00;
        padding:0px" border="0"
                            }


  div#social2 {
        position:absolute;
        top:222px;
        left:0px;
        width:150px;
        border:0px solid #F00;
        padding:0px" border="0"
                            }




  h1 {

	text-align: center;
	font: bold 1.3em Georgia, serif;
	color:grey;

  }


  h2 {

	text-align: center;
	font: normal 1.5em Georgia, serif;
	color:white;            }
	
  h3 {

	text-align: left;
	font: normal 0.9em Georgia, serif;
        color:DDDDDD; }


  /* FACEBOOK BUTTON */

div.button5 a {

             float:left;
             background-image:url( '../gfx/social/facebookbutton.png' ); background-repeat:no-repeat;
             width:70px; height:80px; outline:none; }
div.button5 a:hover {
             background-image:url( '../gfx/social/facebookbutton.png' ); background-position:center; outline: none;}
div.button5 a:active {
             background-image:url( '../gfx/social/facebookbutton.png' ); background-position:bottom; outline:none; }


  /* MUSIC BUTTON */

div.buttonmusic a {

             float:left;
             background-image:url( '../gfx/buttons/musik.png' ); background-repeat:no-repeat;
             width:125px; height:110px; outline:none; }
div.buttonmusic a:hover {
             background-image:url( '../gfx/buttons/musik.png' ); background-position:center; outline: none;}
div.buttonmusic a:active {
             background-image:url( '../gfx/buttons/musik.png' ); background-position:bottom; outline:none; }
             
  /* CONTACT BUTTON */

div.buttoncontact a {

             float:left;
             background-image:url( '../gfx/buttons/contact.png' ); background-repeat:no-repeat;
             width:125px; height:110px; outline:none; }
div.buttoncontact a:hover {
             background-image:url( '../gfx/buttons/contact.png' ); background-position:center; outline: none;}
div.buttoncontact a:active {
             background-image:url( '../gfx/buttons/contact.png' ); background-position:bottom; outline:none; }
             
  /* PHOTOS BUTTON */

div.buttonphotos a {

             float:left;
             background-image:url( '../gfx/buttons/photos.png' ); background-repeat:no-repeat;
             width:125px; height:110px; outline:none; }
div.buttonphotos a:hover {
             background-image:url( '../gfx/buttons/photos.png' ); background-position:center; outline: none;}
div.buttonphotos a:active {
             background-image:url( '../gfx/buttons/photos.png' ); background-position:bottom; outline:none; }
             
  /*  EVENTS BUTTON */

div.buttonevents a {

             float:left;
             background-image:url( '../gfx/buttons/events.png' ); background-repeat:no-repeat;
             width:125px; height:110px; outline:none; }
div.buttonevents a:hover {
             background-image:url( '../gfx/buttons/events.png' ); background-position:center; outline: none;}
div.buttonevents a:active {
             background-image:url( '../gfx/buttons/events.png' ); background-position:bottom; outline:none; }

  /* ROUTE BUTTON */

div.buttonroute a {

             float:left;
             background-image:url( '../gfx/buttons/route.png' ); background-repeat:no-repeat;
             width:125px; height:110px; outline:none; }
div.buttonroute a:hover {
             background-image:url( '../gfx/buttons/route.png' ); background-position:center; outline: none;}
div.buttonroute a:active {
             background-image:url( '../gfx/buttons/route.png' ); background-position:bottom; outline:none; }