/*

########################################################################
##
##               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: 2008-03-09
##             Version: 1.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
{
	            color: #194597;
	 background-color: #FFFFFF;
	  text-decoration: none;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

address
{
	font-style: normal;
	    margin: 0.5em 0;
}

body
{
	     font-family: Verdana, Arial, Helvetica, sans-serif;
	       font-size: small;
	background-color: #DEDEDE;
	           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;
}

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

abbr, acronym, span.abbr
{
	border-bottom: 1px dotted #194597;
	       cursor: help;
	 font-variant: normal;
}

ul
{
	list-style-type: disc;
}

/* Spaltenende */
.spaltenende
{
	     clear: both;
	   display: block;
	    height: 0;
	  overflow: hidden;
	visibility: hidden;
	    height: 0;
	 font-size: 0;
}

/* Anzeige einer Fehler-/Hinweismeldung */
.meldung_error
{
	            color: #CC0000;
	      font-weight: bolder;
	           border: 2px solid #CC0000;
	 background-color: #FFCCCC;
	          padding: 1em 1em 1em 50px;
	 background-image: url("../images/hinweis.png");
	background-repeat: no-repeat;
	       min-height: 25px;
}

.meldung_ok
{
	           color: #00CC00;
	     font-weight: bolder;
	          border: 2px solid #00C000;
	background-color: #CCFFCC;
	         padding: 1em;
}

/*
###########################################################
##
##  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%;
	font-style: italic;
	   display: inline;
}

#kopf p em
{
	color: #EEEEEE;
}

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

#kopfnavi
{
/*	background-color: #F26330;*/
}

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

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

#kopfnavi a
{
	            color: #FFFFFF;
	 background-color: #F26330;
	 background-image: url("../images/navi.png");
	background-repeat: repeat-x;
	  text-decoration: none;
	     padding-left: 0.5em;
	    padding-right: 0.5em;
	   padding-bottom: 0.3em;
	      border-left: 1px solid #EEEEEE;
	    border-bottom: 1px solid #EEEEEE;
}

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

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

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

#navigation_spalte #menuimage
{
	padding-top: 0.3em;
}

#navigation_spalte #menuimage,
#navigation_spalte #navigation,
#navigation_spalte #werbung
{
	           border: 2px solid #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
	    margin-bottom: 0.5em;
	       text-align: center;
}


#werbung p
{
	text-align: center;
}

#werbung p strong
{
	  font-size: x-large;
	font-weight: normal;
}

#werbung p strong span
{
	font-weight: bolder;
	  font-size: xx-large;
}

/*#bearbeiter
{
	background-color: #E7EAF7;
	          border: 2px solid #194597;
	   margin-bottom: 0.5em;
	      text-align: center;
}*/

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

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

#navigation ul a,
#navigation ul span
{
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	          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;
}

#navigation ul a:hover
{
	background-color: #E7EAF7;
	           color: #F26330;
	 background-image: url("../images/hell.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;
	          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;
}

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

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

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

.print   { display: none; }

.screen  { display: run-in; }

a.screen { display: inline; }

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

#inhalt_spalte
{
	   margin-top: 0%;
	margin-bottom: 0%;
	 margin-right: 1%;
	      padding: 0%;
	  margin-left: 16.5em;
}

#inhalt
{
	float: left;
	width: 100%;
}

#inhalt #inhaltsverzeichnis100
{
	          height: 1%;
	        overflow: hidden;
	background-color: #FFFFFF;
	          border: 2px dotted #194597;
	          margin: 0;
	         padding: 1em;
}

#inhalt #inhaltsverzeichnis50
{
	background-color: #FFFFFF;
	        overflow: hidden;
	          border: 2px dotted #194597;
	          margin: 0;
	         padding: 1em;
	           width: 50%;
}

#inhalt #inhaltsverzeichnis100 ul,
#inhalt #inhaltsverzeichnis50 ul
{
	 margin: 0em;
	padding: 0 0 0 2em;
}

#inhalt p
{
	text-align: justify;
	margin-top: 0.5em;
}

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

#inhalt h3
{
	margin-bottom: 0.3em;
	        color: #F26330;
}

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

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

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

#inhalt img.bildmittig
{
	vertical-align: middle;
	  margin-right: 0.3em;
	   margin-left: 0.3em;
}

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

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

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

}

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

#fuss p a
{
	color: #EEEEEE;
}

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

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

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


#fuss ul li a
{
	            color: #FFFFFF;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	  text-decoration: none;
	          padding: 0.5em;
	           border: 1px solid #EEEEEE;
}

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

#fuss ul li.blind a
{
	          border: 0;
	         padding: 0;
	background-image: none;
}

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



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

.box_1,
.box_2,
#newsletter fieldset,
#tabseiten
{
	background-color: #E7EAF7;
	         padding: 1%;
	          margin: 0;
	           clear: both;
	          height: 1%; /* IE-Hack */
	        overflow: hidden;
}

