html {
	/* angaben für alle browser außer IE 6.0 */
	width: 100%;
	height: 100%;
	display: table;
	padding: 0px;
}

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:#666666; }
a:visited { text-decoration:none; color:#666666; }
a:hover { text-decoration:none; color:#ffa500; }
a:active { text-decoration:none; font-weight:bold; color:#666666; } 
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: arial;
				font-size: 100%;
				color: #666666;
				text-align: left;
			}	
		
					
#boxoben2 {
				position: absolute;
				top: -5px;
				left: 450px;
				width: 200px;
				height: 40px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}	
#boxweiter {
				position: right;
				top: -5px;
				left: 0px;
				width: 900px;
				height: 20px;
				margin: 0px;
				padding: 0px;
				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: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}
			
			
		#boxart {
				position: absolute;
				bottom: -50px;
				left: 299px;
				width: 100px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}	
			
		#boxbackpack {
				position: absolute;
				bottom: -50px;
				left: 600px;
				width: 100px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}		
		#boxbackpackneben {
				position: absolute;
				bottom: -50px;
				left: 670px;
				width: 100px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}		

	#boxunterboxbackpack {
				position: absolute;
				bottom: -50px;
				left: 670px;
				width: 500px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}

	#boxhome {
				position: absolute;
				bottom: -50px;
				left: 858px;
				width: 100px;
				height: 20px;
				font-family: arial;
				font-size: 90%;
				color: #666666;
				text-align: left;
			}	
	
	#boximpressum {
				position: absolute;
				bottom: -50px;
				left: 825px;
				width: 100px;
				height: 20px;
				font-family: arial;
				font-size: 100%;
				color: #666666;
				text-align: left;
			}		
			
			
			
					
		#boxarchitectureneben {
					position: absolute;
					top: 430px;
					left: 85px;
					width: 200px;
					height: 104px;
					font-family: verdana;
					font-size: 75%;
					font-color: #ffa500; 
					color: #666666;
					text-align: left; 
			}