* {
margin:0;
padding:0;
}

html, body {
height: 100%;
width: 100%;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -305px;
float: left;
background-color: #ffffff;
}

#container {
margin: 0 auto;
position: relative;
height: 610px;
width: 973px;
border-style:solid;
border-width:1px;
border-color:#000000;
clear: left;
background-color: #fff;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:11px;
}

#blackhead {
height: 100px;
width: 973px;
background-color: #000;	
color:#fff;
}
#blackhead a {
color:#fff;
text-decoration:none;
}
#blackhead a:hover {
color:#000;
background-color:#fff;
text-decoration:none;
}
#blackhead .fett{
	background-color:#fff;
	text-decoration:underline;
	color:#000;
}
#whitehead {
height: 100px;
width: 973px;
background-color: #fff;	
color:#000;
}
#texte {
line-height:1.5em;
width:500px;
height:290px;
overflow:auto;
margin:100px 0 0 250px;
background-color: #fff;	
color:#000;
}
#texte h1 {
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}
#texte p {
margin: 0 0 12px 0px;
}
#thumbnails {
	float:left;
	height:300px;
	width:120px;
	overflow:auto;
}
#refpic {
	float:left;
	width:400px;
	height:290px;
	overflow:auto;
	margin:100px 0 0 250px;
	background-color: #fff;	
	color:#000;
	text-align:right;
}
#refpic p {
	margin:0 100px 10px 0;
}
.links {
line-height:1.7em;
width:100px;
height:70px;
margin:30px 0 0 0;
text-align:right;
float:left;
}
.pics {
width:100px;
height:100px;
text-align:right;
float:left;
}

#maillinks {
width:180px;
float:left;
margin:0 20px 0 0;
}
#mailrechts {
width:300px;
float:left;
margin:0;
}

label {
width:70px;
display:block;
float:left;
}
input, textarea {
width:220px;
}
.rechtsrueber {
margin-left:70px;
}
.reflinks {
width:300px;
vertical-align:top;
border-top:1px solid #eee;
}
.refrechts {
vertical-align:top;
border-top:1px solid #eee;
}
.reflinks a:link {
	text-decoration:none;
	color:#444;
}
.reflinks a:visited {
	color:#444;
	text-decoration:none;
}
.reflinks a:hover {
	color:#000;
	text-decoration:underline;
}