/* -----------------------------------------------------------------------------*/
/* globale Formatierungen                                                             */
/* -----------------------------------------------------------------------------*/

html,body {
width: 100%;
height: 100%;
/* overflow: hidden; /* Unterdrückt Scrollleisten des Hauptfensters */ 
background-color: #cccccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 15px;
text-align: center; /*Zentrierung für IE*/
}

img {
border: none;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung Texte                                                                   */
/* -----------------------------------------------------------------------------*/

.standard  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #5F5F5F;
line-height: 17px;
}

h1  {
position: absolute;
top: 86px;
left: 210px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 25px;
line-height: 27px;
font-weight: normal;
color: #aa113f;
margin-top: 0px;
margin-bottom: 5px;
z-index: 97;
}

.headline  {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 25px;
line-height : 30px;
color : #aa113f;
z-index: 50;
} 

.bildunterschrift  {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 11px;
color : #5F5F5F;
} 

.hinweis {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
color : #ff0000;
line-height : 17px;
}

.formularfeld {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
color : #5F5F5F;
}

.formularfeld_mehrzeilig {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
color : #5F5F5F;
}

.formularbutton {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
color : #5F5F5F;
} 

.navigationgenerisch {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
line-height: 12px;
color: #666666;
}

.newsbox_text {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #5f5f5f;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position von Ebenen GLOBAL                         */
/* -----------------------------------------------------------------------------*/

#container  {
position: relative;
margin: 0 auto; /* Zentrierung Nicht-IE-Browser */
width: 980px;
height: 610px;
text-align: left;
background-color: #ffffff
}

#rand_oben {
position: absolute;
background-color: #cccccc;
width: 980px;
height: 20px;
top: 0px;
left: 0px;
}

#image_bglogo {
position: absolute;
top: 20px;
left: 0px;
}

#headlines {
position: absolute;
top: 85px;
left: 210px;
}

#logo_homelink {
position: absolute;
top: 66px;
left: 63px;
}

#linie_waagrecht {
position: absolute;
top: 145px;
left: 169px;
}

#linie_senkrecht {
position: absolute;
top: 20px;
left: 919px;
}

#navigation {
position: absolute;
top: 145px;
left: 15px;
}

#generische_navigation {
position: absolute;
top: 25px;
left: 470px;
}

#content {
position: absolute;
top: 180px;
left: 210px;
width: 710px;
z-index: 98;
}

#content_lang {
position: absolute;
top: 180px;
left: 210px;
width: 710px;
height: 375px;
overflow: auto;
z-index: 99;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung Hauptnavigation                                                  */
/* -----------------------------------------------------------------------------*/

ul {
list-style: none;
margin: 0;
padding: 0;
}

#hauptnavigation {
width: 154px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
border-bottom-style: solid;
border-bottom-color: #b2b3b7;
border-bottom-width: 1px;
}
	
#hauptnavigation li a {
height: 19px; /* Gesamtzeilenhöhe = this.height + padding-rand oben */
text-decoration: none;
}	
	
#hauptnavigation li a:link, #hauptnavigation li a:visited {
color: #b2b3b7;
display: block;
background: url(../images/hauptnavigation_bg.gif);
padding: 6px 0 0 10px;
}
	
#hauptnavigation li a:hover {
color: #5F5F5F;
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
padding: 6px 0 0 10px;
}
	
#hauptnavigation li a:active {
color: #5F5F5F;
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
padding: 6px 0 0 10px;
}

.hauptnavigation_navpressed {
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung Hauptnavigation2 (identisch mit Hauptnavigation */
/* -----------------------------------------------------------------------------*/

ul {
list-style: none;
margin: 0;
padding: 0;
}

#hauptnavigation2 {
width: 154px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
border-bottom-style: solid;
border-bottom-color: #b2b3b7;
border-bottom-width: 1px;
}
	
#hauptnavigation2 li a {
height: 19px; /* Gesamtzeilenhöhe = this.height + padding-rand oben */
text-decoration: none;
}	
	
#hauptnavigation2 li a:link, #hauptnavigation2 li a:visited {
color: #b2b3b7;
display: block;
background: url(../images/hauptnavigation_bg.gif);
padding: 6px 0 0 10px;
}
	
#hauptnavigation2 li a:hover {
color: #5F5F5F;
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
padding: 6px 0 0 10px;
}
	
#hauptnavigation2 li a:active {
color: #5F5F5F;
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
padding: 6px 0 0 10px;
}

.hauptnavigation_navpressed {
background: url(../images/hauptnavigation_bg.gif) 0 -25px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung Subnavigation                                                      */
/* -----------------------------------------------------------------------------*/

#subnavigation {
width: 154px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
}
	
#subnavigation li a {
height: 19px; /* Gesamtzeilenhöhe = this.height + padding-rand oben */
text-decoration: none;
}	
	
#subnavigation li a:link, #subnavigation li a:visited {
color: #b2b3b7;
display: block;
/*background: url(../images/subnavigation_bg.gif);*/
padding: 3px 0 0 22px;
}
	
#subnavigation li a:hover {
color: #ffffff;
/*background: url(../images/subnavigation_bg.gif);*/
padding: 3px 0 0 22px;
}
	
#subnavigation li a:active {
color: #ffffff;
/*background: url(../images/subnavigation_bg.gif);*/
padding: 3px 0 0 22px;
}

.subnavigation_navpressed {
background: url(../images/subnavigation_bg.gif);
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position TRAININGSSYSTEM >> HOME           */
/* -----------------------------------------------------------------------------*/

#content_startseite {
position: absolute;
top: 180px;
left: 210px;
width: 485px;
z-index: 96;
}

#bildleiste_flash {
	position: absolute;
	top: 480px;
	left: 169px;
	z-index: 95;
}

#newsbox {
position: absolute;
top: 180px;
left: 763px;
width: 155px;
border-style: solid;
border-color: #999999;
border-width: 1px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position EE >> GUTE GRUENDE                    */
/* -----------------------------------------------------------------------------*/

#bildleiste_gutegruende {
position: absolute;
top: 180px;
left: 773px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position ZUFRIEDENHEIT >> REFERENZEN   */
/* -----------------------------------------------------------------------------*/

#content_referenzen {
position: absolute;
top: 180px;
left: 210px;
width: 550px;
}

#bildleiste_referenzen {
position: absolute;
top: 180px;
left: 780px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position WEGBESCHREIBUNG                        */
/* -----------------------------------------------------------------------------*/

#wegbeschreibung {
position: absolute;
top: 264px;
left: 522px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung der Links                                                             */
/* -----------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active  {
text-decoration: none;
}

.bildunterschrift a  {
color : #aa113f;
text-decoration : underline;
} 

