/*******************************************************
 * CSS fuer Arztverzeichnis.at von Bartosz Stankiewicz *
 * im Auftrag von Dr. Maté Gmbh                        *
 * (C) 2005 Dr. Maté Gmbh                              *
 *******************************************************/

/* Arztverzeichnis-Seiten */

/* Allgemeine Definitionen */

html, body {
	padding: 0px;
	margin: 0px;
	background-color: #b9b8b8;

}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100.01%;
	color: #606060;
}

abbr {
	cursor: help;
}

h1 {
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0em;
	line-height: 0em;
}

/* Verlinkte Images haben keinen Rahmen */
/* Imagemaps keinen Rahmen */
img {
	border: none;
}


/* Formular-Tag selbst soll keinen Platz verbrauchen */
form {
	margin: 0;
	padding: 0;
}

a {
	color: #b6b6b6;
	letter-spacing: -0.01em;
}

table td {
	vertical-align: top;
}

/* Allgemein gültige Informationen über das Drumherum zur Seite */

#avz_page, #branding, #navigation {
	width: 47.2em;
}

#border_left {
	background: url(../../img/default/border_left.gif);
	background-repeat: repeat-y;
}

#border_right {
	background: url(../../img/default/border_right.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}

/* Definiert die Seite, in dem sich alles abspielt. Quasi das "Papier" auf dem alles ausgelegt wird */
#avz_container {
	width: 47.45em;
	margin: 0 0 0 2em;
	padding: 0;
	background-color: #FCFAFB;
}

#avz_page {
	margin: 0 4px;
}

/* Branding der Seite */

#avz_logo {
	float: left;
	margin: 0 0 0 19px;
	padding: 0px;
}

#logos_container {
	float: right;
	margin: 0 20px 0 0;
	padding: 0px;
}

/* Balken unterhalb des Brandings */

#info_container {
	float: left;
	width: 29%;
	margin: 3.59em 0;
	padding: 0px;

	border-top: 12px solid #d4d4d4;
}

#info_container_special {
	letter-spacing: 0.1em;
}

#info_container p {
	font-size: 0.7em;
	line-height: 1.6em;
	letter-spacing: -0.01em;
	margin: 0 0 0 3em;
	padding: 0 15px 0 0;
	color: #b6b6b6;
}

#banner {
	float: left;
	background: url(../../img/default/banner.jpg) no-repeat right;
	height: 7.6em;
	width: 46.95em;
	margin: 0px;
	padding: 0px;
}

/* Navigation */

#navigation {
	float: left;
	height: 3em;
	margin-bottom: 1em;
}

#navigation ul {
	margin: 0 0 3px 50px;
	padding: 25px 0 0 0;
}

#navigation li {
	display: inline;
	font-size: 0.6em;
	font-weight: bold;
	color: #646A87;
	padding: 0px;
	text-transform: uppercase;
}

#navigation .on, #results .on {
	color: #C70000;
}

.bullet_on, .bullet_off {
	float: left;
	background: url(../../img/default/bullet_on.gif) no-repeat 50% 100%;
	height: 5px;
	width: auto;
}

.bullet_off {
	background: url(../../img/default/bullet_off.gif) no-repeat 50% 100%;
}

#navigation li a {
	text-decoration: none;
	color: #646A87;
}

#first_bullet, #second_bullet, #third_bullet, #fourth_bullet, #fifth_bullet, #sixth_bullet {
	float: left;
	display: inline;
	padding: 0px;
}

#first_bullet {
	margin: 0 0 0 0em;
	height: 2em;
}

#second_bullet, #third_bullet, #fourth_bullet, #fifth_bullet, #sixth_bullet {
	margin: 0 0 0 3.2em;
	height: 2em;
}

#navigation_line {
	float: left;
	margin: -3px 0 0 5.3em;
	padding: 0px;
	width: 41.6em;
	height: 1px;
	border-top: 1px solid #646A87;
	overflow: hidden;
}

/* Abschluss-Schatten der Seite - bestehend aus 3 DIVs die sich in einem DIV befinden */

#hell
{
	height: 4px;
	margin: 0 0 1em 2em;
	padding: 0;
}

#bottom {
	float: left;
	background: #b9b8b7 url(../../img/default/bottom.gif) repeat-x;
	margin: 0;
	padding: 0;
	height: 4px;
	width: 46.95em;
	overflow: hidden;
}

#left_corner, #right_corner {
	float: left;
	background: url(../../img/default/left_corner.gif) no-repeat;
	margin: 0;
	padding: 0;
	height: 4px;
	width: 4px;
	overflow: hidden;
}

