/* 
CSS Datei Schnelsen-Süd
08/2005 Uwe Baumgartner
*/

/* Alle Elemente ohne Rand, alle gleiche Schrift */
*      {
	font-size:  12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:      0;
	padding:     0 }


body         {
	background-image: url(../img/verlauf1.jpg);
	background-repeat: repeat-x;
	text-align:        center }


#center   {
	text-align: left;
	margin:      0 auto;
	width:       760px }
p {
	margin-bottom: 12px }
li {
	margin-left: 3em }
a, a:visited   {
	color:             #7b9100;
	text-decoration:    none  }



a:hover  {
	color:             #4c5a00;
	text-decoration: none }

h1, h2, h3, h4, h5, h6     {
	font-size:         14px;
	font-weight:        bold;
	margin-bottom:      14px;
	text-decoration: none    }



#header           {
	background-color: white;
	margin-top:        5px;
	width:             760px }



/* navigation oben */ 
#nav1            {
	margin-top:   5px;
	margin-bottom: 5px;
	width:         760px;
	height:        20px }


#nav1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#nav1 li   {
	display:    block;
	margin-left: 0;
	float:       left }


#nav1 li a       {
	color:             #a3c101;
	font-weight:        bold;
	text-decoration:    none;
	padding:            2px 5px;
	text-decoration: none  }


#nav1 li a:visited  {
	color: #a3c101 }

#nav1 li a:hover    {
	color: #7b9100 }

/* navigation links */
#nav2          {
	width: 180px;
	float:  left }

#nav2 ul {
	list-style-type: none;
	margin:           0;
	padding:          0 }

#nav2 li     {
	display:    block;
	margin-left: 0;
	width:       165px }


#nav2 li a, #nav2 li a:visited    {
	color:          black;
	font-weight:     bold;
	text-decoration: none;
	display:         block;
	padding:         7px 3px 11px 30px;
	text-align:   right   }

#nav2 li a:hover      {
	color:            black;
	background-repeat: no-repeat }

/* der Bereich für den Inhalt*/
#content            {
	width: 575px;
	float:  left }

/* Die Überschrift 1 ist nur für die Seitenüberschrift */
#content h1   {
	text-indent:  6px;
	margin:        0 0 10px;
	padding:       4px 0;
	border-bottom: 2px solid #7b9100;
	border-left:   3px solid #7b9100 }
/* der Seitenfuss	*/ 
#feeter          {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #7b9100 }


/* Einstellungen für spezielle Link */
#nav2 li a.startseite       {
	background-image: url("../img/button/b_startseite.gif");
	background-repeat: no-repeat }

#nav2 li a.startseite:hover {
	background-image: url("../img/button/r_startseite.gif");
	background-repeat: no-repeat }

#nav2 li a.aktuelles     {
	background-image: url("../img/button/b_aktuelles.gif");
	background-repeat: no-repeat }
#nav2 li a.aktuelles:hover {
	background-image: url("../img/button/r_aktuelles.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteil      {
	background-image: url("../img/button/b_stadtteil.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteil:hover {
	background-image: url("../img/button/r_stadtteil.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteilzeitung      {
	background-image: url("../img/button/b_stadtteilzeitung.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteilzeitung:hover {
	background-image: url("../img/button/r_stadtteilzeitung.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteilbuero      {
	background-image: url("../img/button/b_stadtteilbuero.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteilbuero:hover  {
	background-image: url("../img/button/r_stadtteilbuero.gif");
	background-repeat: no-repeat }

#nav2 li a.stb   {
	font-size:          10px;
	font-weight:         bold;
	background-image:    url("../img/button/b_stb.gif");
	background-repeat:   no-repeat;
	background-position: 0 5px;
	margin-left:         1em }
#nav2 li a.stb:hover {
	background-image:    url("../img/button/r_stb.gif");
	background-repeat:   no-repeat;}

#nav2 li a.stadtteilbeirat      {
	background-image: url("../img/button/b_stadtteilbeirat.gif");
	background-repeat: no-repeat }

#nav2 li a.stadtteilbeirat:hover {
	background-image: url("../img/button/r_stadtteilbeirat.gif");
	background-repeat: no-repeat }

#nav2 li a.jobberatung     {
	background-image: url("../img/button/b_jobberatung.gif");
	background-repeat: no-repeat }

#nav2 li a.jobberatung:hover {
	background-image: url("../img/button/r_jobberatung.gif");
	background-repeat: no-repeat }

#nav2 li a.finanzkreis     {
	background-image: url("../img/button/b_finanzkreis.gif");
	background-repeat: no-repeat }

#nav2 li a.finanzkreis:hover {
	background-image: url("../img/button/r_finanzkreis.gif");
	background-repeat: no-repeat }

#nav2 li a.impressum     {
	background-image: url("../img/button/b_impressum.gif");
	background-repeat: no-repeat }
#nav2 li a.impressum:hover {
	background-image: url("../img/button/r_impressum.gif");
	background-repeat: no-repeat }


/* Einstellungen für spezielle Seiten */
body.startseite #content h1 {
	border-bottom: 2px solid #01c15f;
	border-left:    3px solid #01c15f }

body.aktuelles #content h1 {
	border-bottom: 2px solid #0181c1;
	border-left:    3px solid #0181c1 }

body.stadtteil #content h1 {
	border-bottom: 2px solid #0123c1;
	border-left:    3px solid #0123c1 }

body.stadtteilbuero #content h1 {
	border-bottom: 2px solid #5f01c1;
	border-left:    3px solid #5f01c1 }

body.stadtteilbeirat #content h1 {
	border-bottom: 2px solid #c101a2;
	border-left:    3px solid #c101a2 }

body.finanzkreis #content h1 {
	border-bottom: 2px solid #c10123;
	border-left:    3px solid #c10123 }

body.jobberatung #content h1 {
	border-bottom: 2px solid #c15f01;
	border-left:    3px solid #c15f01 }

body.stadtteilzeitung #content h1 {
	border-bottom: 2px solid #c19e01;
	border-left:    3px solid #c19e01 }

body.impressum #content h1 {
	border-bottom: 2px solid #a3c101;
	border-left:    3px solid #a3c101 }

body.startseite #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #01c15f }

body.aktuelles #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #0181c1 }


body.stadtteil #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #0123c1 }

	
body.stadtteilbuero #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #5f01c1 }

	
body.stadtteilbeirat #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #c101a2 }

	
body.finanzkreis #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #c10123 }

	
body.jobberatung #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #c15f01 }

	
body.stadtteilzeitung #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #c19e01 }

body.impressum #feeter           {
	text-align: right;
	margin-top:  3px;
	clear:       both;
	border-top:  3px solid #a3c101 }

/* Box für Termimne und aktuelles */
.termin-aktuelles  {
	margin-bottom: 15px;
	border:         solid 1px black }

.termin-aktuelles .termin  {
	color:      #546400;
	font-weight: bold;
	margin:      10px }
.termin-aktuelles .termin-l100px  {
	color:      #546400;
	font-size:   13px;
	font-family: "Courier New", Courier, Monaco, monospace;
	font-weight: bold;
	margin:      10px 10px 10px 100px }


.termin-aktuelles h2  {
	font-weight: bold;
	text-align:   center;
	margin:       10px }


.termin-aktuelles p {
	margin: 10px }

.infoplanbox             {
	background-color: #d2ff51;
	display:           none;
	margin-top:        180px;
	margin-right:      10px;
	padding:           3px;
	position:          absolute;
	top:               20px;
	right:             300px;
	width:             auto;
	height:            auto;
	border:            solid 1px black }