/* 

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

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: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #177b00;
	text-decoration: none;
	list-style-type: none;
}

body {background-color: #FFFFFF;}
h1 {font-size: 14px; font-weight: bold; margin-bottom: 15px;}
h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
hr {margin: 10px 0; color: #177b00; height: 1px; border-top: solid 1px #177b00; border-bottom: transparent; clear: both;}
*+html hr {margin: 0 0 10px 0; color: #177b00; height: 1px; border-top: solid 1px #177b00; border-bottom: transparent; clear: both;}
*html hr {margin: 0 0 10px 0; color: #177b00; height: 1px; border-top: solid 1px #177b00; border-bottom: transparent; clear: both;}

.floatende {clear: both;}
.unsichtbar {display: none;}

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


/* 2. Layout */

#Aussenhuelle {
	width: 955px;
	margin: 0 auto;
	padding-top: 340px;
	background-image: url(../images/hg_header2.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#Mitte {
	width: 955px;
	margin: 0 auto;
	background-image: url(../images/hg_mitte.jpg);
	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;
}

#Content {
	width: 730px;
	margin: 0;
	padding: 0 40px 0 40px;
	min-height: 317px;
	float: right;
	position: relative;
	overflow: visible;
	background-image: url(../images/hg_content.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
*html #Content {height: 317px;}

#Abschluss {
	width: 955px;
	height: 117px;
	margin: 0 auto;
	padding-bottom: 10px;
	background-image: url(../images/hg_abschluss.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}

#Blume {
	width: 143px;
	height: 101px;
	background-image: url(../images/hg_blume2.jpg);
	position: absolute;
	left: -11px;
	top: -20px;
}

#Verband {
	font-size: 11px;
	position: absolute;
	top: 82px;
	left: 50px;
}


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


/* 3. Navigation */

#Navi-links {
	width: 125px;
	position: absolute;
	top: 210px;
	left: 20px;
	z-index: 100;
}
*+html #Navi-links {top: 212px;}
*html #Navi-links {top: 210px;}

ul li ul {
	display: none;
 	list-style: none;
}

ul#nav {
	width: 125px;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 4;
}

ul#nav li {
	display: block;
    width: 125px;
	height: 30px;
}
*+html ul#nav li {height: 28px;}

ul#nav a {
	display: block;
    width: 125px;
	height: 31px;
	background-repeat: no-repeat;
}
*+html ul#nav a {margin-top: -2px;}
*html ul#nav a {margin-top: -1px;}

ul#nav a.startseite {background-image: url(../images/startseite.gif);}
ul#nav a.person {background-image: url(../images/person.gif);}
ul#nav a.angebote {background-image: url(../images/angebote.gif);}
ul#nav a.links {background-image: url(../images/links.gif);}
ul#nav a.kontakt {background-image: url(../images/kontakt.gif);}
ul#nav a.anfahrt {background-image: url(../images/anfahrt.gif);}
ul#nav a.impressum {background-image: url(../images/impressum.gif);}

ul#nav a.startseite:hover {background-image: url(../images/startseite_.gif);}
ul#nav a.person:hover {background-image: url(../images/person_.gif);}
ul#nav a.angebote:hover {background-image: url(../images/angebote_.gif);}
ul#nav a.links:hover {background-image: url(../images/links_.gif);}
ul#nav a.kontakt:hover {background-image: url(../images/kontakt_.gif);}
ul#nav a.anfahrt:hover {background-image: url(../images/anfahrt_.gif);}
ul#nav a.impressum:hover {background-image: url(../images/impressum_.gif);}

ul#nav li ul a.pneumatische_pulsations_therapie {background-image: url(../images/pneumatische-pulsations-therapie.gif);}
ul#nav li ul a.vitalstofftherapie {background-image: url(../images/vitalstofftherapie.gif);}
ul#nav li ul a.dorntherapie {background-image: url(../images/dorntherapie.gif);}
ul#nav li ul a.atemtherapie {background-image: url(../images/atemtherapie.gif);}

ul#nav li ul a.pneumatische_pulsations_therapie:hover {background-image: url(../images/pneumatische-pulsations-therapie_.gif);}
ul#nav li ul a.vitalstofftherapie:hover {background-image: url(../images/vitalstofftherapie_.gif);}
ul#nav li ul a.dorntherapie:hover {background-image: url(../images/dorntherapie_.gif);}
ul#nav li ul a.atemtherapie:hover {background-image: url(../images/atemtherapie_.gif);}

li#angebote ul {
	position: absolute;
	left: 125px;
  	top: 60px;
}

li#angebote ul li a {height: 30px; width: 147px;}
*html li#angebote ul li a {height: 30px;}
li#angebote:hover ul {display: block;}

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


/* 4. Content */

#Aussenhuelle #Mitte #Content p {margin-bottom: 10px;}

.rahmen_rechts {
	margin: 0 0 17px 10px;
	padding: 1px;
	background-color: #d6f8a2;
	border: 1px solid #81bd28;
	float: right;
	clear: both;
}

.tiergesundheit{
float: left;}

.tiergesundheit1{
float: left;
padding-left: 20px;}

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

#Aussenhuelle #Mitte #Content li {
	margin: 0 0 8px 0;
	padding: 0 0 0 27px;
	background-image: url(../images/anstrich4.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}

#Aussenhuelle #Mitte #Content p a.linker {
	width: 230px;
	display: block;
	float: left;
	margin: 0 0 15px 0px;
	padding: 0 0 0 27px;
	line-height: 14px;
	background-image: url(../images/anstrich4.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
*html #Aussenhuelle #Mitte #Content p a.linker {margin: 0;}
*+html #Aussenhuelle #Mitte #Content p a.linker {margin: 0;}

#Aussenhuelle #Mitte #Content p .link2 {float: left;}

.block { clear: both;}

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

#linkbilder {
	width: 210px;
	position: absolute;
	top: 0px;
	left: 560px;
}

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


/* 5. Links */

a:hover {text-decoration: none;}

a:link {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #177b00;
	text-decoration: none;
}

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