/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

.clear { 
	clear: both; 
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* Design CSS */
body {
	background: #39375c url(../images/fhg-tom-bg.jpg) top left repeat-x;
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#container { 
	background-color: #434167;
	display: block;
	margin: 0 auto;
	padding: 0 0 20px 0;
	position: relative;
	width: 850px;
}

a span { 
	left: -9000px;
	position: absolute;
}

h1 {
	background: url(../images/fhg-tom-header.jpg);
	height: 312px;
}

h1 span {
	left: -9000px;
	position: absolute;
}

.ad1 { 
	background: url(../images/fhg-tom-ad1.jpg) top left no-repeat;
	display: block;
	height: 77px;
	position: relative;
	width: 100%;
}

.ad2 { 
	background: url(../images/fhg-tom-ad2.jpg) top left no-repeat;
	display: block;
	height: 77px;
	margin: 0;
	position: relative;
	width: 100%;
}

.ad3 { 
	background: url(../images/fhg-tom-ad3.jpg) top left no-repeat;
	display: block;
	height: 80px;
	margin: 0;
	position: relative;
	width: 100%;
}

.videobox1 {
	background: url(../images/fhg-tom-bg-videoblock01.jpg) top left no-repeat;
	display: block;
	height: 408px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.videobox2 {
	background: url(../images/fhg-tom-bg-videoblock02.jpg) top left no-repeat;
	display: block;
	height: 408px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.box1 {
	display: inline;
	float: left;
	height: 335px;
	margin: 38px 15px 38px 35px;
	position: relative;
	width: 373px;
}

.box2 {
	display: inline;
	float: left;
	height: 335px;
	margin: 38px 0 38px 15px;
	position: relative;	
	width: 373px;	
}

#box-1 { background: url(../images/fhg-tom-bg-video01.jpg) top left no-repeat; }
#box-2 { background: url(../images/fhg-tom-bg-video02.jpg) top left no-repeat; }
#box-3 { background: url(../images/fhg-tom-bg-video03.jpg) top left no-repeat; }
#box-4 { background: url(../images/fhg-tom-bg-video04.jpg) top left no-repeat; }

	.box1 img,
	.box2 img {
		background: #ccc;
		height: 262px;
		margin: 7px 0 0 7px;
		width: 360px;
	}
	
	.box1 a.download,
	.box2 a.download {
		bottom: 7px; 
		display: block;
		height: 50px;
		left: 7px;
		position: absolute; 
		width: 170px;
	}
	
	.box1 a.watch,
	.box2 a.watch {
		bottom: 7px;
		display: block;
		height: 50px;
		position: absolute;
		right: 7px;
		width: 180px;		
	}


.reciprocal { 
	margin: 20px 0 0 0;
	text-align: center;
}