/* ======================================================================================================
Stylesheet Praxis Drs. Heckmann 
  
Stand: statisches Layout 
Datei: screen.css 
Datum: 08. Oktober 2008
Autor: Wolfgang Heinz 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
				3. Styles für Seiteninhalte
        4. Styles für Kopfleiste
				5. Vertikalmenu
				6. Horizontalmenu
        7. Sonstige Styles 
======================================================================================================= */

/* ======================================================================================================
                                                                                  1. Kalibrierung
======================================================================================================  */

* {
	padding: 0;
	margin: 0;
}
 h2, h3, p, {
	padding: 0;
}

/* ======================================================================================================
                                                                                  2. Allgemeine Styles 
======================================================================================================  */  

html {
	/*height: 101%;*/	 /*Scrollbar immer anzeigen*/

	height:100%;
	margin-bottom:1px;
}

body {
	background-color: #d8e4fa;
	background-image: url(../backgr/backgr_body_01.gif);
	background-repeat:repeat-y;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

h1 {
	font-size: 115%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 105%;
}
p.text {
	margin: 8px 0px 0px 0px;
}
address {
	text-align: center;
	font-size: 70%;
	font-style: normal;
	letter-spacing: 1px;/* */
	line-height: 1.5;
	z-index: 25;
	margin-bottom: 15px;
}

.skiplink {
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

#print {
	display: none;
}

#print-kurhaus {
	display: none;
}

/* ======================================================================================================
                                                                             3. Styles für Seiteninhalte 
======================================================================================================  */ 

#inhalt {
	position: absolute;
	z-index: 2;
	top: 110px;
	left: 190px;
	width: 790px;
	padding: 0px 4px 0px 4px;
	/*  background-color:#FFFF99;  */
}

a.text:link, a.text:visited, a.text:active {
	color: #B22222;
	text-decoration: none;
	border-bottom: 1px dashed #B22222 !important;
	border-bottom: 1px dotted #B22222;
}

a.text:hover {
	color: #2C4B82;
	text-decoration: none;
	border-bottom: 1px dashed #003399 !important;
	border-bottom: 1px dotted #003399;
}

/* ================================================================
                                             Startseite 
================================================================= */ 

h1.intro {
	margin: 30px 0px 35px 15px;
}

p.intro1 {
	width: 410px;
	margin: 0px 0px 12px 15px;
	/* background-color:#FC3; */
}

p.intro2 {
	width: 770px;
	margin: 30px 0px 16px 15px;
}
p.intro3 {
	width: 770px;
	margin: 0px 0px 16px 15px;
}
#wasserzeichen {
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 550px;
	width: 442px;
	height: 323px;
	background-image:url(../images/wasserzeichen.gif);
}
#aktuell_index {
	display: none;
	position: absolute;
	z-index: 2;
	top: 336px;
	left: 741px;
	width: 200px;
	height: 100px;
	/*border: 1px solid #006;*/
}
h2.aktuell_index {
	font-size:14px;
	font-size: 13px;
	text-align:justify;
	width: 200px;
	color: #009;
	margin: 4px 0px 0px 4px;
}
p.aktuell_index {
	font-size:12px;
	margin: 4px 0px 6px 0px;
}

     /*   Hintergrundwechsel Felder     */
span.feld1 {
	padding-left: 55px;
}

#feld_1 {
	margin: 10px 6px 0px 0px;
}
.aktuell_index a.feld {
	color: #3F7EBE;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 4px 6px 4px;
	text-decoration: none;
}
.aktuell_index a.feld:hover, aktuell_index a.feld:focus {
	background-color: #fefffa; 
	color: #003399;	
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 6px 4px 6px 4px;
}

  /******  Ende Hintergrundwechsel   ******/
/* ================================================================
                                             AKTUELL 
================================================================= */

#aktuell {
	text-align: center;
	margin-bottom: 12px;
	/* border: 1px solid #006;   */
}
h1.aktuell {
	font-size:16px;
	color: #009;
	margin: 12px 0px 0px 0px;
}

