/* SEITENFORMATIERUNG  INDEX _______________________________________*/

* { margin: 0; }

html, body { height: 100%; }

body { 
	background-color: #4b4b4b;
	color: rgb(0,0,0);
	font-family:Tahoma, Verdana, Geneva, Arial;
	font-size: 100.01%;
	text-align: center; 
}

#indexBox {  
	position:absolute;
	width:636px;
 	top: 200px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -318px;
}


/* HEADER    ____________________________________________________ */

#indexTop { 
	position: relative;
	float: left;
	background-image: url(bin/bilder/startseite_gpf_logo.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width: 636px;
	height: 60px;
	margin: 0;
	padding: 0; 
}

#indexHeader {
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #8b8b8b;
	font-size: 0.8em;
	text-align: left;
	position: relative;
	float: left;		 	  
	width: 636px;
	height: 50px;
	margin: 0 0 24px 0;
	padding: 0; 
}

#indexLogo { 
	position: absolute;
	background-image: url(images/logo.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	bottom: -1px;
	right: 11px;
	width: 164px;
	height: 52px;
	padding: 0;
	margin: 0; 
}

#indexLogo h1 { display:none; }


/* CONTENT BEREICH  ____________________________ */	
	
#indexContent { 
	position: relative;
	float: left;
	width: 636px;
}


/* FOOTER /  INDEXNAVIGATION  ____________________________ */

#indexNavigation {
	position:relative;
	float:left;
	text-align:left;
	font-size:0.7em;
	letter-spacing:0.2em; 
	width: 636px;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0; 
}

#getFlash {
	position: absolute;
	bottom:0;
	left:0;
	margin: 0;
	padding: 0; 
}

#gotFlash {
	position:absolute;
	bottom:0;
	right:0; 
	text-align: right;
	margin: 0;
	padding: 0; 
}

#indexNavigation a,
#indexNavigation a:link, 
#indexNavigation a:visited { color: rgb(255,255,255); text-decoration: none; }

#indexNavigation a:hover, 
#indexNavigation a:active, 
#indexNavigation a:focus  { color: rgb(200,200,200); }