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

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

html {
	height: 100%;
}

body {
	          font-family: Verdana, Arial;
	                color: #222222;
	     background-image: url(../images/back.png);
	background-attachment: fixed;
	     background-color: #DEDEDE;
	            font-size: 80%;
	               margin: 0;
	              padding: 0;
	               height: 100%;
	          border-left: 1px solid #AAAAAA;
}

#page {
	     background-image: url(../images/fuss.png);
	    background-repeat: repeat-x;
	  background-position: bottom right;
	background-attachment: fixed;
	          margin-left: -1px;
	              padding: 1em;
	           min-height: 101%;              /* Mindesthöhe für moderne Browser */
	               height: auto !important;   /* Important Regel für moderne Browser */
	               height: 101%;              /* Mindesthöhe für den IE */
	             overflow: hidden !important; /* FF Scroll-leiste */
}

a:link {
	color: #386598;
}
 
a:visited, a:active, a:focus {
	color: #787878;
}

a:hover {
	background-color: transparent;
	           color: #FFD455;
}

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

code {
	     font-family: DejaVu Sans Mono, Courier, Courier New, Monotype;
	     font-weight: bolder;
	       font-size: larger;
	background-color: #DEDEDE;
	   border-bottom: 1px solid #AAAAAA;
	    border-right: 1px solid #AAAAAA;
	         padding: 0.5em 1em;
	          margin: 0.5em 0 0.5em 3em;
	           width: 75%;
	         display: block;
	  letter-spacing: 0.1em;
}

li code {
	 margin: 0.1em 0;
	padding: 0.2em;
	display: inline-block;
	 border: 0;
}

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

img {
	border: 0;
}

img.bildlinks {
	float: left;
}

img.bildrechts {
	float: right;
}

ul li {
	list-style-type: square;
}

ul {
	margin-top: 0;
}

/*
###########################################################
##
##  K O P F
##
###########################################################
*/

#kopf {
	margin-right: 100px;
}

#kopf #kopf_links {
	 width: 200px;
	 float: left;
	height: 75px;
}

#kopf #kopf_links img {
	background-color: #A2BEDD;
	          border: 1px solid #386598;
	          margin: 0;
	         padding: 0;
	          border: 0;
}

#kopf #kopf_rechts {
	background-color: #386598;
	          border: 1px solid #A2BEDD;
	     margin-left: 210px;
	          height: 73px;
}

#kopf #kopf_rechts h1 {
	     font-size: 200%;
	    text-align: right;
	        margin: 0;
	   padding-top: 1em;
	 padding-right: 1em;
	         color: #FFD455;
	letter-spacing: 0.1em;
}

/*
###########################################################
##
##  M A I N
##
###########################################################
*/

#main {
	margin-top: 0.8em;
	     clear: both;
}

/*
###########################################################
##
##  N A V I G A T I O N
##
###########################################################
*/

#navigation {
	        width: 200px;
	        float: left;
	margin-bottom: 10px;
	   margin-top: -0.2em;
}

#navigation ul {
	 margin: 0;
	padding: 0;
}

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

#navigation li span,
#navigation li a {
	           color: #222222;
	background-color: #A2BEDD;
	          border: 1px solid #386598;
	         display: block;
	         padding: 0.2em 3px;
	 text-decoration: none;
	           width: 193px;
	      margin-top: 0.2em;
}

#navigation li li a {
	            color: #222222;
	 background-color: #EDEDED;
	     padding-left: 12px;
	            width: 184px;
	       border-top: 0;
	       margin-top: 0em;
}

#navigation li a:hover,
#navigation li a.aktiv {
	            color: #FFD455;
	 background-color: #386598;
}

#navigation li a:focus {
	            color: #386598;
	 background-color: #FFD455;
}

/*
###########################################################
##
##  I N H A L T
##
###########################################################
*/

#inhalt {
	  margin-left: 210px;
	margin-bottom: 10px;
	 margin-right: 100px;
}

#inhalt h1 {
	     font-size: 200%;
	        margin: 0;
	       padding: 0 0 0.3em 0;
	         color: #386598;
	letter-spacing: 0.1em;
}

#inhalt #seite {
	      margin-top: 10px;
	          border: 1px solid #386598;
	background-color: #EDEDED;
	         padding: 0.5em;
	        overflow: hidden;
}

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

#inhalt #seite h2 {
	         clear: both;
	        margin: 0 0 0.5em 0;
	  padding-left: 0.5em;
	padding-bottom: 0.2em;
	         color: #386598;
	 border-bottom: 2px solid #386598;
}

#inhalt #seite h2 a {
	text-decoration: none;
	          color: #386598;
}

#inhalt #seite h2 a:hover {
	text-decoration: underline;
	          color: #FFD455;
}

#inhalt #seite h3 {
	margin: 0 0 0.3em 0;
}

#inhalt #seite h4,
#inhalt #seite h5 {
	margin: 0;
}

/*
###########################################################
##
##  F U S S
##
###########################################################
*/

