body, p,h1,h2,h3,ul,ol,li {font-family: Helvetica, Arial, Verdana, sans-serif}

body, p,ul,ol,li {font-size: 16px;}

ul {margin-left:0em; padding-left:0; list-style-type:none }
ul li {margin-left:0em; padding-left:0.9em; background: transparent url(../css/strich.gif) 0px 5px no-repeat; }


p,ul {font-style: italic;
	/* font-weight: bold; */
	margin: 0;
	line-height: 110%;
	margin-bottom: 7px;
	/*cursor: text;*/
	}

/* Testeshalber Änderungen Kontakt #eb2 / Arbeitsgebiet #eb9 / Foto #eb8 / Qualifik #eb7 */
/* #eb8 p {font-weight: normal; font-style: normal; font-size: 12px;} */
/* #eb7 li {font-weight: normal;} */



h2 {font-size: 18px;
	color: white; 
	font-style: italic;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	/*cursor: text;*/
	}

h3 {font-size: 16px;
	color: #555;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	/*cursor: text;*/
}

/* Kreuz zum Schliessen formatieren 
wurde deaktiviert, vgl. index_mit_verkleinern.php
*/
.kreuz {
display: block;
position: absolute;
left: 530px;
top: -30px;
font-size: 18px;
font-weight: bold;
/*background-image: url(../css/strich.gif) 0px 5px no-repeat;*/
cursor: auto;
}


.totop {z-index:100; }

.todown {z-index:1; }

.small {font-size: 12px; font-weight: normal; color: #000;}


/* Ebenen definieren -- adr neu für Adresse editierbar machen*/
#eb1, #eb2, #eb3, #eb4, #eb5, #eb6, #eb7, #eb8, #eb9, #adr {
position:absolute; 
color:black;
/*background-color: #f70; */
/*background-image: url(../img/orange_trans.png);*/
/*padding-top: 40px;*/
width:700px; 
height:470px; 
border: 0px solid white; 
/*cursor:move;*/
}




/* Innere Position definieren (damit nich mit Padding gearbeitet werden muss) */
#sp1, #sp2, #sp3, #sp4, #sp5, #sp6, #sp7, #sp8, #sp9 {
position: absolute;
left: 30px;
top: 35px;
}





/* Position der verschiedenen Ebenen --- von hinten nach vorn */
#eb3 {left:240px; top:30px; background-color: #639ABF; z-index:1;} /* projekte.php */
#eb7 {left:110px; top:20px; background-color: #FF5E00; z-index:2;} /* qualifikationen.php */
#eb2 {left:290px; top:140px; background-color: #59BBAB; z-index:3;} /* kontakt.php */
#eb9 {left:160px; top:70px; background-color: #F7D300; z-index:4;} /* arbeitsgebiet.php */
#eb8 {left:55px; top:120px; background-color: #98DD26; z-index:5;} /* foto.php */
#eb1 {left:180px; top:170px; background-color: #E8980C; z-index:6;} /* homepage.php */


/* noch nicht definiert */
#eb4 {left:40px; top:40px;} /* mandate_bildinstA.php */
#eb5 {left:165px; top:150px;} /* mandate_gesund.php */
#eb6 {left:200px; top:65px;} /* bildungstaetigkeit.php */



#adr {width: 500px; height: 50px; } /* für Adresse editierbar machen */



/* Ende Ebenen definieren */

body {
margin: 0px;
margin-top: 5px;
background-color: #FFF;
background-image: URL(../img/back.gif);
} 


a:link {text-decoration: none; color: #fff}
a:active {text-decoration: none; color: #fff}
a:visited {text-decoration: none; color: #fff}
a:hover {text-decoration: none; color: #666}


/* ---------------- Kontaktformular ------------------ */

.schmal {font-size: 12px; font-weight: normal; color: #000;}

input, textarea {
	position: absolute;
	width: 300px;
	left: 280px;
	padding: 2px;
	border: 0px solid black;
	background-color: #8CE7D8;
	font-family: helvetica, Arial, sans-serif;
	font-style: italic;
	line-height: 105%;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*  Einzelne Formularfelder nachformatieren */

.schmal {font-size: 6px; line-height: 90%;font-weight: normal; color: #000;}

.textarea {
	height: 150px;
	}

.vorname {width: 120px;;}
.name {width: 170px; left: 410px;}
.plz {width: 50px;}
.ort {width: 240px; left: 340px;
}

.weiss { /* Meldung, die angezeigt wird bei mailto */
	display: block;
	position: absolute;
	width: 300px;
	top: 280px;
	left:280px;
	font-size: 13px; 
	color: #fff;
	
}

#eb2.oben {/*damit kontaktebene beim senden in den vordergrund verschoben wird */
	z-index:10;
}

.button {
	margin-top: 0px;
	text-align: left;
	font-size: 16px;
	/*font-weight: bold; */
	cursor:pointer;
	padding: 0px;
	left: 0px;
	width: 80px;
	background-color: #59BBAB; /* dunkel = #669900; */
	color: #fff;
}

.button:hover { /* rollovereffekt */
	color: #666;
	}