p.aktuell_info {
	font-size:14px;
	margin: 6px 0px 0px 0px;
}


p.aktuell_text {
	margin: 4px 0px 6px 0px;
}
p.aktuell_bold {
	font-size: 15px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
}
em.aktuell_info {
	font-style: normal;
	font-size: 12px;
	margin: 4px 0px 6px 0px;
}

ul.aktuell {
	font-size:16px;
	width: 680px;
	margin: 3px 0px 10px 40px;
}

li.aktuell {
	font-size:16px;
	margin: 6px 0px 0px 0px;
}
div.aktuell_bilder {
	margin-bottom: 12px;
	/*  background-color:#FFFFCC;
	border: 1px solid #006;  */
}

div.aktuell_float {
	float: left;
	margin: 6px 0px 0px 25px;
}
p.aktuell_bilder {
	font-size:14px;
	margin: 6px 0px 0px 0px;
}

p.clearing {
	font-size:1px;
	clear: both;
}


p.aktuell_autor {
	margin: 4px 0px 16px 0px;
}

/* ================================================

p.flyer_pdf {
	text-align: right;
	margin: 12px 20px 8px 0px;	
}
a.flyer_pdf:link, a.flyer_pdf:visited, a.flyer_pdf:active  {
	font-size: 13px;
	color: #B22222; 
	text-decoration: none;
}
a.flyer_pdf:hover {
	font-size: 13px;
	color: #2C4B82;
	text-decoration: underline;
}

================================================ */

/* ================================================================
                                             PRAXIS 
================================================================= */ 


img.schwerpunkte {
	margin: 10px 6px 0px 30px;
	border:1px solid #000000;
}

h1.schwerpunkte {
	margin: 80px 0px 30px 60px;
}

p.sp-intro {
	margin: 0px 0px 80px 60px;
}

p.sp-hinweis {
	margin: 100px 0px 80px 60px;
}

h2.schwerpunkte {
	font-size: 90%;
	color: #666666;
	margin: 4px 0px 0px 0px;
}

p.schwerpunkte {
	margin: 2px 0px 0px 12px;
}

h2.sp-laser {
	font-size: 90%;
	color: #666666;
	margin: 10px 0px 0px 2px;
}

h3.sp-laser {
	font-size: 80%;
	color: #666666;
	margin: 2px 0px 0px 14px;
}

p.sp-laser {
	font-size: 90%;
	margin: 2px 0px 0px 14px;
}

em.schwerpunkte {
	font-size: 95%;
	font-style: normal;
}

em.sp-laser {
	font-size: 95%;
	font-weight: normal;
	color: #03249B;
	font-style: normal;
}

em.sp-funktion {
	font-size: 95%;
	font-weight: normal;
	font-style: normal;
}

table.team {
	margin: 10px 0px 0px 110px;
	/* border:1px solid #cccccc;     */
}

p.team_bold {
	font-size: 95%;
	font-weight:bold;
	margin: 30px 0px 0px 20px;
}

p.team {
	font-size: 95%;
	margin: 30px 0px 0px 20px;
}



img.augenleiden {
	margin: 80px 80px 40px 30px;
}

p.augenleiden {
	margin: 40px 0px 0px 40px;
}

/*              PRAXIS     */


p.praxis-top {
	margin: 40px 0px 0px 0px;
}

p.praxis {
	margin: 40px 0px 0px 60px;
}

em.praxis {
	font-style:normal;
	letter-spacing: 1px;
}
h3.sprechzeiten {
	margin: 0px 0px 20px 0px;
}
p.wochentag {
	font-size: 100%;
	font-weight:bold;
	margin: 6px 0px 2px 110px;
}
p.sprechzeiten {
	margin: 0px 0px 2px 110px;
}

p.sprechzeiten2 {
	margin: 10px 0px 0px 10px;
}
img.anmeldung {
	margin: 36px 16px 10px 20px;
	border:1px solid #000000;
}

h2.anmeldung {
	margin: 0px 0px 0px 0px;
}

