@charset "utf-8";
/* CSS Projektname

1. *html global
2. Aufbau
3. Header
4. Navi
5. Content
6. Footer
 */

/*html global*/

* {
	outline:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

body {
	color:#29313A;
/*	background:url(../images/bg-body.jpg) top center no-repeat;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

h1 a {
	width:650px;
	height:50px;
	top:65px;
	left:217px;
	position:absolute;
	background: url(../images/logo.jpg) no-repeat;
	}

h2 {
	color:#98B36B;
	font-size:20px;
	text-transform:none;
	margin:10px 0 10px 0;
	}	

h3 {
	color: #b8db7d;
	font-size: 16px;
	margin: 10px 0 10px 0;
	text-transform:none;
	}	
	
h4 {
	margin:50px 0 8px 11px;
	line-height:150%;
	font-size:12px;
	color:#29313A;
	font:bold;
	font-family:Arial, Helvetica, sans-serif;
	}		
	
p {
	margin:0px 0 20px 0;
	line-height:150%;
	font-size:13px;
	color:#29313A;
	}

a {
	line-height:150%;
	font-size:12px;
	color:#98B36B;
	text-decoration:underline;
	border:none;
	}

img {
	margin:5px 0px 20px 20px;
	float:right;
	}	
	
	
li {
	list-style:none;
	}


/*1. classes*/

.no-text {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
	}
	
.clear {
	clear:both;
	float:none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}

.karte {
	float:right;
	font-size:9px;
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}	
	
.maps {
	margin:0 0 15px 0;
}	

.float-left {
	float:left;
	margin:5px 20px 20px 0 !important;
	}
	
.float-right {
	float:right;
	}	
	
/*2. Aufbau*/

#container {
	width:940px;
	margin:0 auto;
	position:relative;
	background:url(../images/bg-container.jpg) repeat-y;
	}
	

/*Header*/

#header {
	height:200px;
	background:url(../images/bg-header.jpg) no-repeat top center;
	}

/*navi*/

/*navi*/
#navi {
	top:145px;
	left:208px;
	position:absolute;
	}
	
	#navi li {
		list-style:none;
		float:left;
		}
		
	#navi a {
		height:70px;
		background:url(../images/bg-navi.jpg) no-repeat;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
			
			a#home {
				width:50px;
				background-position:-19px -21px;
				}
				
			a#wirbel-schmerz {
				width:114px;
				background-position:-69px -21px;
				}	
			
			a#fuss {
				width:43px;
				background-position:-183px -21px;
				}
				
			a#arthrose-knorpel {
				width:111px;
				background-position:-226px -21px;
				}	
				
			a#osteoporose {
				width:96px;
				background-position:-337px -21px;
				}	
			
			a#sportmedizin {
				width:95px;
				background-position:-433px -21px;
				}	
			
			a#akupunktur {
				width:81px;
				background-position:-528px -21px;
				}
				
			a#kinderorthopaedie {
				width:118px;
				background-position:-609px -21px;
				}			
	
		
	#navi a:hover,
	#navi li.active a {
		background: -9999px 0 no-repeat;
		}
		
		
/*navi*/
.navi2 {
	position:relative;
	width: 163px;
	height: auto;
	background:#e3e9e5;
	}
	
	.navi2 li {
		list-style:none;
		float:none;
		height: auto;

		}
		
	.navi2 a {
		width:163px;
		height: auto;
		display:block;
		padding:5px 10px 5px 10px;
		text-decoration:none;
		border-bottom:1px solid #E3EAE4;
		border-top:1px solid #E3EAE4;
		font-family:Arial, Helvetica, sans-serif;
		color:#29313A;
		}
			

		
	.navi2 a:hover,
	.navi2 li.active a {
		width:163px;
		height: auto;
		display:block;
		background: url(../images/bg-navi-hover.jpg) top left repeat-y;
		}	
		

/*navi*/
#navi-add {
	position:absolute;
	top:12px;
	left:8px;
	}
	
	#navi-add li {
		list-style:none;
		float:none;
		height: auto;

		}
		
	#navi-add a {
		width:162px;
		height: auto;
		display:block;
		padding:3px 10px 3px 10px;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
			

		
	#navi-add a:hover,
	#navi-add li.active a {
		width:162px;
		height: auto;
		display:block;
		background: #99b36c;
		}			


		
/*content-container*/

#content-container {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	background-repeat: repeat-y;
	background-position: top;
	}

#content-main {
	width:696px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.column img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	}	


.column-navi {
	width:182px;
	float:left;
	margin:0 30px 0 0;
	background:url(../images/bg-navi2.jpg) repeat-x top center;
	}

.column {
	width:550px;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	}
	
	#content-main ul {
		margin:0 0 10px 0;
		}
		
		
	#content-main ul ul {
		margin:4px 0 10px 0;
		}
		
	#content-main li {
		padding:0 0 4px 20px;
		background:url(../images/li-list.gif) 0 4px no-repeat;
		line-height:150%;
		}
		
				

#footer {
	position:relative;
	clear:both;
	float:none;
	display:block;
	width:940px;
	height:80px;
	background-color: #FFFFFF;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
	margin:0 0 25px 0;
	}