
body {
  background-image: url("images/bodyhgr001.gif"); 
	background-repeat: repeat-x;
	background-position: top left;
  text-align: center;
  margin: 0;
  padding: 0;
  min-width: 41em;
}

img {
	border: 0px none;
}  

#page{
	width: 770px;
	background-repeat: repeat-x; 
  margin: 0 auto; 
  padding: 0;
 }

#header {
	width: 770px;
  height: 349px;
	position: relative; top: 0; 
	margin: 0; padding: 0;
	overflow: hidden;
 }

#middlecol a {
  color: #000000;
 } 
 
#search_small {
  position: relative; left: 5px; top: 0px; */
	width: 140px;
  height: 30px;
  float: none;
  margin: 0;
  padding: 0;
  }

#search_small_text input {
  position: absolute; left: 5; top: 5;
  width: 85px;
  height: 20px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}

#search_small_button A {
  position: absolute; left: 95; top: 7px;
  display: block;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  width: 45px;
  height: 20px;
}
 
#logo {
  width: 240px;
  height: 30px;
	position: absolute; top: 220; left: 0;
	margin: 0; padding: 0;
 }  

#headerimage {
	width:770px;
  height: 350px;
	position: absolute; top: 0; left: 0;
	margin: 0; padding: 0;
 }  

#page_headline {
  float: none;
	/* width:313px; */
  /* height: 70px; */
  display: block;
  height: 50px;
  width: 450px;
	margin: 0; padding: 0;
  background-color: none; 
 }

#footer {
  clear: both;
  float: none;
  width: 770px;
  height: 80px;
  margin: 0;
  padding: 25px 0 0 140px;
  background-image: url("images/footerhgr001.gif"); 
	background-repeat: none;
  font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
  color: #333333;
  }

#footer a {
  color: #333333;
  text-decoration: underline;
  }
  
#footer a:hover {
  color: #000000;
  text-decoration: underline;
  }


 
/* ANFANG CSS-NAVIGATION */

  div#Tmenu {
    font-size: 15px;
    width: 120px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: none;
  }
  
  ul#Navigation {
    margin: 0; 
    padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    list-style: none;
    position: relative;
    float: left;  /* WICHTIG FUER IE */
/*    margin: 0 0 1px 0; */ 
    margin: 0; 
    padding: 0;
  }

  ul#Navigation li ul {
    margin: 0; 
    padding: 0;
    position: absolute;
    top: 0; 
    left: 120px;
    background-color: #ffffff;
  }

  ul#Navigation li ul li {
    margin: 0; 
    padding: 0 0 1px 0;
    background-color: #ffffff;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 120px;
    height: 30px;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-decoration: none; 
    font-weight: bold;
    text-indent: 5px;
    line-height: 1.5em;
    border: none;
    color: white; 
    background-color: #aaaaaa;
    background-image: url(images/nav_hgr_01.gif);
  }

  li#active a {
    background-image: url(images/nav_hgr_03.gif);
    color: #333333;
  }  
  
  ul#Navigation a:hover, a#aktuell:hover {
    color: #ffffff;
    background-color: #cccccc;
    background-image: url(images/nav_hgr_02.gif); 
  }

  ul#Navigation li ul span {
    color: #900; 
    background-color: white;
  }
  
  ul#Navigation li ul a, ul#Navigation li ul span {
    display: block;
    width: 150px;
    height: 22px;
    text-indent: 5px;
    border: none;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #aaaaaa;
    background-image: none;
  }  

  ul#Navigation li ul a:hover {
    color: #000000;
    background-color: #cccccc;
    background-image: none; 
  }
  
  ul#Navigation li a:active {
    color: #ffffff; 
    background-color: #cccccc;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover>ul {
    display: block;
  }
  ul#Navigation>li:hover>a {
    background-color: #cccccc;
  }
  
/* ENDE CSS-NAVIGATION */



/* ANFANG CSS-LISTE NR.01 */

  ul.liste01 {
    margin: 0; padding: 0; 
    float: none;
  }

  ul.liste01 li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul.liste01 a {
    display:block;
    width: 100%;
    padding: 0.2em;
    text-decoration: none; 
    font-weight: normal;
    color: #666666; 
    text-indent: 8px;
    background-repeat: no-repeat;
    background-position: 0px 0.4em;
  }

  ul.liste01 a:hover {
    text-decoration: underline; 
    color: #333333; 
  }

ul.liste01 a, ul.link-liste a { background-image: url(images/grey_arrow_bullet.gif); }
ul.liste01 a:hover, ul.link-liste a:hover { background-image: url(images/grey_arrow_bullet_over.gif); }

    
/* ENDE CSS-LISTE NR.01 */








/* TEXT - TOP - NAVIGATION */

#nav_top {
  position: absolute; left: 240px; top: 7px;
  display: block;
  width: 335px;
  height: 30px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  text-align: right;
  }   

#nav_top a {
  color: #666666;
  text-decoration: none;
}


/* SITEMAP */

#sitemap {
font-family: Arial, Helvetica, sans-serif;
}

  ul.sitemap01 {
    margin: 0; 
    padding-left: 10px; 
  }

  ul.sitemap01 li {
    list-style: none;
    margin: 0; 
    padding: 0;
    padding-left: 30px;
    background-image: none;
  }

  ul.sitemap01 a {
    font-size: 15px;
    display:block;
    padding: 0.2em;
    text-decoration: none; 
    font-weight: normal;
    color: #666666; 
    text-indent: 15px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0px 0.4em;
    background-image: url(images/grey_arrow_bullet.gif);
  }

  ul.sitemap01 a:hover {
    color: #333333; 
    text-decoration: underline; 
    background-repeat: no-repeat;
    background-position: 0px 0.4em;
    background-image: url(images/grey_arrow_bullet_over.gif);
  }

ul.sitemap01 li ul a {font-size: 12px;}
ul.sitemap01 li ul li ul a {font-size: 11px;}

ul.sitemap01 li ul { padding-left: 0; margin-left: 0;}


/* ANFANG LISTE FUER RTE 01 */

  ul.standard-liste {
    /* list-style-image: url(images/normliste.gif); */
    /* list-style-type: square; */
    list-style-type: none;
    margin-left:0.5em; 
    padding-left:0.5em;
    margin-top: 0.5em;
  }
  ul.standard-liste li {
    padding-bottom: 5px;
    padding-left: 15px;
    background-color: #fff;
    background-image: url(images/normliste.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
  }

/* ENDE LISTE FUER RTE 01 */



/* ANFANG LISTE FUER RTE 02 */

  ul.link-liste {
    margin: 0; padding-left: 10px; 
    float: none;
   
  }

  ul.link-liste li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul.link-liste a {
    display:block;
    width: 90%;
    height: 18px; 
    padding: 0.2em; 
    text-decoration: none; 
    font-weight: normal;
    color: #666666; 
    text-indent: 15px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0px 0.4em;
  }

  ul.link-liste a:hover {
    text-decoration: underline; 
    color: #333333; 
  }
    
/* ENDE LISTE FUER RTE 02 */



.csc-textpic {
clear: both;
}






/* Tabelle fuer Streckenbeschreibung */

span.labestation {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }
  

/* Breite fuer Suchfeld und Button des Suchformulars */
.csc-form-fieldcell { width: 300px; }


div.sponsorenlogos {
 width: 100%;
 text-align: center;
}
div.sponsorenlogos img {
 margin: 5px;
 vertical-align: middle;
}

div.sponsoren_seitlich {
 width: 100%;
 text-align: center;
}
div.sponsoren_seitlich img {
 margin: 0 0 20px 0;
}
