/* @override http://www.neue-mitte-gmbh.de/_css/pbg003.css */


/* new center V1.004 - 21.10.2008 */

body
{ font: 11px/130% Verdana, Arial, Geneva, Helvetica, sans-serif; color: #505050; background: #5f771c url("../images/gras_kl_b.jpg") repeat-x; text-align: left; margin: 0; padding: 0 }

p
{
	font: 11px/130% Verdana, Geneva;
	line-height: 15px; text-align: left;
}

#container 	{
		width: 790px; 
		background: url("../images/bg.gif") repeat-y;
		margin-right: auto; margin-left: auto;

}

/* @group Grundstrukturen */



#header {
		width: 790px;
		height: 165px;
		background: url("../images/koepfe/kopf8.jpg") no-repeat;
}

#left	{ 
	width: 200px;
	float: left;
	padding-left: 10px;
	padding-top: 20px;
}

#content { 	
		margin-left: 230px;
		margin-right: 20px;
		margin-top: 22px;
}


#footer	{ 
		font-size: 10px;
		background: #669966;
		clear: both; 
		font: 10px/130% Verdana, Arial, Geneva, Helvetica, sans-serif;
		color: #ecf3ec;
		text-align: center;
		padding-left: 120px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
}

/* @end */

/* @group Menu */

#menu { width: 200px;}

/*.submenu	{ width: 200px; } */

#menu ul  { 
		white-space: nowrap;
		list-style-type: none;
		margin: 0; padding: 0;
		width: 200px; 
} 

#menu ul li {
		display: block;
		float: left;
		text-align: left;
		padding: 0;
		margin: 0;
}

#menu a {
		display: block;
 		text-indent: -1000px;
		height: 24px;
		border-bottom: none;
		background-position: 600px; 
}  

#aktuelles a {
		background: url(../images/navi2/aktuelles.gif) no-repeat 0px 0px;
		width:200px;
}

#termine a {
		background: url(../images/navi2/termine.gif) no-repeat 0px 0px;
		width:200px;
}

#impressionen a {
		background: url(../images/navi2/impressionen.gif) no-repeat 0px 0px;
		width:200px;
}

#garten a {
		background: url(../images/navi2/garten.gif) no-repeat 0px 0px;
		width:200px;
}

#vermietung a {
		background: url(../images/navi2/vermietung.gif) no-repeat 0px 0px;
		width:200px;
}

#lage a {
		background: url(../images/navi2/lage.gif) no-repeat 0px 0px;
		width:200px;
}

#kontakt a {
		background: url(../images/navi2/kontakt.gif) no-repeat 0px 0px;
		width:200px;
}

#geschichte a {
		background: url(../images/navi2/geschichte.gif) no-repeat 0px 0px;
		width:200px;
}

#flaeche a {
		background: url(../images/navi2/flaeche.gif) no-repeat 0px 0px;
		width:200px;
}

#details a {
		background: url(../images/navi2/details.gif) no-repeat 0px 0px;
		width:200px;
}

#menu a:active { background-position: -400px; }
#menu a:hover  { background-position: -200px; }
#menu a.selected { background-position: -400px;}

/* @end */


/* @group Links */

