/* 

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

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: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #5b5b5b;
	text-decoration: none;
	list-style-type: none;
}

body {
	background-color: #8b8b8b;
	background-image: url(../images/hg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

h1 {font-size: 15px; font-weight: bold; margin: 0 20px 25px 130px; color: #0b601a;}
h1.big {font-size: 25px;}

h2 {font-size: 15px; font-weight: bold; margin: 0 20px 25px 130px; color: #0b601a;}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 20px 10px 150px;
	padding-left: 20px;
	background-image: url(../images/kreuz.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

hr {margin: 0 20px 10px 130px; color: #0b601a; height: 1px; border-top: solid 1px #0b601a; border-bottom: transparent; clear: both;}

.floatende {clear: both;}

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


/* 2. Layout */

#Aussenhuelle {
	width: 955px;
	margin: 0 auto;
	position: relative;
}

#Header {
	width: 955px;
	height: 218px;
	background-image: url(../images/hg_header.jpg);
	position: relative;
}

#huelle-Mitte {
	width: 654px;
	background-image: url(../images/hg_huelle_mitte.gif);
	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;
	float: left;
}

#Mitte {
	width: 654px;
	min-height: 342px;
	background-image: url(../images/hg_mitte.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
*html #Mitte {height: 342px;}

#Content {
	width: 584px;
	min-height: 262px;
	margin-left: 70px;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
*html #Content {height: 262px;}

#Navi-rechts {
	width: 301px;
	height: 433px;
	background-image: url(../images/hg_navi.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	float: right;
}

#Footer {
	width: 654px;
	min-height: 199px;
	background-image: url(../images/hg_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	float: left;
}
*html #Footer {height: 199px;}

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


/* 3. Navigation */

#Aussenhuelle #Header img.mappe {
	width: 360px;
	height: 111px;
	position: absolute;
	left: 595px;
	z-index: 20;
}

#Aussenhuelle #Header ul {
	width: 360px;
	height: 111px;
	position: absolute;
	left: 595px;
	z-index: 19;
}

#Aussenhuelle #Header ul li, #Aussenhuelle #Header ul li a {
	width: 1px;
	height: 1px;
	position: relative;
	text-indent: -9999px;
}

#Aussenhuelle #Navi-rechts ul {
	width: 237px;
	height: 382px;
	position: relative;
}

#Aussenhuelle #Navi-rechts ul li {
	width: 237px;
	position: relative;
	display: block;
}

#Aussenhuelle #Navi-rechts ul li a {
	width: 147px;
	padding-left: 90px;
	display: block;
	color: #5b5b5b;
	font-size: 16px;
}

#Aussenhuelle #Navi-rechts ul li a.i1 {height: 50px; padding-top: 30px;}
#Aussenhuelle #Navi-rechts ul li a.i2 {height: 44px; padding-top: 26px;}
#Aussenhuelle #Navi-rechts ul li a.i3 {height: 52px; padding-top: 28px;}
#Aussenhuelle #Navi-rechts ul li a.i4 {height: 50px; padding-top: 30px;}
#Aussenhuelle #Navi-rechts ul li a.i5 {height: 44px; padding-top: 28px;}

#Aussenhuelle #Navi-rechts ul li a:hover {color: #0a7e1e; background-position: left; background-repeat: no-repeat; text-decoration: none;}
#Aussenhuelle #Navi-rechts ul li a.i1:hover { background-image: url(../images/i1.jpg);}
#Aussenhuelle #Navi-rechts ul li a.i2:hover { background-image: url(../images/i2.jpg);}
#Aussenhuelle #Navi-rechts ul li a.i3:hover { background-image: url(../images/i3.jpg);}
#Aussenhuelle #Navi-rechts ul li a.i4:hover { background-image: url(../images/i4.jpg);}
#Aussenhuelle #Navi-rechts ul li a.i5:hover { background-image: url(../images/i5.jpg);}

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


/* 4. Content */

#Footer p {position: absolute; display: block; left: -9999px;}

#Aussenhuelle #huelle-Mitte #Mitte #Content p,
#Aussenhuelle #huelle-Mitte #Mitte #Content ul {margin: 0 20px 20px 160px;}

#Aussenhuelle #huelle-Mitte #Mitte #Content p.impressum {margin: 0 20px 20px 190px;}

#Aussenhuelle #huelle-Mitte #Mitte #Content ul ul {margin: 10px;}

#Aussenhuelle #huelle-Mitte #Mitte #Content ul li {
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 5px 40px;
	padding-left: 15px;
	position: relative;
}
#Aussenhuelle #huelle-Mitte #Mitte #Content ul li ul li {background-image: url(../images/anstrich_.gif); margin-left: 10px;}

.rahmen {border: 1px solid #999999; margin: 0 0 0 160px;}
.linkes-bild {position: absolute; left: -10px; top: 100px;}

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


/* 5. Links */

a:hover,
#Aussenhuelle #huelle-Mitte #Mitte #Content a:hover,
#Aussenhuelle #huelle-Mitte #Mitte #Content .impressum a:hover,
#Aussenhuelle #huelle-Mitte #Mitte #Content .impressum a.escape:hover span span {text-decoration: underline; color: #5b5b5b;}

a:link,
#Aussenhuelle #huelle-Mitte #Mitte #Content .impressum a,
#Aussenhuelle #huelle-Mitte #Mitte #Content .impressum a.escape span span {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #0b601a;;
	text-decoration: none;
}

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