/* grafische Anpassungen für apo4 */

@media all
{


/* verlinktes Logo */
#header a#logo, #header a#logo:visited, #header a#logo:active,#header a#logo:hover {
	position: relative;
	top: 33px;
	left: 36px;
	background:  url("../gfx/apo4/logo.gif") left top no-repeat;
}

body {background: url("../gfx/apo4/bg-body.jpg") left top repeat-x #AFD487;}

#page_margins {background: url("../gfx/apo4/bg-main.gif") left top repeat-y #C8C7C7;}

/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #page_margins {background: url("../gfx/apo4/bg-main-two-cols.gif") left top repeat-y #C8C7C7;}

#header {background: url("../gfx/apo4/bg-header.jpg") right top no-repeat;}

/* Anpassungen Headerbild */
.mitarbeiter #header {background: url("../gfx/apo4/bg-header-01.jpg") right top no-repeat;}
.oeffnungszeiten #header {background: url("../gfx/apo4/bg-header-01.jpg") right top no-repeat;}
.praxisbedarf #header {background: url("../gfx/apo4/bg-header-02.jpg") right top no-repeat;}
.service #header {background: url("../gfx/apo4/bg-header-03.jpg") right top no-repeat;}
.regional-service #header {background: url("../gfx/apo4/bg-header-04.jpg") right top no-repeat;}
.gesundheitsthemen #header {background: url("../gfx/apo4/bg-header-01.jpg") right top no-repeat;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

#main {background: url("../gfx/apo4/bg-main-top.gif") no-repeat;} 

/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #main {background: url("../gfx/apo4/bg-main-top-two-cols.gif") no-repeat;} 

#footer {background: url("../gfx/apo4/bg-footer.jpg") top left no-repeat #AFD487;}

/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #footer {background: url("../gfx/apo4/bg-footer-two-cols.jpg") top left no-repeat #AFD487;}


/* ######################################################################################################
**  ### Navi Oben                   #####################################################################
** ######################################################################################################
*/

#nav {
	background: url("../gfx/apo4/bg-top-nav.gif") right bottom no-repeat; 
	overflow: hidden;
}

/* reset */
#nav ul {background: none;}
#nav li {background: none;}

/* Trenner */
#nav ul li {background: url("../gfx/apo4/bg-top-nav-devider.gif") 0px 1px no-repeat;}
#nav ul li a, #nav ul li a:visited {color: #000; background: none;}

/* Icons für die einzelnen Buttons der Top-Navi */
#nav ul li#botendienst a, #nav ul li#botendienst a:visited {background: url("../gfx/apo4/bg-top-nav-01.gif") left center no-repeat; padding-left: 43px;}
#nav ul li#notdienst a, #nav ul li#notdienst a:visited {background: url("../gfx/apo4/bg-top-nav-02.gif") left center no-repeat; padding-left: 43px;}
#nav ul li#arztsuche a, #nav ul li#arztsuche a:visited {background: url("../gfx/apo4/bg-top-nav-03.gif") left center no-repeat; padding-left: 43px;}


/* ######################################################################################################
**  ### Navi links - Hauptnavigation    #################################################################
** ######################################################################################################
*/

#col1 ul {
	border-top: 1px solid #a3b478;
	border-bottom: none;
}

#col1 ul li {
	background: none;
	border-top: none;
}

#col1 a, #col1 a:visited 	{
	color: #454444; 
	background: #c8dc9c;
	border-bottom: 1px solid #a3b478;
}

#col1 a:hover, #col1 a:active, #col1 a:focus {
	color: #000;
	background: url("../gfx/apo4/bg-nav-arrow.gif") left top no-repeat #ffc100;
	border-bottom: 1px solid #a3b478;
}

#col1 li.current a, #col1 li.current a:visited	{
	color: #000;
	background: url("../gfx/apo4/bg-nav-arrow.gif") left top no-repeat #ffc100;
	border-bottom: 1px solid #8a9629;
}

#col1 li.current {border-top: none;}

#col1 li.current a:hover, #col1 li.current a:active, #col1 li.current a:focus {
	color: #000;
	background: url("../gfx/apo4/bg-nav-arrow.gif") left top no-repeat #ffc100;
	border-bottom: 1px solid #a3b478;
}

/* zweiter Level */
#col1 ul ul {
	border-top: none; 
	border-bottom: 1px solid #a3b478;
	background: url("../gfx/apo4/bg-nav-sub.gif") left bottom no-repeat #9fb9e9;
	display: none; /* wegen der Menüstruktur von modx */
}