#fuss {
	background-color: #386598;
	          border: 1px solid #386598;
	     margin-left: 210px;
	    margin-right: 100px;
	   margin-bottom: 10px;
	          height: 2em;
}

#fuss p {
	 margin: 0;
	padding: 0.4em;
	  color: #FFD455;
}
#fuss a {
	background-color: transparent;
	           color: #FFD455;
}


/*
###########################################################
##
##  F O R M U L A R E
##
###########################################################
*/

form {
	padding: 0;
	 margin: 0;
}

fieldset {
	          border: 0;
	background-color: #CDCDCD;
	         padding: 1em 0;
	          margin: 0;
}

legend {
	           width: 100%;
	background-color: #386598;
	           color: #FFD455;
	          margin: 0;
	         padding: 0;
}

legend h3 {
	letter-spacing: 0.1em;
	        margin: 0;
	       padding: 0.5em 1em;
}

form select,
form input {
	background-color: #EDEDED;
	           color: #386598;
	     margin-left: 1em;
	          border: 0;
	         padding: 0.3em;
}

form input {
	width: 20em;
}

form select {
	text-align: center;
	     width: 10em;
}

form input:hover, form input:focus, form input:active,
form select:hover, form select:focus, form select:active {
	background-color: #FFD455;
	           color: #386598;
}

form button {
	          border: 0;
	background-color: #A2BEDD;
	           color: #222222;
	          cursor: pointer;
	           width: 10em;
	     margin-left: 1em;
	         padding: 0.3em;
}

form button:hover,
form button:focus {
	background-color: #FFD455;
	           color: #386598;
}

/*
###########################################################
##
##  D I V E R S E S
##
###########################################################
*/

#inhaltsverzeichnis {

}

/*
###########################################################
##
##  L I N K S A M M L U N G
##
###########################################################
*/

#linksammlung_links {
	         float: left;
	         width: 35%;
	   padding-top: 0.3em;
	padding-bottom: 0.3em;
	 margin-bottom: 1em;
}

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

#linksammlung_rechts li {
	 margin: 0;
	padding: 0;
}

#linksammlung_rechts li h4 {
	    margin: 0;
	   padding: 0;
	font-size: 120%;
	color: #386598;
}

#linksammlung_rechts li p {
	    margin: 0;
	   padding: 0;
	text-align: left;
}

#linksammlung_rechts li a {
	color: #222222;
}

#linksammlung_rechts a:visited,
#linksammlung_rechts a:active,
#linksammlung_rechts a:focus {
	color: #787878;
}

#linksammlung_rechts a:hover {
	background-color: transparent;
	           color: #FFD455;
}


/*
###########################################################
##
##  B I L D E R
##
###########################################################
*/

dl.bildrechts,
dl.bildlinks,
dl.bildgruppe {
	    text-align: center;
	       display: -moz-inline-box; /* Firefox kleiner 3 */
	       display: inline-block; /* kompatible Browser */
	vertical-align: top;
}

dl.bildrechts {
	 float: right;
	margin: 0 0 0 0.5em;
}

dl.bildlinks {
	 float: left;
	margin: 0 0.5em 0 0;
}

dl.bildgruppe {
	margin: 5px;
}

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

dl.bildrechts dt img,
dl.bildlinks dt img,
dl.bildgruppe dt img {
	            padding: 4px;
	             margin: 0;
	             border: 1px solid #AAAAAA;
	 border-right-color: #333333;
	border-bottom-color: #333333;
	   background-color: #FEFEFE;
}

dl.bildgruppe dt img {
	margin: 0 2px 0 0;
}

dl.bildrechts dt a:hover img,
dl.bildlinks  dt a:hover img,
dl.bildgruppe dt a:hover img {
	          filter: alpha(opacity=50); /* IE */
	    -moz-opacity: 0.50;              /* Mozilla */
	         opacity: 0.50;              /* Opera */
	background-color: #BBBBBB;
	          border: 1px solid #333333;
}

dl.bildrechts dd,
dl.bildlinks  dd,
dl.bildgruppe dd {
	             margin: 0;
	            padding: 0 3px 3px 3px;
	          font-size: small;
	   background-color: #CCCCCC;
	             border: 1px solid #AAAAAA;
	 border-right-color: #333333;
	border-bottom-color: #333333;
	            display: block;
}

dl.bildrechts dd,
dl.bildlinks  dd {
	text-align: center;
}

dl.bildgruppe dd {
	text-align: justify;
}

/*
###########################################################
##
##  S C H L A G W Ö R T E R
##
###########################################################
*/
#schlagwoerter {
	text-align: justify;
	    margin: 0 220px 1em 1em;
}

#schlagwoerter a {
	line-height: 1em;
}

#schlagwoerter ol {
	list-style-type: none;
	         margin: 0 1em 1em 1em;
	        padding: 0;
}

#schlagwoerter ol li {
	 margin: 0;
	padding: 0;
	display: inline;
}

#schlagwoertergebnis h3 {
	     float: left;
	     color: #386598;
	text-align: right;
	     width: 9.5em;
}

#schlagwoertergebnis ul {
	margin-left: 10em;
}