/*
*********************************************************************************
* Allgemeine Daten
*
* Projektname : Transfusionsmedizin Stuttgart, www.transfusionsmedizin-stuttgart.de
* Autor       : Ingenieurbuero MKdesign
* Dateiname   : screen.css
* Typ         : Stylesheet Definition
* Datum:      : 20.06.2009
*
*********************************************************************************
*/

/*
*********************************************************************************
* Seite
*********************************************************************************
*/

body
{
  padding: 0px;
  margin: 0px;
  background-color: #a5a6a8;
/*  overflow: -moz-scrollbars-vertical; */
  overflow-y: scroll;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* remove border around image links */
:focus
{
  outline: 0;
}


/*
*********************************************************************************
* Layout
*********************************************************************************
*/

/* Top banner */
div.main-box
{
  position: relative;
  width: 980px;
  margin: 0 auto;
  margin-top: 5px;
  overflow: hidden;
  background: #ffffff;
/*
  border-left: solid 1px #bebebe;
*/

  background-image: url(/schabel/images/menu/background_bottom2.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}

div.top-box
{
  position: relative;
  background-image: url(/schabel/images/menu/top_background.gif);
  background-repeat: repeat-x;

  height: 168px;
  width: 980px;
}

div.topleft-border
{
  position: absolute;
  background-image: url(/schabel/images/menu/border_top_left.gif);
  background-repeat: no-repeat;

  left: 0px;
  top: 0px;
  height: 168px;
  width: 9px;
}

div.topleft-box
{
  position: absolute;
  background-image: url(/schabel/images/menu/logo.gif);
  background-repeat: no-repeat;
  background-position: right bottom;

  left: 9px;
  top: 0px;
  height: 150px;
  width: 405px;
}

div.topright-box
{
  position: absolute;
  background-image: url(/schabel/images/menu/top_right.jpg);
  background-repeat: no-repeat;

  right: 9px;
  top: 0px;
  height: 168px;
  width: 422px;
}

div.topright-border
{
  position: absolute;
  background-image: url(/schabel/images/menu/border_top_right.gif);
  background-repeat: no-repeat;

  right: 0px;
  top: 0px;
  height: 168px;
  width: 9px;
}

/* Menu */
div.menu-box1
{
  position: relative;
  background: url(/schabel/images/menu/border_menu_right.gif) no-repeat right bottom;

  width: 980px;
}

div.menu-content1
{
  position: relative;
  background-image: url(/schabel/images/menu/border_menu_left.gif);
  background-repeat: repeat-y;

  width: 942px;
  padding-left: 19px;
  padding-top: 15px;
}

div.menu-contentred
{
  position: absolute;

  top: 15px;
  right: 0px;  
  width: 250px;
}

div.menu-box2
{
  position: relative;
  clear: both;
  background-image: url(/schabel/images/menu/border_center_right.gif);
  background-repeat: repeat-y;
  background-position: right;

  width: 980px;
}

div.menu-content2
{
  position: relative;
  background-image: url(/schabel/images/menu/border_center_left.gif);
  background-repeat: repeat-y;

  width: 942px;
  padding-left: 20px;
  padding-top: 15px;
}

/* Center */
div.center-box
{
  position: relative;
  clear: both;
  background-image: url(/schabel/images/menu/border_center_right.gif);
  background-repeat: repeat-y;
  background-position: right;

  width: 980px;
}

div.center-content
{
  position: relative;
  background-image: url(/schabel/images/menu/border_center_left.gif);
  background-repeat: repeat-y;

  width: 900px;
  min-height: 400px;
  margin-top: 0px;
  padding-top: 15px;
  padding-left: 40px;
  padding-bottom: 20px;
}

/* Bottom */
div.bottom-box
{
  position: relative;
  clear: both;

  height: 32px;
  width: 980px;
}

div.bottomleft-border
{
  position: absolute;
  background-image: url(/schabel/images/menu/border_bottom_left.gif);
  background-repeat: no-repeat;

  left: -2px;
  height: 32px;
  width: 21px;
}

div.bottommiddle-box
{
  position: absolute;
  background-image: url(/schabel/images/menu/bottom_background.gif);
  background-repeat: repeat-x;
  
  left: 19px;
  width: 943px;
  height: 32px;
}

div.bottomright-border
{
  position: absolute;
  background-image: url(/schabel/images/menu/border_bottom_right.gif);
  background-repeat: no-repeat;

  right: -2px;
  top: 0px;
  height: 32px;
  width: 21px;
}


/*
*********************************************************************************
* Menu
*********************************************************************************
*/

div.imprint
{
  margin-top: 4px;
}

div.imprint a
{
  text-decoration: none;
  color: #888888;
  font-size: 11px;
}

div.imprint a:hover
{
  color: #555555;
}


/* Top menu layer 1 */

#topmenu1
{
  position: relative;
  float: left;
  width: 100%;
  background: #ffffff url("/schabel/images/menu/button1_background.gif") repeat-x bottom;
  line-height: normal;
}

#topmenu1 ul
{
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#topmenu1 li
{
  float: left;
  background: url("/schabel/images/menu/button1_left_usel.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 9px;
}

#topmenu1 a
{
  float: left;
  display: block;
  background: url("/schabel/images/menu/button1_right_usel.gif") no-repeat right top;
  padding: 5px 24px 8px 6px;
  text-decoration: none;
  font-weight: bold;
  color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu1 a
{
  float: none;
}
/* End IE5-Mac hack */

#topmenu1 a:hover
{
  color: #555555;
}

#topmenu1 .selected
{
  background-image: url("/schabel/images/menu/button1_left_sel.gif");
  border-width: 0;
}

#topmenu1 .selected a
{
  background-image: url("/schabel/images/menu/button1_right_sel.gif");
  color: #dd0000;
  padding-bottom: 8px;
}

#topmenu1 .selected a:hover
{
  color: #bb0000;
}

/* Hack for IE7 */
*:first-child+html div.menu-separator1
{
  display: none;
}


/* Top menu red button */

#topmenured
{
  position: absolute;
  float: left;
  right: 19px;
  line-height: normal;
}

#topmenured ul
{
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#topmenured li
{
  float: left;
  background: url("/schabel/images/menu/button1_left_red.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 9px;
}

#topmenured a
{
  float: left;
  display: block;
  background: url("/schabel/images/menu/button1_right_red.gif") no-repeat right top;
  padding: 5px 14px 8px 6px;
  text-decoration: none;
  font-weight: bold;
  color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenured a
{
  float: none;
}
/* End IE5-Mac hack */

#topmenured a:hover
{
  color: #eeeeee;
}


/* Top menu layer 2 */

#topmenu2
{
  position: relative;
  float: left;
  width: 941px;
  left: -1px;
  background: #ffffff url("/schabel/images/menu/button2_background.gif") repeat-x bottom;

  line-height: normal;
}

#topmenu2 ul
{
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#topmenu2 li
{
  float: left;
  background: url("/schabel/images/menu/button2_left_usel.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 9px;
}

#topmenu2 a
{
  float: left;
  display: block;
  background: url("/schabel/images/menu/button2_right_usel.gif") no-repeat right top;
  padding: 0px 24px 8px 6px;
  text-decoration: none;
  font-weight: normal;
  color:#999999;
  padding-top: 3px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu2 a
{
  float: none;
}
/* End IE5-Mac hack */

#topmenu2 a:hover
{
  color: #666666;
}

#topmenu2 .selected
{
  background-image: url("/schabel/images/menu/button2_left_sel.gif");
  border-width: 0;
}

#topmenu2 .selected a
{
  background-image: url("/schabel/images/menu/button2_right_sel.gif");
  color: #dd0000;
  padding-bottom: 8px;
}

#topmenu2 .selected a:hover
{
  color: #bb0000;
}

div.menu-border2
{
  position: absolute;
  width: 1px;
  height: 25px;
  left: 19px;
  background: #c6c3c6;
}