/*  Links -------------------------------------------------------- */
:link, :visited { text-decoration: none; }

/*  List-Markers ------------------------------------------------- */
/* ul{ list-style: none; } */

/*  Heading font-sizes... and pre/code too ----------------------- */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/*  Margin / Padding --------------------------------------------- */
/* ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, 
blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; } */
body, html { margin: 0; padding: 0; width:100%; height:100%} 

/*  Image borders... Go Home! ------------------------------------ */
a img, :link img, :visited img { border: none; }

/***************************************************************************/

/*** graphische Formatierungen **/

.imgLinksOben {
float: left; 
margin: 0 15px 10px 0;
text-align: center;
color: #787878;
}

.imgRechtsOben{
float: right; 
margin: 0px 10px 10px 30px;
text-align: center;
color: #787878;
}

.imgMitteOben{
float: right; 
margin: 0px 10px 10px 130px;
text-align: center;
color: #787878;
}

.pnobr{
white-space: nowrap;
}


/***************************************************************************/

/* Drop-Down-Menu */

#dropdownMenu {
	text-decoration: none;
	width: 100%;
	padding: 0 0; /* verhindert, dass sich das DropDown-Menu nach rechts verschiebt */
	line-height: 20px; /* legt die Zeilenhöhe des DropDown-Menus und der Überschrift fest, war mal 35px */
	float: left; /* DropDown und Überschrift linksbündig */
	background-color: #ffffff;
	font: Calibri, Verdana, Arial, Helvetica, sans-serif;
	/*border-color: #b61f29; /*legt die Farbe des Rahmens innerhalb des DropDown-Menus fest */
}

#dropdownMenu ul{
	float:left; /* DropDown und Überschrift linksbündig */
	/* die Weite muss pro Überschrift festgelegt werden in der index.html */
	list-style-type: none; /* ohne Aufzählungszeichen */
	padding: 0 0; /*verhindert, dass die Listenüberschrift nach rechts rutscht*/
}

#dropdownMenu a {
text-decoration: none;
display:block;
text-align:left;
background-color: #ffffff;
color: #787878;
}

/* definiert die DropDown-Links im Hover-Zustand */
#dropdownMenu a:hover {
	background-color: #ffffff; 
	color: #b61f29;
    text-decoration: underline;
}

/* eine Höhenvergrößerung vom DropDown-Menu beim Hovern */
#dropdownMenu li {
position: relative; /* sorgt dafür, dass das DropDown-Menu in einzelne Zeilen aufklappt */
width: 250px;       /* ursprünglich 190px, dann 300px */
color: #787878; /*Stellt Schriftfarbe für Überschrift und Unterpunkte ein*/
border: 1px solid #787878;
padding: 0px 20px; /* verschiebt den Inhalt des DropDown-Menus nach rechts */
} 


/* versteckt das DropDown-Menu, solange es nicht gehovert wird */
#dropdownMenu ul ul{
position: absolute;
z-index:2;
display:none;
}

/* lässt das DropDown-Menu beim hovern erscheinen */
#dropdownMenu ul li:hover ul{
	display:block;	
	padding-top: 10px; 
}

/* nur für IE-Versionen kleiner gleich 6 erkennbar */
* html #dropdownMenu ul li{
float:left;
width:100%;
}

/* nur für IE 7 erkennbar */
*+ html #dropdownMenu ul li {
float: left;
width: 100%;
}

/* bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente */
*htlm body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #dropdownMenu ul li a {
height: 1%;
}

/***************************************************************************/

body{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
background-color:  #ffffff;
}

#mainTop {
width: 1000px;
height: 188px; /*war mal 200px */
background-image: url(../bilder/Web-Logo-Christiane.bmp);
background-repeat: no-repeat;
background-color: #ffffff; 
}

#mainTop span.name1{
color: #b61f29; 
position: absolute;
width: 975px;
top: 18px;
font-size: 34px; 
font-weight: bold;
text-align: right;
}

#mainTop span.name2{
color: #787878; 
position: absolute;
width: 975px;
top: 90px;
font-size: 22px; 
text-align: right;
}

/***************************************************************************/

#mainLeiste span.navoben{
	position: absolute;
	color: #787878;
	background-color: #ffffff;
	width: 1000px;
	font-size: 18px;
	heigth: 25px;
	/*text-align: left;*/
}


#mainLeiste span.navunten{
position: absolute;
height: 22px;
padding-top: 3px;
color: #ffffff; 
background-color: #b61f29; 
width: 1000px;
font-size: 14px; 
}


/* legt die Farbe für den Trennstrich in der oberen Menuleiste fest */
#mainLeiste span.nabla{
	position: absolute;
	background-color: #ffffff;
	color: #b61f29; 
}


/***************************************************************************/


#mainMitte span.text{
color: #787878; 
font-size: 18px; 
background-color: #e6e6e6; 
line-height: 1; 
top: 280px;
position: absolute;
width: 1000px;
text-align: left;
}

h1{text-align: left; font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #787878; background-color: #e6e6e6; text-decoration:none; font-weight: bold; margin-left: 20px; margin-top: 40px}
h2 {text-align: left; font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #787878; background-color: #e6e6e6; text-decoration: none; font-weight: bold; margin-left: 20px;}
h3{text-align: left; font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #787878; background-color: #e6e6e6; text-decoration: none; font-weight: normal; margin-left: 20px;}
h4{text-align: left; font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 1px; color: #e6e6e6; background-color: #e6e6e6; text-decoration:none; font-weight: bold; margin-left: 20px; margin-top: 0px}
P{color: #555555; font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #787878; background-color: #e6e6e6; text-decoration:none; font-weight: 300; margin: 20px;}
P1{font: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 1px; color: #e6e6e6; background-color: #e6e6e6; text-decoration:none; font-weight: 300; margin: 20px;}
Br{margin-left: 20; font: Calibri, Verdana, Arial, Helvetica, sans-serif;}
A:link.unten{color: #ffffff; font-size: 14px; background-color: #b61f29; line-height: 1; margin-left: 10; text-decoration:none}
A:visited.unten{color: #ffffff; font-size: 14px; background-color: #b61f29; line-height: 1; margin-left: 10; text-decoration:none}
a:active.unten{color: #ffffff}
a:hover.unten{background-color: #e6e6e6; color: #b61f29; text-decoration:underline}
A:link.oben{color: #787878; font-size: 18px; background-color: #ffffff; line-height: 1; margin-left: 10; text-decoration:none}
A:visited.oben{color: #787878; font-size: 18px; background-color: #ffffff; line-height: 1; margin-left: 10; text-decoration:none}
a:active.oben{color: #b61f29}
a:hover.oben{background-color: #ffffff; color: #b61f29; text-decoration:underline}
A:link.text{color: #787878; font-size: 18px; background-color: #e6e6e6; line-height: 1;  margin-left: 10; text-decoration:underline}
A:visited.text{color: #787878; font-size: 18px; background-color: #e6e6e6; line-height: 1;  margin-left: 10; text-decoration:underline}
a:active.text{color: #b61f29}
a:hover.text{background-color: #e6e6e6; color: #b61f29; text-decoration:underline}