/* Überall wo Verweise/Kommentare auf bereichsspezifische Einstellungen sind, */
/* gibt es in der entsprechenden Bereich-CSS.Datei (pateinten.css usw.)die spezifischen Angaben*/

.seitennavigation {
    width: 150px;
    height: 100%;
    padding: 0px;
    vertical-align: top;
    text-align: right;
    /* border-right: 1px dashed  plus Bereichsfarbe */ 
}

#home {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
	/* vertical-align: bottom; */
}

#home, #home a:link, #home a:visited {
    color: #7B7A80;
    text-decoration: none;
}

#home:hover, #home.aktiv {
                color: #9D1D89;
            }

.topbereich span.links {
    float: left;
}

.topbereich img.rechts {
    float: right;
}

.topbereich br.clearer {
    clear: both;
}

.inhaltsbereich {
    width: 445px;
    height: 100%;
    padding: 10px;
    vertical-align: top;
}

.funktionsleiste {
    width: 153px;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}


/* Brotkrumen */
#brotkrumen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #7B7A80;
    background-color: white;
}

#brotkrumen *.aktiv {
    font-weight: bold;
}

#brotkrumen a, #brotkrumen a:link, #brotkrumen a:visited {
    text-decoration: none;
    padding: 0px 3px 0px 0ex;
    color: #7B7A80;
	font-weight: normal;
}


.seitennavigation {
    margin-top: 1.5ex;
}

.seitennavigation, .seitennavigation * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.seitennavigation ul.ebene2 * {
    font-weight: normal
}

.seitennavigation ul {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

.seitennavigation ul#kzv-themen {
    padding: 0px 0px 4.0ex 0px;
}

.seitennavigation div#themen ul.ebene1 {
	margin-top: 12px;
    padding: 0px 0px 1.5ex 0px
}

.seitennavigation ul li {
    margin-top: 1ex;
    width: 100%;
    text-align: right;
}

.seitennavigation span.aktiv {
	padding-right: 10px;
}

.seitennavigation ul li a {
    background-color: transparent;
    color: #7B7A80;
    left: 4px;
    margin-top: 0.5ex;
    padding-right: 12px;
    position: relative;
    text-decoration: none;
}

.seitennavigation ul li a:hover {
     /* plus bereichsabhägige Farben und Marker */    
    background-position: right bottom;
    background-repeat: no-repeat;
}

.seitennavigation ul.ebene2 *.aktiv {
    text-decoration: underline;
}

.seitennavigation ul.ebene2 li {
    padding-top: 0px;
}

.seitennavigation ul.ebene2 a:hover {
    text-decoration: underline
}



#kzv-themen {
	margin-top:9px;
}

#themen {
    background-color: white;
	margin-top:9px;
}

#themen h2 {
    font-size: 8pt;
    font-weight: bold;
    /* Bereichsfarbe: <bereich>img/navigation-seite/_themen.jpg */    
    background-repeat: repeat-y;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px;
    margin: 0px;
}


/*
 Bem.: Waehrend bei navigation-top.html und navigation-zahnarzt.html die <li/>s als 'aktiv' markiert werden,
 sind es hier aus CSS-technischen Gruenden die in den <li/>s enthaltenen <span/>s.
 */
.navigation-top {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
    font-family: Verdana Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    color: #FFFFFF;
    font-weight: bold;
}

.navigation-top li {
    float: left;
    margin-top: 0px;
}

.navigation-top li a, .navigation-top li a.aktiv {
    margin-left: 2px;
    padding: 3px 0.881em 0px 0.9em;
    
}


.navigation-top li.aktiv a, .navigation-top li.aktiv a.aktiv {
    margin-left: 0px;
    padding-top: 6px;
    border-bottom: 2px solid #9D1D89;
}

.navigation-top li.vor-aktiv a, .navigation-top li.vor-aktiv a.aktiv {
    margin-right: 2px;
}

.navigation-top li a {
    text-decoration: none;
    color: #FFFFFF;
}

.navigation-top li a:hover {
    padding-top: 6px;
}

.navigation-top li *.topnavi-hg-patienten {
    margin-left: 0px;
}

.fls-balken { /* Balken, gefärbt gemäß Farbleitsystem */
    clear: left;
    height: 4px;
    margin-top: 2px;
    /* Bereichsfarbe fg-<bereich> */
}

