/*
	This stylesheet defines the product-specific design of the page
*/

/* The body */
body {
	margin: 0px;
	background-image:url(../media/global/verlauf.jpg);
	background-repeat:repeat-y;
  overflow-x:hidden;
}
html {
  background-image:url(../media/global/verlauf.jpg);
	background-repeat:repeat-y;
}
/* Standard elements */
td
{
	padding:0;
	margin:0;

	font-family: Verdana;
	font-size: 11px;
}
a.inSmall
{
  color: #565140;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}
a.inSmall_highlighted
{
  color: #807D70;
  font-family: Verdana;
  text-decoration: none;
  font-weight: bold;
}


/* The logo on the upper right of the table */
div.logo_upperRight
{
  position:relative;
	z-index:10;
	top:-80px;
	right:0px;

  background-image:url(../media/global/logo_thementeam.gif);
	width:324px;
	height:27px;
}
/* The logo on the upper left of the site */
div.logo_upperLeft
{
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;

  background-image:url(../media/global/logo_thementeam.jpg);
	width:895px;
	height:91px;
}

/* The main-table
	width = 640 (mainTop) + 1 (mainVerticalLine) + 340 (mainMenu)
	Div is used to keep the table above the logo_upperLeft
*/
div.mainTable {
	z-index:2;
	position:relative;
	top:90px;
  width:100%;
}
table.mainTable {
  border-width: 1px;
  border-style: solid;
  border-color: #EDB000;
  padding: 0px;
}
/* The vertical red lines inside the table */
td.mainVerticalLine{
	width: 1px;
	border-width: 0px;
	border-style: none;
  background-color: #EDB000;
}
/* The top part (usually key visual image) */
td.mainTop
{
	width: 640px;
  height: 288px;
  background-color: #EEE0B0;
}
/* The menu part (right side) */
td.mainMenu
{
	width: 340px;
  background-color: #EEE0B0;
}
/* The small part (left lower td) */
td.mainSmall
{
  width: 160px;
  background-color:#F4DB96;
}
/* The content part (middle lower td)
	640 - 160 (mainSmall) - 1 (verticalLine) */
td.mainContent
{
	width: 479px;
  background-color:#FBEABC;
}
td.content_buggybg
{
  width: 640px;
  background-image:url(../media/global/thementeam_content_buggybg.jpg);
}

/* The key visual images
	( is a div element, because img is bad
		(it sometimes creates in a 2 pixel line below it)
	  even in xhtml conform mode ) */
div.keyVisual_3columns
{
	width: 480px;
	height: 288px;
  background-repeat: no-repeat;
}
div.keyVisual_4columns
{
  width: 640px;
  height: 288px;
  background-repeat: no-repeat;
}

/* A box for text used in the mainContent-area*/
td.box_text
{
  color: #000000;
  background-color:#FBEABC;
  border-top:1px solid #57523F;
	padding:15px;
}
/* A box for text used in the mainSmall-area*/
td.small__box_text
{
  border-top:1px solid #EDB000;
  background-color:#F4DB96;
  color: #565140;

	font-family: Verdana;
  padding:14px;
}

/* A box for links used in the mainContent-area*/
td.box_link
{
  background-color:#FBEABC;
  border-top:1px solid #57523F;

  color: #000000;
  padding:15px;
}
/* A box for links used in the mainSmall-area*/
td.small__box_link
{
  border-top:1px solid #EDB000;
  background-color:#F4DB96;

  color: #565140;
  padding:14px;
}


/* A headline used in the mainContent-area*/
td.content_headline
{
  color: #565140;
	font-weight: bold;
	font-size:13px;

	height: 49px;

  background-color: #EDB000;
  border-top:1px solid #57523F;
	/*border-bottom:1px solid #d65a11;*/

  padding-left: 15px;
  padding-right: 5px;
	margin: 0px;
	vertical-align: middle;
}
/* A headline used in the mainSmall-area*/
td.small__content_headline
{
  color: #EDB000;
	font-weight: bold;
	font-size:13px;

  height: 49px;

  background-color: #565140;
  border-top:1px solid #EDB000;

  padding-left: 15px;
  padding-right: 5px;
	margin: 0px;
	vertical-align: middle;
}



/* The menu-design is given here */
table.menu
{
  margin-right: 2px;
  width:165px;  /* 165px - 19px */
}
td#js_mainnavi
{
  padding-top: 55px;
}
td.menu_normal_top
{
  height:8px;
  background-image:url(../media/global/thementeam_menu_normal.jpg);
}
td.menu_normal_mid
{
  padding-left: 19px;
  padding-top: 0px;
  padding-right:10px;

  vertical-align: top;

  background-image:url(../media/global/thementeam_menu_normal_mid.jpg);
}
td.menu_normal_bottom
{
  height:18px;
  background-image:url(../media/global/thementeam_menu_normal_bottom.jpg);
}
a.menu_normal
{
  font-family: Verdana;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  color: #ACA998;
}


td.menu_selected_top
{
  height:8px;
  background-image:url(../media/global/thementeam_menu_selected.jpg);
}
td.menu_selected_mid
{
  padding-left: 19px;
  padding-top: 0px;
  padding-right:10px;

  vertical-align: top;

  background-image:url(../media/global/thementeam_menu_selected_mid.jpg);
}
td.menu_selected_bottom
{
  height:18px;
  background-image:url(../media/global/thementeam_menu_selected_bottom.jpg);
}
a.menu_selected
{
  font-family: Verdana;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  color: #584F3D;
}

td.menu_selected_opened_top
{
  height:8px;
  background-image:url(../media/global/thementeam_menu_selected.jpg);
}
td.menu_selected_opened_mid
{
  padding-left: 19px;
  padding-top: 0px;
  padding-right:10px;

  vertical-align: top;

  background-image:url(../media/global/thementeam_menu_selected_mid.jpg);
}
td.menu_selected_opened_bottom
{
  height:18px;
  background-image:url(../media/global/thementeam_menu_selected_opened_bottom.jpg);
}
a.menu_selected_opened
{
  font-family: Verdana;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  color: #584F3D;
}

td.menu_end
{
  height:20px;
  background-image:url(../media/global/thementeam_menu_end.jpg);
}

td.menu_normal_sub1
{
  background-image:url(../media/global/thementeam_menu_normal_sub1.jpg);
  padding-left:7px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:10px;
}
td.menu_normal_sub2
{
  background-image:url(../media/global/thementeam_menu_normal_sub2.jpg);
  padding-left:13px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:10px;
}
td.menu_normal_sub3
{
  background-image:url(../media/global/thementeam_menu_normal_sub3.jpg);
  padding-left:19px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:10px;
}

a.menu_normal_sub
{
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
  color: #584F3D;
}

.menu_point
{
  width: 9px;
  height: 11px;
  background-image:url(../media/global/menu_punkt.gif);
  vertical-align:text-bottom;
  float:left;
}
.menu_point_unselected
{
  width: 9px;
  height: 11px;
  vertical-align:text-bottom;
  float:left;
}


/* Links */

.link_arrow
{
  width: 13px;
  height: 11px;
  background-image:url(../media/global/thementeam_link_arrow.gif);
  background-repeat:no-repeat;
  vertical-align:text-bottom;
  float:left;
}
.link_arrow_greyed
{
  width: 0px;
  height: 11px;
  vertical-align:text-bottom;
  float:left;
}

/* BOX TEXT IMAGE */

span.box_text_righttopalign
{
  float:right;
  position:relative;
  margin-left:10px;
  margin-bottom:10px;
  right:-15px;
  top:-15px;
}
span.box_text_rightalign
{
  float:right;
  position:relative;
  margin-left:10px;
  margin-bottom:10px;
  right:-15px;
  top:0px;
}