/* 

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

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: "Trebuchet MS", Arial, Tahoma;
	font-size: 12px;
	color: #514a3c;
	text-decoration: none;
	list-style-type: none;
}

html, body {
	margin: 0px;
	min-height: 100%;
	height: 100%;
}
*html {height: 100%;}
*body {height: 100%;}

body {
	background-image: url(../images/hg_body.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFCED;
}

h1 {font-size: 24px; font-weight: bold; margin-bottom: 35px; color: #7a0103;}
h1.kleinerhr {margin-bottom: 15px; font-size: 22px;}
h1 .little {font-size: 18px; font-weight: normal; color: #514a3c;}
h2 {font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #7a0103;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #7a0103;}
h3 .kind {font-size: 10px; font-weight: normal; color: #514a3c;}
.teamkasten h3 {color: #7a0103;}
.einfaerben { font-weight: bold;}


hr {margin: 0 0 10px 0; color: #514a3c; height: 1px; border-top: solid 1px #514a3c; border-bottom: transparent; clear: both;}
.bild-rechts {margin: 0 0 10px 20px; border: solid 1px #514a3c; clear: both; padding: 5px; background-color: #FFFFFF; float: right;}
.bild-raumlichkeiten, .bild-raumlichkeiten_ {margin: 0 15px 15px 0; border: solid 1px #514a3c; padding: 3px; background-color: #FFFFFF; float: left;}
.bild-raumlichkeiten_ {margin: 0 0 15px 0;}
.rahmen {border: solid 1px #514a3c; padding: 5px; background-color: #FFFFFF;}
.abstand { margin: 0 0 10px 40px; padding: 4px; background-color: #FFFFFF;}
.floatende {clear: both;}

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


/* 2. Layout */

#Aussenhuelle {
	background-image: url(../images/hg_aussenhuelle.jpg);
	background-repeat: repeat-y;
	margin: 0px auto;
	min-height: 100%;
	width: 955px;
	position: relative;
	overflow: hidden;
}
*html #Aussenhuelle {height: 100%; overflow: visible;}

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

#Navi-links {
	background-image: url(../images/hg_navi_links.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 360px;
	width: 290px;
	float: left;
	position: relative;
	z-index: 40;
}
*html #Navi-links {height: 360px;}

#Content {
	background-image: url(../images/hg_content_rechts.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 309px;
	width: 577px;
	padding: 0 44px 20px 44px;
	float: right;
	position: relative;
	z-index: 30;
}
*html #Content {height: 309px;}

.links {
	width: 280px;
	float: left;
	position: relative;
}

.rechts {
	width: 250px;
	margin-left: 47px;
	float: left;
	position: relative;
}

#Ueberschrift {
	width: 260px;
	position: relative;
	margin: 40px 0 0 34px;
	float: left;
	display: inline;
}
#Ueberschrift h1 span#small{
	font-size: 14px;
	color:#F2E7D2;
}

#Aussenhuelle #Navi-links #Adressblock {
	position: absolute;
	left: 34px;
	top: 200px;
}

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


/* 3. Navigation */

ul#Navi-oben {
	height: 34px;
	margin-top: 12px;
	float: right;
	position: relative;
}

ul#Navi-oben li {
	height: 34px;
	float: left;
	position: relative;
}

ul#Navi-oben li a {
	height: 25px;
	padding-top: 9px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f2e7d2;
}

ul#Navi-oben li a.s1 {width:74px;}
ul#Navi-oben li a.s2 {width:64px;}
ul#Navi-oben li a.s3 {width:63px;}
ul#Navi-oben li a.s4 {width:85px;}

ul#Navi-oben li a:hover {color: #ca6d6d;}

#Navi-links ul {
	width: 256px;
	margin: 17px 0 0 34px;
	position: relative;
	z-index: 50;
}

#Navi-links ul li {
	height: 36px;
	width: 256px;
	float: left;
	position: relative;
}

#Navi-links ul li a {
	height: 27px;
	width: 212px;
	padding: 9px 0 0 44px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/trans.gif);
	color: #7a0103;
	text-decoration: none;
}

#Navi-links ul li a:hover {
	text-decoration: none;
	color: #746342;
	background-image: url(../images/aktiv.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#Navi-links ul li ul {
	display: none;
 	list-style: none;
	width: 236px;
	height: auto;
	position: absolute;
	left: 222px;
	top: -17px;
}

#Navi-links ul li ul li {
	height: 36px;
	width: 236px;
	float: left;
	position: relative;
}

#Navi-links ul li#praxis:hover ul,
#Navi-links ul li#therapie:hover ul,
#Navi-links ul li#schwerpunkte:hover ul {display: block;}

#Navi-links ul li ul li {float: none; display: inline;}

#Navi-links ul li ul li a {
	background-image: url(../images/hg_ul_li.gif);
	background-repeat: no-repeat;
	color: #7a0103;
	text-decoration: none;
}
#Navi-links ul li ul li a:hover {
	background-image: url(../images/hg_ul_li_aktiv.gif);
	color: #746342;
}

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


/* 4. Content */

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

#Ueberschrift h1 {
	color: #f2e7d2;
	font-size: 19px;
	margin-bottom: 10px;
}

#Ueberschrift h2 {
	color: #f2e7d2;
	font-size: 13px;
	font-weight: normal;
}

#Aussenhuelle #Navi-links #Adressblock p {
	color: #444444;
	font-size: 9px;
	margin-bottom: 5px;
	line-height: 12px;
}

#Aussenhuelle #Navi-links #Adressblock p a {
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: underline;
}
#Aussenhuelle #Navi-links #Adressblock p a:hover {text-decoration: none;}
*+html #Aussenhuelle #Navi-links #Adressblock p a {font-size: 9px;}
*html #Aussenhuelle #Navi-links #Adressblock p a {font-size: 9px;}

.teamkasten {
	width: 517px;
	padding: 20px 30px;
	margin-bottom: 15px;
	border: 1px solid #e0c288;
	background-color: #f9f5e2;
	position: relative;
	overflow: hidden;
}
*html .teamkasten {padding: 20px 29px;}

#Aussenhuelle #Content .teamkasten li, #Aussenhuelle #Content li {
	padding-left: 20px;
	margin: 0 0 5px 10px;
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#Aussenhuelle #Content .teamkasten li.info {
	background-image: url(../images/info.gif);
}

#Aussenhuelle #Content li {background-image: url(../images/anstrich_.gif);}

span.supHeadline{
	margin: 0 !important;
	font-size: 10px;
	width: auto;
}

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


/* 5. Links */

a:hover,
#Aussenhuelle #Content p a:hover,
#Aussenhuelle #Content #rechts a:hover,
#Aussenhuelle #Content #links a:hover,
#Aussenhuelle #Content a:hover {text-decoration: none; color: #514a3c;}

a:link,
#Aussenhuelle #Content #rechts a,
#Aussenhuelle #Content #links a,
#Aussenhuelle #Content a {
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 12px;
	color: #7a0103;
	text-decoration: underline;
}

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