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

body {
	/* background:url(../images/bg_pattern.gif); */
	background:#a5b5b5;
}


#siteContent {
	position:absolute;
	width: 800px;
	height: 600px;
	left:50%;
	/*top:50%; */
	margin-left:-425px;
	/* margin-top:-350px; */	
	background:url(../images/content_bg2.png);
	background-repeat:no-repeat;
	/*
	border:solid;
	border-width:1px;
	border-color:#CCC;
	background:#FFF;
	*/
}
#dummyContent {
	position:absolute;
	width: 480px;
	height: 456px;
	left:50%;
	/* top:50%; */
	margin-left:-240px;
	/* margin-top:-228px; */
	/*background:url(../images/content_bg2.png);
	background-repeat:no-repeat;
	background:#FFF;
	*/
	border:solid;
	border-width:1px;
	border-color:#9eaeae;

}




/* TITLE*/
#section_header {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:50px;
	background:url(../images/site_header2.png);
}

#kontakt{
	position:absolute;
	left:718px;
	top:7px;
	border:none;
}


/* MOTIONCAPTURE*/
#section_mocap {
	position:absolute;
	left:0px;
	top:345px;
	width:800px;
	height:90px;
	background:url(../images/content_mocap2.png);
	background-repeat:no-repeat;
}


/* VISUALISIERUNG*/
#section_vis {
	position:absolute;
	left:0px;
	top:123px;
	width:800px;
	height:90px;
	background:url(../images/content_visualisierung2.png);
	background-repeat:no-repeat;
}
#vis_clips{
	position:absolute;
	top:420px;
}


/* ANIMATION*/
#section_anim {
	position:absolute;	
	left:0px;
	top:237px;
	width:800px;
	height:90px;
	background:url(../images/content_animation2.png);
	background-repeat:no-repeat;
}


/* ANIMATED BANNER*/
#section_animBanner {
	position:absolute;
	left:0px;
	top:500px;
	width:800px;
	height:100px;
}


/* sample Button*/
.sample_button{
	height:15px;
	width:100px;
	border:none;
	background:url(../images/blank.gif);
}
.sample_button:hover{
	border:solid;
	border-width:1px;
	border-color:#748080;
	background:url(../images/blank.gif);
}

#samples{
	position:absolute;
	top:27px;
	left:76px;
	width:100px;
	height:15px;
}


/* sample overlay fenster */

#vis_clips{
}

#anim_clips{
	position:absolute;
	top:425px;
}

#mocap_clips{
	position:absolute;
	top:400px;
}


.clip_text{ 
	width:31px;
	height:13px;
	border:solid;
	border-width:1px;
	border-color:#FFF;
	margin-top:5px;
}

.clip_number{
	text-decoration:none;
	background:#FFF;
	border:none;
	width:18px;
	height:13px;
	margin-top:5px;
	padding:1px;
	}


.clip_number:hover{
	background-color:#333;
	}


.clip_numberVisited{
	text-decoration:none;
	width:18px;
	height:13px;
	border:solid;
	border-width:1px;
	border-color:#AAA;
	margin-top:5px;
}	

.clip_numberVisited:hover{
	text-decoration:none;
	width:18px;
	height:13px;
	border:solid;
	border-width:1px;
	border-color:#000;
	margin-top:5px;
}




a.player { 		
}



/* dummyStuff */

.hidden {
	visibility:hidden;
}
#linkGotoxy {
	position:absolute;
	width:40px;
	height:16px;
	top:50%;
	left:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	margin-left:-60px;
	margin-top:-8px;
}