#right_corner {
	background: url(../../img/default/right_corner.gif) no-repeat;
}

/* Allgemein container für die drei Arten */

#content table td {
	vertical-align: middle;
}

#content, #text_content, #results {
	float: left;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	width: 65%;
	margin: 0 0 0 1em;
	padding: 0px;
}

/* Betrifft nur wenn Text bzw. Bilder eingegeben werden statt Formular, usw. */

#text_content {
	border: none;
}

#text_content p {
	font-size: 0.9em;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

/* Rahem für Inhalt (Formular) */
#right {
	float: right;
	width: 28.6%;
}
.right_box {
	border: 1px solid #C9C9C9;
	border-top: none;
	/* Sync this value also on .ad-button ! */
	margin: 0 1em 0 0;
}

.more_space {
	margin-top: 1em !important;
}

.common_space {
	margin-top: 1em !important;
}

#big_content_left_top_border, #big_content_left_bottom_border, #big_content_right_top_border, #big_content_right_bottom_border {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#big_content_left_top_border {
	margin-top: -1px;
	float: left;
	width: 2px;
	height: 5px;
	background: url(../../img/default/left_border.gif) no-repeat;
}

#big_content_left_bottom_border {
	margin-bottom: -1px;
	float: left;
	width: 2px;
	height: 7px;
	background: url(../../img/default/left_edge.gif) no-repeat;
}

#big_content_right_top_border {
	margin-top: -1px;
	float: right;
	width: 2px;
	height: 5px;
	background: url(../../img/default/right_border.gif) no-repeat;
}

#big_content_right_bottom_border {
	margin-bottom: -1px;
	float: right;
	width: 2px;
	height: 7px;
	background: url(../../img/default/right_edge.gif) no-repeat;
}

/******************************************************/
/* Anfang der Definitionen für die Suchseite vom AVZ  */
/******************************************************/

/* Formlar-Definition */

#formular {
	margin: 0.5em 0 0 0.5em;
	padding: 0px;
	width: 97%;
}

#formular td {
	height: 2em;
	width: 35%;
	margin: 0px;
	padding: 0px;

	font-size: 0.8em;
	line-height: 0.9em;
	color: #606060;
}

.description {
	width: 35%;
}

.right_to_description {
	width: auto !important;
}

.description, .right_to_description {
	height: 1em !important;
}

.over_description {
	height: 1.5em !important;
}

.formular_input {
	width: 60% !important;
	font-size: 1em !important;
}

.geschlecht {
	width: 6% !important;
	margin: 0px;
	padding: 0px;
	margin-left: 1em;
	/* Ausrichtung der Radio-Buttons mittig mit dem Text; ist fuer IE in ie.css ueberladen */
	margin-bottom: -3px;
}
.geschlecht.first {
	margin-left: 0;
}

#formular .checkbox {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#formular input {
	width: 96.5%;
	font-size: 0.8em;
}

#formular #plz {
	width: 30%;
	font-size: 0.8em;
	margin-right: 2.5%;
}

#formular #ort {
	width: 62.9%;
	font-size: 0.8em;
}

#formular select {
	width: 98%;
	/* Musste auf em umgeaendert werden, weil Firefox bei Prozentbreiten die
	* Select-Box trotzdem breiter gemacht hat, wenn die Texte darin laaaang
	* waren */
	width: 22em;
	font-size: 0.8em;
}

#formular #headline {
	text-transform: uppercase;
}

.info_button {
	width: 5%;
}

.submit {
	margin: 0 2em 0 0;
	padding: 0px;
	width: 108px !important;
	height: 30px !important;
}

.small_text {
	font-size: 0.7em !important;
	line-height: 1.3em !important;
	letter-spacing: 0.03em !important;
	margin: 0px;
	padding: 0px;
}

#krankenkassen .checkbox_input, #zeit .checkbox_input {
	width: 5%;
	margin: 0px;
	padding: 0px;
}

#zeit .checkbox_input {
	width: 10%;
}

#krankenkassen .checkbox_bezeichnung, #zeit .checkbox_bezeichnung {
	width: 9%;
	margin: 0px;
	padding: 0px;
}

#zeit .checkbox_bezeichnung {
	width: 39%;
	padding-right: 0.69em !important;
}

/* Rechte Boxen */

.right_box .headline {
	height: 1.5em;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	font-size: 0.7em;
	font-weight: bold;
	color: #7D6262;
	margin: 0px;
	padding: 0.5em 0 0.2em 1em;
}

