HTML, BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #090925;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%; /* Resets 1em to 10px */
	}
	#container {
		margin: auto;
		width: 858px;
		}
/*
################################################ Kopf - Shortcuts
*/
	
	#container #shortcuts {
		background: #090925 url(bilder/hg_shortcuts.png) right no-repeat;
		height: 20px;
		}
		#container #shortcuts UL {
			padding: 0;
			text-align: right;
			margin: -2px 0 0 0;
			}
			#container #shortcuts UL LI {
				display: inline;
				}
				#container #shortcuts UL LI A {
					text-decoration: none;
					color: #9E9DAB;
					font-size: 0.6em;
					font-weight: bold;
					background-repeat:no-repeat;
					background-position: 5px 1px;
					padding-left: 20px;
					line-height: 20px;
					}
					#container #shortcuts UL LI A:HOVER {
						color: #090827;
						}
				#container #shortcuts UL LI A.start {
					background: url(bilder/start_inaktiv.png) no-repeat;
					}
					#container #shortcuts UL LI A:HOVER.start, #container #shortcuts UL LI A.start_aktiv {
						background-image: url(bilder/start_aktiv.png);
						color: #090827;					
					}
				#container #shortcuts UL LI A.kontakt {
					background-image: url(bilder/kontakt_inaktiv.png);
					}
					#container #shortcuts UL LI A:HOVER.kontakt, #container #shortcuts UL LI A.kontakt_aktiv {
						background-image: url(bilder/kontakt_aktiv.png);
						color: #090827;
						}					
				#container #shortcuts UL LI A.impressum {
					background-image:url(bilder/impressum_inaktiv.png);
					}
					#container #shortcuts UL LI A:HOVER.impressum, #container #shortcuts UL LI A.impressum_aktiv {
						background-image:url(bilder/impressum_aktiv.png);
						color: #090827;
						}					
				#container #shortcuts UL LI A.hnm {
					font-weight: normal;
					padding:0 15px 0 1px;
					}		
/*
################################################ Content
*/
	
	#container #content {
		position: relative;
		background: url(bilder/hg-content.jpg);
		height: 540px;
		}		
		#container #content #logo-kroeslin {
			position: absolute;
			left: 330px;
			top: 21px;
			}	
		#container #content #foto-elan {
			position: absolute;
			left: 25px;
			top: 148px;
			border: 2px solid #C3C4C8;
			}	
		#container #content #foto-grand-soleil {
			position: absolute;
			left: 454px;
			top: 148px;
			border: 2px solid #C3C4C8;
			}	
		#container #content #logo-elan {
			position: absolute;
			left: 131px;
			top: 383px;
			}								
		#container #content #logo-grand-soleil {
			position: absolute;
			left: 495px;
			top: 392px;
			}		
		#container #content	#elan {
			position: absolute;
			left: 124px;
			top: 461px;
			}
		#container #content	#grand-soleil {
			position: absolute;
			left: 503px;
			top: 461px;
			}		
			#container #content	#elan A,
			#container #content	#grand-soleil A {
				color: #080925;
				font-size: 1.2em;
				text-decoration: none;
				}
				#container #content	#elan A:HOVER,
				#container #content	#grand-soleil A:HOVER {
					text-decoration: underline;
					}
/*
################################################ Footer
*/						
		#container #content #footer {
			font-size: 0.6em;
			color: #9F9DAA;
			position: absolute;
			top: 519px;
			width: 100%;
			text-align: center;
		}	
			#container #content #footer A {
				color: #9F9DAA;
				}