body {
	background: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

/* Allgemeine Auszeichnungen */
a {text-decoration: none;}
a.email {display: block; width: 166px; height: 17px; background: url(../zub/email.jpg) no-repeat left top;}
a.email:hover {background-image: url(../zub/email_hover.jpg);}
a:focus, a:active {border: none; outline: 0;}
strong {font-weight: normal;}
img {border: none;}
h1 {
	color: #e94;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

h2 {
	color: #e94;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 0 0 0;
	margin: 7px 0 5px 0;
}

h2 a {color: #e94;}

p,li {
	margin: 0 0 6px 0;
	padding: 0px;
	font-size: 11px;
	line-height: 1.5em;
	color: /*#006F85*/ #2E2E2E;
}

#text ul {
	list-style-position: outside;
	list-style-image: url('../zub/liste_square.gif');
	margin: 0;
	padding: 0;
}

#text li {margin-left: 17px;}

#text ul.start {
	list-style-image: none;
	list-style-type: none;
	margin-top: 10px;
}

#text ul.start li {margin: 0 0 7px 0;}
#text ul.start a {/*color: #9CC;*/ font-size: 11px; font-weight: bold; text-decoration: none;}
#text ul.start a:hover {text-decoration: underline;}

p.pink {
	font-weight: normal;
	color: #e94;
	padding-top: 3px;
}

p.linkseite2 {margin-top: 15px;}
p.linkseite2 a {color: #2E2E2E; text-decoration: underline;}
p.linkseite2 a:hover {color: #9CC;}

#text p a, #text li a {color: #2E2E2E; text-decoration: underline;}
#text p.pink a {color: #e94;}
#text p a:hover, #text li a:hover {color: #688;}


font.weiter {
	letter-spacing: 0.1em;
}

/* Rahmen der Seite */
#rahmen_schatten {
	position: absolute;
	top: 50%; left: 50%;
	width: 838px; height: 418px;
	margin-left: -412px;
	margin-top: -198px;
	background: url(../zub/schatten_rahmen.jpg) no-repeat right top;
}

#rahmen {
	position: absolute;
	top: 50%; left: 50%;
	width: 825px; height: 510px;
	margin-left: -412px;
	margin-top: -267px;
	background: url(../zub/linie.gif) repeat-x 0px 485px;
	border-bottom: 0px solid #9CC;
}

#rahmen_bildgross_fotografie, #rahmen_bildgross_therapmat {
	border: none;
	position: absolute;
	top: 50%; left: 50%;
	width: 838px; height: 486px;
	margin-left: -412px;
	margin-top: -267px;
}

#rahmen_bildgross_fotografie {background: url(../zub/bildgross_fotografie_hintergrund.jpg) no-repeat left 1px;}
#rahmen_bildgross_therapmat {background: url(../zub/bildgross_therapmat_hintergrund.jpg) no-repeat left 1px;}

#partnerlinks {
	position: absolute;
	top: 50%; left: 50%;
	width: 825px; height: 30px;
	margin-left: -412px;
	margin-top: 280px;
}

#partnerlinks p {font-size: 9px; text-align: center;}

#partnerlinks a {
	text-decoration: none;
	color: /*#78a23d*/ #999;
	margin: 0 3px 0 3px;
	white-space: nowrap;
	font-size: 9px;
}

#partnerlinks a:hover {text-decoration: underline; color: #9CC;}

/* alles innerhalb des id rahmen */
#leiste_unten {
	position: absolute;
	left: 0; top: 450px;
	width: 750px; height: 25px;
	background: #9CC;
}

#foto_rechts {
	position: absolute;
	left: 750px; top: 70px;
	width: 75px; height: 405px;
	background: #9CC;
}

#foto_links {
	position: absolute;
	left: 0; top: 70px;
	width: 265px; height: 345px;
	background: white;
}

#logo {
	position: absolute;
	left: 0px; top: 0px;
}

/* Text */
#text_hintergrund {
	position: absolute;
	left: 0; top: 69px;
	width: 100%; height: 381px;
	background: /*#f3fafc*/ #f5fcfc url(../zub/linie_texthintergrund.gif) repeat-x top left;
}

#text {
	position: absolute;
	left: 310px; top: 60px;
	width: 360px; height: 250px;
	border: 0px solid black;
}

/* Bilder Thumbs */
#text a.thumbs {float: left; margin-right: 10px;}
#text img.bildhoch {float: left; border: 1px solid #9CC;}
#text img.bildquer {float: left; border: 1px solid #00AAD1; margin-top: 17px;}
#text img.lupe {margin: 57px 0 0 2px;}

/********** bilder gross *********/
/* Abblendung der Seite f�r bildgross */
#abdeckung {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background: url(../zub/abdeckung.jpg) repeat top left;
}

