@charset "utf-8";

* {
	border:0;
	margin:0;
	padding:0;
}



/* -------------------------------------------------------
	|							site structure								|
    ------------------------------------------------------- */
html {
	background:#fff url(../images/bg-html.png) top center repeat-x;
	height:100%;
}

body {
	background:url(../images/bg-body.png) top center no-repeat;
	color:#39403e;
	font:80%/1.5em Arial, Helvetica, sans-serif;
	min-height:100%;
}

body#index {
	background:url(../images/index/bg-body.png) top center no-repeat;
}


div#container {
	margin:0 auto;
	width:940px;
}




/* -------------------------------------------------------
	|							 	header									|
    ------------------------------------------------------- */
div#header {
	height:464px;
	position:relative;
}

body#index div#header {
	height:666px;
}

body.paediatrie div#header {
	background:url(../images/paediatrie/bg-header.jpg) 0 25px no-repeat;
}

body.psychiatrie div#header {
	background:url(../images/psychiatrie/bg-header.jpg) 0 25px no-repeat;
}

body.orthopaedie div#header {
	background:url(../images/orthopaedie/bg-header.jpg) 0 25px no-repeat;
}

body.neurologie div#header {
	background:url(../images/neurologie/bg-header.jpg) 0 25px no-repeat;
}

body.geriatrie div#header {
	background:url(../images/geriatrie/bg-header.jpg) 0 25px no-repeat;
}

body.therapieangebote div#header {
	background:url(../images/therapieangebote/bg-header.jpg) 0 25px no-repeat;
}

body.kurse div#header {
	background:url(../images/kurse/bg-header.jpg) 0 25px no-repeat;
}

body.aerzte div#header {
	background:url(../images/aerzte/bg-header.jpg) 0 25px no-repeat;
}

body.praxisbilder div#header {
	background:url(../images/praxisbilder/bg-header.jpg) 0 25px no-repeat;
}

body.kontakt div#header {
	background:url(../images/kontakt/bg-header.jpg) 0 25px no-repeat;
}

body.anfahrt div#header {
	background:url(../images/anfahrt/bg-header.jpg) 0 25px no-repeat;
}

body.impressum div#header {
	background:url(../images/impressum/bg-header.jpg) 0 25px no-repeat;
}







h1#branding {
	right:70px;
	position:absolute;
	top:123px;
	width:320px;
}

body#index  h1#branding {
	right:70px;
	top:91px;
}


h1#branding a {
	display:block;
	height:92px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}


div#header ul {
	list-style:none;
}




/* ----------- hyperlinks ---------- */

a:link {
	color:#09a275;
	text-decoration:underline;
}

a:visited {
	color:#09a275;
	text-decoration:underline;
}

a:hover {
	color:#09a275;
	text-decoration:underline;
}

a:active {
	color:#09a275;
	text-decoration:underline;
}






/* -------------------------------------------------------
	|							 	navigation								|
    ------------------------------------------------------- */
	
	
/* ---------- main navigation (normal) ---------- */
ul#navi02 {
	background:url(../images/bg-navi02.png) 60px -97px no-repeat;
	height:97px;
	padding:0 60px 0 70px;
	position:absolute;
	top:319px;
	width:820px;
}

ul#navi02 li {
	float:left;
}

ul#navi02 a {
	background:url(../images/bg-navi02.png) -10px 0 no-repeat;
	display:block;
	height:97px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:160px;
}

ul#navi02 a:hover {
	background:none !important;
}



ul#navi02 li#paediatrie {

}
ul#navi02 li#paediatrie.current a {
	background:url(../images/bg-navi02.png) -10px -194px no-repeat;
}


ul#navi02 li#psychiatrie a {
	background:url(../images/bg-navi02.png) -170px 0 no-repeat;
}
ul#navi02 li#psychiatrie.current a {
	background:url(../images/bg-navi02.png) -170px -194px no-repeat;
}


