/*
########################################################################
##
##               Titel: CSS Seh-Netz
##           Dateiname: screen.css
##         Verzeichnis: /css/
##               Autor: Marco Krings
##  letzter Bearbeiter: Marco Krings
##    Erstellungsdatum: 2007-02-09
##    Veröffentlichung: 2008-03-10
##   Bearbeitungsdatum: 2010-02-01
##             Version: 2.0.0
##           Datenbank: -
##         Komponenten: -
##           Kommentar: -
##
########################################################################
*/

/*
###########################################################
##
##  Farbwerte
##
###########################################################

F26330	orange
194597	dunkelblau
DEDEDE	hellgrau
E7EAF7	hellblau
FCB275	hellorange

*/

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

a:link, a:visited {
	color: #F26330;
}
a:hover, a:active {
	background-color: #4179E0;
	           color: #222222;
}

a.lightbox {
	background-color: #DEDEDE;
}

body {
	background-color: #DEDEDE;
	           color: #194597;
}

dt {
	color: #F26330;
}

abbr, acronym, {
	border-color: #194597;
}

hr {
	border-color: #194597;
}

/* Anzeige einer Fehler-/Hinweismeldung */
.meldung_error {
	            color: #CC0000;
	     border-color: #CC0000;
	 background-color: #FFCCCC;
	 background-image: url("../images/hinweis.png");
	background-repeat: no-repeat;
}

.meldung_ok {
	           color: #339933;
	    border-color: #339933;
	background-color: #CCFFCC;
}

.ausgabe_css {
	     border-color: #194597;
	 background-image: url("../images/transparenz85.png");
	background-repeat: repeat;
	            color: #194597;
}

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

#kopf {
	   background-image: url("../images/logo_sehnetz_kopf.png");
	  background-repeat: no-repeat;
	background-position: 10px -85px;
	   background-color: #F26330;
	              color: #194597;
}

#kopf #kopfbereich h1 {
	color: #194597;
}

#kopf #kopfbereich p em {
	color: #EEEEEE;
}

#kopflinie {
	 background-color: #EEEEEE;
	 background-image: url("../images/schatten_oben.png");
	background-repeat: repeat-x;
}

/*
###########################################################
##
##  Kopfnavigation
##
###########################################################
*/

#kopfnavi ul {
	border-color: #EEEEEE;
}

#kopfnavi a {
	            color: #FFFFFF;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	     border-color: #FFFFFF;
}

#kopfnavi a:hover {
	            color: #194597;
	 background-color: #F26330;
	 background-image: url("../images/navi.png") !important;
	background-repeat: repeat-x;
	     border-color: #EEEEEE;
}

/*
###########################################################
##
##  Style-Switcher
##
###########################################################
*/

#styleswitcher form {
}

#styleswitcher form fieldset legend {
	color: #F26330;
}

#styleswitcher form label {
	display: none;
}

#styleswitcher form select {
	     border-color: #194597;
	            color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

#styleswitcher form button{
	     border-color: #EEEEEE;
	            color: #EEEEEE;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
}

#styleswitcher form button:hover {
	     border-color: #194597;
	            color: #194597;
	 background-color: #EEEEEE;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}


/*
###########################################################
##
##  Navigation
##
###########################################################
*/

#navigation_spalte #styleswitcher,
#navigation_spalte #navigation,
#navigation_spalte .werbung {
	     border-color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

#navigation ul a,
#navigation ul span {
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	            color: #FFFFFF;
	     border-color: #194597;
}

#navigation ul a:hover {
	 background-color: #4179E0;
	            color: #222222;
	 background-image: url("../images/navi_hover.png");
	background-repeat: repeat-x;
}

#navigation li li a,
#navigation li li span {
	 background-color: #FFFFFF;
	 background-image: url("../images/naviweiss.png");
	background-repeat: repeat-x;
	            color: #194597;
	     border-color: #194597;
}

#navigation li a.aktiv {
	 background-color: #F26330;
	            color: #333333;
	 background-image: url("../images/navi.png");
	background-repeat: repeat-x;
}

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

#main {
	border-bottom-color: #194597;
	   background-image: url("../images/schatten_oben.png");
	  background-repeat: repeat-x;
	   background-color: #EEEEEE;
}

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

#inhalt {
}

#inhalt .inhaltsverzeichnis100 {
	background-color: #FFFFFF;
	    border-color: #194597;
}

#inhalt .inhaltsverzeichnis50 {
	background-color: #FFFFFF;
	    border-color: #194597;
}

#inhalt h1{
	color: #194597;
}

#inhalt h2 {
	       color: #194597;
	border-color: #194597;
}

#inhalt h3 {
	color: #F26330;
}

#inhalt img.rahmen {
	border-color: #194597;
}

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

#fusslinie {
	border-top-color: #194597;
}

#fusslinie2 {
	   background-color: #EEEEEE;
	   background-image: url("../images/schatten_oben.png");
	  background-repeat: repeat-x;
	background-position: top;
}

#fuss {
	background-color: #194597;
	           color: #EEEEEE;
}

#fuss p a {
	color: #EEEEEE;
}

#fuss p a:hover {
	color: #F26330;
}

#fuss ul li a {
	            color: #FFFFFF;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	     border-color: #EEEEEE;
}

#fuss ul li a:hover {
	            color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
	     border-color: #194597;
}

/*
###########################################################
##
##  Designelemente
##
##  -> Boxen
##  -> Tabmenü
##
###########################################################
*/



/***************************************************
** Boxen
***************************************************/

