/*
###########################################################################
## 
##        Titel: CSS ÖPNV-Info
##    Dateiname: screen.css
##  Verzeichnis: ./includes/
##        Datum: 2006-02-28
##    Bemerkung: CSS für die Bildschirmausgabe
##
###########################################################################
*/

/*
###########################################################
##
##  Allgemeine Elemente
##
###########################################################
*/

a:link, a:visited
{
	color: #F26330;
}

a:hover, a:active
{
	           color: #194597;
	background-color: #DEDEDE;
	 text-decoration: none;
}

body
{
	     font-family: Verdana, Arial, Helvetica, sans-serif;
	       font-size: small;
	background-color: #194597;
	           color: #194597;
	          margin: 0%;
	         padding: 0%;
}

h1
{
	font-size: x-large;
}

h2
{
	font-size: large;
}

h3
{
	font-size: larger;
}

img
{
	 border: 0;
	 margin: 0%;
	padding: 0%;
}

li
{
	list-style-type: disc;
}

dt
{
	      color: #F26330;
	  font-size: larger;
	font-weight: bolder;
	 margin-top: 1%;
}

abbr, acronym
{
	border-bottom: 1px dotted #194597;
	       cursor: help;
}

/*
###########################################################
##
##  Andere Formatierungen
##
###########################################################
*/

/* Box */
.box
{
	background-color: #E7EAF7;
	          border: 2px solid #194597;
	         padding: 1%;
	      margin-top: 1em;
	   margin-bottom: 1em:
	     line-height: 1em;
	          height: 100%;
	           clear: both;
}

ul.box
{
	 margin-left: 0%;
	padding-left: 5%;
}

/* Liste anch Überschrift */
ul.absatz
{
	margin-top: 0%;
}

/* Anzeige einer Fehler-/Hinweismeldung */
.error
{
	      color: #CC0000;
	font-weight: bolder;
}

/* Texteinzug */
.einzug
{
	margin-left: 5%;
}

.reeinzug
{
	margin-left: -5%;
}

/* Spaltenende */
.spaltenende
{
 	      clear: both;
 	      width: 100%;
 	     height: 0px;
	    padding: 0px;
	     margin: 0px;
	line-height: 0px;
	  font-size: 0px;
}

/*

*/


/* Linie */
.linie
{
 	     clear: both;
 	     width: 100%;
	   padding: 0%;
	    margin: 0%;
	border-top: 1px solid #F26330;
}


/* Spalte links */
.spalte_links
{
	width: 49%;
	float: left;
}

/* Spalte rechts */
.spalte_rechts
{
	width: 49%;
	float: right;
}


/*
###########################################################
##
##  Menüleiste im Textteil
##
###########################################################
*/

#menu
{
	      float: left;
	      width: 20%;
	 margin-top: 0%;
	margin-left: 0.5em;
	    padding: 0%;
	  font-size: smaller;
}

#menu #menuimage, #menu #menumain, #menu #werbung
{
	          border: 2px solid #194597;
	background-color: #FFFFFF;
	   margin-bottom: 0.5em;
	      text-align: center;
}

#menumain ul
{
	    margin: 0;
	   padding: 0;
	text-align: left;
}

#menumain li
{
	list-style-type: none;
}

#menumain ul a
{
	background-color: #194597;
	         display: block;
	           color: #FFFFFF;
	           width: 90%;
	     padding-top: 0.5em;
	  padding-bottom: 0.5em;
	   padding-right: 1.5em;
	    padding-left: 0.5em;
	 text-decoration: none;
	   border-bottom: 1px solid #194597;
	     font-weight: bold;
}

#menumain ul a:hover
{
	background-color: #E7EAF7;
	           color: #F26330;
}

#menumain ul a#aktiv
{
	background-color: #F26330;
	           color: #EEEEEE;
	     font-weight: bolder;
}

#menumain li li a
{
	background-color: #FFFFFF;
	         display: block;
	           color: #194597;
	           width: 90%;
	     padding-top: 0.3em;
	  padding-bottom: 0.3em;
	   padding-right: 0em;
	    padding-left: 2em;
	 text-decoration: none;
	     font-weight: normal;
	   border-bottom: 1px solid #194597;
}

#werbung p.gross
{
	 font-size: x-large;
}

#werbung span.gross
{
	font-weight: bolder;
	  font-size: xx-large;
}

