/*

########################################################################
##
##               Titel: CSS Seh-Netz
##           Dateiname: screen.css
##         Verzeichnis: /css/
##               Autor: Marco Krings
##  letzter Bearbeiter: Marco Krings
##    Erstellungsdatum: 2007-02-09
##    Veröffentlichung: xxxx-xx-xx
##   Bearbeitungsdatum: 2007-08-21
##             Version: 0.0.1
##           Datenbank: 
##         Komponenten: -
##           Kommentar: 
##
########################################################################
*/

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

F26330	orange
194597	dunkelblau
DEDEDE	hellgrau
E7EAF7	hellblau
FCB275	


*/

/*
###########################################################
##
##  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, span.abbr
{
	border-bottom: 1px dotted #194597;
	       cursor: help;
}


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

/* Anzeige einer Fehler-/Hinweismeldung */
.meldung_error
{
	           color: #CC0000;
	     font-weight: bolder;
	          border: 2px solid #CC0000;
	background-color: #FFCCCC;
	         padding: 1em;
}

.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;
	 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;
	     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;
	   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
{
	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;
}

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

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

#navigation 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;
}

#navigation li a.aktiv
{
	background-color: #F26330;
	           color: #FFFFFF;
}


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

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

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

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

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

#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: 0em;
	        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
{
	background-color: #194597;
	           color: #EEEEEE;
	      border-top: 5px solid #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;
	 text-decoration: none;
	         padding: 0.5em;
	          border: 1px solid #EEEEEE;
}

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

#fuss ul li.blind a
{
	 border: 0;
	padding: 0;
}

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



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

.box_1,
.box_2,
#newsletter fieldset,
#tabseiten
{
	background-color: #E7EAF7;
	         padding: 1%;
	          margin: 0;
	           clear: both;
}

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

.box_2
{
	border: 2px solid #194597;
}

#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;
	           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;
}

.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
##
###########################################################
*/

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

input.rahmen,
textarea.rahmen,
select.rahmen
{
	      border: 1px solid #194597;
	 border-left: 10px solid #194597;
	padding-left: 0.3em;
	       color: #194597;
	       width: 40%;
}

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

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

input.schaltflaeche
{
	width: 20%;
}

input.schaltflaeche: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 p
{
	text-align: center;
	    margin: 0.3em;
}


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;
}