a:active		{ color: #ff6600; text-decoration: none; }
a:hover			{ border-bottom: 1px dotted #ff6600; color: #ff6600; text-decoration: none; }
a:link			{ color: #ff6600; text-decoration: none; }
a:visited		{ color: #ff6600; text-decoration: none }

a.one:link		{ color: #ecf3ec; text-decoration: none; }
a.one:hover 	{ border-bottom: 1px dotted #ecf3ec; color: #ecf3ec; text-decoration: none; }
a.one:visited	{ color: #ecf3ec; text-decoration: none; }

/* @end */

/* @group Headlines */

.k { font-size: 10px; line-height: 120% }

h1  { color: #669966; font: bold 20px/120% 'Lucida Grande', Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 8px 0; }
h2  { color: #669966; font: bold 15px/120% 'Lucida Grande', Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 8px 0; }
h3  { color: #ff6600; font: bold 12px/120% 'Lucida Grande', Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 8px 0; }
h4  { color: #669966; font: bold 12px/120% 'Lucida Grande', Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 8px 0; }

/* @end */


/* @group Bilder */

.bild 				{ margin: 0 0 4px; 											border: solid 1px #aaa }
.bildlinks 			{ margin: 0px 18px 10px 0px; 				float: left; 	border: solid 1px #aaa }
.bildrechts 		{ margin: 0px 0px 10px 18px; 				float: right; 	border: solid 1px #aaa }

.bildrahmen  		{ margin: 0px 0px 4px 0px; 	padding: 1px; 					border: solid 1px #aaa }
.bildrahmenlinks  	{ margin: 3px 12px 3px 0px; padding: 1px; 	float: left; 	border: solid 1px #aaa }
.bildrahmenrechts  	{ margin: 3px 0px 5px 12px; padding: 1px; 	float: right;	border: solid 1px #aaa }
.bildrahmenmitte  	{ margin: 0px 0px 4px 0px; 	padding: 1px; 					border: solid 1px #aaa }

.bildrahmenreihe  	{ margin: 3px 5px; padding: 1px; float: left; border: solid 1px #aaa }
.bildrahmenreihe2  	{ margin: 3px 5px; padding: 1px; border: solid 1px #aaa }
.bildkurzlinks  	{ margin: 3px 7px 3px 0; float: left; border: solid 1px #aaa }
.bildkurzrechts  	{ margin: 3px 0 3px 7px; float: right; border: solid 1px #aaa }
/* @end */





/* @group news */

.news	 		{ margin-top: 10px; margin-bottom: 8px; float: right;
	width: 540px;
}
.news_headline 	{ font: bold 14px/100% "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #669966; margin: 8px 0px 4px 0px; }
.news_kurz 		{ text-align: left; margin-top: 3px; margin-bottom: 3px;
	width: 540px;
	float: right;
}
.news_datum 	{ font-size: 10px; color: #a9a9a9; }
.news_link	 	{ text-align: right;
	float: right;
}
.news_kurzbild			{ margin: 3px 0 5px 5px; float: right; border: solid 1px #aaa }
.news_kurzbildlinks		{ margin: 3px 5px 5px 0; float: left; border: solid 1px #aaa }
.news_kurzbildrechts	{ margin: 3px 0 5px 5px; float: right; border: solid 1px #aaa }

/* @end */


/* Aufzaehlungspunkte --------------------------------------------------------*/
ul { list-style-image: url("http://www.petersberggarten.de/images/symbole/pfeil.gif") }

/* @end */

/* @group Termine */
.term_datum 	{ color: #ff6600; font: bold 12px/120% 'Lucida Grande', Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 8px 0; }
.term_termin1	{ margin-top: 1px; margin-bottom: 10px; width: 535px;  }
.term_termin2	{ margin-top: 1px; margin-bottom: 40px; width: 535px;  }
.term_l			{ width: 70px; float: left; }
.term_r1		{ margin-top: 1px; margin-bottom: 1px; width: 350px; margin-left: 70px; clear: none; }
.term_r2		{ margin-top: 1px; margin-bottom: 1px; width: 380px; margin-left: 70px; clear: none; }
.term_text		{ margin-bottom: 10px; }
.term_text_k	{ font-size: 10px; }
.term_headline1	{ }
.term_headline2	{ font-weight: bold; }
.term_zeitraum	{ font-size: 10px; color: #808080; }
.term_logo		{ float: right; margin-right: 10px; }
.term_link		{ float: right; }
.term_dauer		{ margin-top: 20px; margin-bottom: 5px; width: 350px; margin-left: 70px; color: #006699;} 

/* @end */