/* derzeit nur bei seh-netz und shgbhb*/
#bearbeiter
{
	background-color: #E7EAF7;
	          border: 2px solid #194597;
	   margin-bottom: 0.5em;
	      text-align: center;
}

/*
###########################################################
##
##  Kopfleiste
##
###########################################################
*/

#kopf
{
	background-color: #F26330;
	           color: #194597;
	   border-bottom: 5px solid #EEEEEE;
	      text-align: center;
}

#kopf h1
{
	        margin: 0%;
	       padding: 0%;
	         color: #194597;
	letter-spacing: 0.2em;
	       display: inline;
}

#kopf p
{
	    margin: 0%;
	   padding: 0%;
	     color: #EEEEEE;
	font-style: italic;
	   display: inline;
}

/*
###########################################################
##
##  Haupt- und Textteil
##
###########################################################
*/

#main
{
	background-color: #EEEEEE;
	      border-top: 10px solid #F26330;
	     padding-top: 1%;
	   border-bottom: 10px solid #194597;
	  padding-bottom: 1%;
}

/*
###########################################################
##
##  Menüleiste im Kopf
##
###########################################################
*/

#navi form
{
	  float: left;
	display: inline;
}

#navi ul
{
	    margin: 0%;
	text-align: right;
}

#navi ul li
{
	list-style-type: none;
	        display: inline;
}

#navi a
{
	           color: #FFFFFF;
	background-color: #F26330;
	 text-decoration: none;
	         padding: 0.5em;
	          border: 1px solid #EEEEEE;
}

#navi a:hover
{
	           color: #FFFFFF;
	background-color: #194597;
	          border: 1px solid #FFFFFF;
}


#navi
{
	background-color: #F26330;
}

/*
###########################################################
##
##  Inhalt
##
###########################################################
*/

#content
{
	        float: right;
	        width: 76%;
	   margin-top: 0%;
	margin-bottom: 0%;
	  margin-left: 1%;
	 margin-right: 1%;
	      padding: 0%;
}

#content p
{
	margin-top: 0.5em;
}

#content h1, #content h2
{
	   margin-top: 0.3em;
	margin-bottom: 0.3em;
	        color: #F26330;
}

#content h3
{
	margin-bottom: 0em;
	        color: #F26330;
}

#content img.bildrechts
{
	        float: right;
	  margin-left: 1%;
	margin-bottom: 1%;
}

#content img.bildlinks
{
	        float: left;
	 margin-right: 1%;
	margin-bottom: 1%;
}

#content img.blind
{
	  float: right;
	 margin: 0%;
	padding: 0%;
}

#content img.rahmen
{
	border: 1px solid #194597;
}

/*
###########################################################
##
##  Fussleiste
##
###########################################################
*/

#fuss
{
	background-color: #194597;
	           color: #EEEEEE;
	      border-top: 5px solid #EEEEEE;
}

#fusslinks
{
	float: left;
	width: 40%;
}


#fusslinks p
{
	        margin: 0%;
	  padding-left: 1em;
	   padding-top: 1%;
	padding-bottom: 1%;
	   font-weight: bolder;
}

#fusslinks a
{
	color: #EEEEEE;
}

#fusslinks a:hover
{
	color: #F26330;
}

#seitennavigation
{
	 margin: 0%;
	padding: 0%;
	 height: 0%;
}

#fuss ul, #seitennavigation ul
{
	        margin: 0%;
	  margin-right: 0.5em;
	   padding-top: 1em;
	padding-bottom: 1em;
	         float: right;
}

#fuss ul li, #seitennavigation ul li
{
	list-style-type: none;
	        display: inline;
}


#fuss ul li a,
#seitennavigation ul li a
{
	           color: #FFFFFF;
	background-color: #194597;
	 text-decoration: none;
	         padding: 0.5em;
	          border: 1px solid #EEEEEE;
}

#fuss ul li a:hover,
#seitennavigation ul li a:hover
{
	           color: #194597;
	background-color: #EEEEEE;
	          border: 1px solid #194597;
}

/*
################################################
##
##  Textformatierungen
##
################################################
*/

/* Kleine Schriftart */
.text_klein,
small
{
	font-size: smaller;
}

/* Fett */
.text_fett,
strong
{
	font-weight: bold;
}

/* Kursiv */
.text_kursiv
{
	font-style: italic;
	     color: #F26330;
}

/* linksbündig */
.text_links
{
	text-align: left;
}