/* Allgemeingültig für den zahn-forum.de Auftritt CMS*/
#navigation-zielgruppen ul {
    list-style: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navigation-zielgruppen li {
    display: block;
    float: left;
    width: 1em;
    padding: 2px;
    margin: 0px 2px 2px 0px;
    border: 1px solid white;
     /* Bereichsfarbe hg-<bereich> */
    text-align: center;
}

#navigation-zielgruppen li.aktiv, #navigation-zielgruppen li:hover {
    background-color: white;
   /* Bereichsfarbe fg-<bereich> */
}

#navigation-zielgruppen {
    border: 1px solid black;
    text-decoration: none;
    background-color: white;
}

#navigation-zielgruppen, #navigation-zielgruppen * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    /* Bereichsfarbe, siehe fg-<bereich> in css/main.css */
}

/* Alphabetischer Seitennavigator für Zahnlexikon*/  

/* bug485... 09.12.2008 duong */
/* Zunaechst die  Regeln unschaedlich machen die fuer "normale" Menu-Items gedacht sind
*/
#navigation-a-z li.aktiv span {
	margin:0px;
} 

#navigation-a-z ul {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 0px;
	
	/* padding: 0px 0px 0px 0px; */
	/* bug485... */ 
	padding:0px 0px 2ex 0px; /* Padding unten fuer IE6, damit die Buchstaben nicht aus dem Rahmen haengen */
	/* background-color:white; */
	/* ...bug485 */ 
}

/* bug 485 fixed 10.12.2008 */
#navigation-a-z li {
	display: block;
	float: left;
	/* width: 1em; */
	width:2.5em;    /* bug485: war 1em, 2em und das war fuer manche Fonts zu klein, was zu ungleichen Breiten fuehrte. */
	padding:2px;  /* padding:3px; */
	margin: 0px 2px 2px 0px;
	border: 1px solid white;               
	text-align: center;
}
            
#navigation-a-z li.aktiv, #navigation-a-z li:hover {
	text-align:center; /* bug 485 */
	background-color: white;
	/* Bereichsfarbe fg-<bereich> */
}
            
#navigation-a-z {
	text-decoration: none;
	background-color: white;
	/* border: 1px solid black;*/
}
            
#navigation-a-z, #navigation-a-z * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	/* Bereichsfarbe, siehe fg-<bereich> in css/main.css */
}

/* ALPHABETISCHER nAVIGATOR FÜR DIE PRAXISTIPPS*/  
/* er wurde notwendig da Herr Reiter hier eine andere Hintergrundsfarbe wünschte; bug 849 */
#navigation-tipp li.aktiv span {
	margin:0px;
} 

#navigation-tipp ul {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 2ex 0px; /
}

#navigation-tipp li {
	display: block;
	float: left;
	width:2.5em; 
	padding:2px; 
	margin: 0px 2px 2px 0px;
	border: 1px solid white;               
	text-align: center;
}
            
#navigation-tipp li.aktiv, #navigation-a-z li:hover {
	text-align:center;	
	background-color: #FFFFFF;
}
            
#navigation-tipp {
	text-decoration: none;
	background-color: #FFFFFF;
}
            
#navigation-tipp, #navigation-tipp * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	/* Bereichsfarbe, siehe fg-<bereich> in css/main.css */
}




/* Spezifisch für den ZAO-Java Auftritt JSF - hat Simon implementiert*/
/* Ist eigentlioch überflüssig, da mit navigation-zeigruppen.* alles abgehandelt werden kann dr*/

#navigation-zahnaerzte ul {
    list-style: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navigation-zahnaerzte li {
    display: block;
    float: left;
    width: 1em;
    padding: 2px;
    margin: 0px 2px 2px 0px;
    border: 1px solid white;
    background-color: #334282; 
    text-align: center;
}


#navigation-zahnaerzte li.aktiv, #navigation-zahnaerzte li:hover {
    background-color: white;
    border: 1px solid #334282; 
}

#navigation-a-z li a:hover {
				background-image:url(gibtsnicht);
}
			
#navigation-zahnaerzte {
    border: 1px solid black;
    text-decoration: none;
    background-color: white;
}


#navigation-zahnaerzte, #navigation-zahnaerzte * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    color: #334282;  
}