body {background: url(rtrf-homepage.jpg) no-repeat;
	background-color: black;
	background-position: top;
	margin: auto;
        color:white;
	font-family: Arial,sans-serif;
        font-size: 14px;
    }

   
   a       { /*display:block;*/
             width:auto; 
	     height:30px;
	   }
   a:link {color: gray;}
   a:visited {color: gray;}
   a:hover {color: white;}
   a:active {color: white;}
   a:focus {outline: 0px; -moz-outline: 0px;}

.contentpaneopen h1 {font-size:16px;}
.contentpaneopen {font-size:14px;}


  #Teil1 { border: 0px dotted yellow;
    width: auto;
    height: 154px;
    }

  #Teil2 {border: 0px dotted white;
    width: 1200px;
    height: 116px;
    margin: auto;
    margin-top: -0px;
    }

  #Teil21 {border: 0px dotted white;
    width: 250px;
    height: 100px;
    margin-left: 0px;
    margin-top: -0px;
    }

  #Teil22 {border: 0px dotted white;
    width: 940px;
    height: 112px;
    float: left;
    margin-top: -100px;
    }

          #Bereich201 { border: 0px dotted red;
	    width: 200px;
    	    height: 120px;
            margin-left: 52px;
	    margin-top: 4px;
   	    float: left;
    	    }
          #Bereich201 a:hover {background: url(sideevents_rollover.jpg) no-repeat;}
	  #Bereich201:hover {background: url(sideevents_rollover.jpg) no-repeat;}

          #Bereich21 { border: 0px dotted white;
	    width: 87px;
    	    height: 37px;
            margin-left: 60px;
	    margin-top: 31px;
   	    float: left;
    	    }
	  #Bereich21 a:hover {background: url(news_rollover.png) no-repeat;}
	  #Bereich21:hover {background: url(news_rollover.png) no-repeat;}

          #Bereich22 { border: 0px dotted white;
	    width: 110px;
    	    height: 37px;
	    margin-left: 10px;
	    margin-top: 31px;
   	    float: left;
    	    }
	  #Bereich22:hover {background: url(line-up_rollover.png) no-repeat;}
	  #Bereich22 a:hover {background: url(line-up_rollover.png) no-repeat;}

  	  #Bereich23 { border: 0px dotted white;
	    width: 120px;
    	    height: 45px;
	    margin-left: 20px;
	    margin-top: 25px;
   	    float: left;
    	    }
	  #Bereich23:hover {background: url(running_rollover.png) no-repeat;}
	  #Bereich23 a:hover {background: url(running_rollover.png) no-repeat; height: 45px;}

  	  #Bereich24 { border: 0px dotted white;
	    width: 120px;
    	    height: 31px;
	    margin-left: 10px;
	    margin-top: 31px;
   	    float: left;
    	    }
	  #Bereich24:hover {background: url(anfahrt_rollover.png) no-repeat;}
	  #Bereich24 a:hover {background: url(anfahrt_rollover.png) no-repeat;}


  	  #Bereich25 { border: 0px dotted white;
	    width: 120px;
    	    height: 45px;
	    margin-left: 13px;
	    margin-top: 25px;
   	    float: left;
    	    }
	  #Bereich25:hover {background: url(history_rollover.png) no-repeat;}
	  #Bereich25 a:hover {background: url(history_rollover.png) no-repeat;}

  	  #Bereich26 { border: 0px dotted white;
	    width: 85px;
    	    height: 35px;
	    margin-left: 68px;
	    margin-top: 75px;
	    float: top;
    	    }
	  #Bereich26:hover { background: url(fotos_rollover.png) no-repeat;}
	  #Bereich26 a:hover { background: url(fotos_rollover.png) no-repeat;}

  	  #Bereich27 { border: 0px dotted white;
	    width: 150px;
    	    height: 45px;
	    margin-left: 185px;
	    margin-top: -47px;
	    float: left;
    	    }
	  #Bereich27:hover {background: url(sponsoren_rollover.png) no-repeat;}
	  #Bereich27 a:hover {background: url(sponsoren_rollover.png) no-repeat;}

	  #Bereich28 { border: 0px dotted white;
	    width: 177px;
    	    height: 42px;
	    margin-left: 350px;
	    margin-top: -44px;
	    float: left;
    	    }
	  #Bereich28:hover {background: url(gaestebuch_rollover.png) no-repeat;}
	  #Bereich28 a:hover {background: url(gaestebuch_rollover.png) no-repeat;}

	  #Bereich29 { border: 0px dotted white;
	    width: 120px;
    	    height: 37px;
	    margin-left: 525px;
	    margin-top: -39px;
	    float: left;
    	    }
	  #Bereich29:hover {background: url(kontakt_rollover.png) no-repeat;}
	  #Bereich29 a:hover {background: url(kontakt_rollover.png) no-repeat;}




  #Teil3 { border: 0px dotted white;
    width: 1200px;
    height: 400px;
    margin: auto;
    }


  #Bereich1 { border: 0px dotted white;
    width: 300px;
    height: 400px;
    margin-left: -247px;
    float:left;
    }

  #Bereich2 { border: 0px dotted white;
margin-left: auto;
margin-right: auto;
    width: 580px;
    height: 360px;
    color: white;
    overflow:auto;
    background-color: black;
    text-align:center;
    text-align: -moz-center;
    float: left;

    }

  #Bereich3 { border: 0px dotted white;
    width: 195px;
    height: 240px;
    margin-left: 66px;
    margin-top: 139px;
    float: left;
    }
 #Bereich3:hover {background: url(shirts_rollover.jpg) no-repeat;}
 #Bereich3 a:hover {background: url(shirts_rollover.jpg) no-repeat; cursor: pointer;}
 
  #Bereich11 { border: 0px dotted red;
    width: 190px;
    height: 105px;
    margin-left: 50px;
    margin-top: 140px;
    }
  #Bereich11:hover {background: url(tickets_rollover.jpg) no-repeat;}
  #Bereich11 a:hover {background: url(tickets_rollover.jpg) no-repeat;}

  #Bereich12 { border: 0px dotted white;
    width: 160px;
    height: 100px;
    margin-left: 57px;
    margin-top: 19px;
    }
 #Teil4{
  border: 0px solid white;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 125px;
  height: 800px;
}

 img {
    border: 0px;
  }