/* zentrieren */
.text_mitte
{
	text-align: center;
}

/* rechtsbündig */
.text_rechts
{
	text-align: right;
}

/* blocksatz */
.text_blocksatz
{
	text-align: justify;
}


/*
###########################################################
##
##  Formularelemente
##
###########################################################
*/

label
{
	font-weight: bolder;
	     cursor: pointer;
}

input.rahmen,
textarea.rahmen,
select.rahmen
{
	border: 1px solid #194597;
	 width: 40%;
}

input.schaltflaeche
{
	width: 20%;
}


/*
################################################
##
##  Tabmenü
##
################################################
*/

#tabmenue ul
{
	padding: 0.3em;
	 margin: 0%;
}

#tabmenue ul#oben
{
	border-bottom: 1px solid #194597;
}

#tabmenue ul#unten
{
	border-top: 1px solid #194597;
}

#tabmenue li
{
	    display: inline;
	font-weight: bolder;
}

#tabmenue li a
{
	         padding: 0.3em 0.5em;
	     margin-left: 0.1em;
	          border: 1px solid #194597;
	 text-decoration: none;
	background-color: #FFFFFF;
	           color: #194597;
}

#tabmenue ul#oben li a
{
	border-bottom: 0;
}

#tabmenue ul#unten li a
{
	border-top: 0;
	border-bottom: 1px solid #194597;
}


#tabmenue li a:hover
{
	background-color: #194597;
	           color: #EEEEEE;
}

#tabmenue li span#tabaktuell
{
	background-color: #E7EAF7;
	     margin-left: 0.1em;
	          border: 1px solid #194597;
	           color: #194597;
}

#tabmenue ul#oben li span#tabaktuell
{
	border-bottom: 0;
	      padding: 0.3em 0.5em 0.4em 0.5em;
}

#tabmenue ul#unten li span#tabaktuell
{
	border-top: 0;
	   padding: 0.4em 0.5em 0.3em 0.5em;
}

#tabseiten
{
	          margin: 0%;
	     padding-top: 1%;
	  padding-bottom: 1%;
	    padding-left: 2%;
	   padding-right: 2%;
	background-color: #E7EAF7;
	    border-right: 1px solid #194597;
	     border-left: 1px solid #194597;
}

#tabseiten ul
{
	   margin-top: 0%;
	margin-bottom: 0%;
}

#tabende
{
	border-top: 1px solid #194597;
}

/*
################################################
##
##  Tabellen
##
################################################
*/

th
{
	background-color: #194597;
	           color: #FCB275;
	         padding: 1%;
	       font-size: larger;
	     font-weight: bolder;
}

tr
{
	background-color: #FCB275;
}

#strecken tr
{
	text-align: center;
}

#telefon tr
{
	text-align: left;

}

#telefon td
{
	vertical-align: top;
}

td
{
	padding: 0.2em;
}

/*
################################################
##
##  Listen
##
################################################
*/

li.reihe
{
	list-style-type: none;
	        display: inline;
}


/*
################################################
##
##  Bahnhofsbeschreibungen
##
################################################
*/

img.bahnhof
{
	vertical-align: middle;
}

span.bahnhof
{
	padding-left: 28px;
}

div.bahnhof
{

	          border: 2px solid #F26330;
	background-color: #FCB275;
	     font-weight: bolder;
	         padding: 1%;
}

img.bahnhof_bild
{
	background-color: #DEDEDE;
	          border: 1px solid #194597;
}

input.voting
{
	           color: #EEEEEE;
	background-color: #194597;
	          border: 1px solid #F26330;
	         padding: 0.5em;
	          cursor: pointer;         
}

/*
################################################
##
##  Telefonverzeichnis
##
################################################
*/

td.telefon
{
	white-space: nowrap;
}


/*
################################################
##
##  Flugverkehr Fragebogen
##
################################################
*/

#fragebogen .spalte1 {
	           width: 5%;
	      text-align: left;
	background-color: #194597;
	           color: #FCB275;
	         padding: 1%;
	       font-size: larger;
	     font-weight: bolder;

}

#fragebogen .spalte2 {
	vertical-align: top;
	         width: 40%;
	    text-align: left;
}

#fragebogen .spalte3 {
text-align: left;
}

#fragebogen .rahmen
{
	width: 80%;
}

#fragebogen .schaltflaeche
{
	width: 40%;
}