/* DATEI: fietsallee.css */

body
/* ohne Rand und mit waagerechten Streifen */
{ 
margin:0px;
/* background-color: #2254a0;*/ 
background-color: #2a518d;

	font-size:	1em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
        font-family:    Helvetica,Arial,sans-serif;
	font-size-adjust: .58;
	
}

a { 
  text-decoration: none;
  color: #000000;
}

td { 
  font-size: small;
}

#hp-stele
/* Stele auf Startseite auf ersten senkrechten Balken positionieren */
{
width: 52px;
height: 456px;
position: absolute;
top: 105;
left: 1px;
/* left: 50%; */
margin-left: 0px; 
/* margin-left: -385px; */
margin-top: 0px; 
border: 0px;
}

#hp-main
/* Textbereich mit Logos */
{
width: 600px;
height: auto;
/* position: absolute;
top: 150;
left: 50%; 
margin-left: -300px;
margin-top: 1px; */
border: 0px;
margin-top: 35px;
margin-left: 15%;
/*background-color: #2254a0;*/
background-color: #2a518d;
font-size: small;
}

#hp-rad
/* Rad-Bild auf Startseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 0; 
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
}

#hp-napoleon
/* Napoleon-Bild auf Startseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 200;
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
}

#hp-gelb
/* gelbes Quadrat Bild auf Startseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 100;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
background-color: #e1a200;
}

#hp-tuerkis2
/* tuerkises Quadrat Bild auf Startseite positionieren */
{
width: 11ex;
height: 10ex;
position: absolute;
top: 0;
/* left: 50%; */
right: 0;
/* margin-left: 300px; */
margin-right: 1px;
margin-top: 1px; 
border: 10px;
background-color: #e1a200;
}



#hp-tuerkis
/* tuerkises Quadrat Bild auf Startseite positionieren */
{
width: 253px;
height: 1%;
position: absolute;
top: 0;
/* left: 50%; */
right: 0;
/* margin-left: 300px; */
margin-right: 1px;
margin-top: 1px; 
border: 0px;
}

#hp-title
/* Titel auf Startseite positionieren */
{ 
width: auto; 
height: auto;
/* position: absolute;
top: 54px;
/* left: 50%; 
left: 1px; */
/* margin-left: -400px; /* die haelfte der breite... nur negativ*/
margin-left: 40px; 
margin-top: 35px;
border: 0px;
font-size:large;
font-weight: bold;
}








#hp-rot
/* rotes Quadrat Bild auf Startseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 500;
left: 50%;
margin-left: -500px;
margin-top: 0px; 
border: 0px;
background-color: #c40004;
}

#hp-text
/* Text auf Startseite positionieren, umlaufend 20px Luft */
{ 
width: 360px;
height: 260px;
position: absolute;
top: 0;
left: 50%;
margin-left: -80px;
margin-top: 20px;
border: 0px;

font-size: small;
}

#hp-language
/* Text auf Startseite positionieren, umlaufend 20px Luft */
{ 
width: 100px;
/* height: 180px; */
position: absolute;
top: 0;
/* left: 50%; */
right: 0;
/* margin-left: 300px; */
margin-top: 102px;
margin-right: 1px;
border: 0px;

font-size: x-small;
}

#hp-logos
/* Logos auf der Startseite plazieren */
{
width: 800px;
height: 95px;
position: absolute;
top: 640;
left: 50%;
margin-left: -400px; 
margin-top: 0px; 
border: 0px;
text-align: center;
}


#hp-logo
/* Logos auf der Startseite plazieren */
{
width: 800px;
height: 95px;
position: relative;
top: 40;
left: 0;
margin-left: -320px; /* relativ -80px */
margin-top: 0px; 
border: 0px;
text-align: center;
}

#ct-background1
/* Hintergrundfarbe fuer Contentbereich */
{
width: 800px;
height: 600px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -400px;
margin-top: 0px; 
border: 0px;
background-color: #e1a200;
}

#ct-background2
/* Hintergrundfarbe fuer Contentbereich */
{
width: 800px;
height: 600px;
position: absolute;
top: 100; 
left: 50%;
margin-left: -400px;
margin-top: 0px; 
border: 0px;
background-color: #94c4b7;
}

#ct-background3
/* Hintergrundfarbe fuer Contentbereich */
{
width: 800px;
height: 600px;
position: absolute;
top: 100; 
left: 50%;
margin-left: -400px;
margin-top: 0px; 
border: 0px;
background-color: #c7784c;
}

#ct-background4
/* Hintergrundfarbe fuer Contentbereich */
{
width: 800px;
height: 600px;
position: absolute;
top: 100; 
left: 50%;
margin-left: -400px;
margin-top: 0px; 
border: 0px;
background-color: #90b630;
}


