/* CSS Document */
/* Verwendete Farben:
	#990000 = Dunkelrot
	#FF9933 = Orange
	#FFFFCC = Helles Gelb
	#336699 = Blau
	#330000 = Dunkelweinrot
	#cccccc = Grau
	#FFFFFF = weiß
	#000000 = schwarz
	*/
	
* {
	margin:0;
	padding:0;
	}

body { 
	color: black; 
	background-color: #cccccc;
   	 font-size: 80%;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	margin: 10px; 
	padding: 0;
    	text-align: center;  /* Zentrierung im Internet Explorer */
	overflow: auto !important;
	overflow-y: scroll;

	}

div#container {
	text-align: left;
    	margin: 0 auto;
    	width: 800px;
    	padding: 0;
	background: #FFFFFF;
	}
	
div#kopfbereich {
	float:left;
	width: 800px;
	height: 183px;
	background-image:url(../bilder/beratung.jpg);
	background-repeat: no-repeat;
	}

div#logo {
	width: 150px;
	float:left;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	list-style-type: none;
	height: 90px;
	background-image:url(../bilder/logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	}

div#schriftzug {
	float:left;
	height: 50px;
	width: 550px;
	padding: 10px 10px; /*Innenabstand oben/unten, links/rechts*/
	margin-top: 10px;
	margin-left: 5px;
	border-bottom-width:1px;
  	border-bottom-style:solid;
  	border-bottom-color:#336699;
	}

div#schriftzug h1 {
	color: #336699;
	text-align:center;
	font-size: 250%;
	}

/*Navigationsbereich*/

ul#navigation {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	width: 140px;
	margin-top: 10px;
	margin-left: 5px;
	list-style-type: none;
	clear:left;
	float:left;
	}

ul#navigation li { /*links von Navigation 1. Ebene + drum herum beim aufklappen*/
    list-style: none;
    position: relative;
    margin: 5px;
	}

* html ul#navigation li {
    margin-right:1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
	}

ul#navigation li ul { /*Abstand zwischen 1. Ebene und 2. Ebene */
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 110px;
	}

*:first-child+html ul#navigation li ul {
    left: 9em;  /* (IE 7 in standards-compliant mode) */
	}
 
ul#navigation li ul li { /*rechte Spalte zwischen 1. Ebene und 2. Ebene */
    margin: 0; padding-left: 20px;
	}

ul#navigation a {
    display: block;
    width: 110px;
    text-decoration: none; 
    padding: 2px 5px;
    border: 1px solid #990000;
    border-left-color: #FF9933;
	border-top-color: #FF9933;
    color: #FFFFCC;
	background-color: #336699;
	}

* html ul#navigation a {
    width: 110px;
    w\idth: 110px;  /* (IE 6 in standards-compliant mode) */
	}
 
ul#navigation a:hover, li a#hier:hover { /*Navibutton bei drüberfahren*/
    border-color: #FF9933;
    border-left-color: #990000; border-top-color: #990000;
    background-color: #990000;
	color: #000000;
	}
 
li a#hier {
    border-right-color: #330000; border-bottom-color: #330000;
    background-color: #990000;
	}
  
ul#navigation li a:active {
    background-color: #990000;
	color: #000000;
	}

/* Dynamisches Ein-/Ausblenden der 2. Ebene*/
ul#navigation li ul {
    display: none;
	}
  
ul#navigation li:hover>ul, ul#navigation li:active>ul {
    display: block;
	}
  
ul#navigation>li:hover>a {
    background: #990000;
	}

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#navigation li.hoverIE {
   margin-right:0;  /* reservierten Platz freigeben */
   margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
	}

* html ul#navigation li.hoverIE ul {
    display: block;
	}

* html ul#navigation li.hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
    background: #990000;
	}

/* Inhaltsbereich*/
div#inhalt {
	width: 550px;
	float:left;
	padding: 2px 30px 30px; /*Innenabstand oben, links/rechts, unten*/
	text-align:justify;
	margin-top: 10px;
	margin-left: 5px;
	}

div#inhalt a:link, div#inhalt a:visited{
	color: #336699;
	text-decoration:none;
	}

div#inhalt a:focus, div#inhalt a:hover {
	color: #990000;
	text-decoration:underline;
	}

div#inhalt a:active {
	color: #990000;
	text-decoration:none;
	}

ul#aufzaehlung li {
	background-color: #CCCCCC;
	list-style: none;
	width: 400px;
	color: #336699;
	font-weight:bold;
	margin-top: 15px;
	border-width:1px;
  	border-style:solid;
  	border-color:#336699;
	padding: 2px 5px;
	font-weight:bold;
	list-style-type: none;
	margin-left: 20px;
	}

dl#links, dl#tipps {
	margin-left: 50px;
	}

dl#links dt, dl#tipps dt {
	margin-top: 25px;
	background-color: #CCCCCC;
	padding: 3px 5px;
	font-weight:bold;
	}

dl#links dd, dl#links dd ul li, dl#tipps dd {
	margin-left: 30px;
	list-style: none;
	}

ul#leistungen li{
	margin-top: 15px;
	border-width:1px;
  	border-style:solid;
  	border-color:#336699;
	padding: 3px 5px;
	font-weight:bold;
	list-style-type: none;
	margin-left: 20px;
	}

table {
	caption-side:topleft;
	width: 400px;
	border-width:2px;
  	border-style: solid;
  	border-color:#336699;
	margin: 10px;
	border-collapse:collapse;
	}

table th {
	border-width:2px;
  	border-style:solid;
  	border-color:#336699;
	padding: 1px 5px;
	background-color: #CCCCCC;
	}

table td {
	border-width:1px;
  	border-style:solid;
  	border-color:#336699;
	border-right-width:2px;
	padding: 1px 5px;
	}

form {
	padding:20px;
	}

td, input, textarea {
	font-size:13px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
	}

input, textarea {
	color: #990000;
	}

.Button, td {
	color: #336699;
	}


/* Footerbereich der Webseite mit abgerundeten Ecken */
.footer {
	clear: both;
	width: 800px;
	margin-top:5px;
	}

.footer p {
	font-size:150%;
	color:#FFFFCC;
	text-align:center;
	margin: 0;
	padding: 1px 0px 5px 0px;
	background-color: #336699;
	}

.footer .top{
	display:block;
	background: #FFFFFF;
	}

.footer .top b{
	display:block;
	height: 1px;
	overflow: hidden;
	background-color: #336699;
	}

.footer .r1{
	margin: 0 5px;
	}

.footer .r2{
	margin: 0 3px;
	}

.footer .r3{
	margin: 0 2px;
	}

.footer .top .r4,{
	margin: 0 2px;
	height: 2px;
	}

/* Allgemeine Schrift- bzw. Absatzeinstellungen*/
p {
	line-height: 150%;
	margin: 10px 0 10px 20px;
	text-align:justify;
	}

h2 {
	font-size: 130%;
	color:#336699;
	margin: 5px 0 5px 20px;
	}

ul li {
	margin-left: 50px;
	margin-bottom: 3px;
	margin-top: 3px;
	}

img {
	border: 0;
	}