#col1 li.current ul {
	display: block; /* wegen der Menüstruktur von modx */
}

#col1 ul ul li	{}
	
#col1 li.current li a, #col1 li.current li a:visited {	
	color: #000;
	background: none;
	border-bottom: none;
}
								
#col1 li.current li a:hover, #col1 li.current li a:active, #col1 li.current li a:focus {
	background: none;
	background: url("../gfx/apo4/bg-nav-sub-dot.gif") left center no-repeat;
	color: #000;
	border-bottom: none;
}

/* Aktiv zweiter Level */
#col1 li.current li.current a, #col1 li.current li.current a:visited {
	background: none;
	background: url("../gfx/apo4/bg-nav-sub-dot.gif") left center no-repeat;
}

#col1 li.current li.current {
	border-top: 0px;
}

/* Footer */
#footer p {color: #787878;}

#footer a, #footer a:visited  {color: #787878; }
#footer a:active, #footer a:hover, #footer a:focus, #footer a:focus .sffocus {color: #000;}

#footer p a, #footer p a:visited  {color: #787878; }
#footer p a:active,  #footer p a:hover, #footer p a:focus {color: #000;}

#footer form {margin: 0; padding: 0;}

#footer li input {
	color: #787878; 
	background: transparent; 
}

#footer input:hover, #footer input:focus {color: #000;}

#bottom-nav li a, #bottom-nav li a:visited {color: #577c00;} 
	
#bottom-nav li a:active, #bottom-nav li a:hover, #bottom-nav li a:focus {color: #000;}
		
li#printlink a, li#printlink a:visited {background: url("../gfx/apo4/icons/icon-print.gif") left center no-repeat; padding-left: 18px;}
li#toplink a, li#toplink a:visited {background: url("../gfx/apo4/icons/icon-top.gif") left center no-repeat; padding-left: 17px;}



/* ######################################################################################################
**  ### Inhalte                         #################################################################
** ######################################################################################################
*/