#ct-stele
/* Stele auf Contentseite in erste Spalte positionieren */
{
width: 52px;
height: 445px;
position: absolute;
top: 250;
left: 50%;
margin-left: -385px; 
margin-top: 0px; 
border: 0px;
}

#ct-title
/* Titel auf Contentseite positionieren */
{ 
/*width: 300px;  /* 10 weniger, sonst startet man auf der Kante, 85x8 */
height: 100px;
position: absolute;
top: 0;
/* left: 50%; */
left: 40px;
/* margin-left: -400px; */
margin-left: 0px;
margin-top: 20px;
border: 0px;
color: #ffffff;
font-weight: bold;
font-size: large;
}

#ct-napoleon
/* Napoleon-Bild auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 50%;
margin-left: 100;
margin-top: 0px; 
border: 0px;
/* background: url("./image/bg-napoleon.gif""); */
}


#ct-subnav1
/* SubNavigation auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 100;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
background-color: #ffe2b4;
font-size: x-small;
vertical-align:top
}

#ct-subnav2
/* SubNavigation auf Contentseite positionieren */
{
width: 250px;
height: 100px;
position: absolute;
top: 100;
left: 50%;
margin-left: -350px;
margin-top: 0px; 
border: 0px;
background-color: #dfede9;
font-size: x-small;
}

#ct-picframe
{
width:300px;
font-size:x-small;
margin-top:80px;
float: left;
}

#ct-picinframe0
{
width: 100px;
height: 100px;
margin-left: 100px;
}

#ct-picinframe1
{
width: 100px;
height: 100px;
margin-left: 200px;
}

#ct-pic0
/* Bild 0 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 200;
left: 50%;
margin-left: -400px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic1
/* Bild 1 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 200;
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic1m
/* Bild 1 gross auf Contentseite positionieren */
{
width: 200px;
height: 200px;
position: absolute;
top: 200;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic2
/* Bild 2 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 300;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic2m
/* Bild 2 MEDIUM auf Contentseite positionieren */
{
width: 200px;
height: 150px;
position: absolute;
top: 300;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic3
/* Bild 3 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 400;
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic4
/* Bild 4 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 500;
left: 50%;
margin-left: -300px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-pic5
/* Bild 5 auf Contentseite positionieren */
{
width: 100px;
height: 100px;
position: absolute;
top: 600;
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:x-small;
}

#ct-mappic
/* Bild unter Uebersichtskarte */
{
width: 100px;
height: 100px;
position: absolute;
top: 510;
left: 50%;
margin-left: 60px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:small;
}

#ct-mappic2
/* Bild unter Uebersichtskarte */
{
width: 100px;
height: 100px;
position: absolute;
top: 510;
left: 50%;
margin-left: -280px;
margin-top: 0px; 
border: 0px;
text-align:center;
font-size:small;
}



#ct-texttitle
/* Titel auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 460px; 
height: 80px; 
position: absolute;
top: 140;
left: 50%;
margin-left: -82px; 
margin-top: 0px; 
border: 0px;
font-size: normal;
font-weight: bold;
}

#ct-itextbackground1
{
width: 800px;
position: absolute;
top: 120px;
left: 50%;
margin-left: -400px;
margin-top: 0px;
border: 0px;
background-color: #e1a200;
}

#ct-itextbackground2
{
width: 800px;
position: absolute;
top: 120px;
left: 50%;
margin-left: -400px;
margin-top: 0px;
border: 0px;
background-color: #94c4b7;
}

#ct-itextbackground3
{
width: 800px;
position: absolute;
top: 120px;
left: 50%;
margin-left: -400px;
margin-top: 0px;
border: 0px;
background-color: #c7784c;
}

#ct-itextbackground4
{
width: 800px;
position: absolute;
top: 120px;
left: 50%;
margin-left: -400px;
margin-top: 0px;
border: 0px;
background-color: #90b630;
}

#ct-itext
/* Text auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 460px;
/* position: absolute; */
left: 50%;
margin-left: 320px;
margin-top: 100px; 
border: 0px;
font-size: x-small;
}

#ct-text
/* Text auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 460px; 
height: 430px;
position: absolute;
top: 220;
left: 50%;
margin-left: -80px; 
margin-top: 0px; 
border: 0px;
font-size: x-small;
}

#ct-text2
/* Text auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 460px; 
height: 430px;
position: absolute;
top: 350;
left: 50%;
margin-left: -80px; 
margin-top: 0px; 
border: 0px;
font-size: x-small;
}






#ct-maptext
/* Text auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 200px; 
height: auto; 
position: absolute;
top: 500;
left: 50%;
margin-left: -160px; 
margin-top: 0px; 
border: 0px;
font-size: x-small;
}

#ct-pictext
/* Text mit mitrollenden Bildern, 20 umlaufend Rand */
{
width: 580px; 
height: 430px; 
position: absolute;
top: 220;
left: 50%;
margin-left: -200px; 
margin-top: 0px; 
border: 0px;
font-size: small;
}

#ct-ipictext
/* Text mit mitrollenden Bildern, 20 umlaufend Rand */
{
width: 580px; 
/*position: absolute;*/
left: 50%;
margin-left: 200px; 
margin-top: 120px; 
border: 0px;
font-size: x-small;
}

#ct-text-voll
/* Text auf Contentseite positionieren, 20 umlaufend Rand */
{
width: 660px; 
height: 460px; 
position: absolute;
top: 220;
left: 50%;
margin-left: -280px; 
margin-top: 0px; 
border: 0px;
font-size: x-small;
}

#ct-text-voll td {
vertical-align: top;
font-size: x-small;
padding-left: 20px;
}


