

/*
	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: #2D2F6C;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}
a.inSmall_highlighted
{
  color: #626391;
  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_tucher.jpg);
	width:412px;
	height:115px;
}

/* 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:80px;
  width:100%;
}
table.mainTable {
  border-width: 1px;
  border-style: solid;
  border-color: #403F7F;
  padding: 0px;
}
/* The vertical red lines inside the table */
td.mainVerticalLine{
	width: 1px;
	border-width: 0px;
	border-style: none;
  background-color: #403F7F;
}
/* The top part (usually key visual image) */
td.mainTop
{
	width: 640px;
  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:#D5B997;
}
/* The content part (middle lower td)
	640 - 160 (mainSmall) - 1 (verticalLine) */
td.mainContent
{
	width: 479px;
  background-color:#ECCEA9;
}
td.mainContent
{
	width: 479px;
  background-color:#ECCEA9;
}
td.content_buggybg
{
	width: 640px;
  background-image:url(../media/global/tucher_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:#ECCEA9;
  border-top:1px solid #DCC6A7;
  padding:10px 15px 10px 15px;
}
/* A box for text used in the mainSmall-area*/
td.small__box_text
{
  border-top:1px solid #EED8B9;
  background-color:#D5B997;
  color: #2D2F6C;

	font-family: Verdana;
  padding:10px 15px 10px 15px;
}

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

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

  color: #2D2F6C;
  padding:10px 15px 10px 15px;
}


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

  height: 49px;

  background-color: #2D2F6C;
  border-top:1px solid #DCC5A9;
  /*border-bottom:1px solid #d65a11;*/

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

  height: 49px;

  background-color: #871209;
  border-top:1px solid #EDD8B6;

  padding-left: 15px;
  padding-right: 15px;
	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/tucher_menu_normal.jpg);
}
td.menu_normal_mid
{
  padding-left: 19px;
  padding-top: 0px;
  padding-right:10px;

  vertical-align: top;

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


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

  vertical-align: top;

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


td.menu_selected_opened_top
{
  height:8px;
  background-image:url(../media/global/tucher_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/tucher_menu_selected_mid.jpg);
}
td.menu_selected_opened_bottom
{
  height:18px;
  background-image:url(../media/global/tucher_menu_selected_opened_bottom.jpg);
}
a.menu_selected_opened
{
  font-family: Verdana;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  color: #41407C;
}

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

td.menu_normal_sub1
{
  background-image:url(../media/global/tucher_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/tucher_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/tucher_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: #41407C;
}

.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/tucher_link_arrow.gif);
  background-repeat:no-repeat;

  float:left;
}
.link_arrow_greyed
{
  width: 0px;
  height: 0px;
  display:none;
}

/* BOX TEXT IMAGE */

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

/* table formatting (box_table)*/
.table_sem001
{
/*
  font-size       : 10px;
  color           : #262626;
  font-family     : Verdana;
  font-weight     : normal;*/

  border-style    : ridge;
  border-width    : 2px;
  border-collapse : collapse;

  empty-cells     : show;
  border-spacing  : 10px;
  padding         : 10px;
  text-decoration : none;
  vertical-align  : top;
}

.table_sem001 td
{
  border-style    : ridge;
  border-width    : 2px;
  border-collapse : collapse;
  padding-left    : 10px;
  padding-right   : 10px;
  vertical-align  : top;
}
