/* CSS für www.schattenladen.de */ /* Wichtige Farben: Dunkelgrau = 333333 Rot = #CC0000 */

/*Datum: 02.08.2010 OHNE gestricheltem Rand der einzelnen Bezirke*/ 


 body {
    color: #535353; 
	text-align: justify;
	background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  h3 {
	color: #CC0000; 
	background-color: white;
	font-size: 120%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0;
	text-shadow:#535353 1px 1px; 
  }
  
  #Kopfzeile{
    position:fixed;
	top:0em; left:0em; right:0em;
	font-size: 1.5em;
	height:6.2em;
    margin: 0;
    text-align: left;
    background-color: white;
    border: none;
	padding:0.1em;
  }
  #fixiertenav {
    position: absolute;
    top: 8.5em; left: 0em;
    width: 18em;
    border:none;
  }
  html>body #fixiertenav {  /* nur fuer moderne Browser! */
    position: fixed;
  }
   #fixiertelinks {
    position: absolute;
    top: 8em; right: 0em;
    width: 16em;
    border: none;
  }
  html>body #fixiertelinks {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  ul#Navigation {
    font-size: 1em;
    float: left; 
	width: 13em;
	line-height:40%;
	color: white; 
    margin: 0; padding: 1em;
    border: none;
	background-color: white;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; 
	padding: 0.3em;
  }
 
  ul#Navigation li ul {
    margin: 0 0 0 1em; padding: 0;
  }
  ul#Navigation li ul li {
    margin: 0.1em 0;
  }
  * html ul#Navigation li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: 600;
  }
   * html ul#Navigation a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
  * html ul#Navigation li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 7.8em;  /* Breitenangabe fuer IE 6 */
  }
  ul#Navigation a:link {
    color: #000000;
	text-shadow:#CCCCCC 1px 1px;
	background-color: white;
	text-decoration: none;
  }
  ul#Navigation a:visited {
    color: #000000;
	text-shadow:#CCCCCC 1px 1px; 
	background-color: white;
	text-decoration: none;
  }
  ul#Navigation a:hover {
    color: #CC0000;
	text-shadow:#FF6666 1px 1px; 
	background-color: white;
	border-color: white;
    border-left-color: black; 
	border-top-color: black;
	text-decoration: none;
  }
  ul#Navigation a:active {
	color: #CC0000;
	text-shadow:#FF6666 1px 1px; 
	background-color: white;
	text-decoration: none;
  }
  ul#Quicklinks {
    font-size: 1em;
    float: right; width: 10em;
    margin: 0; padding: 1em;
    background-color: white; 
	border: none;
  }
  ul#Quicklinks li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Quicklinks a {
    text-align: center;
	display: block;
    padding: 0.2em;
    font-weight: 700;
  }
  ul#Quicklinks a:link {
    color: #CCCCCC;
	text-shadow:#000000 2px 1px; 
	background-color: #CC0000;
	text-decoration: none;
	border-color: #333333;
  }
  ul#Quicklinks a:visited {
    color: #CCCCCC;
	text-shadow:#000000 2px 1px; 
	background-color: #CC0000;
	text-decoration: none;
	border-color: #333333;
  }
  ul#Quicklinks a:hover {
    color: #CC0000;
	text-shadow: #000000 1px 1px;
	background-color: #535353;
	border-color: #CCCCCC;
   	text-decoration: none;
  }
  ul#Quicklinks a:active {
	color: #CC0000;
	text-shadow: #000000 1px 1px;
	background-color: #535353;
	border-color: #CCCCCC;
	text-decoration: none;
  }
  div#Inhalt {
    margin: 0.6em 13em 1em 15em;
    padding: 0em;
    border: none;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  div#Inhalt a:link {
    color: #CC0000;
    text-shadow:#CCCCCC 1px 1px; 
    text-decoration: none;
  }
  div#Inhalt a:visited {
    color: #CC0000;
	text-shadow:#CCCCCC 1px 1px; 
	text-decoration: none;
  }
  div#Inhalt a:hover {
    color: #000000;
	text-shadow: #CCCCCC 1px 1px;
   	text-decoration: none;
  }
  div#Inhalt a:active {
	color: #000000;
	text-shadow: #CCCCCC 1px 1px;
	text-decoration: none;
  }

  div#Inhaltsbereich{
	padding-top:8em;
	padding-bottom:3em;
	padding-left:0;
  }
  div#Fusszeile {
	color: #333333;
    font-size: 0.8em;
	position:fixed;
	bottom:0em;
	left:0em;
	background:white;
	border-top:1px solid #CCCCCC;
	text-align:center;
	padding:0.5em;
	width:100%;
  }
  div#Fusszeile a {
    color: #666666;
    background-color: white;
    text-decoration: none;
  }
		/* Angaben nur für den Internet Explorer mit Star HTML Hack */
		* html, * html body
		{
			margin:0;
			padding:0;
			height:100%;
			overflow:hidden;
		}
		* html #Kopfzeile
		{
			margin:0;
			height:10%;
		}
		* html #Inhaltsbereich 
		{
			padding:0;
			height:95%;
			overflow:auto;
		}
		* html #Fusszeile 
		{
			background:white;
			height:5%;
			text-align:center;
			padding-top:1%;
		}

    <!--[if lt IE 7]>
  @media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #Scrollbereich {
      height: 100%; width: 100%; overflow: auto;
    }
    #Inhalt {
      position: static;
    }
  }
<![endif]-->