* {
	margin: 0;
	padding: 0;
	border: 0;
	 -webkit-text-size-adjust: none;
}
@font-face {  
	font-family: "Groh";  
	src: url('../font/font.eot');
	src: local("Groh"), url('../font/font.ttf') format("truetype");
}
header, footer, section, aside, nav, article {
	display: block;
}
body {
	margin: 0 auto;
	width: 940px;
	font: 16px/20px "Groh", Helvetica, Verdana, Arial, sans-serif;
}
body > header:first-child {
	background: #fff url('../img/logo.jpg') no-repeat center right;
}
h1 {
	background: url('../img/praxis-groth-physikalische-therapie.jpg') no-repeat center center;
	height: 51px;
	width: 630px;
	padding: 35px 0;
}
	h1 span {
		visibility: hidden;
	}
h2 {
	font-size: 18px;
	padding: 20px 0;
	color: #979d19;
}
h3 {
	font-size: 16px;
	padding: 15px 0;
	color: #f19926;
}
h4 {
	font-weight: bold;
	padding: 10px 0;
}
ul.liste li {
	list-style:none;
	padding-left:25px;
	background: url('../img/dot.jpg') no-repeat left top;
}
nav {
	position: absolute;
	left: 0;
	width: 100%;
	background: #c5c557;
	border-top: 1px solid #9e9d6d;
	border-bottom: 1px solid #9e9d6d;
	z-index: 100;
}
	nav li {	
		width: 158px;
		position: relative;
	}
	nav li.last a {
		border-right: 1px solid #9e9d6d;
	}
	nav ul {
		margin: 0 auto;
		width: 960px;
		list-style: none;
	}
		nav ul li {
			float: left;
		}			nav ul li a, nav ul li span {
				display: block;
				width: 158px;
				font-size: 16px;
				line-height: 28px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				border-left: 1px solid #9e9d6d;
				cursor: pointer;
			}		
		nav ul ul {
			width: 158px;
			height: 0;
			left: 0;
			position: absolute;
			top: 28px;
			padding-top: 1px;
			visibility: hidden;
		}				
			nav ul ul li a, nav ul ul li span, nav ul ul a:visited {
				display: block;
				width: 157px;
				text-align: center;
				text-decoration: none;
				color: #aaa92c;
				background: #e3e0b7;
				border-left: 1px solid #9e9d6d;
				border-right: 1px solid #9e9d6d;
				border-bottom: 1px solid #9e9d6d;
			}
				nav ul ul ul {
					left: 158px;
					top: -1px;
					width: 190px;
					border-left: 0;
					background: #9e9d6d;
				}		
					nav ul ul ul a, nav ul ul ul a:visited {
						color: #f49e13;
						background: #f7e0b7;	
						width: 188px;
					}		
					nav ul ul ul a:hover, nav ul ul ul li a.selected, nav ul ul ul li span.selected {
						background: #eec06b;
						color: #fff;
					}
			nav a:hover, nav ul ul a:hover, nav :hover > a, nav ul ul :hover > a, nav ul li a.selected, nav ul ul li a.selected, nav ul li span.selected, nav ul ul li span.selected {
				background: #d0d088;
				color: #fff;
			}
			nav ul li:hover ul, nav ul a:hover ul {
			visibility: visible;
			}
			nav ul :hover ul ul {
			visibility: hidden;
			}
			nav ul :hover ul :hover ul ul {
			visibility: hidden;
			}
			nav ul :hover ul :hover ul {
			visibility: visible;
			}
#content {
	margin-top: 50px;
	min-height: 323px;
}
	#content article img {
		margin: 20px;
		margin-left: 0;
		float: left;
	}
	#content.startseite article div {
		margin: 20px;
		margin-left: 0;
		float: left;
		width: 450px;
	}
	#content.das-team article{
		background: url('../img/das-team.jpg') center 55px no-repeat;
		height: 500px;
		margin-bottom: -70px;
	}
	#content.das-team article header h3{
		text-align: center;
		z-index: 10;
	}
	#content.das-team article div.roman {
		width: 50%;
		float: left;
		text-align: left;
		z-index:10;
		margin-bottom:20px;
	}
	#content.das-team article div.sebastian {
		width: 50%;
		float: left;
		text-align: right;
		z-index:10;
	}
	#content.preise article table {
		width: 600px;
		border-collapse: collapse;
		border-spacing: 0px;
	}
		#content.preise article table tr {
			background: #e3e0b7; 
		}
		#content.preise article table tr.r2 {
			background: #f7e0b7; 
		}
			#content.preise article table tr td {
				border: 1px solid #9E9D6D;
				padding: 5px 10px
			}  
	#content.kontakt {
		min-height: 480px;
	}
 		#content.kontakt div.message {
			position: absolute;
			color: #d00;
			text-align: center;
			text-decoration:underline;
			left: 50%;
			top: 192px;
			width: 500px;
			margin-left:-410px;
		}
		#content.kontakt div.telefon {
			position: absolute;
			text-align: right;
			left: 50%;
			width: 200px;
			margin-left: 12px;
		}
	#content.preise {
		min-height: 450px;
	}
	#content.impressum article div.d1 {
		margin: 20px;
		float: left;
		width: 270px;
	}
	#content.impressum article div.d2 {
		margin: 20px;
		float: left;
		width: 630px;
	}
form p {
	display: table;
	margin-bottom: 22px;
}
form label {
	display: table-cell;
	width: 140px;
	padding-left:42px;
	text-align: left;
	vertical-align: top;
}
form label.name {
	background: url('../img/dot.jpg') no-repeat 10px top;
}
form label.email {
	background: url('../img/email.jpg') no-repeat 7px -2px;
}
form label.telefonnummer {
	background: url('../img/telefon.jpg') no-repeat left -5px;
}
form label.anschreiben {
	background: url('../img/stift.jpg') no-repeat 7px -5px;
}
form input {
	display: table-cell;
	width: 300px;
	height: 20px;
	border: 1px solid #000;
}
  form input:focus {
  	background: #f7e0b7;
  }
form textarea {
	width: 500px;
	height: 200px;
	border: 1px solid #000;
}
  form textarea:focus {
    background: #f7e0b7;
  }
form div.thanks {
	position: absolute;
	left: 50%;
	margin-top: -25px;
	margin-left:-288px;
	width: 300px;
	height: 20px;
}
form input.senden {
	position: absolute;
	left: 50%;
	margin-top: -30px;
	margin-left: 23px;
	width: 191px;
	height: 50px;
	border: 0px;
}
form input {
	display: table-cell;
	width: 300px;
	height: 20px;
	border: 1px solid #000;
}
footer {
	position: absolute;
	left: 0;
	width: 100%;
	background: #f49e13;
}
	footer div {
		margin: 0 auto;
		padding: 35px 0;
		width: 940px;
		text-align: right;
	}
		footer div a, footer div a:visited{
			margin-left: 35px;
			color: #555;
		}
		footer div a:hover {
			color: #000;
		}