#tabseiten,
.unterseiten,
.kurzmeldungen,
.box_1,
.box_2 {
	background-color: #DCDCDC;
}

.uebersicht,
.box_2 {
	border-color: #194597 !important;
}

#tabseiten,
.kurzmeldungen,
.unterseiten,
.box_1 {
	border-color:  #999999;
}


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

.tabmenue ul#oben {
	border-color: #999999;
}

.tabmenue ul#unten {
	border-color: #999999;
}

.tabmenue li a {
	     border-color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
	            color: #194597;
}

.tabmenue li a:visited {
	color: #194597;
}

.tabmenue ul#oben li a {
	border-color: #999999;
}

.tabmenue ul#unten li a {
	border-color: #999999;
}

.tabmenue li a:hover {
	 background-color: #194597;
	            color: #EEEEEE;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
}

.tabmenue li span {
	    border-color: #194597;
	background-color: #CCCCCC;
	           color: #999999;
}

.tabmenue li strong {
	background-color: #DCDCDC;
	    border-color: #999999;
	           color: #194597;
}

#tabende_unten {
	border-color: #999999;
}

#tabende_oben {
	border-color: #999999;
}

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

/* Kursiv */
em {
	color: #F26330;
}

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

form.suche1,
form.suche2,
form.formulare fieldset,
form.streckenverzeichnis fieldset {
	background-color: #DCDCDC;
	    border-color: #999999;
}

form.formulare fieldset legend,
form.streckenverzeichnis fieldset legend {
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	            color: #FFFFFF;
}

form.suche1 label.formular_error,
form.formulare label.formular_error {
	       color: #CC0000;
	border-color: #CC0000;
}

form.suche1 input.rahmen,
form.formulare input.rahmen,
form.formulare select.rahmen,
form.formulare textarea.rahmen {
	     border-color: #194597;
	            color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

form.suche1 input.rahmen:hover,
form.formulare input.rahmen:hover,
form.formulare select.rahmen:hover,
form.formulare textarea.rahmen:hover {
	background-color: #4179E0;
	           color: #FFFFFF;
	background-image: none;
}

form.suche1 input.rahmen:focus,
form.formulare input.rahmen:focus,
form.formulare select.rahmen:focus,
form.formulare textarea.rahmen:focus {
	background-color: #FFFFFF;
	           color: #000000;
	background-image: none;
	    border-color: #F26330;
}

form.suche2 .suche_ausblenden .markierung {
	background-color: #DCDCDC;
	           color: #222222;
}

form.formulare .markierung {
	background-color: #CDCDCD;
	           color: #222222;
}

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

/***************************************************
** Sitemap
***************************************************/

#sitemap h3 small {
	color: #194597;
}

/***************************************************
** Deustschlandkarte
***************************************************/
.verbundkarte {
	background-color: #EEEEEE;
}

.karten {
	    border-color: #194597;
	background-color: #E2E2E2;
}

.karten h3 {
	border-bottom-color: #CCCCCC;
	              color: #194597 !important;
	   background-image: url(../images/transparenz85.png);
	  background-repeat: repeat;
}

/***************************************************
** Bundeslandkarte
***************************************************/

#bundeslandliste li a {
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	            color: #FFFFFF;
	     border-color: #194597;
}

#bundeslandliste a.markierung,
#bundeslandliste li a:hover {
	 background-color: #4179E0;
	            color: #222222;
	 background-image: url("../images/navi_hover.png");
	background-repeat: repeat-x;
}

/***************************************************
** schaltflaeche
** infobrief
***************************************************/

#inhalt p.nachoben a {
	     border-color: #194597;
	            color: #FFFFFF;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;}

#inhalt p.nachoben a:visited {
	color: #FFFFFF;
}


#inhalt p.nachoben a:hover {
	     border-color: #194597;
	            color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

/***************************************************
** Linksammlung
** Reisetipps
***************************************************/


.kasten,
.kasten2,
.landtext,
.landinfo li,
#linksammlung_links,
#linksammlung_rechts li {
	background-color: #DCDCDC;
	    border-color: #999999;
}

.suche_ausblenden {
	background-color: #CCCCCC;
	    border-color: #999999;
}

/* #inhalt: der Oepra möchte eine Extra-Wurst für color */
#inhalt .suche_einblenden legend,
#inhalt .kasten2 h3,
#inhalt .kasten h2,
#inhalt .kasten h3,
#inhalt .kasten h4,
#inhalt .landinfo li strong a,
#inhalt #linksammlung_rechts li strong a {
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	            color: #FFFFFF;
}

#inhalt .suche_einblenden legend {
	border-color: #194597;
}

/***************************************************
** Bilder
***************************************************/

dl.bildmitte,
dl.bildrechts,
dl.bildlinks,
dl.bildgruppe {
	background-color: #DCDCDC;
	    border-color: #999999;
}

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

*/

table .zeile1 {
	background-color: #CDCDCD;
}

table .zeile2 {
	background-color: #DEDEDE;
}

table .ansicht {
	background-color: #4179E0;
	           color: #222222;
}

table th {
	background-color: #194597;
	           color: #FFFFFF;
	border-top-color: #4179E0;
}

table.liste td {
	border-color: #F26330;
}

/*
###########################################################
##
##  S C H L A G W Ö R T E R
##
###########################################################
*/

#schlagwoerter a:visited,
#schlagwoerter a:link {
	color: #194597;
}

#schlagwoerter a:hover,
#schlagwoerter a:active {
	background-color: #4179E0;
	           color: #222222;
}