ul#navi02 li#orthopaedie a {
	background:url(../images/bg-navi02.png) -330px 0 no-repeat;
}
ul#navi02 li#orthopaedie.current a {
	background:url(../images/bg-navi02.png) -330px -194px no-repeat;
}


ul#navi02 li#neurologie a {
	background:url(../images/bg-navi02.png) -490px 0 no-repeat;
}
ul#navi02 li#neurologie.current a {
	background:url(../images/bg-navi02.png) -490px -194px no-repeat;
}


ul#navi02 li#geriatrie a {
	background:url(../images/bg-navi02.png) -650px 0 no-repeat;
}
ul#navi02 li#geriatrie.current a {
	background:url(../images/bg-navi02.png) -650px -194px no-repeat;
}





	
	
	
/* ---------- main navigation (index page) ---------- */
ul#navi {
	background:url(../images/bg-navi.jpg) no-repeat;
	height:361px;
	margin:0 0 39px 0;
	padding:0 70px;
	position:absolute;
	top:219px;
	width:800px;
}

ul#navi li {
	float:left;
}

ul#navi a {
	display:block;
	height:361px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	z-index:10;
	width:160px;
}


/* Represents the background of the highlighted menu-item. */
ul#navi li.back {
	background: url(../images/bg-navi.jpg) 0 -361px no-repeat;
	z-index: 8;
	position: absolute;
}

ul#navi li.back .left {
	height:361px;
}



	


/* ---------- additional navigation 01 ---------- */

ul#navi-add01 {
	background:url(../images/bg-navi-add01.png) 0 -53px no-repeat;
	height:53px;
	left:70px;
	position:absolute;
	top:0;
	width:279px;
}

ul#navi-add01 li {
	float:left;
}

ul#navi-add01 a {
	background:url(../images/bg-navi-add01.png) no-repeat;
	display:block;
	height:53px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi-add01 a:hover, ul#navi-add01 li.current a {
	background: none;
}



li#startseite a {
	width:69px;
}


li#kontakt a {
	background-position:-69px 0 !important;
	width:65px;
}


li#anfahrt a {
	background-position:-134px 0 !important;
	width:62px;
}


li#impressum a {
	background-position:-196px 0 !important;
	width:82px;
}



/* ---------- additional navigation 02 ---------- */

ul#navi-add02 {
	background:url(../images/bg-navi-add02.png) 0 -48px no-repeat;
	bottom:0;
	height:48px;
	left:60px;
	padding:0 0 0 170px;
	position:absolute;
	width:650px;
}

body#index ul#navi-add02 {
	left:50px;
}


ul#navi-add02 li {
	float:left;
}

ul#navi-add02 a {
	background:url(../images/bg-navi-add02.png) no-repeat;
	display:block;
	height:48px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi-add02 a:hover, ul#navi-add02 li.current a {
	background: none;
}



li#therapieangebote a {
	background-position:-170px 0 !important;
	width:150px;
}


li#kurse a {
	background-position:-320px 0 !important;
	width:124px;
}


li#aerzte a {
	background-position:-444px 0 !important;
	width:91px;
}


li#praxisbilder a {
	background-position:-535px 0 !important;
	width:115px;
}





/* ---------- additional navigation 03 ---------- */

ul#navi-add03 {
	background:url(../images/bg-navi-add03.png) 0 -72px no-repeat;
	clear:both;
	height:72px;
	list-style:none;
}

ul#navi-add03 li {
	float:left;
}

ul#navi-add03 a {
	background:url(../images/bg-navi-add03.png) no-repeat;
	display:block;
	height:72px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:254px;
}

ul#navi-add03 a:hover {
	background: none;
}



li#engelsdorf a {
	margin:0 19px 0 0;
}


li#eisenbahnstrasse a {
	background-position:-273px 0 !important;
	margin:0 19px 0 0;
}