.right_box .little_box_content, .right_box .little_box_content p {
	font-size: 0.7em;
	color: #646A87;
	margin: 0 0 1.5em 0;
	padding: 0.7em 0.5em 0 0.5em;
}

.right_box .little_box_content p {
	font-size: 1em !important;
	line-height: 1.1em !important;
	margin: 0 4em 0 0;
	padding: 0px;
}

.right_box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 0.5em;
}

.right_box li {
	text-decoration: none;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

.right_box a {
	color: #646A87;
	text-decoration: underline;
}

.right_box .input_little_box {
	margin: 0.4em 0.2em 0em 0;
	padding: 0px;
}
/******************************************************/
/* Ende der Definitionen für die Suchseite vom AVZ    */
/******************************************************/



/******************************************************/
/* Anfang der Definitionen für die Resultseite vom AVZ*/
/* bei mehreren Ärzten                                */
/******************************************************/

.navigation td  {
	vertical-align: middle;
}

/* Rahmen um die Ausgabe */

#results {
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
}

/* Navigation der Ausgabe */

#results .navigation td, .drucken_empfehlen td {
	background-color: #F3F3F3;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	font-size: 0.55em;
	line-height: 0.65em;
	margin: 0px;
	padding: 0px;
	height: 2.9em;
	color: #606060;
	font-weight: bold;
	overflow: hidden;
}

#results a {
	color: #606060;
}

/* Bilder bei der Ausgabe */

#results img {
	margin: 0.4em;
}

#results .img_td {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 20%;
}

.img_td {
	vertical-align: middle;
}

/* Ausgabe-Zeile, dabei hat NUR die rechte Spalte die strichlierte Linie */

#results.result .right_td, #results .results_td {
	border-left: 1px dashed #C9C9C9;
	text-align: right;
	width: 80%;
	margin: 0px;
	padding: 0px;
}

/* Überschrift zur Ausgabe-Zeile (Name des Arztes) mit allgemeinem Text */

#results .headline, #results .text {
	font-size: 0.75em;
	line-height: 0.85em;
	margin: 0px;
	padding: 0px;
}

#results .headline {
	font-weight: bold;
	text-align: left;
	margin: 0.5em 0 0.5em 0.5em;
}

/* Link zu den Details vom Arzt */

#results .headline a {
	color: #3C3C3C;
}

/* Allgemeine Text-Betreffende Definitionen */

#results .text {
	color: #606060;
	line-height: 1.5em;
	margin: 0 0.5em 0 0;
}

#results .link-zugang {
	margin: 1em 0.5em 0 0;
	font-size: 0.6em;
	line-height: 0.7em;
	height: 1.5em;
}

#results .gray {
	background-color: #F3F3F3;
}

#results .link-zugang a {
	color: #8A8A8A;
}

#results .line td {
	border-top: 1px solid #C9C9C9;
}

/* Leider bis jetzt zwei unumgängliche Möglichkeiten um doppelte Zeilen zu machen (für oben und unten) */

#results .free_space_top {
	border-bottom: 1px solid #C9C9C9;
	height: 0.2em;
}

#results .free_space_bottom {
	border-top: 1px solid #C9C9C9;
	height: 0.2em;
}

/* Alle Elemente der Navigation groß geschrieben */

#results .suchformular, #results .gefunden, #results .seiten, #results .navigieren, .drucken_empfehlen {
	text-transform: uppercase;
}

/* Die Navigationselemente mit größen Angaben */

#results .suchformular {
	width: 22%;
}

#results .pager {
	width: 53%;
	text-transform: uppercase;
}

#results .navigieren {
	width: 25%;
	text-transform: lowercase;
}

/* Abänderungen/Ergänzungen zur Stamm-right-box */

hr {
	border-top: 1px solid #C9C9C9;
	border-left: none;
	height: 1px;
	padding: 0px;
	width: 94%;
	margin: 1em 0 1em 0;
	overflow: hidden;
}

.right_box h2, .right_box h3 {
	font-size: 0.8em;
	line-height: 1.2em;
	letter-spacing: 0.01em;
	color: #646A87;
	margin: 0 1em 0 0;
	padding: 0px;
}

.right_box h2 {
	font-weight: bold;
}

.right_box h3 {
	font-weight: normal;
}

.right_box img {
	margin: 0 0.5em 0.1em 0;
}

.right_box a {
	afont-size: 0.8em;
	text-decoration: underline;
}

/******************************************************/
/* Ende der Definitionen für die Resultseite vom AVZ  */
/* bei mehreren Ärzten                                */
/******************************************************/



