


/*/////////////////////////////////////////////////////////////////*/
/*///////   A L L G E M E I N E   F E S T L E G U N G E N   ///////*/
/*/////////////////////////////////////////////////////////////////*/

body {
	background: url('_abb/body_bg.gif') center top repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, sans-serif;
	font-size: 11px;
	margin: 0px auto 0px auto;
	width: 800px;
	}

body#startseite {
	}

div#inhalt {
	background: url('_abb/inhalt_bg.gif') center top repeat-y;
	}


/*///////////////////////   S P E C I A L   ///////////////////////*/

div#notnummerbanner {
	background: url('_abb/notnummer.png') left top no-repeat;
	display: block;
	left: 0;
	height: 95px;
	position: fixed;
	text-indent: -999em;
	text-decoration: none;
	top: 0;
	width: 95px;
	z-index: 99;
	}
*html div#notnummerbanner {
	background: url('_abb/notnummer.gif') left top no-repeat;
	position: absolute;
	}



/*/////////////////////////////////////////////////////////////////*/
/*///////////   S E I T E N K O P F   M I T   L O G O   ///////////*/
/*/////////////////////////////////////////////////////////////////*/

div#kopf {
	background: url('_abb/kopf_top_bg.gif') center top no-repeat;
	line-height: 0px;
	margin: 0px;
	padding: 32px 0px 0px 0px;
	}

div#kopf img.logobereich {
	border: 0px;
	height: 32px;
	}

div#kopf div#kopfgrafik {
	line-height: 0px;
	margin: 0px;
	padding: 0px 16px 0px 16px;
	}

div#kopf div#kopfgrafik img {
	border: 0px;
	height: 200px;
	margin: 0px;
	}
*html div#kopf div#kopfgrafik img {
	margin-bottom: -3px;
	}



/*/////////////////////////////////////////////////////////////////*/
/*////////////////////   N A V I G A T I O N   ////////////////////*/
/*/////////////////////////////////////////////////////////////////*/

div#navigation {
	background: url('_abb/navigation_bg.gif') center top no-repeat;
	}
*html div#navigation {
	height: 1%;
	
}

div#navigation ul {
	height: 24px;
	list-style: none;
	margin: 0px 12px 0px 12px;
	padding: 0px;
	}

div#navigation ul li {
	float: left;
	height: 24px;
	margin: 0px;
	padding: 0px;
	}

div#navigation ul li a {
	color: #999999;
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 5px 16px 4px 16px;
	text-decoration: none;
	text-shadow: #eeeeee 0px 1px 2px;
	}
*html div#navigation ul li a {
	margin-bottom: 0px;
	}

div#navigation ul li:hover {
	background: url('_abb/navigation_hover_bg.gif') left top repeat-x;
	color: #1a4cab;
	}

div#navigation ul li.hier {
	background: url('_abb/navigation_hier_bg.gif') left top repeat-x;
	}

div#navigation ul li.hier a {
	color: #666666;
	}

div#navigation ul li a:hover {
	color: #1a4cab;
	text-decoration: underline;
	}

div#navigation ul ul {
	background: url('_abb/subnavigation_bg.png') left bottom no-repeat;
	font-weight: normal;
	height: auto;
	left: -999em;
	margin: -2px 0px 0px -11px;
	padding: 0px 11px 15px 11px;
	position: absolute;
	width: 172px;
	}
*html div#navigation ul ul {
	background-color: #dddddd;
	background-image: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
}

div#navigation ul ul li {
	border-top: 1px solid #e6e6e6;
	width: 150px;
	text-decoration: none;
	}

div#navigation ul ul li a,
div#navigation ul li.hier ul li a {
	color: #8d8d8d;
	display: block;
	padding: 5px 16px 6px 16px;
	}

div#navigation ul ul li:hover {
	background: #dddddd;
	color: #1a4cab;
	}

div#navigation ul ul li.hier {
	background: #d8d8d8;
	}

