/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #7bb554;
	text-decoration: none;
	list-style-type: none;
	outline: none;
}

html, body {min-height: 100%; height: 100%;}

body {background: #004619 url(../images/hg_body.jpg) repeat-x top center;}

h1 {font-size: 42px; font-weight: normal; margin-bottom: 10px; color: #5aa902; font-family: Georgia, "Times New Roman", Times, serif;}
h1 span {font-size: 24px; font-weight: normal; margin-bottom: 10px; color: #366701; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {font-size: 17px; font-weight: normal; margin-bottom: 10px; color: #366701; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #7bb554;}
h4 {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #7bb554;}

hr {margin: 0 0 10px 0; color: #3b5e23; height: 1px; border-top: dotted 1px #3b5e23; border-bottom: transparent; clear: both;}

.floatende {clear: both;}

.border-rechts {padding: 1px; background: #FFFFFF; border: 7px solid #375c22; margin: 0 0 10px 20px; float: right; clear: both;}
.border-rechts_ {padding: 1px; background: #FFFFFF; border: 7px solid #375c22; margin: 0 10px  10px 20px; float: right; clear: both;}
.border-left {padding: 1px; background: #FFFFFF; border: 7px solid #375c22; margin: 0 20px 20px 0; float: left;}
.border-left_ {padding: 1px; background: #FFFFFF; border: 7px solid #375c22; margin: 0 0 20px 0; float: left;}
.border-ohne {padding: 1px; background: #FFFFFF; border: 7px solid #375c22; margin: 0 0 10px 0; clear: both;}

.blocken {margin: 0 0 10px 0; clear: both;}
.nicht_zeigen {display: none;}

.beschreibung {float: left; width: 450px; margin-right: 20px;}
.detail {float: left; width: 450px;}
.ankern {float: left; margin: 20px 0 20px 0; background: url(../images/link.gif) no-repeat left; padding: 0 0 0 50px; text-decoration: none;}
.ankern:hover {color: #FFFFFF;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussen {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
*html #Aussen {height: 100%;}

#Aussenhuelle {
	width: 955px;
	margin: 0 auto;
	padding: 0 0 113px 0;
	position: relative;
	overflow: hidden;
}
*html #Aussenhuelle {overflow: visible;}

#Header {
	width: 955px;
	height: 315px;
	background: url(../images/hg_header.jpg) no-repeat top left;
	position: relative;
}

a#Aktuelles {
	width: 116px;
	height: 116px;
	background: url(../images/hg_aktuelles.jpg) no-repeat;
	position: absolute;
	top: 293px;
	left: 810px;
	display: block;
	text-indent: -5000px;
}
a#Aktuelles:hover {background: url(../images/hg_aktuelles_.jpg) no-repeat;}

#Linke-Seite {
	position: relative;
	background: url(../images/hg_navi.gif) no-repeat;
	width: 209px;
	height: 410px;
	float: left;
}

#Content {
	width: 670px;
	height: auto;
	position: relative;
	float: right;
	overflow: hidden;
}
*html #Content {overflow: visible;}

.content-li {
	width: 310px;
	position: relative;
	float: left;
	margin: 30px 50px 0 0;
}

.content-re {
	width: 310px;
	position: relative;
	float: left;
	margin: 30px 0 0 0;
}

#Footer {
	width: 100%;
	height: 113px;
	background: url(../images/hg_footer.jpg) repeat-x top;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Aussenhuelle #Header ul {
	position: absolute;
	top: 15px;
	left: 640px;
}

#Aussenhuelle #Header ul li {
	position: relative;
	float: left;
}

#Aussenhuelle #Header ul li a {
	margin-right: 20px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #7bb554;
	text-align: right;
	text-decoration: none;
}

#Aussenhuelle #Header ul li a:hover {color: #ffffff;}


#Aussenhuelle #Linke-Seite ul#Navi {
	position: relative;
	width: 209px;
	height: 252px; 
	margin-bottom: 32px;
}

#Aussenhuelle #Linke-Seite ul#Navi li {
	position: relative;
	float: left;
}

#Aussenhuelle #Linke-Seite ul#Navi li a {
	display: block;
	height: 26px;
	width: 164px;
	padding: 10px 45px 0 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 14px;
	color: #7bb554;
	text-align: right;
	text-decoration: none;
}

#Aussenhuelle #Linke-Seite ul#Navi li a:hover {color: #ffffff; background: url(../images/aktiv.gif) no-repeat right center;}

#Aussenhuelle #Linke-Seite ul#Navi li ul {
	display: none;
 	list-style: none;
}

#Aussenhuelle #Linke-Seite ul#Navi li ul li {
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

#Aussenhuelle #Linke-Seite ul#Navi li ul li a {
	display: block;
	height: 27px;
	width: 210px;
	padding: 10px 40px 0 0;
}

#Aussenhuelle #Linke-Seite ul#Navi li ul li a:hover {background: url(../images/aktiv.gif) right center no-repeat;}

#Aussenhuelle #Linke-Seite ul#Navi li#wohnbauprojekte ul {
	top: 0px;
	margin-left: 209px;
	position: absolute;
	height: 37px;
	width: 250px;
	background: url(../images/hg_ul_li_ul.gif) no-repeat top right;
}

#Aussenhuelle #Linke-Seite ul#Navi li#wohnbauprojekte:hover ul {display: block;}

#Aussenhuelle #Linke-Seite ul#Navi li ul li {
	float: none;
	position: relative;
	clear: both;
}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle #Content p {
	margin: 0 0 10px 0;
	line-height: 19px;
}

#Aussenhuelle #Content ul {margin: 0 0 10px 20px;}

#Aussenhuelle #Content ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 25px;
	background: url(../images/anstrich.gif) no-repeat top left;
	position: relative;
}

#Linke-Seite p {
	text-align: right;
	font-size: 9px;
	color: #7bb554;
	margin: 0 30px 8px 0;
	padding-right: 14px;
}

p.cms-absatz {
	text-align: right;
	font-weight: bold;
	margin: 0 30px 8px 0;
	width: 110px;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Aussenhuelle #Content p a:hover,
#Aussenhuelle #Content p a.escape:hover,
#Aussenhuelle #Content p a.escape:hover span span {text-decoration: none; color: #FFFFFF;}

a:link,
#Aussenhuelle #Content p a,
#Aussenhuelle #Content p a.escape,
#Aussenhuelle #Content p a.escape span span {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #5aa902;
	text-decoration: none;
}

#Linke-Seite p a,
#Linke-Seite p a.escape,
#Linke-Seite p a.escape span span {font-size: 9px; color: #7bb554; text-decoration: none;}

#Linke-Seite p a:hover,
#Linke-Seite p a.escape:hover,
#Linke-Seite p a.escape:hover span span {color: #ffffff;}


a.pdf {background: url(../images/pdf.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

a.linky {background: url(../images/link.gif) no-repeat left; padding: 0 0 0 50px; text-decoration: none !important;}
a.linky:hover {text-decoration: none; color: #FFFFFF;}

#Aussen #Aussenhuelle #Content p a.links {
background: url(../images/link.gif) no-repeat right; text-decoration: none !important; display: block; width: 120px; line-height: 20px; height: 20px; position: relative; clear: both;}
#Aussen #Aussenhuelle #Content p a.links:hover {text-decoration: none; color: #FFFFFF;}

#Aussenhuelle #Content a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #9a431d; text-decoration: none; font-size: 10px;}
#Aussenhuelle #Content a.nachoben:hover {color: #5e5d5d;}

/*######################################################################################################
######################################################################################################*/