/******* three column layout with header and footer *******/

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: verdana,sans-serif; background: #fff; background-image:url(/img/motion_analysis_background.png); background-repeat:repeat-x;}


p {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/
h2 {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/

.imagedesc { font-family: verdana,sans-serif; font-size: 0.55em; text-align: center; margin: 2em;}

/*
.img-shadow {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }*/

.img-shadow img {
-moz-box-shadow: 3px 3px 4px #5a5a5a;
  -webkit-box-shadow: 3px 3px 4px #5a5a5a;
  box-shadow: 3px 3px 4px #5a5a5a;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5a5a5a')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5a5a5a');
  }
  
.img-shadow-table 
{
  float :left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 0 0 0 0;
  }

.img-shadow-table table {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #007DC5;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

/******* screenbox *******/
.screenbox { text-align: center;} /* IE 5 fix */

/******* headerbox *******/
.headerbox
{
	color: White;
}

.headerbox h1 {font-size: 1.25em; font-weight: normal; font-style: italic; border-bottom: 0px solid #fff; background: #fff; margin: 0; color: white; padding: 3px 10 3px 0em;}

.headerbox h2 {font-size: 0.9em; font-weight: normal; font-style:normal; border-bottom: 0px solid #fff; margin: 2; color: #fff; padding: 0px 0 0px 0em;}
.headerbox h2:hover {font-size: 0.9em; font-weight: normal; font-style:normal; border-bottom: 0px solid #fff; margin: 2; color: #f08000; padding: 0px 0 0px 0em;}

.headerbox a {font-size: 0.8em; color: white; text-decoration: none;}
.headerbox a:hover {font-size: 0.8em; color: #f08000; text-decoration: none;}

/******* bigbox *******/
.bigbox {
	margin: 0 auto;
	text-align: left;
	width: 1008px;
	border: 1px solid black;
	border-width: 1 1px;
	background: #7aafde;
	-moz-box-shadow: 0px 0px 15px 2px #000;
  -webkit-box-shadow: 0px 0px 15px 2px #000;
  box-shadow: 0px 0px 15px 2px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5a5a5a')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5a5a5a');
}
.bigbox {font-size: 1em; font-family: verdana,sans-serif;}
* html .bigbox {width: 1010px; width: 1008px;} /* IE5 fix */

/******* footerbox *******/
.footerbox
{
	color: White;
	clear: both;
	margin: 4px;
	padding: 0px 0 0px 0em;
	border: 0px solid black;
	border-width: 0px 0;
  font-size: 0.6em;
	background: #007DC5;
}
.footerbox a {color: white; text-decoration: none;}
.footerbox a:hover {color: #f08000; text-decoration: underline;}

/******* other boxes *******/
.wrapperbox {float: left;  width: 828px;}
.middlebox  {float: right; width: 648px; background: #ffffff;}
.leftbox    {float: left;  width: 180px; background: #7aafde;}
.rightbox   {float: right; width: 180px; background: #7aafde;}

.middlebox  a {color: #1c5fb0; text-decoration: none;}
.middlebox  a:hover {text-decoration: underline;}

.middlebox  h1 {font-size: 1.3em; font-weight: normal; font-style:normal; text-align:center; border-bottom: 0px solid #fff; margin: 2; color: #FFFFFF}
.middlebox  h1:hover {font-size: 1.3em; font-weight: normal; font-style:normal; text-align:center; border-bottom: 0px solid #fff; margin: 2; color: #f08000}

.middlebox  h2 {font-size: 1.0em; padding-left: 10px; margin: 0;}
.middlebox  h3 {font-size: 0.8em; padding-left: 10px; padding-top:10px; margin: 0; line-height:10px; vertical-align:text-bottom; }
.middlebox  h4 {font-size: 0.75em; padding-left: 10px; margin: 0; }
.middlebox  h5 {font-size: 1.2em; padding-left: 10px; padding: 10px 0 7px 0em; margin: 0; line-height:10px; vertical-align:text-bottom; }
.middlebox  p  {font-size: 0.7em; }
.middlebox  td {font-size: 0.7em; }
.middlebox  li {font-size: 0.7em; }

.middleboxtd
{
    background-image: url(/img/motion_analysis_header.png);
    background-position:left top;
    background-repeat:repeat;
}

.leftbox    a  {font-size: 0.9em; display:block; color:#D6E0F2; text-decoration: none; text-align:center; padding: 8px 0 8px 0em;}
.leftbox    a:hover {font-size: 0.9em; color: #ea5800; text-decoration: none; text-align:center; padding: 8px 0 8px 0em;}
.leftbox    p  {font-size: 0.9em; text-decoration: none; text-align:center; padding: 8px 0 8px 0em;}

.a:active { outline: none; }
.a:focus { -moz-outline-style: none; }

.templobg1 {padding-left:5px; padding-top:5px; background-image:url(/img/templobg1.jpg); background-repeat: no-repeat;}

.p-shadow {
  width: 90%;
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(/img/shadow.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em verdana, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
/*** end ***/


table#menu {
	width:100%;
	height:23px;
	background:url(/img/lefthome3.png)repeat-x;
	list-style:none;
	margin:0px;	
	padding:0;
	padding-top:0px;
	padding-left:0%;
  }

 * html .left table#menu {
	width:100%;
	height:23px;
	background:url(/img/lefthome3.png)repeat-x;
	list-style:none;
	margin:-1px;	
	padding:0;
	padding-top:0px;
	padding-left:0%;
  }

table#menu td a {
	background:url(/img/lefthome3.png) no-repeat scroll top left;
	padding: 12px 0 5px 0em;
	display:block;
	height:23px;
	position:relative;
  }

table#menu td a.left {
	width:180px;
  }

table#menu td a span {
	background:url(/img/lefthome3.png) no-repeat scroll bottom left;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 5px 0em;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
  }

table#menu td a.left span {
	background-position:0px -40px;
  font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 5px 0em;
  }
    
table#menu td a span:hover {
  cursor:pointer;
}








  table#menuen {
	width:100%;
	height:23px;
	background:url(/img/lefthome3_de.png)repeat-x;
	list-style:none;
	margin:0px;	
	padding:0;
	padding-top:0px;
	padding-left:0%;
  }

 * html .leften table#menuen {
	width:100%;
	height:23px;
	background:url(/img/lefthome3_de.png)repeat-x;
	list-style:none;
	margin:-1px;	
	padding:0;
	padding-top:0px;
	padding-left:0%;
  }

table#menuen td a {
	background:url(/img/lefthome3_de.png) no-repeat scroll top left;
	padding: 3px 0 14px 0em;
	display:block;
	height:23px;
	position:relative;
  }

table#menuen td a.leften {
	width:180px;
  }

table#menuen td a span {
	background:url(/img/lefthome3_de.png) no-repeat scroll bottom left;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 3px 0 14px 0em;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
  }

table#menuen td a.leften span {
	background-position:0px -40px;
  font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 3px 0 14px 0em;
  }
    
table#menuen td a span:hover {
  cursor:pointer;
}



/*** header ***/

	ul#header {
		width:100%;
		height:40px;
		color: #7aafde;
		background-image:url(/img/motionanalysis_pictures.jpg);
		list-style:none;
		margin:0;
		padding:0;
		padding-top:90px;
		padding-left:0%;
	}
	
	ul#header li {
		float:left;
	}
	
	ul#header li a {
	  color: #7aafde;
		background:url(/img/headertheme.jpg) no-repeat scroll top left;
		display:block;
		height:28px;
		position:relative;
	}
	
	ul#header li a span {
	  color: #7aafde;
		background:url(/img/headertheme.jpg) no-repeat scroll bottom left;
		white-space:nowrap;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	ul#header li a span:hover {
		cursor:pointer;
	}
	
	ul#header li a.home {
	width:34px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.home span {
  width:34px;
	background-position:0px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.motionanalysis {
	width:160px;
	background-position:-34px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.motionanalysis span {
	width:160px;
	background-position:-34px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.gaitanalysis {
	width:135px;
	background-position:-194px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.gaitanalysis span {
	width:135px;
	background-position:-194px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}

	ul#header li a.postureanalysis {
	width:155px;
	background-position:-329px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.postureanalysis span {
	width:155px;
	background-position:-329px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.bikeanalysis {
	width:140px;
	background-position:-484px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.bikeanalysis span {
	width:140px;
	background-position:-484px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.golfanalysis {
	width:128px;
	background-position:-624px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.golfanalysis span {
	width:128px;
	background-position:-624px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}

	ul#header li a.ergonomics {
	width:121px;
	background-position:-752px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.ergonomics span {
	width:121px;
	background-position:-752px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
		
	ul#header li a.fusion {
	width:135px;
	background-position:-873px 0px;
	font-size: 0.9em;
	color:#D6E0F2;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
	ul#header li a.fusion span {
	background-position:-873px -40px;
	font-size: 1.0em;
	color:#f08000;
	text-decoration: none;
	text-align:center;
	padding: 12px 0 0px 0em;
	}
	
/*** end ***/


/*** horizontal scrolling menu ***/

div.sc_menu {
  position: relative;
  height: 160px;
  width: 634px;
  /* Add scroll-bars */
  overflow: auto;
}

ul.sc_menu {
  display: block;
  height: 200px;
  width: 1700px;
  padding: 10px 0 0 10px;
  margin: 0;
  /*background: url('/img/bewegungsanalyse_hintergrund.png');*/
  list-style: none;
}

.sc_menu li 
{
  display: block;
  float: left;
  padding: 0 7px;
}

.sc_menu a {
  display: block;
}

.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 0.9em;
  color: #fff;
}

.sc_menu a:hover span 
{
  display: block;
  font-size: 0.9em; 
  border-top: 1px solid #bbbbbb; 
  border-bottom: 1px solid #bbbbbb;
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana, tahoma, arial, sans-serif;
  background-color: #7aafde; 
  color: #fff;
}

.sc_menu img 
{
  filter:alpha(opacity=70);
  opacity: 0.7;
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img 
{
  text-decoration:none;
  filter:alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
}

/*** end ***/

/*** TEST ***/

#scroller-body
{
  /*background: url(images/body.gif) no-repeat bottom center;*/
  width: 634px;
  padding-bottom: 30px;
}

#mask
{
  width: 634px;
  overflow: hidden;
  margin: 0 auto;
}

#panel
{
}

#panel div
{
  float: left;
}

/*** END ***/