/*

***************************************************************************************************

***************************************************************************************************

***************************************************************************************************

** rdts AG | CSS-Datei | CONTENT

***************************************************************************************************

***************************************************************************************************

***************************************************************************************************

*/



/*************************************************************

****** DOKUMENT

*************************************************************/







div#document {

  width: 1010px;

}

div#logo_stadtlauf {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 10000;
}



/*************************************

****** KOPF

*************************************/



div#kopf img.main-bild {

  margin: 0;

}





div#kopf {

  width: 755px;

  height: 283px;

  padding: 0 0 0 175px;



}



div#kopf-rahmen {

  background-image: url(../grafik/bg_kopf.png);

  width: 1010px;

  height: 283px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 100;

}



div#kopf h1.main {

  background-image: url(../grafik/bg_h1.png);

  background-repeat: no-repeat;

  width: 419px;

  height: 21px;

  padding: 37px 0 0 80px;

  margin: -36px 0 35px 0;

  font-family: Georgia;

  color: #E2001A;

  font-size: 1.7em;

  position: relative;

}







/*************************************

****** CONTENT

*************************************/







div#content {

  width: 365px;

  padding: 0;

  margin: 15px 0 0 255px;

  background-color: #ffffff;

  background-position: 0 -278px;

}





div#content div.text {

  margin: 30px 0 30px 0;

  width: 380px;

}



div#content h1 {

  color: #E2001A;

  font-size: 1.5em;

  font-family: Georgia;

  font-weight: normal;

  margin: 0 0 10px 0;

}



div#content img {

  margin: 0 10px 10px 0;

  float: left;

}



div#karte {

  position: absolute;

  top: 424px;

  left: 200px;

  width: 640px;

  height: 419px;

  background-image: url(../bilder/bild_karte.png);

  background-repeat: no-repeat;

}





div#content table {

  margin: 0 0 30px 0;

}



p.gehe_zurueck {

  text-align: right;

  width: 360px;

  border-bottom: 1px solid red;

}





/*************************************

****** GALLERY-BOX

*************************************/



div#content div.gallery {

	width: 448px;

	height: 300px;

	position: absolute;

	top: 450px;

  left: 255px;

}





div#content div.gallery img.gallery_bild {

  width: 378px;

  height: 232px;

  padding: 0;

  margin: 0;

}



div#content div.gallery img.btn_back,

div#content div.gallery img.btn_for {

  width: 35px;

  height: 46px;

  padding: 0;

  margin: 93px 0 0 0;

}





div#content div.gallery img.btn_back {

  float: left;

}



div#content div.gallery img.btn_for {

	float: right;

}







/*************************************

****** NEWS-BOX

*************************************/



div.news-box {

  width: 240px;

  margin: 0 0 15px 0;

  color: #00223B;

  font-size: 0.9em;

  line-height: 120%;

}



div.news-box img {

  float: left;

  margin: 0 10px 10px 0;

}







/*************************************************************

****** KOMPONENTE

*************************************************************/







/*********************

****** LOGO ALTSTADTFEST

*********************/



div#logo_altstadtfest {

  background-image: url(../grafik/logo_altstadtfest.gif);

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 760px;

  z-index: 150;

  width: 195px;

  height: 288px;

}

div#logo-30jahre {
  position: absolute;
  top: 228px;
  left: 134px;
  z-index: 1500000;
}





/*********************

****** LOGO SPONSOREN

*********************/



div#logo_sponsoren {

  width: 80px;

  padding: 20px 0 20px 20px;

  border-left: 1px solid #0C181B;

  position: absolute;

  top: 525px;

  left: 657px;

  z-index: 150;

}



div#logo_sponsoren img {

  margin: 0 0 10px 0;

}





/*********************

****** LOGO OFFIZIELLER SPONSOR

*********************/



div#offizieller_sponsor {

  background-image: url(../grafik/bg_offizieller_sponsor.png);

  background-repeat: no-repeat;

  width: 188px;

  height: 108px;

  padding: 4px 0 0 10px;

  position: absolute;

  top: 282px;

  left: 652px;

  z-index: 150;

  color: #004A6D;

  font-size: 0.8em;

  font-weight: bold;

}







/*************************************************************

****** MENU

*************************************************************/



div#menu {

  width: 185px;

  height: 200px;

  position: absolute;

  top: 53px;

  left: 0;

  z-index: 150;

}



div#untermenu_1 {

  background-image: url(../grafik/bg_untermenu_1.png);

  background-repeat: no-repeat;

  width: 165px;

  height: 147px;

  padding: 3px 0 0 15px;

  display: none;

}



div#untermenu_1 a {

  display: block;

  color: #ffffff;

  margin: 0 0 5px 0;

}