@charset "UTF-8";


* {
	padding: 0;
	margin: 0;
	border: 0;
} 

body {
	font-family: arial;
	/*background-color: #999;*/
	color: #000;
	padding: 10px 40px;
	font-size: 14px;
	color: #555;
} 

#container {
	float: left;
}

table { border-collapse: collapse; margin: 0px; width: 800px; }
table.video td { width: 34%; height: 175px; }
table.video tr td { padding: 0px 15px 10px 0px; position: relative; }
table.video tr td:last-child  { padding-right: 0px; }
table.video td img { width: 256px; height: 144px; }
/*
table.video td img.overlay {
	position: absolute; top: 0px; left: 0px; 
	opacity:0; z-index: -2;
}*/
table.video td img.overlay {
	width: 256px; height: 144px;
	position: absolute; top: 0px; left: 0px;
	opacity: 0; z-index: 2;
	/*border: 1px solid #aaa;*/
	-webkit-transition: opacity 0.3s, width 0.3s, height 0.3s, top 0.3s, left 0.3s;
	transition: opacity 0.3s, width 0.3s, height 0.3s, top 0.3s, left 0.3s;
}
table.video td img.overlay:hover {  
	width: 266px; height: 150px; top: -3px; left: -5px;
	opacity: 0.99; 
	-webkit-transition: width 0.3s, height 0.3s, top 0.3s, left 0.3s;
	transition: width 0.3s, height 0.3s, top 0.3s, left 0.3s;
}

table.video td .beschreibung { margin-top: 0px; }
table.video td .title { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 13px; }
table.video td .text { font-size: 13px; line-height: 14px; }

.headline { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; letter-spacing: 1px; }
a {
	color: #000;
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
} 
#header { }
#header .info {
	margin-top: 22px;
}

#content { 
	line-height: 18px;
	margin: auto auto;
}

#footer {
	line-height: 15px;
	margin-top: 50px;
	font-size: 11px;
}