* {
  font-family:           Arial, Lucida sans-serif;
  margin:                0;
  padding:               0;
  border:                0;
}

*:focus {
  outline:               0;
}

body {
  font-size:             100.1%;
  line-height:           1.3125em;
  background-color:      #94c11c;
  background-image:      url(../img/hg-gesamt.png);
  background-position:   50% 0%;
  background-repeat:     repeat-y;
}

.main-page {
	min-height:200px;
	/* background: url(../img/shadowfit.jpg) top center no-repeat; */
	z-index:99999999;
}

.header-bg {
	position:fixed;
	background: url(../img/shadowfit.png) top center no-repeat;
	width:100%;
	height:64px;
	margin-left:auto;
	margin-right:auto;
	z-index:9999999999999999999;
	margin-top:10px;
}

.header-spacer {
	height:10px;
	width:100%;
	background:#94c11c;
	position:fixed;
	z-index:99999999;
}

a,
a:link,
a:visited,
a:active {
  text-decoration:       none;
  color:                 #666666;
}

a:focus,
a:hover {
  text-decoration:       underline;
}

a.text,
a.text:link,
a.text:visited,
a.text:active {
  font-style:            italic;
  text-decoration:       none;
  color:                 #666666;
}

a.text:focus,
a.text:hover {
  text-decoration:       underline;
}

h1, h2, h3, h4, h5, h6 {
  color:                 #94c11c;
}

h1 {
  font-size:             0.875em;
  line-height:           1.5714em;
  font-weight:           bold;
  padding-bottom:        0px;
}

h2 {
  font-size:             0.75em;
  line-height:           1.8333em;
  font-weight:           normal;
  white-space:           nowrap;
  overflow:              hidden;
  width:                 786px;
}

h3 {
  font-size:             0.7em;
  line-height:           0.4em;
  font-weight:           normal;
  padding-bottom:        1.5714em;
}

h4 {
  font-size:             0.85em;
  line-height:           1.8333em;
  font-weight:           normal;
}

h5 {
  font-size:             0.8125em;
  line-height:           1.6923em;
  font-weight:           bold;
  padding-bottom:        0.23em;
}

p {
  font-size:             0.8125em;
  line-height:           1.6923em;
  padding-bottom:        1.4em;
}

ul {
  font-size:             0.8125em;
  line-height:           1.6923em;
  list-style-type:       none;
  padding-bottom:        0.23em;
}

ul li {
  font-size:             1em;
  line-height:           1.6923em;
  padding:               0 16px;
  background-image:      url(../img/liste01.gif);
  background-position:   0px 8px;
  background-repeat:     no-repeat;
}



small {
  font-size:             0.8462em;
  line-height:           2em;
}

small small {
  font-size:             1em;
  line-height:           2em;
}

em {
  font-size:             1em;
  font-style:            oblique;
}

strong {
  font-size:             1em;
  font-weight:           bold;
}

.clear {
  clear:                 left;
}

#wrapper {
  width:                 980px;
  margin:                0 auto;
}

#header {
  position:              fixed;
  width:                 980px;
  height:                245px;

  background-image:      url(../img/headillus/spektrum-jugendhilfe.png);
  background-position:   50% 0%;
  background-repeat:     no-repeat;
  margin-left:auto;
  margin-right:auto;
  z-index:9999999;
  margin-left:auto !important;
  margin-right:auto !important;
}


#header a,
#header strong {
  display:               block;
}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header strong {
	font-family: Verdana, sans-serif;
  font-size:             1em;
  line-height:           1.4615em;
  white-space:           nowrap;
  font-weight:           normal;
  text-decoration:       none;
  color:                 #666666;
}

#header a:focus,
#header a:hover {
  
  color:                 #94c11c;
}

#header a.active {

  color:                 #94c11c; !important;
}


#header strong {
  font-weight:           bold;
  margin-bottom:         -1.4615em;
  color:                 #ffffff;
}

#header ul {
  font-size:             0.8125em;
  line-height:           1.4615em;
  list-style-type:       none;
  float:                 right;
  padding-top:           222px;
  padding-right:         88px;
}

#header ul li {
  float:                 left;
  position:              relative;
  padding:               0 14px;
  background-image:      url(../img/navi-strich.gif);
  background-position:   0% 50%;
  background-repeat:     no-repeat;
}

#header ul li:first-child, #header ul li ul li{
 background-image: none;
}


#header ul li ul li {
  float:                 none;
}

#header ul li ul li a {
  display:               inline-block;
}

#header ul ul {
  font-size:             1em;
  position:              absolute;
  float:                 none;
  margin-left:           -20px;
  padding:               2px 0 3px 6px;
  background-color:      #fbfaf8;
  z-index: 10;
}

#header ul li ul {
  display:               none;
}

#header ul li:hover ul {
  display:               block;
}

#content {
	position: absolute;
	margin-top: 300px;
	font-family: Arial, Helvetica, sans-serif;
	width: 980px;
	height:400px;
	min-height:400px;
	height:auto !important;
}


#content-left ul {
  font-size:             0.8125em;
  line-height:           1em;
  list-style-type:       none;
  float:                 right;

}

#content-left ul li {
  padding:               0 14px;
  background-image:      url(../img/navipunkt-gruen.gif);
  background-position:   left 6px;
  background-repeat:     no-repeat;
  line-height:16px !important;
  padding-bottom:6px;
}

#content-left ul li.orange {
  padding:               0 14px;
  background-image:      url(../img/navipunkt-orange.gif);
  background-position:   left 6px;
  background-repeat:     no-repeat;
  line-height:16px !important;
  padding-bottom:6px;
}

#content-left ul li.blau {
  padding:               0 14px;
  background-image:      url(../img/navipunkt-blau.gif);
  background-position:   left 6px;
  background-repeat:     no-repeat;
  line-height:16px !important;
  padding-bottom:6px;
}

#content-left ul li a {
  
 
  display:inline;
  line-height:16px !important;
}




#content-left {
	position:absolute;
	left: 16px;
   color:                 #040300;
  font-family: Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
}

#content-right {
  float:right;
  left: 260px;
  color:                 #040300;
  font-family: Arial, Helvetica, sans-serif;
  width:                 651px;
  padding:               0 93px 0 0;
  
}

#footer {
  width: 800px;
  height:70px;
  font-size:             0.5625em;
  line-height:           1.3333em;
  color:                 #666666;
  padding-top:           3em;
  top:500px;
  margin-left:170px;
  clear:both;
  
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
  text-decoration:       none;
  color:                 #666666;
}

#footer a:focus,
#footer a:hover {
  text-decoration:       underline;
}


.footer-text {
	padding-top:32px;
}




.textfeld {
border: #c7c7c7;
background: #ffffff;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
noshade;
}