h1 {color: #6d960c;}
h2 {color: #98b35b;}
h3 {color: #e3a734;}
h4 {color: #2f53a3;}

#col3 h2 {color: #637f1f;}
#col3 h3 {color: #637f1f;}
#col3 h4 {color: #000;}

#footer p {color: #787878;}

#col2 p.kleiner-blauer-text {color: #154D94;}
.kleiner-blauer-text {color: #154D94;}

/* Trenner */

hr { color: #FFF; background-color: #FFF; border-top: 1px solid #d6d4d4;}
#col3 hr { color: #FFF; background-color: #FFF; border-top: 1px solid #d6d4d4;}

div.trenner {background: url("../gfx/trennlinie-01.gif") left center repeat-x;}

#col2 ul	{list-style-image: url("../gfx/apo4/icons/icon-list.gif");}
#col3_content ul li {background: url("../gfx/apo4/icons/icon-list.gif") 0em 0.5em no-repeat;}


/* News */

#col3 p.news-teaser {color: #000;}
#col3 p.news-teaser span {color: #ABABAB;}


#col3 p.news-teaser span {color: #ABABAB;}

#col2 a#news-link, #col2 a#news-link:visited {color: #000;}
#col2 a#pdf-link, #col2 a#pdf-link:visited {color: #196094;}

div.news-block {background: url(../gfx/bg-news-box.gif) bottom left repeat-x;}

.news-block .datum {color: #A4A4A4;}

.news-block a.readon, .news-block a.readon:visited {background: url("../gfx/icons/icon-readon.gif") 0px 0.2em no-repeat;}

/* News- Archiv */

#col2 li.archiv-monat {background: url("../gfx/design/bullet-01.gif") 0em 0.5em no-repeat;}



/* ######################################################################################################
** ### Tabellen  ########################################################################################
** ######################################################################################################
*/


#col2 table {background: #F0F0F0;}

#col2 caption {color: #445D08;}

#col2 td {border-bottom: 2px solid white; border-left: 1px solid white;}

#col2 thead th {background: #BFE383; color: #4D6A08; border-bottom: 2px solid white; }
#col2 th {}
#col2 tfoot {background: #f0efeb; color: #000;}


/* Tabelle mit JavaScript Rollover-Effekt */
table.ruler {background: #E3F8B0; }

table.ruler td {border-bottom: 2px solid white; border-left: 1px solid white;}

table.ruler thead {background: #d3d1c5; color: #000}
table.ruler th {}

tr.ruled {background: #E3F8B0; color: #000}   
#mytable tr.ruled {background: #E3F8B0; color: #000}  

table.ruler tfoot {background: #f0efeb; color: #000;}

#col2 tr.ruled a, #col2 tr.ruled a:visited {color: #000;}
#col2 tr.ruled a:hover {background: #FFF;}



/* ######################################################################################################
** ### Spezielle Boxen  #################################################################################
** ######################################################################################################
*/

/* --- Box Typ 1 --- */

div.box-typ-1 {
	background: #FFF; 
	border: 1px solid #e3e2dd;
}

/* Headline in der Box */
div.box-typ-1 h1 {
	color: #4D6A08;
	background: #BFE383;
	border-bottom: 1px solid #e3e2dd;
}

/* Absatz in der Box */
#col2 div.box-typ-1 p {color: #676767;}

div.box-typ-1 div.trenner {
	background: url("../gfx/trennlinie-02.gif") left center repeat-x;
}


/* --- Box Typ 5 --- */

div.box-typ-5 {
	background: url("../gfx/bg-box-5.gif") 0px 30px no-repeat #DFDEDE;
	border: 1px solid #616060;
	color: #000;
}

/* Headline in der Box */
#col2 div.box-typ-5 h1 {
	background: #aeaeae;
	border-bottom: 1px solid #616060;
	color: #FFF; 
}

#col2 div.box-typ-5 h2 {
	background: #aeaeae;
	border-bottom: 1px solid #b2b3b3;
	color: #FFF; 
}

#col2 div.box-typ-5 h3 {
	background: #aeaeae;
	border-bottom: 1px solid #b2b3b3;
	color: #FFF; 
}

/* Absatz in der Box */
#col2 div.box-typ-5 p {color: #000;}

#col2 div.box-typ-5 a, #col2 div.box-typ-5 a:visited, #col2 div.box-typ-5 a:hover {
	color: #175df8;
}

/* Box Typ 6 - 2-spaltig */
#col2 div.box-typ-6 {
	border: 1px solid #C8DC9C;
	border-radius: 1em;
	background: url("../gfx/bg-col-right.gif") top center repeat-y;
}
	


/* ######################################################################################################
** ### Auszeichnung lokaler und Externer Links ##########################################################
** ######################################################################################################
*/

/* Linklabeling */
#col2 a.pdfLink, #col2 a.pdfLink:visited, #col3 a.pdfLink, #col3 a.pdfLink:visited {background: url("../gfx/icons/icon-pdf.gif") no-repeat right top; }
#col2 a.docLink, #col2 a.docLink:visited, #col3 a.docLink, #col3 a.docLink:visited  {background: url("../gfx/icons/icon-doc.gif") no-repeat right center; }
#col2 a.zipLink, #col2 a.zipLink:visited, #col3 a.zipLink, #col3 a.zipLink:visited {background: url("../gfx/icons/icon-zip.gif") no-repeat right center;}


#col2 a {color: #414f19;}
#col3 a {color: #414f19;}

#col2 a:visited {color: #000;}
#col3 a:visited {color: #000;}

#col2 a:active, #col2 a:hover, #col2 a:focus {color: #83b118;}
#col3 a:active, #col3 a:hover, #col3 a:focus {color: #83b118;}

/* ######################################################################################################
** ### Font-Size                   ######################################################################
** ######################################################################################################
*/


.fontsizer {
	border-top: 1px solid #A3B478;
	border-bottom: 1px solid #A3B478;
	background: #D3E2AD;
}

#col1 #fontsizer li.fontsize-title {
}

#col1 ul#fontsizer li a, #col1 ul#fontsizer li a:visited {
    
	 font-weight: bold; color: #444444;
	 font-family: Arial, Verdana, sans-serif;
	 
	 border-top: 1px solid #8A9629;  
	 border-left: 1px solid #8A9629; 
	 border-bottom: 1px solid #8A9629; 
	 border-right: 1px solid #8A9629; 
	 
	 background: #E9F1D5;
}

#col1 ul#fontsizer li a:active, #col1 ul#fontsizer li a:hover, #col1 ul#fontsizer li a:focus {
	color: #fff;
	
	border-top: 1px solid #637825; 
	border-right: 1px solid #4D5C1C; 
	border-bottom: 1px solid #4D5C1C; 
	border-left: 1px solid #637825;
	 
   background: #414F19;
}

/* ######################################################################################################
** ### Tooltips          ################################################################################
** ######################################################################################################
*/

.tipheader1 {
	background: #8FBC23;
	color: #FFF;
}

.size1 {
	background: #E9F1D5;
	color: #000;
	border: 1px solid #8A9629; 
}

}