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

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; color: #ffffff; font-family: verdana,sans-serif;background: #3568BD; background-image:url(/img/bewegungsanalyse_hintergrund.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-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;
  }
  
/******* FAQ *******/

.motus-demo
{
 position: absolute;
 background-color:transparent;
 height:100%;
 width:100;
}  
  
  
/******* FAQ *******/

.faq-header
{
  padding-left: 10px;
  padding-top: 30px;
  font-size: 1em;
  text-decoration:underline;
}

.faq-q
{
  padding-left: 10px;
  padding-right:15px;
  padding-top: 25px;
  padding-bottom: 5px;
  font-size: 0.75em;
  font-weight: bold;
  line-height:18px;
}

.faq-a
{
  padding-left: 50px;
  padding-right:15px;
  padding-bottom: 25px;
  font-size: 0.75em;
  line-height:18px;
}


/******* publications, contracts etc *******/

.pub { margin-left:-10px; margin-right: 20px}
.pub li { padding-bottom:5px; }
.pub ul { font-size:1.4em; }
.pub ul li { padding-top:5px; }

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

/******* headerbox *******/
.headerbox
{
	color: White;
	background-color: #000000;
	height: 300px;
}

.headerbox h1 {font-size: 1.25em; font-weight: normal; font-style: italic; border-bottom: 0px solid #fff; background: #ffffff; margin: 0; color:#1c5fb0; }

.headerbox h2 {font-size: 0.9em; font-weight: normal; font-style:normal; border-bottom: 0px solid #fff; margin: 2; color:#1c5fb0; 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.9em; color: #D4632B; text-decoration: none;}
.headerbox a:hover {font-size: 0.9em; color: #f08000; text-decoration: none;}
.headerbox o {font-family: arial; font-size:1.09em; font-weight:bold; color:#BCBCBC;letter-spacing: -1px;}

/******* bigbox *******/
.bigbox {
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	width: 1002px;
	border: 1px solid black;
	border-width: 1px;
	background: #000000;
	-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: 1004px; width: 1002px;} /* IE5 fix */

/******* footerbox *******/
.footerbox
{
	width: 648px;
	color: #D4632B;
    clear: both;
	margin: 4px;
    font-size: 0.6em;
}
.footerbox a {color: #D4632B; text-decoration: none;}
.footerbox a:hover {color: #f08000; }

/******* other boxes *******/
.wrapperbox {float: left; margin-left: 20px;*margin-left:8px;margin-top: 25px;border-right:1px solid #D4632B;border-left:1px solid #D4632B;border-radius:3px;background: #ffffff;}
.middlebox  {float: left;background: #000000;width: 718px;padding-left: 6px;padding-top: 15px;}

.rightbox   {float: right; background: #000000;width:228px;margin-top: 20px;padding-right:15px;*padding-right:15px;}
.rightbox  a {color: #D4632B; text-decoration: none;}
.rightbox  a:hover {text-decoration: underline;}
.rightbox #news tr {height:30px; vertical-align:top; 
                   /*background: -moz-linear-gradient(top,  #CCE0F2,  #E5EFF8); /* for firefox 3.6+ */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE0F2', endColorstr='#E5EFF8'); /* for ie */ /*background: -webkit-gradient(linear, left top, left bottom, from(#CCE0F2), to(#E5EFF8)); /* for webkit browsers */ border-radius: 3px;}


.middlebox  a {color: #D4632B; text-decoration: none; font-weight:bold}
.middlebox  a:hover {text-decoration: underline;}

.middlebox  h1 {font-size: 1.3em; font-weight: normal; font-style:normal; text-align:center;  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: #ffffff}

.middlebox  h2 {font-size: 1.1em; padding-left: 10px; margin: 0;}
.middlebox  h3 {font-size: 0.9em; 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.8em; }
.middlebox  td {font-size: 0.8em; }
.middlebox  li {font-size: 0.8em; padding-top:10px }
.middlebox  li2 {font-size: 1.0em; font-weight: bold; }

.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 ***/


/*** 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 ***/

/*** TEST ***/

DIV#loader {
  border: 0px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#loader.loading {
  background: url(/img/spinner.gif) no-repeat center center;
}

/*** END ***/







/*** horizontal scrolling menu ***/

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

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

.sc_image_menu li 
{
  display: block;
  float: left;
  padding: 0 1px;
}

.sc_image_menu a {
  display: block;
}

.sc_image_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_image_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_image_menu img 
{
  filter:alpha(opacity=100);
  opacity: 1;
  border: 0px;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}
.sc_image_menu a:hover img 
{
  text-decoration:none;
  filter:alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
}

/******* tab pane styling *******/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important;
	padding:0;	
	border-bottom:1px solid #;	
	height:26px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/blue1.png) no-repeat -418px 0;
  	font-size:11px;
	display:block;		
	height: 26px;  
	line-height:26px;
	width: 125px;
	text-align:center;	
	text-decoration:none;
	color:#1c5fb0;
	padding:0px;
	margin-right:6px;	
	position:relative;
	border-radius: 5px 5px 0px 0px;

}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -26px;	
	color:#f08000;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -421px -54px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s 		{ background-position: -553px 0; width:73px; }
ul.tabs a.s:hover 	{ background-position: -553px -26px; }
ul.tabs a.s.current { background-position: -553px -54px; }

/* width 2 */
ul.tabs a.l 		{ background-position: -247px -0px; width:170px; }
ul.tabs a.l:hover 	{ background-position: -247px -26px; }
ul.tabs a.l.current { background-position: -247px -54px; }


/* width 3 */
ul.tabs a.xl 		{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -26px; }
ul.tabs a.xl.current{ background-position: 0 -54px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes div {
	display:none;		
	padding:15px 15px;
	margin:0;
	box-shadow:0px 7px 22px #858585;
    border-radius: 1px 5px 5px 5px;
	font-size:14px;
	background-color:#fff;
	width:600px;
}

.panes li {font-size:10px;}
.panes p {font-size:10px;}
.panes h2 {font-size:10px;}
.panes h3 {font-size:10px;font-weight: bold;}
/******* end tab pane styling *******/

/******* test dropdown, Andre *******/

#nav 
{
	margin: 0px 0px;
	padding: 0px 10px 5px;
	line-height: 100%;
	background: #000000;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#GGGGGG', endColorstr='#000000'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#3568BD), to(#000000)); /* for webkit browsers */
	/*background: -moz-linear-gradient(10% 90% 90deg,#000000, #3568BD, #000000 100%); /* for firefox 3.6+ */
}
#nav li {

	width: 110px;
	padding: 0 0 0px;
	margin-right:15px;
	display: block;
	float: left;
	position: relative;
	list-style: none;

	
}
/* main level link */
#nav a {
	color: #D4632B;
	text-decoration: none;
	display: block;
	padding:  8px 7px;
	border-radius: 0.4em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .1);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #333333; /* for non-css3 browsers */
	color: #f08000;
	
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	color: #000000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #fff !important; /* for non-css3 browsers */
	color: #f08000 !important;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .1);
	
	
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;		
}


/******* Ende test dropdown, Andre *******/

/******* test content, KIM *******/

.newsletter 
{
    font-family: Verdana, Serif;
    font-size: 11px;
    line-height:13px;
}

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

.newsletter  h2 {font-size: 1.45em; padding-top: 20px; line-height:20px;}
.newsletter  p  {font-size: 1.0em; line-height:13px; padding-top:0px;}
.newsletter  td {font-size: 1.0em; padding-left: 0px; }
.newsletter  li {font-size: 1.0em; }

/******* test content, neueseite Kim *******/

.rahmen
{
   border: hidden;
   border-radius: 7px;
   padding:10px;
   padding-top:0px;
   float:left;
   box-shadow:1px 5px 11px #9E9E9E;
   margin: 10px 0 0 10px !important;
   margin: 10px 0 0 5px;
   
}

.td_top
{
    background: #fff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE0F2', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#CCE0F2), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #CCE0F2,  #fff); /* for firefox 3.6+ */

}
.td_top2
{
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE0F2', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#CCE0F2), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #CCE0F2,  #fff); /* for firefox 3.6+ */
	background: -moz-linear-gradient(top,  #CCE0F2,  #fff) url(img/bewegungsanalyse.png) no-repeat right top;

}
/*** end ***/