h2.termine {
	margin: 20px 0px 0px 0px;
}

p.anmeldung {
	margin: 10px 0px 0px 12px;
}

p.termine {
	width: 700px;
	margin: 10px 0px 0px 12px;
}

p.telefon {
	margin: 8px 0px 0px 270px;
}

p.wartezeit {
	margin: 0px 0px 8px 0px;
}

p.lageplan {
	margin: 20px 0px 20px 0px;
}
img.lageplan {
	border:1px solid #000000;
}
img.haus {
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
p.eingang {
	text-align: center;
	margin: 10px 0px 30px 0px;
}
p.lageplan_adresse {
	text-align:center;
	margin: 0px 0px 2px 0px;
}
img.blaupkt {
	margin: 0px 4px 0px 4px;
}

/* ======================================================================================================
                                                                             Behandlungen 
======================================================================================================  */
div.hintergrund { 
	float: left;
	text-align:right;
	/* border:1px solid #000000; */
}
p.behandlung {
	margin: 0px 0px 10px 0px;
}
p.bild_hintergrund {
	margin: 0px 0px 0px 0px;
}
img.hintergrund_gesund {
	margin: 10px 0px 0px 90px;
	border:2px solid #000000;
}
p.bild_gesundes_auge {
	font-size: 80%;
	margin: 4px 0px 0px 0px;
	/*border:1px solid #000000;   */
}
p.behandlungshinweis {
	clear:both;
	margin: 15px 0px 15px 0px;
	/*border:1px solid #000000;   */
}
p.laserhinweis {
	clear:both;
	margin: 15px 0px 15px 0px;
	/*border:1px solid #000000;   */
}


div.gms_01 { 
	float: left;
	text-align: left; 
	margin: 0px 15px 15px 0px;
}

img.gms_01 {
	margin: 0px 0px 0px 0px;
	border:1px solid #000000;
}


div.gms_02 { 
	float: right;
	text-align: right; 
	margin: 0px 5px 15px 15px;
	/* border:1px solid #000000; */
}

p.bild_historie {
	margin: 0px 0px 0px 0px;
}

p.bild_historie_legende {
	font-size: 80%;
	margin: 4px 0px 0px 0px;
}




#dynamometrie {
	margin: 20px 0px 40px 0px;
	/* border:1px solid #000000; */
}
h2.dynamometrie {
	font-size: 100%;
	color: #666666;
	margin: 4px 0px 0px 0px;
}

p.dynamometrie {
	font-size: 90%;
	margin: 2px 0px 0px 12px;
}

p.dynamometrie2 {
	font-size: 90%;
	margin: 6px 0px 0px 12px;
}

p.filmlink {
	font-size: 90%;
	margin: 12px 0px 0px 180px;
}

#film {
	height: 420px;
	width: 700px;
	left: 80px;
	top: 40px;
	position: relative;
	visibility: visible;
	margin: 0px 0px 40px 0px;
	/*background-color:#CC9966;  */
}
#isdn {
	height: 240px;
	width: 250px;
	left: 80px;
	top: 20px;
	position: relative;
	visibility: visible;
	/*background-color:#CCccdd;  */
}
#legende_fachwoerter {
	height: 30px;
	width: auto;
	left: 420px;
	top: 100px;
	position: absolute;
	visibility: visible;
	margin: 0px 0px 40px 0px;
	/* background-color:#66FFFF; */
}
p.igel {
	margin: 3px 0px 0px 100px;
}




/* ======================================================================================================
                                                                             Dokumentation 
======================================================================================================  */


h1.dokumentation {
	margin: 0px 0px 20px 0px;
}
div.bild { 
	float: right;
	text-align:right; 
	margin: 30px 15px 15px 0px;
}
img.doku {
	margin: 20px 0px 0px 10px;
	border:1px solid #000000;
}

p.dokumentation {
	margin: 0px 0px 10px 0px;
}




/*    ========================= Bildgalerie ======================    */


#inhalt {
	/*  background-color:#FFCC66;
	border:1px solid #000000; */
}


