html 
{
    height:100%;
}


body {
	margin:0px auto;
	background-color:Gray;
	height:100%;
	text-align:center;
}

/*Zentrierter div container über die gesamte Höhe auf den sich die anderen bei position:absolute beziehen*/
div.centralContainer {
	position:relative;
	text-align:left;
	background-color:White;
	width:900px;
	height:100%;
	font-family :Arial, 'Trebuchet MS';
    background-image: url(images/Angst-Depression-Panik.jpg);
    background-repeat:no-repeat;
    margin:auto;
}

h1 
{
    font-size:large;
    font-weight:bold;
    margin-top:4px;
}

h2 
{
    font-size:medium;
    font-weight:bold;
    margin-top:0px;
}
h3
{
    font-size:medium;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p 
{
    margin-bottom:0px;
    padding-bottom:20px;
    padding-top:0px;
    margin-top:0px;
}

sup 
{
    vertical-align:top;
    font-size:x-small;
}

ul {
    margin-top:0px;
    margin-bottom:20px;
    padding-top:0px;
    padding-bottom:0px;
}

a {
    color:Black;
}

img.gerdaFoto 
{
    position:absolute;
    left:50px;
}

img.wechselFoto 
{
    height:144px;
    width:288px;
    border:0;
}

object.wechselFoto 
{
    border:0;
    height:144px;
    width:288px;
}

div.wechselFoto
{
    position:absolute;
    left:50px;
}


/*oberer Bereich*/
div.headContainer {
	height:144px;
	color:White;
}

/*obere Link Liste
links: 50 + gerdafoto (288) + abstand (20) = 358

*/
div.mainLinkList 
{
	position:absolute;
	left:358px;
	top:10px;
	word-spacing:30px;
	font-size:larger;
}

/* Namens Container */
div.nameContainerHome {
	position:absolute;
	top:350px;
	left:350px;
	font-weight:bold;
	font-size:larger;
}

/* Namens Container */
span.nameContainer {
	position:absolute;
	right:50px;
	font-weight:bold;
	word-spacing:normal;
	color:#A00000;
	font-size:larger;
}


/*unter Link Liste auf Hauptseite*/
div.infoLinkList {
	padding-left:50px;
	text-decoration:none;
	font-size:small;
}

/*Spruch auf der Hauptseite*/
div.homeSpruch 
{
    position:relative;
    padding-top:120px;
    padding-left:50px;
    color:#A00000;
}

div.obererSpruch 
{
    color:#A00000;
    font-size:small;
    padding-left:30px;
}

div.infoContainer {
	padding-left:0px;
	padding-top:30px;
	position:relative;
	background-color:White;
}

div.infoLinks 
{
    width:200px;
    float:left;
    text-align:right;
    font-size:small;
    line-height:200%;
    padding-left:20px;
    position:relative;
    z-index:1;
}

div.infoInfo 
{
    padding-left:260px;
    padding-right:40px;
}

div.linkAdmin 
{
    padding-left:50px;
    word-spacing:20px;
    text-align:left;
    height:40px;
    padding-top:12px;
}


a.MainLink:link, a.MainLink:visited, a.MainLink:hover, a.MainLink:active
{
    color:White;
	text-decoration:none;
}

span.MainLink
{
    font-weight:bold;
}

a.infoLink:link, a.infoLink:visited, a.infoLink:hover, a.infoLink:active
{
    color:black;
	text-decoration:none;
}

div.infoLink
{
    color:#A00000;
}

a.linkAdmin:link, a.linkAdmin:visited, a.linkAdmin:hover, a.linkAdmin:active
{
    color:#A00000;
    font-size:small;
	text-decoration:none;
}

span.linkAdmin 
{
    color:#A00000;
    font-size:medium;
	text-decoration:none;
	font-weight:bold;
}

p.linkListe
{
    line-height:200%;
}