/* Hier sind die Basisstilregeln definiert*/

body {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	color: #036;
	margin:0;
	padding:0;
}

p {
	font-size:1em;
	line-height:1.4em;
	font-weight: normal;
}

h1 {
	font-size:1.5em;
	margin-top:0;
  margin-bottom: 1.5em;
}

h1 a:link, h1 a:visited, h1 a:active, h2 a:link, h2 a:visited, h2 a:active, 
p.index a, p.index a:active, p.index a:visited {
  text-decoration:none;
  color: #036;
}

p.index a.normal {
  font-weight:bold;
  color: #600;
  text-decoration: underline;
}

p.index a:hover, #inhalt p a:hover {
  font-weight:bold;
  text-decoration: none;
  color: #036;}

h2 {
	font-size:1.2em;
	margin-top:0;
}

h3 {
	font-size:1em;
	padding-bottom: -0.7em;
}

img {
	border-style: none;
}

a, #index p a {
	font-weight:bold;
	color: #600;
}

a:visited, #index p a:visited {
	font-weight:bold;
	color: #600;
  text-decoration: underline;
}

a:hover, #index p a:hover {
	text-decoration: none;
	font-weight:bold;
	color: #036;
}

a:active {
	text-decoration: underline;
	font-weight:bold;
  font-family:verdana, helvetica, arial, sans-serif;
	color: #600;
}

a:link img {
	font-weight:bold;
	border: 1px solid #600;
}

a:visited img {
	text-decoration:none; 
	border: 1px solid #600;
}

a:hover img {
	text-decoration:none; 
	border: 1px solid #036;
}

a:active img {
	text-decoration:none; 
	border: 1px solid #600;
}


/* Hier sind die Positionierung der einzelnen Grundelemente der Website definiert */

/* Hier beginnt die Kopfzeile */

#kopfzeilehome {
	background: #036;
	height:65px;
}

#kopfzeileberatung {
	background: #f60;
	height:65px;
}

#kopfzeileverein {
	background: #900;
	height:65px;
}

/* Hier endet die Kopfzeile */

/* Hier beginnt der Wrapper */

#wrapper {
  background: url(../bilder/hintergrund_wrapper_dadada.gif) repeat-y left;
  float: left;
  padding: 0;
  margin: 0;
}

/* Hier beginnt die Servicenavigation */

ul#servicenavigation {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 4px;
  text-align: right;
  border-bottom: #036 5px solid;
  background-color: #fff;
  }
  
ul#servicenavigation li {
  list-style: none;
  display: inline;
  }

ul#servicenavigation a:hover, ul#servicenavigation span {
  font-weight:bold;
  color: #036;
  }

/* Die Servicenavigation endet hier */

/* Hier beginnt die Hauptnavigation */

ul#hauptnavigation {
  font-size:1.1em;
  float: left;
  width: 260px;
  margin: 0;
  padding: 20px 0px 20px 20px;
  line-height: 2.5em;
  background-color: #dadada;
}

ul#hauptnavigation li {
  list-style-type: none;
}

ul#hauptnavigation a:hover,  ul#hauptnavigation span {
  color: #036;
  font-weight: bold;
}

ol#subnavigation {
  font-size: 0.9em;
  margin-left: 5px;
  padding-left: 20px;
  padding-bottom: 1em;
  line-height: 1.6em;
}

ol#subnavigation li {
  list-style: upper-alpha outside;
  font-weight: bold;
}

ol#subnavigation a:hover, ol#subnavigation span {
  color: #036;
  font-weight: bold;
}

/* Hier endet die Hauptnavigation */

/* Hier beginnt die Inhaltsbox */

#inhalt {
  margin: 20px 20px 20px 300px;
  background-color: #fff;
}

/* Hier endet die Inhaltsbox */

/* Hier beginnt die Fusszeile */

#fusszeile {
	font-size: 0.7em;
  text-align: center;
  clear: both;
	border-top: #036 1px solid;
	border-bottom: #036 1px solid;
	background: #fff;
	height: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}

#fusszeile img {vertical-align: middle;}

/* Hier endet die Fusszeile */

/* Hier beginnen die Definitionen für Listen */

ol,ul {
	list-style-position:outside;
	line-height:1.4em;
}

ol.inhalt {
	list-style-type: decimal;
	margin:0;
	padding-left:1.8em;
	font-weight:normal;
}