div#navigation ul li.hier ul li.hier a {
	color: #666666;
	}

div#navigation ul ul li a:hover,
div#navigation ul li.hier ul li a:hover {
	color: #1a4cab;
	text-decoration: underline;
	}

div#navigation li:hover ul,
div#navigation li.sfhover ul {
	left: auto;
	}



/*/////////////////////////////////////////////////////////////////*/
/*/////   C O N T A I N E R   F Ü R   D E N   C O N T E N T   /////*/
/*/////////////////////////////////////////////////////////////////*/

div#hauptteil {
	background: url('_abb/hauptteil_top_bg.gif') center top no-repeat;
	}



/*/////////////////////////////////////////////////////////////////*/
/*///////////////////////   C O N T E N T   ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/

div#hauptteil div.inhalt {
	background: url('_abb/hauptteil_spalten_bg.gif') center top repeat-y;
	display: inline-block; /* für IeMac; Holly Hack */
	line-height: 0px;
	padding: 0px 16px;
	}
/* Holly Hack Targets IE Win only \*/
* html div#hauptteil div.inhalt {
	height: 1%;
	} 
div#hauptteil div.inhalt {
	display: block;
	}
/* End Holly Hack */

div#hauptteil div.inhalt:after {
	clear: both;
	content: "\A"; /* hair space */
	display: block;
	height: 0px;
	line-height: 0px;
	}

*html div#hauptteil div.inhalt img.kopfgrafik {
	margin-bottom: -3px; /* besser: ¿display block? **********************************************/
	}


/*/////////////////////////////////////////////////////////////////*/
/*///////////////////   H A U P T S P A L T E   ///////////////////*/

div#hauptteil div.inhalt div.hauptspalte {
	background: url('_abb/hauptspalte_top_bg.gif') left top no-repeat;
	float: left;
	font-size: 11px;
	padding: 24px 16px 16px 16px;
	width: 480px;
	}
body#startseite div#hauptteil div.inhalt div.hauptspalte {
	background: none;
	}

div#hauptteil div.inhalt div.hauptspalte h1 {
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin: 0px 0px 16px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte h2 {
	color: #777777;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 16px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte h3 {
	color: #888888;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte h4 {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte p {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	margin: 0px 0px 16px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte a {
	border-bottom: 1px solid #cbd1eb;
	color: #1a4cab;
	text-decoration: none;
	}

div#hauptteil div.inhalt div.hauptspalte a:after {
	content: "\00A0\2023";
	white-space: nowrap;
	}

div#hauptteil div.inhalt div.hauptspalte a:hover {
	border-bottom: 1px solid #1a4cab;
	}

div#hauptteil div.inhalt div.hauptspalte ul {
	color: #999999;
	line-height: 14px;
	list-style: none;
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	}
*html div#hauptteil div.inhalt div.hauptspalte ul {
	list-style: disc;
}

div#hauptteil div.inhalt div.hauptspalte ul li {
	margin: 0px 0px 4px 0.925em;
	}      

div#hauptteil div.inhalt div.hauptspalte ul li:before {
	content: "\203A\00A0\00A0";
	margin-left: -0.925em;
	}      
*html div#hauptteil div.inhalt div.hauptspalte ul li {
	margin-left: 15px;
	}

div#hauptteil div.inhalt div.hauptspalte ul p {
	margin-bottom: 4px;
	}

div#hauptteil div.inhalt div.hauptspalte ul li h3 {
	display: inline;
	margin-left: -3px;
	}

div#hauptteil div.inhalt div.hauptspalte ol {
	color: #999999;
	line-height: 14px;
	list-style: decimal;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte ol li {
	margin: 0px 0px 4px 1.75em;
	}      
*html div#hauptteil div.inhalt div.hauptspalte ol li {
	margin: 0px 0px 4px 2.15em;
	}      



