@charset "utf-8";
/** 
	reset css
    by Eric Meyer
	url: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong, strong span, strong em {font-weight:bold;}
em, em span, em strong {font-style:italic;}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/** 
	tag definitions
*/
body {
	background-color: #efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
span {
	font-size: 12px;
}
a,
a:link,
a:active
a:visited {
	color: #333;
	text-decoration:underline;
}
a:hover {
	color: #323232;
	text-decoration:underline;
}
/** 
	page
*/
#page {
	width: 842px;
	margin:0 auto;
	position: relative;
}
.clear {
	clear: both;
}
.red {
	color: #881435;
}
.bgred {
	background-color: #881435;
}
/** 
	header
*/
#header {
	height: 80px;
	background: #881435 url("../page/logo.jpg") no-repeat 15px 0px; 
	cursor: pointer;
}
#header:hover {
	background-image: url("../page/logo-home.jpg"); 
	background-color: #9A163A;
}
/** 
	menu
*/
#menu {
	margin: 40px 0 7px 0;
	padding: 8px 0;
	border-top: 1px solid #cacacc;
	border-bottom: 1px solid #cacacc;
}
#menu ul {
	list-style: none;
	clear: both;
}
#menu ul li {
	float: left;
	color: #881435;
	font-size: 22px;
	padding-right: 16px;
}
#menu a,
#menu a:link,
#menu a:active
#menu a:visited {
	color: #881435;
	font-size: 22px;
	text-decoration:none;
	padding: 2px 4px;
}
#menu li.selected a {
	background-color: #fff;
}
#menu a:hover {
	color: #666;
	background-color: #fff;
}
/** 
	content
*/
#content {
	background-color: #fff;
	min-height: 480px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}
/** 
	two column content
*/
#content .left {
	width: 270px;
	float:left;
	margin: 0 10px 0 0;
	overflow:hidden;
}
* html #content .left { /** IE 6 only **/
	width: 267px;
}
#content .right {
	width: 540px;
	margin: 0;
	overflow:hidden;
}
/** 
	content .section = text formatting
*/
#content .section {
	color: #666;
	font-size: 12px;
	line-height: 20px;
	padding-right: 10px;
	/* -webkit-text-size-adjust: none; */
}
#content .section p, 
#content .section table, 
#content .section ul{
	margin: 12px 0;
	font-size: 12px;
}
#content .section .red strong {
	color: #881435;
	font-weight: bold;
}
#content .section p strong {
	color: #595959;
	font-weight: bold;
}
#content .section a,
#content .section a:link,
#content .section a:active
#content .section a:visited {
	color: #666;
	text-decoration:underline;
	font-size: 12px;
}
#content .section a:hover {
	color: #333;
	text-decoration:underline;
}
#content .section h2 {
	color: #881435;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 24px;
}
#content .section h3 {
	color: #881435;
	padding-top: 6px;
}
#content .section ul {
	list-style-type:circle;
	list-style-position:outside;
	margin: 0 0 12px;
}
#content .section ul li {
	margin-left: 15px;
	font-size: 12px;
}
/** 
	team
*/
#content .left ul.submenu {
	border-top: 1px solid #cacacc;
}
#content .left ul.submenu li {
	border-bottom: 1px solid #cacacc;
	padding: 1px 0;
	line-height: 15px;
}
#content .left ul.submenu li div {
	padding: 8px 0;
}
#content .left ul.submenu li p {
	margin-top: 3px;
}
#content .left ul.submenu li h3 a,
#content .left ul.submenu li h3 a:link,
#content .left ul.submenu li h3 a:active
#content .left ul.submenu li h3 a:visited {
	color: #881435;
	font-size: 12px;
	text-decoration:none;
}
#content .left ul.submenu li h3 a:hover {
	color: #881435;
}
#content .left ul.submenu li:hover {
	cursor:pointer;
}
#content .left ul.submenu li.selected:hover div,
#content .left ul.submenu li:hover div {
	background-color: #efefef;
}
#content .left ul.submenu li.selected div {
	background-color: #f6f6f6;
}
#content .right .image {
	height: 280px;
	background: none no-repeat 0px 0px #ececec; 
	position: relative;
	margin-bottom: 15px;
}
#content .right .image h1 {
	background-color: #881435;
	color: #fff;
	font-size: 24px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 5px;
}

