/* CSS Document */
/* Für die Index-Seite*/
/*Layout für den Body der Seite*/
body {
background-color: #FFCC00;
font-family: 'Verdana' , 'Arial' , 'Helvetica', 'Sans-serif';
font-size: 10px;
color: black;
text-docoration: none;
}
/*Seitenhintergrund*/
#hintergrund {
background-color: white;
text-decoratione: none;
position:absolute;
width:789px;
height:1300px;
margin-left: 100px;
}
/*Layout und Positionierung für das Zitat*/
#zitat {
position:absolute;
left: 720px;
top: 250px;
}
/*Hover für die Namen*/
a.thiery{
position:absolute;
left: 150px;
top: 150px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.thiery:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.praglowski{
position:absolute;
left: 310px;
top: 150px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.praglowski:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.quigley{
position:absolute;
left: 470px;
top: 150px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.quigley:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.groeger{
position:absolute;
left: 150px;
top: 180px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.groeger:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.foltinek{
position:absolute;
left: 310px;
top: 180px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.foltinek:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.velasquez{
position:absolute;
left: 470px;
top: 180px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.velasquez:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.harrer{
position:absolute;
left: 310px;
top: 210px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.harrer:hover{
color:#ffffff;
background-color:white;
color:black;
}
/* Hover für Kontakt und Biofeedback*/
a.kontakt{
position:absolute;
left: 690px;
top: 150px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.kontakt:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.biofeedback{
position:absolute;
left: 690px;
top: 180px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.biofeedback:hover{
color:#ffffff;
background-color:white;
color:black;
}
a.coaching{
position:absolute;
left: 690px;
top: 210px; 
color:black; 
background:orange; 
display:block; 
text-align:center; 
width:150px;
border:black solid 1px; 
padding:2px; 
text-decoration:none; 
font:bold 10px arial, sans-serif;
}
a.coaching:hover{
color:#ffffff;
background-color:white;
color:black;
}

/*PIC für Katharina Thiery*/
#thiery-pic {
background-color: white;
position: absolute;
left: 150px;
top: 250px;
height: 200px;
width: 100px;
border: solid 1px;
}
#thiery-text {
background-color: white;
position: absolute;
left: 251px;
top: 250px;
border-color: black;
border: solid 1px;
height: 200px;
width: 160px;
}
/*Layout und Positionierung für Mag. Susanne Praglowski*/
#praglowski-pic {
position: absolute;
left: 450px;
top: 250px;
height: 200px;
width: 100px;
border: solid 1px;
}
#praglowski-text {
position: absolute;
left: 550px;
top: 250px;
height: 200px;
width: 160px;
border: solid 1px; 
}
/*Layout für Mag. Karin Quigley-Draxler*/
#quigley-pic {
position: absolute;
left: 150px;
top: 500px;
height: 200px;
width: 100px;
border: solid 1px;
}
#quigley-text {
position: absolute;
left: 251px;
top: 500px;
height: 200px;
width: 160px;
border: solid 1px;
}
/*Layout für Dr. Herbert Gröger*/
#groeger-pic {
position: absolute;
left: 450px;
top: 500px;
height: 200px;
width: 100px;
border: solid 1px;
} 
#groeger-text {
position: absolute;
left: 550px;
top: 500px;
height: 200px;
width: 160px;
border: solid 1px;
}
/*Layout Mag. Johanna Folinek*/
#foltinek-pic {
position: absolute;
left: 150px;
top: 750px;
height: 200px;
width: 100px;
border: solid 1px;
}
#foltinek-text {
position: absolute;
left: 251px;
top: 750px;
height: 200px;
width: 160px;
border: solid 1px;
}
/*Layout für Mag. Velásquez*/
#velasquez-pic {
position: absolute;
left:450px;
top: 750px;
height: 200px;
width: 100px;
border: solid 1px;
}
#velasquez-text {
position: absolute;
left: 550px;
top: 750px;
height: 200px;
width: 160px;
border: solid 1px;
}
#harrer-pic {
position: absolute;
left: 150px;
top: 1000px;
height: 200px;
width: 100px;
border: solid 1px;
}
#harrer-text {
position: absolute;
left: 251px;
top: 1000px;
height: 200px;
width: 160px;
border: solid 1px;
}
.text {
margin-left: 5px;
margin-top: 5px;
}
h1 {
color: blue;
font-size: 10px;
} 
#impressum {
position:absolute;
left:120px;
top:250px;
width:550px;
heigth:300px;
font-size:12px;
}
#impressum_link {
position:absolute;
left:150px;
top:1220px;
}