div#hauptteil div.inhalt div.hauptspalte dl {
	color: #999999;
	line-height: 14px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte dl dt {
	clear: both;
	float: left;
	margin: 0px 0px 4px 0px;
	width: 124px;
	}

div#hauptteil div.inhalt div.hauptspalte dl dd {
	margin: 0px 0px 4px 124px;
	}

div#hauptteil div.inhalt div.hauptspalte dl dd:after {
	clear: both;
	content: "\A"; /* hair space */
	display: block;
	height: 0px;
	line-height: 0px;
	}

/* ggf überflüssig, layoutstadium für 'diagnose' */
div#hauptteil div.inhalt div.hauptspalte div.absatz {
	margin: 32px 0px 0px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte img.foto {
	margin: 0px 0px 16px 0px;
	}


/* Spalten */

div#hauptteil div.inhalt div.hauptspalte div.spalte {
	float: left;
	margin-left: 20px;
	width: 230px;
	background: aqua; /********************************************************************************************************************/
	}



/*///////////////////////   F O R M U L A R   //////////////////////*/

div#hauptteil div.inhalt div.hauptspalte form {
	margin: 0px;
	padding: 0px;
	}

div#hauptteil div.inhalt div.hauptspalte form p {
	border-top: 1px solid #eeeeee;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}

div#hauptteil div.inhalt div.hauptspalte form p:after {
	clear: both;
	content: "\A"; /* hair space */
	display: block;
	height: 0px;
	line-height: 0px;
	}

div#hauptteil div.inhalt div.hauptspalte form p label {
	display: block;
	float: left;
	padding: 2px 0px 4px 0px;
	width: 108px;
	}

div#hauptteil div.inhalt div.hauptspalte form p input {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #dddddd;
	display: block;
	margin: 0px 0px 0px 124px;
	width: 350px;
	}

div#hauptteil div.inhalt div.hauptspalte form p select {
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #f3f3f3;
	display: block;
	margin: 0px 0px 0px 124px;
	width: 350px;
	}

div#hauptteil div.inhalt div.hauptspalte form p textarea {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #dddddd;
	display: block;
	height: 8em;
	margin: 0px 0px 0px 124px;
	width: 350px;
	}

div#hauptteil div.inhalt div.hauptspalte form p a {
	background-color: #eeeeee;
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #f3f3f3;
	float: right;
	padding: 4px 0px 4px 0px;
	text-align: center;
	width: 108px;
	}

div#hauptteil div.inhalt div.hauptspalte form p a:hover {
	background-color: #f3f3f3;
	border-top: 1px solid #c6d2ea;
	border-right: 1px solid #1a4cab;
	border-bottom: 1px solid #1a4cab;
	border-left: 1px solid #c6d2ea;
	}



div#hauptteil div.inhalt div.nebenspalte form {
	margin: 0px;
	padding: 0px;
	}

div#hauptteil div.inhalt div.nebenspalte form p {
	border-top: 1px solid #eeeeee;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}

div#hauptteil div.inhalt div.nebenspalte p.error,
div#hauptteil div.inhalt div.hauptspalte p.error {
	color: red;
	}

div#hauptteil div.inhalt div.nebenspalte form p:after {
	clear: both;
	content: "\A"; /* hair space */
	display: block;
	height: 0px;
	line-height: 0px;
	}

div#hauptteil div.inhalt div.nebenspalte form p label {
	display: block;
	padding: 0px 0px 2px 0px;
	}

div#hauptteil div.inhalt div.nebenspalte form p input {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #dddddd;
	display: block;
	margin: 0px;
	width: 180px;
	}

div#hauptteil div.inhalt div.nebenspalte form p select {
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #f3f3f3;
	display: block;
	margin: 0px;
	width: 180px;
	}

div#hauptteil div.inhalt div.nebenspalte form p a.button {
	background-color: #e3e3e3;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #ffffff;
	float: right;
	padding: 4px 0px 4px 0px;
	text-align: center;
	width: 108px;
	}

