* { margin: 0; padding: 0; }
body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }
body { font-size: 62.5%; font-family: Helvetica Arial, sans-serif; background: url(bilder/page_bg.jpg); background-color: #babfbc; }
.clear { clear: both; }
fieldset { border: none; }
input, textarea, a { outline: none; }

#page-wrap {
	width: 700px;
	margin: 0 auto;
	padding:0 0 50px 0;
	min-height: 600px;
	background-color: #fff;
}



form {
	width: 384px;
	padding: 20px 8px 0 8px;
	margin: 0 auto;
	background-color: #0098ff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}



h1 {
	margin: 20px 0 20px 0;
	color: #0098ff;
}

p,
li {
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 1.3em;
}

hr {
	margin: 5px 0 50px 0;
	border: none;
	background-color: #808080;
	height: 1px;

}

em {
	color: #0098ff;
	font-style: normal;
	font-weight: bold;
}

hr#top-border {
	padding:0;
	margin: 0;
	border: none;
	background-color: #0098ff;
	height: 10px;
}

hr#bottom-border {
	margin: 5px 0 5px 0;
	border: none;
	background-color: #808080;
	height: 1px;
}

a {
	text-decoration: none;
	color: #0098ff;
	font-weight: bold;
}

.back a {
	position: fixed;
	top: 0;
	background: #0098ff;
	padding: 10px 5px;
	color: #fff;
}

#logo {
	text-indent: -9999px;
	background: url(bilder/logo_dental-hoffmeister.png) no-repeat;
	height: 150px;
	width: 468px;
	margin: 0 auto;
	margin-top: 40px;
}

	#logo a {
		display: block;
		height: 100px;
	}

#content {
	width: 400px;
	margin: 0 auto;
}


#formLeft {
	width: 390px;
	}
	#formLeft input {
		width: 340px;
		margin: 13px 0 20px 8px;
		border: none;
		padding: 2px 15px 0 15px;
		background: none;
		font-size: 1.4em;
	}
	#formLeft .input-bg {
		background: url(bilder/sprites.png) -13px -10px no-repeat transparent;

		height: 45px;
width: 390px;
		margin-bottom: 10px;
		position: relative;
	}
	#formLeft .active {
		background: url(bilder/sprites.png) -13px -63px no-repeat transparent;
	}
#formRight {
	width: 390px;
	}
	#formRight textarea {
		width: 360px;
		height: 170px;
		display: block;
		border: none;
		background: none;

		margin: 15px 15px 0px 15px;
		font-family: Helvetica, sans-serif;
		font-size: 1.3em;
		overflow: auto;
	}
	#formRight .message-bg {
		background: url(bilder/sprites.png) -13px -115px no-repeat transparent;
		height: 200px;
padding-top: 10px;
	}
	#formRight .active {
		background: url(bilder/sprites.png) -13px -341px no-repeat transparent;
	}
label {
	display: block;
	font-size: 1.3em;
	text-indent: 10px;
	font-weight: bold;
}
label.error {
	position: absolute;
	top: -16px;
	right: 20px;
	padding: 3px;
	color: #ffa200;
	font-size: 1.5em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	width: 100px;
	float: right;
	padding: 8px 8px 8px 8px;
	margin: 0 6px 15px 0;
	font-size: 1.3em;
	font-weight: bold;
	background-color:#5ab2ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
	border-color: #0098ff;
}

input.submit-button:hover {
	background-color: #ffa200;
	border: 1px solid;
	border-color: #0098ff;
}

#footer {
	width: 400px;
	margin: 0 auto;
	padding-top: 25px;
}

#copy {
	text-align: right;
	font-size: 12px;
}

#error-message {
	width: 400px;
	padding: 0 0 100px 0;
	margin: 0 auto;

}