* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	background-color:black;/*#fff;*/
	color:#630;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	}

#preload {
	display:none;
	}		
		
#distance { 
	width:1px;
	height:50%;
	background-color:#F1F1F1;
	margin-bottom:-200px; /* half of container's height */
	float:left;
	}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	height:400px;
	width:620px;
	clear:left;
	/*background-color:lime;#ff9;*/
	border:0px solid #0000EE;
	}



p {
	margin-top:12px;
	margin-bottom:12px;
	font-size:14px;
	color: #FF0000; /*rot*/ /* #0000EE; blau*/		
	}

.footer {
	font-size:12px;
	color:#B6B3AC;
	border:0px solid black;
	}

.random {
	font-size:12px;
	color:#B6B3AC;
	border:0px solid black;
	}

.random img {
	border:1px solid black; /*white*/
	}
	
	
.subtitle {
	font-size:10px;
	color:#B6B3AC;
	display:block;
	text-align:right;
	border:0px solid black;
	padding-right:10px;
	}

.links a:link, a:visited , a:active{
	color: #FF0000; /*rot*/ /* #0000EE; blau*/
	text-decoration: none;
	font-weight: bold;
	padding:2px;
	}

.links a:hover {
	text-decoration: none;
	color: #FFFFFF; /*weiss*/
	background-color: #FF0000; /*rot*/ /* #0000EE; blau*/
	font-weight: bold;
	padding:2px;
	}