/** 
	leistungen
*/
#content.overview {
	padding: 10px 0 0 10px;	
}
#content.overview .image, 
#content.praxis .image,
#content.home .image  {
	background-color: #ececec;
	height: 280px;
	margin: 0 10px 10px 0;
	position: relative;
	border-bottom: 1px solid #cacacc;
}
#content.praxis .image,
#content.home .image {
	margin: 0 0 15px 0;
	border: none;
}
/*
#content.overview .image .desc {
	background-color: #881435;
	color: #fff;
	font-size: 22px;
	line-height: 60px;
	right: 0;
	top: 0;
	height: 60px;
	width: 258px;
	position: absolute;
	text-align: center;
	padding: 0 0 0 10px;
}
*/
#content.overview .image h1,
#content.home .image h1,
#content.praxis .image h1 {
	background-color: #881435;
	color: #fff;
	font-size: 22px;
	left: 10px;
	bottom: 10px;
	position: absolute;
	padding: 5px;
}
#content.overview ul.submenu li {
	float: left;
	margin: 0 10px 10px 0;
	width: 255px;
	background-color: #f6f6f6;
	color: #881435;
	height: 35px;
	padding: 25px 0 0 10px;
	border-bottom: 1px solid #cacacc;
	border-right: 1px solid #cacacc;		
}
#content.overview ul.submenu li:hover {
	cursor:pointer;
	background-color: #efefef;
}
#content.overview ul.submenu li h3 a,
#content.overview ul.submenu li h3 a:link,
#content.overview ul.submenu li h3 a:active
#content.overview ul.submenu li h3 a:visited {
	color: #881435;
	font-size: 12px;
	text-decoration:none;
}
#content .left ul.submenu li h3 a:hover {
	color: #881435;
}

#content .section table.cerec-table {
	font-size: 11px;
}
#content .section table.cerec-table td {
	background-color:#F3F3F3;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	padding: 2px 4px;
	margin: 0;
}
#content .section table.cerec-table thead td {
	background-color:#881435;
	color: #fff;
}
#content .section table.cerec-table td.var {
	background-color:#e0e0e0;
}
/** 
	kontakt
*/
#content.kontakt #js-error {
	position: absolute;
	top: 300px;
	left: 250px;
	background-color:#fff;
	z-index: 100;
	border: 10px solid #881435;
	padding: 20px 10px 24px 10px;
	width: 300px;
	text-align: center;
}
#content.kontakt #js-error h3 {
	color: #881435;
	font-size: 22px;
	margin: 0 0 20px;
}
#content.kontakt #js-error p {
	margin-top: 10px;
	line-height: 15px;
}
#content.kontakt #terminForm {
	position: absolute;
	top: 100px;
	left: 90px;
	background-color:#fff;
	z-index: 100;
	border: 10px solid #881435;
	padding: 10px;
	width: 620px;
	box-shadow: 6px 6px 18px #666666;
	-moz-box-shadow: 6px 6px 18px #666666;
	-webkit-box-shadow: 6px 6px 18px #666666;
}
#content.kontakt #terminForm a.close {
	position: absolute;
	top: 5px;
	right:5px;
	padding: 4px;
	color: #881435;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
