body {
 	 background-image:url(../bilder/0.jpg); background-repeat:no-repeat;
	 font:14px Times;
	 color:#000080;
	 background-color:#c6deef;

	 }

div.fenster {	 
	 width: 700px;
	 text-align: justify;
	 }
div.fenster h1 {	 
	 text-align: center;
	 }
div.fenster h2 {	 
	 text-align: center;
	 }
div.fenster table {
	 width: 100%;
	}
div.fenster table tr td {
	 text-align: justify;
	 font:14px Times;
	}
div.fenster table.mid tr td {
	 text-align: center;
	 font:14px Times;
	}
div.fenster td.right {
	 text-align: right;
	}
div.fenster hr {
	width: 100%;
	size: 1;
	}
	 
#invisible {
	font-weight: normal;
 	font-size: 1px;
	color: #c6deef;
	}

#aktuell {
	background-color: #000080; 
	font-weight: bold;
 	font-size: 13px;
	color: #c6deef;
		 } 
		 
a.top {
    color: #000080;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
  }

a.top:visited {
    color: #800000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
  }

a.top:focus{
    color: #0000ff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
  }
  
a.top:hover{
    color: #0000ff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
  }
 
a.top:active{
    color: #800000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
  }
  
div.info table
{
  background-color: #ffffbb;
  color: #a40000;
  width: 700px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #004080;
}

div.links{
  position:absolute;
  	top:0px;right:0px;  
  font-weight: normal;
  text-align:center;
  font-size: 18px;
  border: 0px solid #D1CDC3;
  width: 200px;
}

div.links a:hover{
 border: 2px solid black;
 color: red;
}

div.box{
  font-weight: bold;
  font-size: 20px;
  border: 2px solid #D1CDC3;
  background-color: #ffffbb;
  width: 300px;
}

div.box h1{
  background-color: #5EACEC;
  color: #fff;
  font-size: 13px;
  padding: 2px 4px 2px 4px;
  margin-top: 0;
  margin-bottom: 0;
}

div.box p{
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 2px 4px 2px 4px;
}

div.box table
{
  background-color: #ffffbb;
	font-size: 13px;
	text-align: left;
  width: 100%;
  border: 0 none;
}

div.box table tr{
	vertical-align: middle;

}

div.box table tr td{
  text-align: right;
  padding-left: 3px;  
  padding-right: 3px;
  white-space: nowrap;
}

div.box table tr.message td{
	font-size: 11px;
	text-align: left;
   white-space: normal;
   color: #004080;
}

div.box table tr.message td div{
   margin-bottom: 10px;
	background-color: #FFFFE1;
	color: InfoText;
	border: 1px solid GrayText;
   padding: 4px 6px 4px 6px;
}

/* ######### Popup- Boxen ############### */

#stempel  a {
position:absolute; top:0px; left:20px;
z-index:2;
font:normal 14px Times, sans-serif;
text-decoration:none;
border:0px solid black;
visibility:visible;
display:block;
padding:10px;
visibility:visible;
}

#stempel a:hover {
display:none;
visibility:hidden;

}

#box {
position:relative;top:0px;left:0px;  
z-index:1;}

#box a {
color:#ffffff;
background:#c6deef;
font:bold 11px verdana, sans-serif;
text-decoration:none;
display:block;
padding:0px;
width:26px;
z-index:2;
border:0px solid black;}

#box a:hover {
color:black;
background:#ffff80;}

#box a span {display:none;}

#box a:hover span {
position:absolute; right:25px; top:-30px; z-index:3;
color:black;
background:#ffffff;
font:normal 10px arial, sans-serif;
border:1px solid black;
display:block;
padding:10px;
z-index:4;}

#box1 {
position:absolute;top:30px;left:10px;  
z-index:3;}

#box1 a {
color:#ffffff;
background:#ffff80;
font:bold 11px verdana, sans-serif;
text-decoration:none;
display:block;
padding:2px;
width:400px;
z-index:2;
border:2px solid black;}