/******************************************************/
/* Anfang der Definitionen für die Detailseite vom AVZ*/
/* für einen bestimmten Arzt                          */
/******************************************************/

/* Abstände sich anders sind, da weniger Navigationselemente vorhanden sind */

.result .gefunden {
	width: 41% !important;
}

.result .seiten {
	width: 0% !important;
}

.result .suchformular, #drucken_empfehlen .suchformular {
	width: 35%;
}

.suchformular {
	padding: 0 0 0 0.5em !important;
}

.navigieren {
	padding: 0 0.5em 0 0 !important;
}

.result .seiten, #drucken_empfehlen .seiten {
	width: 22%;
}

/* Name des Arztes */

.titel {
	text-align: left !important;
	font-size: 1em !important;
	line-height: 1.1em !important;
	font-weight: bold;
	color: #3C3C3C;
	padding: 0 0 0 0.5em !important;
	vertical-align: middle;
}

/* Bilder sind hier horizontal angeordnet */

.result .img_td img {
	margin: 0px;
	padding: 0px;
}

.left_td, .right_td {
	font-size: 0.8em;
	line-height: 1.8em;
	padding-left: 0.7em !important;
}

/* Oft gibt es keinen Rahmen oben wenn mehrere Elemente zu einer Gruppe gehören */

.none_top_border td, table.ordinationtime td {
	border-top: none !important;
}

/* Die Linke Spalte hat den strichlierten Rahemn rechts nicht! */

.left_td {
	text-align: left;
	color: #646464;
}

.right_td {
	text-align: left !important;
	color: #3C3C3C;
}

/* Überschrift ---ORDINATION--- */

.ordination {
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
}

.ordination .left_td {
	color: #A9A9A9 !important;
}

/* in der rechten Box ist "family" immer kursiv */

.right_box span.family {
	font-style: italic;
}

/* Wenn der Name des Basiseintrages des Arztes ohne Bilder erscheint, soll trotzem ein entsprechender Abtand sein */
td.titel.right_td {
	min-height: 3.1em;
	height: 3.1em;
}

/* Zentrierung von Bildern */
#titel_pictures img {
	margin: 0.4em 0 0.4em 0 !important;
}

/******************************************************/
/* Ende der Definitionen für die Detailseite vom AVZ  */
/* für einen bestimmten Arzt                          */
/******************************************************/

/*
	mfischer, 2005.11.30:
	nachtraegliche Anpassungen
*/
#additivefield-nomatch {
	font-weight: bold;
	display: none;
	font-size: 0.75em;
	aletter-spacing: -0.1em;
}
#spezial-nomatch {
	font-weight: bold;
	display: none;
	font-size: 0.75em;
	aletter-spacing: -0.1em;
}
#vorschau-canvas {
	display: none;
}

/**
 * Banner
 */
#skyscraper {
	position: absolute;
	top: 0em;
	left: 51em;
}
#footer-fullbanner {
	text-align: center;
	clear: both;
	padding-top: 1em;
}
.ad-button {
	margin: 1em 1em 0 0;
	/* Although the .right_box has width in %, it doesn't work and the ad is
	 * fixed size anyway! */
	width: 200px;
}
.ad-button .headline {
	height: 1.5em;
	border: 1px solid #C9C9C9;
	font-size: 0.7em;
	color: #7D6262;
	padding: 0.5em 1em 0.2em 1em;
	text-align: right;
	font-style: italic;
}

/******************************************************/
/* Anfang der Definitionen für die Textseite vom AVZ  */
/******************************************************/

/* Div für Content hier sind Texte und Bilder */

div#content_text {
	margin: 1em;
	padding: 0px;
	font-size: 0.8em;
}

/* H2 und H3 Überschrift */

div#content_text h2,
div#content_text h3 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 1em 0 1em 0;
	padding: 0px;
}
div#content_text h3 {
	font-size: 1em;
}


/* Paragraph */

div#content_text p {
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
}

/* Bilddefinition */

div#content_text img {
	margin: 0px;
	padding: 0.7em 0.7em 0 0;
}

/* Statt #footer wird das hier verwendet! wie bei common.css */

div.footer {
	clear: both;
}

/******************************************************/
/* Ende der Definitionen für die Textseite vom AVZ  */
/******************************************************/


/* Für Ausgabe von Fehlermeldungen direkt bei den Formularfeldern */
.form-meldung {
	color: red;
	padding-bottom: 0.5em;
}

/* Labels einfacher/auffordender fuer Benutzer machen, in dem man erkennt, dass man klicken kann */
label {
	cursor: pointer;
}