.box_1,
#newsletter fieldset
{
	border: 1px solid #194597;
}

.box_2
{
	   padding: 0.3em;
	margin-top: 0.3em;
	    border: 2px solid #194597;
}

.box_2 p
{
	padding: 0;
	 margin: 0;
}

p.box_2
{
	padding: 1em;
}

#tabseiten
{
	border-right: 1px solid #194597;
	 border-left: 1px solid #194597;
}

#tabseiten ul
{
	      margin: 0;
	padding-left: 1.5em;
}

ul.box_1,
ul.box_2
{
	      margin: 0;
	padding-left: 2em;
}

/***************************************************
** 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;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
	            color: #194597;
}

.tabmenue li a:visited
{
	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;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
}

.tabmenue li span
{
	         padding: 0.3em 0.5em;
	     margin-left: 0.1em;
	          border: 1px solid #194597;
	background-color: #CCCCCC;
	           color: #999999;
}


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

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

.tabmenue ul#unten li strong
{

	border-top: 0;
	   padding: 0.4em 0.5em 0.3em 0.5em;
}

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


#tabende_oben
{
	border-bottom: 1px solid #194597;
}




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

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

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

/* Kursiv */
em
{
	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
##
###########################################################
*/

form.formulare
{

}

form.formulare fieldset
{
	background-color: #E7EAF7;
	         padding: 0.5em;
	          margin: 0;
	           clear: both;
	          border: 1px solid #194597;
}

form.formulare fieldset legend
{
	  font-size: larger;
	font-weight: bolder;
	      color: #F26330;
}

form.formulare label
{
	 font-weight: bolder;
	      cursor: pointer;
	       width: 41%;
	       float: left;
	  text-align: right;
	margin-right: 0.5em;
	padding-left: 2px;
}

form.formulare label.formular_error
{
	       color: #CC0000;
	 border-left: 2px solid #CC0000;
	padding-left: 0.1em;
}

form.formulare label.auswahl
{
	 font-weight: bolder;
	      cursor: pointer;
	       width: auto;
	       float: none;
	  text-align: left;
	margin-right: 0;
	 margin-left: 0.1em;
}

form.formulare p
{
	  clear: left;
	 margin: 0;
	padding: 0;
}

form.formulare input.rahmen,
form.formulare select.rahmen,
form.formulare textarea.rahmen
{
	           border: 1px solid #194597;
	      border-left: 10px solid #194597;
	     padding-left: 0.3em;
	            color: #194597;
	            width: 50%;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
}

form.formulare textarea.rahmen
{
	height: 5em;
}

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

form.formulare input.rahmen:focus,
form.formulare select.rahmen:focus,
form.formulare textarea.rahmen:focus
{
	background-color: #FFFFFF;
	           color: #000000;
	background-image: none;
	          border: 1px solid #F26330;
	     border-left: 10px solid #F26330;
}

form.formulare button
{
	margin-left: 42%;
	      width: 20%;
}

form.formulare button:hover
{
	cursor: pointer;
}

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

/***************************************************
** Sitemap
***************************************************/
#sitemap h3
{
	     margin: 0.3em;
	font-weight: bolder;
}

#sitemap h3 small
{
	      color: #194597;
	  font-size: x-small;
	font-weight: normal;
}

/***************************************************
** newsletter
***************************************************/

#newsletter
{
	margin-top: 1em;
	text-align: center;
	    margin: 0px auto;
	     width: 75%;
}

#newsletter fieldset
{
	background-color: #E7EAF7;
	         padding: 0;
	          margin: 0;
	           clear: both;
	          border: 1px solid #194597;
}

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

#newsletter p
{
	text-align: center;
	    margin: 0.3em;
}

#newsletter input.rahmen
{
	      border: 1px solid #194597;
	 border-left: 10px solid #194597;
	padding-left: 0.3em;
	       color: #194597;
	       width: 30%;
}

#newsletter input.rahmen:hover
{
	background-color: #194597;
	           color: #FFFFFF;
}

#newsletter input.rahmen:focus
{
	background-color: #FFFFFF;
	           color: #000000;
	          border: 1px solid #F26330;
	     border-left: 10px solid #F26330;
}

#newsletter button
{
	width: 20%;
}

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

#infobrief li
{
	   padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#infobrief .ausgabe
{
	 clear: both;
	margin: 0;
}

#infobrief .ausgabe h3,
#infobrief h2
{
	 background-color: #194597;
	            color: #FFFFFF;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	          padding: 0.5em;
	       margin-top: 0em;
	    margin-bottom: 0em;
}

#infobrief h2
{
	margin: 0em;
}

#infobrief .ausgabe p
{
	background-color: #E7EAF7;
	          border: 1px solid #194597;
	          margin: 0;
	         padding: 0.5em;
}

#infobrief .ausgabe p.nachoben,
#infobrief ul.schaltflaeche
{
	          border: 0;
	         padding: 0;
	      margin-top: -1px;
	   margin-bottom: 1em;
	           float: right;
}

#infobrief .ausgabe p.nachoben a,
#infobrief ul.schaltflaeche a
{
	display: block;
}

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

ul.schaltflaeche li a,
#infobrief .ausgabe p.nachoben a
{
	           border: 1px solid #194597;
	            color: #FFFFFF;
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	          padding: 0.5em;
	  text-decoration: none;
}

ul.schaltflaeche li a:visited,
#infobrief .ausgabe p.nachoben a:visited
{
	color: #FFFFFF;
}


ul.schaltflaeche li a:hover,
#infobrief .ausgabe p.nachoben a:hover
{
	           border: 1px solid #194597;
	            color: #194597;
	 background-color: #FFFFFF;
	 background-image: url("../images/weiss.png");
	background-repeat: repeat-x;
	          padding: 0.5em;
}

ul.schaltflaeche li strong
{
	           border: 1px solid #194597;
	            color: #FFFFFF;
	 background-color: #F26330;
	 background-image: url("../images/navi.png");
	background-repeat: repeat-x;
	          padding: 0.5em;
}

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

#linksammlung_links
{
	           float: left;
	           width: 35%;
	background-color: #E7EAF7;
	     padding-top: 0.3em;
	  padding-bottom: 0.3em;
	   margin-bottom: 1em;
	          border: 1px solid #194597;
}

#linksammlung_links ul
{
	   margin-top: 0;
	margin-bottom: 0;
	 margin-right: 0;
	  margin-left: 1em;
	 padding-left: 0.5em;
}

#linksammlung_rechts
{
	float: right;
	width: 64%;
}

.landinfo,
.landtext,
.kasten
{
	margin-left: 5%;
}

.landinfo ul,
#linksammlung_rechts ul,
.kasten ul.nolist
{
	 margin: 0;
	padding: 0;
}

.kasten ul.nolist
{
	list-style-type: none;
}

.kasten div.kasten_aussen
{
	        width: 100%;
	margin-bottom: 0.5em;
}

.kasten div.kasten_innen
{
	background-color: #E7EAF7;
	          border: 1px solid #194597;
	         padding: 0.5em;
	        overflow: hidden;
}

* html .kasten div.kasten_innen
{
	height: 1%; /* Extra-Wurst für den IE, damit overflow:hidden funktioniert */
}

.kasten div.kasten_innen p
{
	 margin: 0;
	padding: 0;
}

.landtext
{
	           clear: right;
	 list-style-type: none;
	background-color: #E7EAF7;
	          border: 1px dashed #194597;
	   margin-bottom: 0.5em;
}

.landinfo li,
#linksammlung_rechts li
{
	           clear: right;
	 list-style-type: none;
	background-color: #E7EAF7;
	          border: 1px solid #194597;
	   margin-bottom: 0.5em;
	           width: 100%;
}


.landtext p,
.landinfo li p,
#linksammlung_rechts li p
{
	    margin: 0;
	   padding: 0.5em;
	text-align: left;
}


.kasten ul li strong
{
	  float: left;
	display: block;
	  width: 7em;
}

.kasten h3,
.kasten h4,
.landinfo li strong a,
#linksammlung_rechts li strong a
{
	 background-color: #194597;
	 background-image: url("../images/blau.png");
	background-repeat: repeat-x;
	            color: #FFFFFF;
	          display: block;
	          padding: 0.5em;
	           margin: 0em;
	  text-decoration: none;
}

.landinfo li img,
#linksammlung_rechts li img
{
	  float: right;
	padding: 0 0 0.5em 0.5em;
}

.landtext h3
{
	display: block;
	padding: 0.5em;
	 margin: 0em;
}

#inhalt .kasten h3 /* Opera möchte 'ne Extra-Wurst*/
{
	        color: #FFFFFF;
	margin-bottom: 0em;
}

.kasten div.kasten_innen ul.verweise
{
	clear: left;
	margin-top: 0;
}




p.landnachoben
{
	     float: right;
	text-align: center;
	    margin: 0;
	   padding: 0;
}

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

dl.bildrechts,
dl.bildlinks,
dl.bildgruppe
{
	         padding: 5px;
	          margin: 0.5em;
	background-color: #E7EAF7;
	          border: 1px solid #194597;
	      text-align: center;
}

dl.bildrechts
{
	float: right;
}

dl.bildlinks
{
	float: left;
}

dl.bildrechts dt,
dl.bildlinks dt,
dl.bildgruppe dt
{
	margin: 0 auto;
}

dl.bildrechts dd,
dl.bildlinks dd,
dl.bildgruppe dd
{
	    margin: 0;
	 font-size: smaller;
	text-align: left;
	text-align: center;
}