/* ######### Popup- Info Box ############### */
#infobox {
position:relative;
top:0px;left:0px;
z-index:10;}

#infobox a {
color:#000080;
background:#c6deef;
font:12px Times, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;}

#infobox a:hover {
color:black;
background:#ffff80;}

#infobox a span {display:none;}

#infobox a:hover span {
position:absolute; 
left:-430px; top:-25px;
z-index:11;
color:black;
background:#ffffff;
font:normal 14px Times, sans-serif;
text-decoration:none;
border:1px solid black;
width: 410px;
visibility:visible;
display:block;
padding:10px;}

/* ############## Auswahlpopup fŸr Bahnhšfe ############# */
#infoboxBahn {
position:relative;top:0px;left:0px;
z-index:0;}

#infoboxBahn a {
color:#000080;
background:#c6deef;
font:12px Times, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;}

#infoboxBahn a:hover {
color:black;
background:#ffff80;}

#infoboxBahn a span {display:none;}

#infoboxBahn a:hover span {
position:absolute; right:-150px; top:-5px;
z-index:1;
color:black;
background:#ffffff;
font:normal 13px Times, sans-serif;
text-decoration:none;
border:1px solid black;
width: 125px;
visibility:visible;
display:block;
padding:10px;}

/* ############## Fotobox ############# */
#fotobox {
position:static;
z-index:0;}

#fotobox a {
color:#000080;
background:#c6deef;
font:12px Times, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;}

#fotobox a:hover {
color:black;
background:#ffff80;
border: 0px solid black;}

#fotobox a span {
display:none;}

#fotobox a:hover span {
position:fixed; top:10px; left:10px;
z-index:2;
color:black;
background: white;
font:normal 14px Times, sans-serif;
text-decoration:none;
border:1px solid black;
visibility:visible;
display:block;
padding:10px;}

/* ######### breiter Popup Infokasten  */

#infobreit {
position:relative;top:0px;left:0px;
z-index:0;}

#infobreit a {
z-index:0;
color:#000080;
background:#c6deef;
font:12px Times, sans-serif;
text-decoration:none;
border:0px;}

#infobreit a:hover {
color:red;
width:185px;
border:0px solid black;}

#infobreit a span {display:none;}

#infobreit a:hover span {
position:absolute; top:0px; left:185px;
z-index:1;
color:black;
background:#ffffff;
font:normal 14px Times, sans-serif;
text-decoration:none;
border:1px solid black;
width: 600px;
visibility:visible;
display:block;
padding:10px;}

/* ######### Infokasten für Rabatte */

#rabattinfo {
position:relative;top:0px;left:0px;
z-index:0;}

#rabattinfo a {
z-index:0;
color:#000080;
background:#c6deef;
font:12px Times, sans-serif;
text-decoration:none;
width:185px;
border:1px;}

#rabattinfo a:hover {
color:red;
width:185px;
background:#ffffff;
border:1px solid black;}

#rabattinfo a span {display:none;}

#rabattinfo a:hover span {
position:absolute; top:0px; left:185px;
z-index:1;
color:black;
background:#ffffff;
font:normal 14px Times, sans-serif;
text-decoration:none;
border:1px solid black;
width: 600px;
visibility:visible;
display:block;
padding:10px;}

/* ######### Popup Box Infokasten Mitte, volle Breite */
#infoboxtext {
position:relative;top:0px;left:0px;}

#infoboxtext a {
color:#000080;
background:#c6deef;
font:14px Times, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border:0px solid black;}

#infoboxtext a:hover {
color:black;
background:#ffff80;}

#infoboxtext a span {display:none;}

#infoboxtext a:hover span {
position:absolute; right:0px; top:0px;
color:black;
background:#ffffff;
font:normal 14px Times, sans-serif;
border:1px solid black;
width: 400px;
visibility:visible;
display:block;
padding:10px;}