h1.galerie {
	font-size: 100%;
	margin: 0px 0px 10px 0px;
}
p.galerie {
	clear:both;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	/*border:1px solid #000000;   */
}

span.tooltipp {
	font-size: 90%;
	font-weight:normal;
}
div.bilddoku {
	height: 184px;
	float: left;
	margin: 0px 8px 10px 0px;
	/* border:1px solid #000000;
	background-color:#0000FF; */
}





img.galerie {
	margin: 0px 0px 0px 10px;
	border:1px solid #000000;
}


.clearing {
	clear:both;
}


/* ======================================================================================================
                                                                             Tooltipp 
======================================================================================================  */

div.ttip_01{
	font-size: 120%;
	line-height: 1.8;
	text-align:center;
	font-weight:bold;
	padding: 5px;
	
}



/* ======================================================================================================
                                                                             Augenleiden 
======================================================================================================  */

#titel {
	text-align: right;
	height: 20px;
	left: 760px;
	top: 100px;
	position: absolute;
	width: 200px;
	visibility: visible;
}
h1.titel{
	font-size: 100%;
}

#Bild1 {
	height: 212px;
	width: 282px;
	left: 110px;
	position: absolute;
	top: 16px;
	z-index: 1;
	visibility: visible;
}

#Bild2 {
	height: 212px;
	width: 282px;
	left: 470px;
	position: absolute;
	top: 16px;
	z-index: 2;
	visibility: visible;
}
#glaskoerper {
	background-image: url(../pages/images/gesundes_auge.jpg);
	height: 212px;
	width: 282px;
	left: 470px;
	position: absolute;
	top: 16px;
	z-index: 2;
	visibility: visible;
}

#Bild3 {
	height: 212px;
	width: 282px;
	left: 110px;
	top: 250px;
	position: absolute;
	z-index: 3;
	visibility: visible;
}

#Bild4 {
	height: 212px;
	width: 282px;
	left: 470px;
	top: 250px;
	position: absolute;
	z-index: 4;
	visibility: visible;
}
#Bild5 {
	height: 222px;
	width: 282px;
	left: 110px;
	position: absolute;
	top: 140px;
	z-index: 1;
	visibility: visible;
}

#Bild6 {
	height: 222px;
	width: 282px;
	left: 470px;
	position: absolute;
	top: 140px;
	z-index: 2;
	visibility: visible;
}
#Text1 {
	height: 25px;
	width: 282px;
	left: 0;
	top: 192px;
	z-index: 5;
	position: absolute;
	visibility: visible;
}

#Text2 {
	height: 25px;
	width: 282px;
	left: 0;
	top: 192px;
	z-index: 5;
	position: absolute;
	visibility: visible;
}

#Text3 {
	height: 25px;
	width: 282px;
	left: 0;
	top: 192px;
	z-index: 5;
	position: absolute;
	visibility: visible;
}

#Text4 {
	height: 25px;
	width: 282px;
	left: 0;
	top: 192px;
	z-index: 5;
	position: absolute;
	visibility: visible;
}
p.bild {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
p.bild2 {
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

p.space-leiden {
	margin: 500px 0px 0px 0px;
}







/* ======================================================================================================
                                                                             Kontakt - Anti-Spam
======================================================================================================  */ 

h2.kontakt {
	font-size: 105%;
	text-align: center;
	font-weight:normal;
}

p.rueckruf {
	font-size: 85%;
	text-align: center;
}
#kontaktformular {
	font-size: 90%;
	position: relative;
	visibility: visible;
	margin-top: 4px;
	/*border:1px solid #000000;  */
}


#rahmen {
	width: 600px;
	border : 1px solid #899ab9;
	background-color : #f7f9fd;
	margin: 10px auto 0px auto;
}

#form {
	margin: 20px 0px 0px 0px;
}

