html {
	/*----------- Schriftdefinition ------------- */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:0px;
	line-height: 20px;
	color: #000;
}

body {
background-color: #6C729F;
background-image:   url("graphic/BG-streifen.jpg");
background-position: center;
background-repeat: repeat-y;
text-align: center;
margin: 0 auto; 
}


/*----- Die Container-Ebene enthaelt alle anderen Ebenen und sorgt fuers Zentrieren*/

#contentEbene {
position:relative; 
margin: 0 auto; 
margin-top: 0px; /*= Abstand zur seitenKopfAbdeckung-Ebene*/
width:980px; 
height:620px; 
z-index:2; 
/*-----Zentrierung aus "body" fuer Text aufheben -----------*/
text-align:left;
background-image:   url("xxxxxxxxxxxxxxxxxxxxxxxx.jpg");
}

#linksNavi {
position:absolute; left:20px; top:330px; width:298px; height:510px; z-index:2;
}

#pageHead {
position:absolute; left:345px; top:330px; width:456px; height:47px; z-index:4;
}

#textSpalte {
position:absolute; left:344px; top:491px; width:410px; height:296px; z-index:5;
}

/*----- Text-Ueberschriften ----------*/
.textHead {
font-weight:bold;
color: #660033;
}

/*----- Text-Ueberschriften ----------*/
.textTeaser {
color: #fff;
line-height: 32px;
}


/*----- Text-Links ----------*/
a:link, a:visited {color: #fff; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}
a:active {color: #CCCCCC;}

/*------------ Navigation in linker Spalte ------------*/

#linksNavi {
font-size:11px;
color:#33FFFF;

}
#linksNavi a {
display:block;
font-weight:normal;
color: #fff;
border-top: 1px dotted #6c729f;
padding: 0 0 0 20;
margin: 0 0 -20 0;
}

#linksNavi a:link, #linksNavi a:visited  {
color: #444;
text-decoration: none;
background-image:  url("xxxxxxxxxxxxxxxxxxgrafik/doppelpfeil-gelb.gif");
}

#linksNavi a:active, #linksNavi a:hover  {
color: red;
text-decoration: none;
background-image:  url("xxxxxxxxxxxxxxxxxxxgrafik/doppelpfeil-giftgruen.gif");
}


/*-------- Rechts Spalte -----------*/
#rechtsSpalte {
color: #333;
font-size: 10px;
line-height: 14px;
}

.rechtsSpalteHead {
display:block;
font-weight:bold;
color: #fff;
border-top: 1px dashed #dddddd;
padding: 5 0 0 0;
margin: 20 0 -10 0;
}


/*----- Textspalte = 546 px. Mega-Fotos sind 546 px breit ------*/
.fotoEinruecker{
position: relative;
margin-left:-22px;
}


/*-------- Seitenueberschrift ----------*/
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: normal;
	font-style: italic;
	line-height: 40px;
	color: #FFFFFF;
	margin-top:0px;
	margin-left:10px;
}

h2 {
display:block;
line-height: 16px;
font-size: 14px;
font-weight:bold;
color: #fff;
}

h8 {
display:block;
background-color:#333399;
line-height: 16px;
font-size: 14px;
font-weight:bold;
color: #fff;
padding: 5 0 10 12;
margin: 0 0 10 0;
}

.bildUnterschrift {
font-size: 11px;
}

.kleinHead {
font-size: 14px;
font-weight: bold;
}


td {
	font-size: 11px;
	font-weight: normal;
	margin-top:0px;
	line-height: 22px;
	color: #000;
}

.bildRechtsUmfliessen {
margin-right: 12px;
margin-top: 4px;
}


/* ---------- Drei STARTSEITE Buttons -----------*/

/* INFO BUTTON  */ 
#infoButton a { 
width:149px; /* entspricht Breite Deiner Grafik */ 
height:79px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("graphic/buttonInfo-NEUTRAL-a.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#infoButton a:hover { 
width:149px; /* entspricht Breite Deiner Grafik */ 
height:79px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("graphic/buttonInfo-OVER-a.jpg"); 
background-repeat:no-repeat; 
}  

/* BUTTON B */ 
#startButtonB a { 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:35px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/startseite-button-B-NEUTRAL.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#startButtonB a:hover { 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:35px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/startseite-button-B-OVER.jpg"); 
background-repeat:no-repeat; 
}  

/* BUTTON C */ 
#startButtonC a { 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:35px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/startseite-button-C-NEUTRAL.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#startButtonC a:hover { 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:35px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/startseite-button-C-OVER.jpg"); 
background-repeat:no-repeat; 
}  


/* BUTTON Direct Contact */ 
#contacButton a { 
width:181px; /* entspricht Breite Deiner Grafik */ 
height:71px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/contact-button-NEUTRAL-a.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#contacButton a:hover { 
width:181px; /* entspricht Breite Deiner Grafik */ 
height:71px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik2/contact-button-OVER-a.jpg"); 
background-repeat:no-repeat; 
}