/*  
Copyright © 2009 by Thomas Gal.
Alle Rechte vorbehalten.
www.thomasgal.de
*/

body {
	padding:0; 
	margin:0;
	font-family: Verdana;
	color: #000000;
	font-size:12px;
	background-image: url(../images/bg.jpg);
	background-color: #79c113;
}

#wrap {
	width: 919px;
	margin: auto;
	margin-top: 16px;
}

#top {
	width: 919px;
	background-image: url(../images/style_top.png);
	height: 39px;
}

#header {
	background-image: url(../images/style_header.png);
	width: 919px;
	height: 142px;
	float: right;
}

#header h1 {
	margin: 0;
	margin-left: 45px;
	float: left;
}

#spruch {
	float: right;
	height: 60px;
	width: 370px;
	margin-right: 40px;
	margin-top: 40px;
}

#spruch p {
	margin: 0;
	padding: 0;
}

#mid_left {
	width: 37px;
	height: 143px;
	background-image: url(mid_left.png);
	float: left;
}

#wrap_content {
	width: 919px;
	background-image: url(../images/style_content.png);
}

.team_bild {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#content {
	float: left;
	width: 666px;
	padding-left: 51px;
}

#content h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-family: Verdana;
	font-weight: normal;
	font-size:23px;
	color: #3f5c00;
}

#content h3 {
	margin: 0;
	padding-top: 9px;
	padding-bottom: 0;
	font-family: Verdana;
	font-weight: normal;
	font-size: 17px;
	color: #3f5c00;
}

#content p {
	line-height: 20px;
	padding-left: 8px;
	
}

#content a {
	color: #527702;
	text-decoration: underline;
}

#content a:hover {
	color: #000000;
	text-decoration: underline;
}

#content_mid {
	width: 46px;
	height: 98px;
	background-image: url(../images/style_eck.png);
	float: left;
}

#content_right {
	margin-right: 35px;
	width: 117px;
	float: right;
}

#navigation {
	height: 245px;
	width: 117px;
}

#navigation ul {
	margin:0;
	padding: 0;
	list-style: none;
	float: left;
	width: 117px;
}

#navigation li {
	display: block;
	width: 117px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#startseite {
	height: 30px;
	width: 117px;
	background: url(../images/startseite.png) 0 0 no-repeat;
}

#startseite:hover {
	background-position: 0 -30px;
}

#startseite:active {
	background-position: 0 -60px;
}

#streetwork {
	height: 30px;
	width: 117px;
	background: url(../images/streetwork.png) 0 0 no-repeat;
}

#streetwork:hover {
	background-position: 0 -30px;
}

#streetwork:active {
	background-position: 0 -60px;
}

#beratung {
	height: 30px;
	width: 117px;
	background: url(../images/beratung.png) 0 0 no-repeat;
}

#beratung:hover {
	background-position: 0 -30px;
}

#beratung:active {
	background-position: 0 -60px;
}

#termine {
	height: 30px;
	width: 117px;
	background: url(../images/termine.png) 0 0 no-repeat;
}

#termine:hover {
	background-position: 0 -30px;
}

#termine:active {
	background-position: 0 -60px;
}

#offene_tuer {
	height: 30px;
	width: 117px;
	background: url(../images/offene_tuer.png) 0 0 no-repeat;
}

#offene_tuer:hover {
	background-position: 0 -30px;
}

#offene_tuer:active {
	background-position: 0 -60px;
}

#team {
	height: 30px;
	width: 117px;
	background: url(../images/team.png) 0 0 no-repeat;
}

#team:hover {
	background-position: 0 -30px;
}

#team::active {
	background-position: 0 -60px;
}

#links {
	height: 30px;
	width: 117px;
	background: url(../images/links.png) 0 0 no-repeat;
}

#links:hover {
	background-position: 0 -30px;
}

#links:active {
	background-position: 0 -60px;
}

#kontakt {
	height: 30px;
	width: 117px;
	background: url(../images/kontakt.png) 0 0 no-repeat;
}

#kontakt:hover {
	background-position: 0 -30px;
}

#kontakt:active {
	background-position: 0 -60px;
}

#impressum {
	height: 30px;
	width: 117px;
	background: url(../images/impressum.png) 0 0 no-repeat;
}

#impressum:hover {
	background-position: 0 -30px;
}

#impressum:active {
	background-position: 0 -60px;
}

.navi_pic {
	height: 30px;
	width: 117px;
}

/*
#startseite a:hover {
	background-image: url(startseite.png);
	width: 117px;
	height: 29px;
	display: block;
	color: transparent;
}

#streetwork a:hover {
	background-image: url(streetwork.png);
	width: 117px;
	height: 30px;
	display: block;
	color: transparent;
}

#beratung a:hover {
	background-image: url(beratung.png);
	width: 117px;
	height: 32px;
	display: block;
	color: transparent;
}

#termine a:hover {
	background-image: url(termine.png);
	width: 117px;
	height: 29px;
	display: block;
	color: transparent;
}

#offene-tuer a:hover {
	background-image: url(offene-tuer.png);
	width: 117px;
	height: 32px;
	display: block;
	color: transparent;
}

#links a:hover {
	background-image: url(links.png);
	width: 117px;
	height: 30px;
	display: block;
	color: transparent;
}

#kontakt a:hover {
	background-image: url(kontakt.png);
	width: 117px;
	height: 32px;
	display: block;
	color: transparent;
}

#impressum a:hover {
	background-image: url(impressum.png);
	width: 117px;
	height: 30px;
	display: block;
	color: transparent;
}

#wechsel_navi img {
	display:block;
	width: 117px;
	border: 0;
	height: 30px;
}

#wechsel_navi a:hover img {
	visibility: hidden;
}
#wechsel_navi a:hover {
	border:0;
}
* html #wechsel_navi a { 
	margin-right: 0px;
}
* html #wechsel_navi a:hover {
	width: 21px;
	margin-right:0;
}
*/

.termin_wrap {
	border: 1px solid #dddddd;
	width: 500px;
	padding: 7px;
	margin-left: 20px;
}

.datum {
	float: right;
}

.betreff {
	float: left;
}

.text {
	margin-top: 5px;
}

.kontakt_form {
	background-color: #f9f9f9;
	font-size:12px;
	color: #000000;
	border: 1px solid #d1d1d1;
	width:195px
}

.kontakt_form:hover {
	border: 1px solid #b4b6bc;
}

.kontakt_form_button {
	font-size: 12px;
	height: 22px;
	color: #404040;
	border: 1px solid #b4b6bc;
	background-color: #e9e9e9;
	padding-bottom: 2px;
}

.kontakt_form_button:hover {
	border: 1px solid #d1d1d1;
	background-color: #f0f0f0;
}

.kontakt_form_button:active {
	border: 1px solid #858585;
}
#nuernberg {
	padding-top: 23px;
	text-align: center;
}

.jugendamt {
	margin-top: 16px;
}

.admin {
	margin: auto;
	width: 600px;
	border: 1px solid;
}

#footer {
	width: 919px;
	text-align: center;
	font-size: 10px;
	height: 18px;
	background-image: url(../images/style_footer.png);
	padding-top: 33px;
}

#footer a {
	color: #000000;
	text-decoration: underline;
}

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


.clear {
	clear: both; 
}

img {
	border: 0;
}