/*************************                     Formatierung Zeilen Input START     ******************/				 
div.formzeile {
	width: 400px;
	clear: both;
	height: 25px;
	margin: 0px 0px 4px 80px;
}
div.homepage {
	visibility:hidden;
	display:none;/* */
	width: 400px;
	clear: both;
	height: 25px;
	margin: 0px 0px 0px 80px;
}
p.dataleft {
	text-align:right;
	float: left;
	width: 190px;
	height: 20px;
	margin: 6px 10px 0px 0px;
}
div.dataright {
	float: left;
	width: 200px;
	height: 25px;
}
div.dataright-check {
	float: left;
	width: 50px;
	height: 15px;
	padding-top: 4px;
}

/*************************                     Formatierung Zeilen Input Ende     ******************/	
/*************************                        Formatierung Textarea START     ******************/
p.nachricht {
	text-align:left;
	width: 190px;
	height: 20px;
	margin: 3px 0px 0px 50px;
}
div.nachricht {
	position: relative;
	visibility: visible;
	width: 560px;
	height: 104px;
	text-align: center;
	margin: 0px auto 0px auto;
}
/*************************                       Formatierung Textarea Ende     ******************/			 	
/*************************                       Formatierung  Buttons START    ******************/
div.buttons {
	position: relative;
	visibility: visible;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
/*************************                       Formatierung Buttons ENDE     ******************/			 	
/*************************                       Formularelemente START        ******************/
span.asterix {	/**	 Asterisk **/
	font-size:  1.1em;
	font-weight: bold;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
input.daten {
	width: 176px;
	height: 1.5em;
	color: #0a4299;
	border: 1px solid #899ab9;
	background-color: #fcfcfc;
	margin-right: 3px;
	padding: 3px 0px 0px 5px;
}
input.plz {
	width: 60px;
	height: 1.5em;
	color: #0a4299;
	border: 1px solid #899ab9;
	background-color: #fcfcfc;
	margin-right: 3px;
	padding: 4px 0px 0px 5px;
}
input.checkbox {
	margin: 10px 4px 2px 2px;
}
#nachricht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	width: 500px;
	height: 90px;
	color: #0a4299;
	border: 1px solid #899ab9;
	margin: 2px 3px 0px 16px;
	padding: 5px 0px 0px 5px;
}
input.button {
	width: 80px;
	font-size: 13px;
	color: #2B5EB7;
	text-align: center;
	font-weight: normal;
	margin: 0px 15px 0px 15px;
}
p.pflicht {
	font-size :  12px;
	font-weight : normal;
	margin: 10px 0px 16px 0px;
}
/*************************                       Formularelemente ENDE        ******************/	
/*************************                        Error Redirect START        ******************/
p.error-1 {
	text-align: center;
	margin: 100px 0px 6px 0px;
}

p.error-2 {
	text-align: center;
	margin: 10px 0px 6px 0px;
}

a.error:link, a.error:visited, a.error:active {
	text-align: center;
	color: #B22222;
	text-decoration: none;
}

a.error:hover {
	color: #2C4B82;
	text-decoration: underline;
}
/*************************                Error Redirect ENDE        ******************/

	
/************************************************************     Kontaktseite    ENDE           */

/* ======================================================================================================
                                                                             INFORMATION 
======================================================================================================  */ 

h1.vorsorge {
	margin: 0px 0px 30px 0px;
}
h2.vorsorge {
	font-size: 95%;
	color: #666666;
	margin: 40px 0px 10px 0px;
}
p.hervorheben {
	font-size: 95%;
	font-weight : bold;
	color: #C30;
	margin: 6px 0px 6px 0px;
}
h1.schielen {
	margin: 0px 0px 15px 0px;
}
h2.schielen {
	font-size: 95%;
	color: #666666;
	margin: 15px 0px 6px 0px;
}
h2.schielen-clear {
	clear: both;
	font-size: 95%;
	color: #666666;
	margin: 15px 0px 6px 0px;
}
h3.schielen {
	font-size: 95%;
	margin: 10px 0px 4px 0px;
}
p.schielen {
	margin: 0px 0px 6px 0px;
}

p.schielen-clear {
	clear: both;
	margin: 0px 0px 6px 0px;
}
div.bild-schielen { 
	float: right;
	text-align:right; 
	margin: 10px 0px 15px 0px;
}
img.schielen {
	margin: 0px 15px 0px 10px;
	border:1px solid #000000;
}
p.bild_schielen {
	font-size: 80%;
	margin: 4px 15px 0px 0px;
}
p.schielen-liste {
	margin: 0px 0px 6px 250px;
}

p.schielen-bild3 {
	margin: 24px 0px 6px 70px;
}
table.quelle {
	font-size: 80%;
	letter-spacing: 1px;
	margin: 18px 0px 0px 0px;
}

div.bild-vorsorge { 
	float: right;
	margin: 0px;
}
img.tauglich {
	margin: 0px 15px 30px 10px;
	border:1px solid #000000;
}
img.glaukomvorsorge1 {
	margin: 0px 15px 10px 10px;
	border:1px solid #000000;
}
img.glaukomvorsorge2 {
	margin: 0px 0px 4px 11px;
	border:1px solid #000000;
}

table.glaukomvorsorge {
	font-size: 80%;
	margin: 0px 9px 0px 10px;
}
ul.glaukomvorsorge1 {
	margin: 0px 0px 0px 20px;
	/* background-color:#9C0; */
}

li.glaukomvorsorge1 {
	list-style-image:url(../images/quad_rot.gif);
}
ul.glaukomvorsorge2 {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	/* background-color:#9C0; */
}
li.glaukomvorsorge2 {
	list-style-type: none;
	margin-left: 6px;
}


div.bild_linsen { 
	float: right;
	text-align:right; 
	margin: 10px 0px 15px 0px;
}
img.linsen {
	margin: 20px 0px 0px 10px;
	border:1px solid #000000;
}


h2.fragen {
	font-size: 90%;
	color: #666666;
	margin: 10px 0px 0px 0px;
}
h3.fragen {
	font-size: 95%;
	color: #666666;
	margin: 8px 0px 0px 0px;
}
p.fragen {
	font-size: 90%;
	margin: 2px 0px 0px 12px;
}

h2.lexikon {
	font-size: 95%;
	color: #666666;
	margin: 8px 0px 0px 0px;
}
em.lexikon {
	font-size: 90%;
	font-style: normal;
}
p.lexikon {
	font-size: 90%;
	margin: 2px 0px 0px 12px;
}
h1.notfall {
	font-size: 100%;
	margin: 12px 0px 0px 0px;
}
p.notfall {
	font-weight:bold;
	margin: 6px 0px 6px 140px;
}
/* ======================================================================================================
                                                                                IMPRESSUM
======================================================================================================  */
table.impressum {
	font-weight : normal;
	margin: 16px 0px 8px 80px;
	/*border: solid 1px #0033CC;*/
}
td.impressum {
	font-weight : normal; 
	padding-bottom : 6px;
}
p.impressum {
	font-weight: bold;
	margin: 14px 0px 4px 0px;
}


/* ======================================================================================================
    	                                                                        4. Styles für Kopfleiste	
======================================================================================================  */


#head {
	position:absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	/* overflow:hidden; */
	background-color: #003399;
	background-image:url(../backgr/backgr_head.jpg);
	padding: 0px 0px 0px 0px;
}

