@charset "utf-8";
/* CSS Document */

h2{
	font-size: 16px;
	font-weight:bold;
	line-height: 35px;
	}

.tafel{
	padding-top: 8px;
	font-family:Georgia, "Times New Roman", serif;
	font-size: 16px; 
	line-height: 22px;
	width: 700px;
	height: 435px;

	}
	
.textcon_gross{
	float: left;
	width: 680px;
	height: 435px;
	
	}
	
.textcon_1{
	width: 330px;
	height: 435px;
	float: left;
	margin-right: 20px;
	}
	
.textcon_2{
	padding-top: 35px;
	width: 330px;
	height: 400px;
	float: left;
	
	}
	
.bildcon{
	width: 330px;
	height: auto;
	float: left;
	
	}



.introtextklein {
  font-family: Verdana;
  font-size: 13px;
  line-height:15px;
  color:#666;
}



#introtext {
  position: absolute;
  top: 89px;
  left: 225px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #000000;
  width: 216px;
  height: 186px;
}

	
.bu{
	height: 18px;
	line-height: 10px;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#000;
	padding-bottom: 10px;
	}
	
.tafel a:visited {
	color: #C60000;
	text-decoration: none;
}

.tafel a:hover {
	color: #c60000;
	text-decoration: none;
}

.tafel a:active {
	color: #C60000;
	text-decoration: none;
}

.tafel a:link {
	color: #C60000;
	text-decoration:underline;
}

@media (max-width: 680px){
	.tafel {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	.textcon_1,
	.textcon_2 {
		width: 100%;
		height: auto;
		float: none;
	}
	.textcon_2 {
		padding-top: 15px;
	}
}