#ct-menubar1act
/* Menuleiste Teil1 auf Contentseite positionieren */
{
width: 100px;
height: 28px;
position: absolute;
top: 72; 
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
background-color: #e1a200; /* gelb */
}

#ct-menubar1txt
/* Menuleiste Teil1 auf Contentseite positionieren */
{
width: 100px;
height: 18px;
position: absolute;
top: 82;
left: 50%;
margin-left: -200px;
margin-top: 0px; 
border: 0px;
background-color: #e1a200;
color: #000000;
text-align: center;
font-size: x-small;
font-weight: bold;
}

#ct-menubar1txt a { 
  text-decoration: none;
  color:#ffffff;
}


#ct-menubar2act
/* Menuleiste Teil2 auf Contentseite positionieren */
{
width: 100px;
height: 28px;
position: absolute;
top: 72;
left: 50%;
margin-left: -100px;
margin-top: 0px; 
border: 0px;
background-color: #94c4b7;
}

#ct-menubar2txt
/* Menuleiste Teil2 auf Contentseite positionieren */
{
width: 100px;
height: 18px;
position: absolute;
top: 82;
left: 50%;
margin-left: -100px;
margin-top: 0px; 
border: 0px;
background-color: #94c4b7;
color: #000000;
text-align: center;
font-size: x-small;
font-weight: bold;
}

#ct-menubar2txt a { 
  text-decoration: none;
  color:#ffffff;
}


#ct-menubar3act
/* Menuleiste Teil3 auf Contentseite positionieren */
{
width: 100px;
height: 28px;
position: absolute;
top: 72;
left: 50%;
margin-left: 0px;
margin-top: 0px; 
border: 0px;
background-color: #c7784c
}

#ct-menubar3txt
/* Menuleiste Teil3 auf Contentseite positionieren */
{
width: 100px;
height: 18px;
position: absolute;
top: 82;
left: 50%;
margin-left: 0px;
margin-top: 0px; 
border: 0px;
background-color: #c7784c;
color: #000000;
text-align: center;
font-size: x-small;
font-weight: bold;
}

#ct-menubar3txt a { 
  text-decoration: none;
  color:#ffffff;
}

#ct-menubar4act
/* Menuleiste Teil4 auf Contentseite positionieren */
{
width: 100px;
height: 28px;
position: absolute;
top: 72;
left: 50%;
margin-left: 200;
margin-top: 0px; 
border: 0px;
background-color: #90b630;
}

#ct-menubar4txt
/* Menuleiste Teil4 auf Contentseite positionieren */
{
width: 100px;
height: 18px;
position: absolute;
top: 82;
left: 50%;
margin-left: 200;
margin-top: 0px; 
border: 0px;
background-color: #90b630;
color:#ffffff;
text-align: center;
font-size: x-small;
font-weight: bold;
}

#ct-menubar4txt a { 
  text-decoration: none;
  color:#ffffff;
}

#ct-menubar0txt
/* Menuleiste Teil0 auf Contentseite positionieren */
{
width: 100px;
height: 18px;
position: absolute;
top: 82; /* 85 - 20 */
left: 50%;
margin-left: 300px;
margin-top: 0px; 
border: 0px;
/*background-color: #ffe2b4;*/
background-color: #224170;
color: #000000;
text-align: center;
font-size: x-small;
font-weight: bold;
}

#ct-menubar0txt a { 
  text-decoration: none;
  color:#ffffff;
}

#ct-orangenumber {
  color: #ffffff;
  background: #f97909;
  text-align: center;
}