html {
	/* angaben für alle browser außer IE 6.0 */
	width: 100%;
	height: 100%;
	display: table;
	
}
* { background-color: #000000;}
body {
	/* angaben für firefox */
	display: table-cell;
	vertical-align: middle;
	
	/* angaben für IE */
	height: 100%;
	
	/* eure eigenen angaben */
	margin: 0px;
	padding: 0px;
	
}

/* formatierung der tabelle zur mittigen zentrierung für IE 
  * die tabelle aud der index.html in den kommentaren ist nur für den IE <= 7.0 sichtbar */
table#body { 
	height: 100%;
	width: 100%;
}
table#body td {
	text-align: center;
}

a:link { text-decoration:none; color:#c0c0c0; }
a:visited { text-decoration:none; color:#c0c0c0; }
a:hover { text-decoration:none; font-weight:bold; color:#ffa500; }
a:active { text-decoration:none; font-weight:bold; color:#c0c0c0; } 
a:focus { text-decoration:none; font-weight:bold; color:#666666; }

#ueberbox { 
				/* damit die box mittig bleibt im firefox */
				margin: auto;
	
				/* eure eigene formatierung */
				width: 900px;
				height: 400px;
				position: relative;
			}
			
#boxoben {
				position: absolute;
				top: -5px;
				left: 415px;
				width: 100px;
				height: 40px;
				font-family: verdana;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}	
		
					
#boxoben2 {
				position: absolute;
				top: -5px;
				left: 450px;
				width: 200px;
				height: 40px;
				font-family: verdana;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}	
#boxweiter {
				position: right;
				top: -5px;
				left: 0px;
				width: 900px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				font-weight: bold;
				font-style: italic;
				color: #666666;
				text-align: left;			
			}

#boxmitte {
				position: absolute;
				top: 20px;
				left: 0px;
				width: 900px;
				height: 400px;
				border-width:1px;
				border-style:solid;
				border-color:black;
			}
			
	
					
		#boxarchitecture {
				position: absolute;
				bottom: -50px;
				left: 0px;
				width: 100px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}
			
		#boxart {
				position: absolute;
				bottom: -50px;
				left: 299px;
				width: 100px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}	
			
		#boxbackpack {
				position: absolute;
				bottom: -50px;
				left: 600px;
				width: 100px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}		
	
	#boxhome {
				position: absolute;
				bottom: -50px;
				left: 858px;
				width: 100px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}	
	
	#boximpressum {
				position: absolute;
				bottom: -50px;
				left: 825px;
				width: 100px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}		
				
		#boxhauptstudium {
				position: absolute;
				bottom: -50px;
				left: 500px;
				width: 128px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: center;
			}	
		

		#boxdiplomarbeit {
				position: absolute;
				bottom: -50px;
				left: 512px;
				width: 128px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}			
			
		#boxkontakt {
				position: absolute;
				bottom: -50px;
				left: 640px;
				width: 128px;
				height: 20px;
				font-family: verdana;
				font-size: 75%;
				color: #666666;
				text-align: left;
			}	
			
			
					
		#boxarchitectureneben {
					position: absolute;
					top: 430px;
					left: 100px;
					width: 128px;
					height: 104px;
					font-family: verdana;
					font-size: 75%;
					color: #666666;
					text-align: left; 
			}

			
			
						#boxhauptstudiumunten{
								position: absolute;
								bottom: 0px;
								left: 392px;
								width: 128px;
								height: 104px;
								font-family: verdana;
								font-size: 75%;
								color: #666666;
								text-align: left;
							}