div#hauptteil div.inhalt div.nebenspalte form p a.button:hover {
	background-color: #eeeeee;
	border-top: 1px solid #c6d2ea;
	border-right: 1px solid #1a4cab;
	border-bottom: 1px solid #1a4cab;
	border-left: 1px solid #c6d2ea;
	}


/*///////////////////   K A R T E I K A R T E N   //////////////////*/

div#hauptteil div.inhalt div.hauptspalte div.karteikarte_an {
	display: block;
	}

div#hauptteil div.inhalt div.hauptspalte div.karteikarte_aus {
	display: none;
	}


/*////////   N E W S    /  @ H O M E P A G E  /  @ N E W S   ///////*/

body#startseite div#hauptteil div.hauptspalte div.teaser#termine,
body#newsseite div#hauptteil div.hauptspalte div.teaser#termine {
	background: url('_abb/icon_termine.gif') left top no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 16px 40px;
	}

body#startseite div#hauptteil div.hauptspalte div.teaser h3,
body#newsseite div#hauptteil div.hauptspalte div.teaser h3 {
	color: #888888;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin: 0px 0px 16px 0px;
	}

body#startseite div#hauptteil div.hauptspalte div.teaser p,
body#newsseite div#hauptteil div.hauptspalte div.teaser p {
	color: #999999;
	font-size: 11px;
	line-height: 12px;
	margin: 0px 0px 12px 0px;
	}


/*//////////////////////////////////////////////////////////////////*/
/*////////////////////   N E B E N S P A L T E   ///////////////////*/

div#hauptteil div.inhalt div.nebenspalte {
	background: url('_abb/nebenspalte_top_bg.gif') left top no-repeat;
	float: left;
	font-size: 11px;
	padding: 1px 16px 8px 16px;
	width: 224px;
	}
body#startseite div#hauptteil div.inhalt div.nebenspalte {
	background: url('_abb/startseite_nebenspalte_top_bg.gif') left top no-repeat;
	}


/*////////////////////////   T E A S E R   ////////////////////////*/

div#hauptteil div.nebenspalte div.teaser {
	background: url('_abb/icon_.gif') left 10px no-repeat; /* generic background image */
	border-top: 1px solid #e3e3e3;
	margin: 6px 0px 0px 0px;
	padding: 10px 0px 16px 40px;
	}
body#newsseite div#hauptteil div.nebenspalte div.teaser {
	background: url('_abb/icon_.gif') left 10px no-repeat; /* generic background image */
	border-top: 1px solid #e3e3e3;
	margin: 6px 0px 0px 0px;
	padding: 10px 0px 16px 40px;
	}
body#startseite div#hauptteil div.nebenspalte div.teaser {
	background: url('_abb/icon_.gif') left 16px no-repeat; /* generic background image */
	border-top: 1px solid #e3e3e3;
	margin: -1px 0px 0px 0px;
	padding: 16px 0px 16px 40px;
	}

div#hauptteil div.nebenspalte div.teaser#notnummer,
body#startseite div#hauptteil div.nebenspalte div.teaser#notnummer {
	background: url('_abb/icon_notnummer.gif') left 16px no-repeat;
	}

div#hauptteil div.nebenspalte div.teaser#vorsorge,
body#startseite div#hauptteil div.nebenspalte div.teaser#vorsorge {
	background: url('_abb/icon_vorsorge.gif') left 16px no-repeat;
	}

div#hauptteil div.nebenspalte div.teaser#termine,
body#startseite div#hauptteil div.nebenspalte div.teaser#termine {
	background: url('_abb/icon_termine.gif') left 16px no-repeat;
	}

body#newsseite div#hauptteil div#nebenspalte div#newsletterabmeldung {
	display: none;
	}

div#hauptteil div.nebenspalte div.teaser#back {
	background: none;
	border-top: 1px solid #e3e3e3;
	margin: 6px 0px 0px 0px;
	padding: 10px 0px 16px 0px;
	}