#logo {
	background-image:url(../images/head.gif);
	width: 946px;
	height:50px;
	
	margin: 5px 0px 0px 16px; /* */
}


#adresse {
	position:absolute;
	z-index: 15;
	top: 66px;
	left: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;
}

img.punkt {
	margin: 0px 8px 0px 8px;
}

/* ======================================================================================================
         	                                                                 5. Vertikalmenu
======================================================================================================  */



#navibereich {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	top: 100px;
	left: 0px;
	width: 162px;   /* Breite für Überhang der Titel */
	/*height: auto;*/
	overflow:hidden;
	overflow: visible;/*   border-right: 1px dashed #660000; 
	background-color:#ccff66;  */
}

div.titel {
	position: relative;
	width: 160px;    /*  Breite für Überhang der Titel */
}

p.navigation {
	background-color: #eff6fb;
	font-weight : bold;
	color: #003399;
	border-top: 2px solid #003399;
	border-right: 2px solid #003399;
	border-bottom: 1px solid #003399;
	border-left: 8px solid #003399;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 1px 6px;
}

/* Hier wird zusaetzliche Nummerierung der Listenpunkte für visuelle 
Browser unsichtbar gemacht - oder sichtbar, wenn man mag. 
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
dfn {
	display: inline;
	height: 0px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0px;
}

/*  Hier nun alles für das Menue */
.menu {
	width: 138px;     /*  Breite für Menu */
	margin: 0px;
	padding: 0px;
}