ol.inhalt ol.inhalt {
	list-style-type: lower-alpha;
	margin:0;
	padding-left:1.5em;
}

ol.sub {
	list-style-type: upper-alpha;
	margin:0;
	padding-left:2em;
}

ol.sub li.leistungsauftrag {
  font-weight: bold;
  margin:0;
  padding-left:1.4;
}
	
ol.inhalt ol.inhalt ol.inhalt {
	list-style-type: lower-roman;
	margin:0;
	padding-left:1.5em;
}

ul.inhalt {
	list-style-type: disc;
	margin:0;
	padding-left:1.5em;
	font-weight:normal;
}

ul.inhalt ul {
  list-style-type: none;
  padding-left:0;
  margin: 0;
}

ul.ressort {
	list-style-type: none;
	margin:0;
	padding-left:0;
	font-weight:normal;
}

ul.ressortabstand {
	list-style-type: none;
	margin:0;
	padding-left:0;
	font-weight:normal;
}

ul.ressortabstand li {
	padding-bottom: 1.5em;
}

.listentitel {
	font-size: 1em;
	font-weight: bold;
 	margin-top: 1.7em;
}

li.listentitel h2 {
	font-size: 1em;
  margin-bottom: 0.7em;
}

.listeninhalt {
	font-size: 1em;
	font-weight: normal;
}

/* Hier enden die Definitionen für Listen */


/* Hier sind die Stilregeln für Tabellen definiert */

tr {
	padding:0.5em;
	text-align:left;
	font-size: 0.9em;
	white-space: nowrap;
}

tr td.daten, tr th.daten {
	text-align:left;
}

tr td.datenrechts, tr th.datenrechts {
	text-align:left;
}

tr.gerade td, tr.gerade th {
	background: #ccc;
	color: #036;
	border-right:1px solid #036;
}

tr.gerade td.rechts, tr.gerade th.rechts {
	border-right:0px;
}

tr.gerade td.datenrechts, tr.gerade th.datenrechts {
	border-right:0px;
}
	
tr.ungerade td, tr.ungerade th {
	background: #fff;
	color: #036;
	border-right:1px solid #036;
	border-top:2px solid #036;
	border-bottom:2px solid #036;
}

tr.ungerade td.rechts, tr.ungerade th.rechts {
	border-right:0px;
}

tr.ungerade td.datenrechts, tr.ungerade th.datenrechts {
	border-right:0px;
}

td.linienhoehe, th.linienhoehe {
	line-height: 2.3em;
}


/* Hier sind die Formularfelder definiert */

.wrapperformular {
	float: left;
	width: 80%;
}

input, textarea, select {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:1em;
}

.option {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:3em;
}

.button {
	background:#ccc;
	color:#036;
	border:5px solid #036;
}

form p {
	clear: both;
}

form p label {
	float: left;
	width: 200px;
}

form p.rand {
	padding-left: 200px;
	}

.label {
	float: left;
	width: 200px;
}

.total {
	width: 100%;
	margin-bottom: 1.2em;
}

/* Hier sind die Klassen definiert */

.clearing {
	clear: both;
	height:1em;
}

.index {
	padding-top: 3em;
	padding-left: 15px;
	font-size: 1.1em;
}

h2.titelindex {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-weight: bold;
  color: #036;
	font-size: 1.5em;
	line-height: 1.7em;
}

.titel {
	font-weight: bold;
}

.kontaktgruppen_daten {
	padding: 20px;
	width: 100%;
}

.bild {
	margin: 0px 60px 0px 0px;
    float: left;
}

p.team {
	padding-top: 60px;
}

p.hilfsmittel {
	margin: 0 0 0 280px;
}

.aktuellberatung {
	border: 5px solid #f60;
	padding-left: 20px;
	padding-right:20px;
	background: #ffc;
	color: #036;
}

.aktuellverein {
	border: 5px solid #900;
	padding-left: 20px;
	padding-right:20px;
	background: #ffc;
	color: #036;
}

.aktuellnormal {
	border: 5px solid #036;
	padding-left: 20px;
	padding-right:20px;
	background: #ffc;
	color: #036;
}

.wrapperteam {
  height: 175px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.wrapperhilfsmittel {
	float: left;
	margin-bottom: 2em;
}

/* Access for all */

.hidden {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;
}