li#leipzig-lausen a {
	background-position:-546px 0 !important;
}









/* -------------------------------------------------------
	|							 	content									|
    ------------------------------------------------------- */
div#content-container {
	margin:40px auto 15px auto;
	width:800px;
}



div.content-column01 {
	float:left;
	margin:0 26px 0 0;
	padding:0 0 30px 0;
	width:387px;
}

div.content-column02, .content-accordion {
	float:left;
	padding:0 0 30px 0;
	width:387px;
}



/* ---------- headings ---------- */
h2 {
	color:#09a275;
	font:2.7em "Trebuchet MS","Century Gothic",Helvetica,Georgia,"Times New Roman",Times,serif;
	margin:0 0 10px 0;
}

h3 {
	color:#09a275;
	font:1.6em "Trebuchet MS","Century Gothic",Helvetica,Georgia,"Times New Roman",Times,serif;
	margin:30px 0 5px 0;
}

h4 {
	color:#444;
	font-size:1.05em;
	font-weight:bold;
	margin:0 0 2px 0;
}





/* ---------- paragraphs ---------- */
div#content-container p {
	margin:0 0 1.2em 0;
}


/* ---------- unordered lists ---------- */
div.content-column01 ul, div.content-column02 ul {
	list-style:none;
	margin:0 0 1.5em 0;
}

div.content-column01 ul li, div.content-column02 ul li {
	background:url(../images/bg-li.png) 2px 0.4em no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
}





/* -------------------------------------------------------
	|							 	footer									|
    ------------------------------------------------------- */
div#footer-container {
	background:#292e2d url(../images/bg-footer-container.png) repeat-x;
	position:relative;
}

div#footer {
	background:url(../images/bg-footer.png) repeat-x;
	color:#fff;
	margin:0 auto;
	min-height:103px;
	padding:97px 80px 0 80px;
	width:800px;
}


div#telefon {
	background:url(../images/bg-telefon.png) no-repeat;
	height:64px;
	float:left;
	margin:0 66px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	width:254px;
}

div#adressen {
	background:url(../images/bg-adressen.png) no-repeat;
	float:left;
	min-height:75px;
	width:480px;
}

div#adressen h3 {
	font-size:1px;
	height:1px;
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
}

div#adressen p {
	float:left;
	padding:30px 0 0 0;
	width:160px;
}






/* -------------------------------------------------------
	|							  misc. styles								|
    ------------------------------------------------------- */
	
div.gallery img {
	background:#fff;
	border:1px solid #ccc;
	float:left;
	margin:0 19px 0 0;
	padding:4px;
}

div.gallery img.last {
	margin:0;
}


.clear {
	clear:both;
}




/* ---------- float clearing ---------- */
div#content-container:after, div.gallery p:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}


/* ---------- content small ---------- */

div.content_small{
float:left;
width:150px;
padding:10px;}

/*---------------------------------------------------------------------------------------
--------------------------------------Accordion------------------------------------------
---------------------------------------------------------------------------------------*/
ul.accordion{
	margin:-10px 0 50px 0;
}

ul.accordion li{
	list-style:none;
}

ul.accordion li a.acc{
	width:387px;
	height:30px;
	display:block;
	font-size:14px;
	list-style:none;
	background:#09a275;
	margin: 0 0 10px 0;
	color:#fff;
	padding: 5px 0 0 10px;
	overflow:hidden;
}



/*---------------------------------------------------------------------------------------
--------------------------------------Accordion2------------------------------------------
---------------------------------------------------------------------------------------*/
ul.accordion2{
	margin:30px 0 50px 0;
}

ul.accordion2 li{
	list-style:none;
padding:0 !important;
}

ul.accordion2 li a.acc{
	width:387px;
	height:25px;
	display:block;
	font-size:14px;
	list-style:none;
	background:#0084c9;

	margin: 0 0 10px 0;
	color:#fff;
	padding: 5px 0 0 10px;
}