.page {
	width: 138px;     /*  Breite für Menu */
	margin: 0px;
	padding: 0px;
}

/* Hier wird der zusätzliche Punkte am Ende eines Listeneintrags 
für visuelle Browser unsichtbar gemacht. 
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
.menu .ignore {
	display: none;
	height: 0px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0px;
}

.menu ul {
	border: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	float:none;
	display: inline;
	margin: 0;
	padding: 0;
}

.menu ul li a.menu {
	border-left: 8px solid #6495ed;
	border-right: 1px solid #6495ed;
	background-color: #EFF6FB;
	color:#2B5EB7;
	display: block;
	font-size: 100%;
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 0px 6px;
	text-decoration: none;
}

.menu ul li a.menu:hover, .menu ul li a.menu:focus {
	border-left: 8px solid #2B406F;
	background-color: #6495ed;
	color: #FFFFFF;
	text-decoration: none;
}

.menu ul li a.page, .menu ul li a.page:visited, .menu ul li a.page:hover, .menu ul li a.page:active {
	border-left: 8px solid #003399;
	border-right: 1px solid #6495ED;
	display: block;
	background-color:#6495ed;
	color: #ffffff;
	font-size: 100%;
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 0px 6px;
	text-decoration: none;
}

p.strich {
	width:145px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	border-top: 2px solid #6495ed;
}

/* ======================================================================================================
         	                                                                6. Horizontalmenu
======================================================================================================  */

#headmenu {
	position:absolute;
	overflow:inherit;
	top: 60px;
	left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	z-index: 10;
	clear: both;
	padding: 0;
	width:100%;
	background: #6495ed; /* hellblau*/
}

#horizontalmenu {
	overflow:inherit;
	padding: 0;
	width:100%;
	background: transparent;
	height: 100%;
}

#horizontalmenu ul {
	width: 540px;
	overflow:inherit;
	font-size: 90%;
	margin:0;
	margin-left: 450px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

#horizontalmenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	width:auto;
}

#horizontalmenu a {
	float: left;
	display: block;
	color: #eff6fb;
	margin: 0 3px 0 0; /*Margin between each menu item*/
	padding: 4px 10px;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: #3366cc; /*Default menu color*/
	/*border-bottom: 1px solid white;*/
	border-top:1px solid #ffffff;
}

#horizontalmenu a:hover {
	color:#003366;
	background-color: #d8e4fa; /*Menu hover bgcolor*/
	border-top:1px solid #ffffff;
}

#horizontalmenu #current a { /*currently selected tab*/
	color:#003399;
	background-color: #f8f7fc; /*Brown color theme*/
}
#horizontalmenu #inaktiv a { /*inaktiv tab*/
	color:#999999;
	background-color: #3366cc; /*Brown color theme*/
}	
/* ======================================================================================================
         	                                                             7. Sonstige Styles	
======================================================================================================  */


	/* Alle Seiten Next Anfang */

p.next {
	font-size: 13px;
	margin: 3px 3px 0px 0px;
}

a.next:link, a.next:visited, a.next:active {
	color : #c20029;
	text-decoration: none;
}

a.next:hover {
	color: #03249B;
	text-decoration: none;
	border-top: 1px dotted #03249B;
	border-bottom: 1px dotted #03249B;
}
	/* Alle Seiten Next Ende */