#rahmen_bildgross_fotografie img.motiv, #rahmen_bildgross_therapmat img.motiv {
	position: absolute;
	left: 265px; top: 69px;
	width: 485px; height: 406px;
}

#schliessen {
	position: absolute;
	right: 88px; top: 69px;
	//width: 15px; height: 15px;
}

#weiter {
	position: absolute;
	right: 13; top: 450px;
	width: 75px; height: 25px;
	background: #688;
}

#weiter a {
	font-size: 11px;
	color: #fff;
	line-height: 2.2em;
	margin-left: 10px;
}

#weiter a:hover {color: #688;}


/* Men� */
#menue {
	position: absolute;
	right: 4px; top: 35px;
}

#menue a {
	font-size: 12px;
	color: #2E2E2E;
	padding: 0 7px 0 7px;
}

#menue a.aktiv {color: #e94; border-left: 1px solid #688; border-right: 1px solid #688; padding: 0 6px 0 6px;}
#menue a:hover {color: #e94;}


/* Untermenue */
#untermenue {
	position: absolute;
	left: 310px; top: 450px;
}

#untermenue a {
	display: block;
	height: 25px;
	float: left;
	color: #fff;
	font-size: 11px;
	padding: 0 12px 0 12px;
	margin: 0 0px 0 0;
	line-height: 2.2em;
	border-left: 1px solid #fff;
}

#untermenue a.rechts {border-right: 1px solid #fff;}

#untermenue a.aktiv {background: #e94;}
#untermenue a.aktivrechts {background: #e94;}
#untermenue a:hover {color: /*#d4eef3*/ #688;}

/* Men� 2 links unten */
#menue_zwei {
	position: absolute;
	left: 5px; top: 450px;
}

#menue_zwei a {
	display: block;
	height: 25px;
	float: left;
	color: #fff;
	font-size: 11px;
	padding: 0 8px 0 8px;
	margin: 0 5px 0 0;
	line-height: 2.2em;
	border-left: 1px solid #9CC;
	border-right: 1px solid #9CC;
}

#menue_zwei a:hover {color: #688;}
#menue_zwei a.aktiv {background: #e94; border-left: 1px solid #f3fafc; border-right: 1px solid #f3fafc;}


/* Men� 3 - unten rechts */
#menue_drei {
	position: absolute;
	right: 0px; bottom: 0px;
}

#menue_drei a {
	color: #5C7A7A;
	font-size: 10px;
	padding: 0 7px 0 7px;
	text-decoration:lowercase;
}

#menue_drei a:hover {color: #e94;}
#menue_drei a.aktiv {color: #e94;}



/* Formulare Bestellungen */
input, textarea {
	background: white;
	border: 1px solid #A5D1DA;
	width: 270px;
	padding: 2px 0px 1px 3px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea {height: 115px;}

input.button {
	width: 80px;
	background: #fff;
	color: #e94;
	font-size: 11px;
	border: 1px solid #e94;
	font-weight: normal;
	padding-bottom: 2px;
}

input.button:hover {color: #fff; background: /*#A5D1DA*/#e94; padding-bottom: 2px;}

input.checkbox {
	width: 15px; height: 15px;
	margin-left: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	margin-top: 5px;
}

input.checkbox_kopie_nachricht {
	width: 15px; height: 15px;
	margin: 0 10px 0 2px;
	padding: 0;
	float: left;
}

label {
	display: block;
	float: left;
	width: 80px;
}

label.checkbox {
	display: inline;
	float: none;
}

/* Bestellung einzelner Bilder */
label.checkboxbilder_hoch {width: 54px;}
label.checkboxbilder_quer {width: 71px;}

input.checkboxbilder {
	width: 13px; height: 13px;
	margin: 0; padding: 0;
	float: right;
}

img.checkboxbilder {
	border: 1px solid #A5D1DA;
}

span.checkboxbilder_hoch {
	float: left;
	margin-right: 18px;
	width: 70px;
}

span.checkboxbilder_quer {
	float: left;
	margin-right: 18px;
	width: 87px;
}

span.felderhinweis, span.zusatz {
	margin-left: 10px;
	color: #e94;
}

span.zusatz input {border: none; width: 47px; background: none; color: #e94; text-align: center; font-size: 11px; padding: 0; margin: 0 1px 0 1px;}
span.zusatz input:hover {text-decoration: underline; color: #9CC;}
span.zusatz input.aktiv {font-weight: bold;}

/*.coaching-hamburg {overflow:auto;padding:4px;}*/
/*#text.coaching-hamburg p {line-height: 1.3em;}*/
#text.coaching-hamburg p.aus {display: none;}