#content.kontakt #terminForm #spinner{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	background-color: #f3f3f3;
	cursor: wait;
}
#content.kontakt #terminForm #spinner .info
{
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border: 3px solid #ccc;	
	background-color: #fff;
	position: absolute;
	top: 44%;
	left: 35%;
	width: 30%;
	height: 12%;
	text-align: center;
	box-shadow: 3px 3px 8px #666666;
	-moz-box-shadow: 3px 3px 8px #666666;
	-webkit-box-shadow: 3px 3px 8px #666666;
}
#content.kontakt #terminForm #spinner .text
{
	font-weight: bold;
}
#content.kontakt #terminForm #spinner .loader{
	background: #fff url("../../nova/css/nova/common/loading.gif") no-repeat 0 0;
	width: 20px;
	height: 20px; 
	margin: 15px auto 5px;
}
#content.kontakt #terminForm #feedback{
	padding: 10px 15px;
	margin: 0 0 15px 0;
	background-color: #090;
	color: #fff;
	line-height: 20px;
}
#content.kontakt #terminForm #feedback.error{
	background-color: #f00;
	
}
#content.kontakt #terminForm a.close:hover {
	color: #fff;
	background-color: #881435;
}
#content.kontakt #terminForm h3 {
	color: #881435;
	font-size: 22px;
}
#content.kontakt #terminForm p {
	margin: 15px 0;
}
#content.kontakt #terminForm table.formTable {
	width: 100%;
}
#content.kontakt #terminForm table.formTable td {
	padding: 8px 4px;
	border-bottom: 1px solid #fff;
	background-color: #f3f3f3;
}
#content.kontakt #terminForm table.formTable td td {
	border-bottom: none;
	background-color: none;
}
#content.kontakt #terminForm table.formTable td.var {
	width: 120px;
	vertical-align: top;
	line-height: 20px;

}
#content.kontakt #terminForm input,
#content.kontakt #terminForm select
{
	vertical-align: middle;
	margin: 0;
}
#content.kontakt #terminForm input.full,
#content.kontakt #terminForm textarea.full {
	width: 98%;
}
#content.kontakt #terminForm .buttons {
	padding: 20px 0 0 0;
	text-align: right;
}
#content.kontakt #terminForm .buttons input {
	margin-left: 10px;
}
#content.kontakt #terminForm table.times {

}
#content.kontakt #terminForm table.times td {
	padding: 2px 20px 2px 5px;
	background-color: #fff;
	border-bottom: 1px solid #ddd !important;
	line-height:20px;
}
#content.kontakt #terminForm table.times thead td {
	padding: 2px 20px 2px 5px;
	background-color: #ccc;
	border-bottom: 1px solid #f3f3f3 !important;
	line-height:20px;
}
#content.kontakt #terminForm input#date {
	width: 70px;
	font-size: 13px;
	margin-right: 10px;
}
.kontakt #gmap {
	width: 540px; 
	height: 280px;
	background-color: #ececec;
	position: relative;
	line-height: 13px;
}
.kontakt #gmap .loading {
	text-align: center;
	width: 200px;
	padding: 10px 0;
	border: 1px solid #999;
	background-color: #d3d3d3;
	position: absolute;
	top: 124px;
	left: 170px;
}
.kontakt #gmap .info-noscript {
	text-align: center;
	width: 220px;
	padding: 10px 0;
	border: 1px solid #999;
	background-color: #d3d3d3;
	position: absolute;
	top: 75px;
	left: 160px;
}
.kontakt #gmap .title {
	font-size: 14px;
	font-weight: bold;
	color: #881435;
}
.kontakt #gmap p {
	margin: 10px 0;
	font-size: 11px;
}
.kontakt table.times {
	padding:0;
	margin:0;
}
.kontakt table.times td{
	padding: 2px 20px 2px 5px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #fff;
}

.button {
	background-image: url("../page/bg-button-gray.png") !important;
	border-radius:3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: 0 0 !important;
	border: 1px solid #aaa !important;
	color: #5f5f5f !important;
}
.button:hover
{
	background-position: 0 30% !important;
	border-color: #888 !important;
	color: #000 !important;
	cursor: pointer !important;
}
.button.pressed,
.button:active
{
	background-position: 0 60% !important;
	border-color: #888 !important;
	color: #000 !important;
	/* padding: 0 3px 0 5px; */
}
.button:focus {
	outline: 0;
}
.button,
.button.icon-left {
	display: block !important;
	height: 24px !important; 
	float:left !important;
	margin: 1px 5px 20px 0 !important;
	cursor:default !important;
	text-decoration: none !important;
	line-height: 24px !important;
	padding: 0 4px !important;
	font-size: 12px !important;
	overflow:hidden !important;
	width: 140px;
}
.button span,
.button.icon-left span
{
	display:block !important;
	line-height: 24px !important;
	height: 24px !important;
	float: left !important;
	padding: 0 0 0 16px !important;
	background-repeat: no-repeat !important;
	background-position: left 4px !important;
}
.button span em
{
	padding: 0 0 0 4px;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
}
.button.type-calendar span { background-image: url("../page/calendar.png"); }
.button.type-comment span { background-image: url("../page/comment.png"); }
/** 
	footer
*/
#footer {
	margin: 7px 0 10px 0;
	padding: 14px 0;
	border-top: 1px solid #cacacc;
	border-bottom: 1px solid #cacacc;
	font-size: 12px;
	-webkit-text-size-adjust: none;
}
#footer,
#footer span,
#footer a {
	font-size: 12px !important;
	line-height: 12px !important;
}
#footer span.dot{
	padding: 0 17px;
}
#footer a,
#footer a:link,
#footer a:active
#footer  a:visited {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}