/* 

--- verwendete farben ---
#ffffff - weiss
#8C374A - helles bordeaux
#7E2134 - bordeaux

weitere farben im folge.css

 - - - */


/* - - -  allgemeine daten - - - */


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: left;
}

p {
	margin: 10px;
}

.kontaktboxgreen {
margin: 10px 0 0 10px;
}

a:link, a:visited {
	color: #79172B;
	text-decoration: none;
}

.webdesign, a.webdesign:link, a.webdesign:visited	{
	color: #fff;
}

a:hover, a:active, a.webdesign:active, a.webdesign:hover {
	color: #79172B;
	text-decoration: none;
}

#copy {
	position: absolute;
	left: 50%;
	top: 583px;
	margin: 0 0 0 337px;
	width: 120px;
}

#copy a:link, #copy a:visited, #copy a:active, #copy a:hover {
	color: #79172B;
	font-size: 10px;
	cursor: default;
}


#rahmen {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -450px;
	width: 900px;
	height: 550px;
	background-color: #fff;
}

#quadratlinks {
	position: absolute;
	left: 50%;
	top: 1px;
	margin-left: -449px;
	width: 449px;
	text-align: right;
}

#quadratrechts {
	position: absolute;
	left: 50%;
	top: 1px;
	margin-left: 1px;
	width: 448px;
	height: 192px;
	background-color: #8C374A;
}

#quadratmittelinks {
	position: absolute;
	left: 50%;
	top: 194px;
	margin-left: -449px;
	width: 449px;
	text-align: right;
}

#quadratmitterechts {
	position: absolute;
	left: 50%;
	top: 194px;
	margin-left: 1px;
	width: 448px;
}

#quadratuntenlinks {
	position: absolute;
	left: 50%;
	top: 357px;
	margin-left: -449px;
	width: 449px;
	height: 192px;
	background-color: #7E2134;
}

#quadratuntenrechts {
	position: absolute;
	left: 50%;
	top: 356px;
	margin-left: 1px;
	width: 448px;
	border-top: 1px solid #fff;
}

#subnavirahmen {
	position: absolute;
	left: 50%;
	top: 1px;
	margin-left: 370px;
	width: 80px;
	height: 355px;
	background-color: #fff;
	z-index: 2;
	text-align: center;
}

#subnavi {
	height: 192px;
	width: 78px;
	background-color: #8C374A;
	margin: 0 0 0 1px;
}

#subnavi LI, #subnavifolge LI, #subnavibaumpflege LI, #subnavibaumschule LI, #subnavinacht LI, #subnavigarten LI, #subnaviplanung LI, #subnaviaktuell LI, #subnavidach LI, #subnavikontakt LI {
   padding: 0;
   margin: 0;
   list-style: none;
}
	
#subnavi UL{
   padding: 76px 0 0 0;
   margin: 0;
}

#subnavi A {
   color: #fff;
   text-decoration: none;
	width: 78px;
	padding: 4px 0 4px 0;
   display: block;
	border-top: 1px solid #fff;
	background-color: #8C374A;
}

#subnavi A:link, #subnavi A:visited, #subnavifolge A:link, #subnavifolge A:visited, #subnavibaumpflege A:link, #subnavibaumpflege A:visited, #subnavibaumschule A:link, #subnavibaumschule A:visited, #subnavigarten A:link, #subnavigarten A:visited, #subnavinacht A:link, #subnavinacht A:visited, #subnaviplanung A:link, #subnaviplanung A:visited, #subnaviaktuell A:link, #subnaviaktuell A:visited, #subnavidach A:link, #subnavidach A:visited, #subnavikontakt A:link, #subnavikontakt A:visited {
		font-size: 12px;
}

#subnavi A:hover, #subnavi A:focus, #subnavifolge A:hover, #subnavifolge A:focus, #subnavibaumpflege A:hover, #subnavibaumpflege A:focus, #subnavibaumschule A:hover, #subnavibaumschule A:focus, #subnavigarten A:hover, #subnavigarten A:focus, #subnavinacht A:hover, #subnavinacht A:focus , #subnaviplanung A:hover, #subnaviplanung A:focus, #subnaviaktuell A:hover, #subnaviaktuell A:focus, #subnavidach A:hover, #subnavidach A:focus, #subnavikontakt A:hover, #subnavikontakt A:focus {
	color:  #fff;
	font-weight: bold;
}

.border {
	border-top: 1px solid #fff;
}

.logo {
	margin: 0 27px 0 0;
}

#navirahmenoben {
	position: absolute;
	left: 50%;
	top: 361px;
	margin-left: -410px;
	width: 410px;
	height: 1px;
	border-top: 1px solid #fff;
	z-index: 3;
}

#navirahmenlinks {
	position: absolute;
	left: 50%;
	top: 361px;
	margin-left: -410px;
	width: 1px;
	height: 188px;
	border-left: 1px solid #fff;
	z-index: 3;
}

#navi {
	position: absolute;
	left: 50%;
	top: 361px;
	margin-left: -410px;
	width: 321px;
	height: 188px;
	z-index: 1;
}


#navi LI, #navifolge LI, #navibaumpflege LI, #navibaumschule LI , #navinacht LI , #navigarten LI , #naviplanung LI, #naviaktuell LI, #navidach LI, #navikontakt LI, #navilage LI {
   padding: 0 0 0.05em 0;
   margin: 0 0 0.2em 0;
	height: 24px;
   list-style: none;
}
	
#navi UL, #navifolge UL, #navibaumpflege UL, #navibaumschule UL, #navinacht UL, #navigarten UL, #naviplanung UL, #naviaktuell UL, #navidach UL, #navikontakt UL, #navilage UL {
   padding: 0;
   margin: 0;
}

#navi A {
	font: 12px;
   color: #fff;
   text-decoration: none;
	width: 300px;
	height: 24px;
   display: block;
	background-image: url(images/hg-navi.jpg);
}

#navi A:link, #navi A:visited, #navifolge A:link, #navifolge A:visited, #navibaumpflege A:link, #navibaumpflege A:visited, #navibaumschule A:link, #navibaumschule A:visited, #navinacht A:link, #navinacht A:visited, #navigarten A:link, #navigarten A:visited, #naviplanung A:link, #naviplanung A:visited, #naviaktuell A:link, #naviaktuell A:visited, #navidach A:link, #navidach A:visited, #navikontakt A:link, #navikontakt A:visited{
	font-size: 12px;
	color:  #fff;
}

#navi A:hover, #navi A:focus, #navifolge A:hover, #navifolge A:focus, #navibaumpflege A:hover, #navibaumpflege A:focus, #navibaumschule A:hover, #navibaumschule A:focus, #navinacht A:hover, #navinacht A:focus, #navigarten A:hover, #navigarten A:focus, #naviplanung A:hover, #naviplanung A:focus, #naviaktuell A:hover, #naviaktuell A:focus, #navidach A:hover, #navidach A:focus, #navikontakt A:hover, #navikontakt A:focus {
	font-weight: bold;
}

#navitext {
	padding: 5px 0 0 0;
	margin: -26px 0 0 55px;
}

.aktuellesstart {
	margin: 25px 0 0 30px;
}