div#hauptteil div.nebenspalte div.teaser h3 {
	color: #888888;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin: 0px 0px 4px 0px;
	}

div#hauptteil div.nebenspalte div.teaser p {
	color: #999999;
	font-size: 11px;
	line-height: 12px;
	margin: 0px 0px 4px 0px;
	}

div#hauptteil div.nebenspalte div.teaser a {
	border-bottom: 1px solid #cbd1eb;
	color: #1a4cab;
	text-decoration: none;
	}

div#hauptteil div.nebenspalte div.teaser a:after {
	content: "\00A0\2023";
	white-space: nowrap;
	}

div#hauptteil div.nebenspalte div.teaser a:hover {
	border-bottom: 1px solid #1a4cab;
	}

div#hauptteil div.nebenspalte div.teaser a:hover:after {
	content: "\203A\2023";
	white-space: nowrap;
	}


/*//////////////////   K A R T E I R E I T E R   //////////////////*/

div#hauptteil div.nebenspalte div.karteireiter {
	line-height: 16px;
	margin: 16px 0px 0px -16px;
	}

div#hauptteil div.nebenspalte div.karteireiter ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div#hauptteil div.nebenspalte div.karteireiter ul li {
	background-color: none;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	line-height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 4px 16px 5px 16px;
	width: 208px;
	}
*html 	div#hauptteil div.nebenspalte div.karteireiter ul li {
	border-top: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	width: 207px;
	}

div#hauptteil div.nebenspalte div.karteireiter ul li a {
	color: #999999;
	display: block;
	text-decoration: none;
	text-shadow: #eeeeee 0px 1px 2px;
	
	}

div#hauptteil div.nebenspalte div.karteireiter ul li.hier {
	background-color: #ffffff;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	}

div#hauptteil div.nebenspalte div.karteireiter ul li.hier a {
	color: #666666;
	}

div#hauptteil div.nebenspalte div.karteireiter ul li a:hover {
	color: #1a4cab;
	text-decoration: underline;
	}



/*/////////////////////////////////////////////////////////////////*/
/*///////////////////   F U S S B E R E I C H   ///////////////////*/
/*/////////////////////////////////////////////////////////////////*/

div#fuss {
	clear: both;
	background: url('_abb/fuss_top_bg.gif') center top no-repeat;
	color: #cccccc;
	font-size: 9px;
	margin: 0px 0px 16px 0px;
	padding: 4px 16px 0px 16px;
	}
*html#hauptteil div.fuss {
 	height: 1%;
 	}

div#fuss a {
	color: #1a4cab;
	float: right;
	text-decoration: none;
	}

div#fuss a:hover {
	text-decoration: underline;
	}



/*/////////////////////////////////////////////////////////////////*/
/*//////////////   A T O M A R E   T E S T Z O N E   //////////////*/
/*/////////////////////////////////////////////////////////////////*/


/* floatclear @ INHALT für IE */

*html#hauptteil {
	height: 1%;
	}

*html#hauptteil div.inhalt {
	height: 1%;
	}

*html#hauptteil div.inhalt div.hauptspalte {
	height: 1%;
	}

*html#hauptteil div.inhalt div.nebenspalte {
	height: 1%;
	}


/* hovereffekt für die navigation */
div#navigation:hover ul li a {
	color: #888888;
	}
div#navigation:hover ul li a.hier {
	color: #666666;
	}
div#navigation:hover ul li a:hover {
	color: #1a4cab;
	}


/* hovereffekt für den fuß */
div#fuss p:hover { /* der P o.ä müsste dann noch eingebaut werden */
	color: #bbbbbb;
	}


/* Sonderformat für Sprechstunden-Tabelle */

table.sprechstunde {
	margin: -4px;
	}

table.sprechstunde th {
	color: #cccccc;
	font-weight: normal;
	line-height: 7px;
	padding-top: 6px;
	}

table.sprechstunde td {
	color: #999999;
	line-height: 10px;
	}

