/**********************************************************
 *
 * sites-template.css
 *
 * Style settings for all elements which are *not*
 * content (as output by csc). Example file for h-mco-f.
 *
 **********************************************************/


/*--------------------------------------------------------

  Color scheme is: ...

  --------------------------------------------------------*/


/* === General appearance =============================== */


body {
  color: #000000;
  background-color: #f0f0f0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
}


/* --- Fonts -------------------------------------------- */

body, p, td, ul, ol, blockquote, input, textarea, select {
}

h1,h2,h3,h4,h5,h6 {
  padding-top: 0px;
  padding-bottom: 0px;
}

pre {
  font-family: monospace;
  white-space: pre-wrap;
}


/* --- Links -------------------------------------------- */

a {
  color: #000060;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
a:visited {
  color: #000060;
}

img {
  border-width: 0px;
}

/* === Page areas ======================================= */

#page {
  min-height: 480px;
}


/* --- Header area -------------------------------------- */

#header {
  padding: 8px;
  padding-left: 12px;
  color: #003060;
  background-color: #ffffff;
  background-image: url(header.jpg);
  background-repeat: no-repeat;
  font-weight: bold;
}
#header h1 {
  font-size: 12pt;
  margin: 0px;
}

#header_text {
  height: 72px;
  width: 400px;
  float: left;
  overflow: hidden;
}
#logo_charite {
  margin-right: 24px;
  height: 72px;
  width: 72px;
  float: right;
  overflow: hidden;
}
#logo_hu {
  height: 72px;
  width: 72px;
  float: right;
  overflow: hidden;
}

/* --- Main area ---------------------------------------- */

#main {
}


/* -- Navigation column --- */

#left_col {
  width: 96px;
  padding: 12px;
  padding-top: 2px;
}

#menu {
}

#info {
}

#login {
}

#static {
}

/* --- Content column --- */

#center_col {
  margin-left: 120px;
  min-height: 320px;
  padding: 16px;
  border-width: 0px;
  background-color: #FFFFFF;
  border-top: 2px solid #f0f0f0;
}

#main_content {
}


/* --- Optional border content column --- */

#right_col {
  padding: 8px;
}

#opt_content {
  min-height: 296px;
  padding: 12px;
  background-color: #f0f0ff;
}


/* --- Footer area ------------------------------------- */

#footer {
  padding: 4px;
  text-align: right;
  color: #FFFFFF;
  background-color: #003060;
  border-top-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  font-size: 12px;
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover, #footer a:active {
  text-decoration: underline;
}

#footer_left {
  float: left;
}

/* === Menu items ======================================= */

.menu_item {
  width: 100%;
  font-size: 12px;
  background-color: #ffffff;
  margin-bottom: 2px;
}
.menu_item a {
}
.menu_item a span {
  color: #003060;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 8px 4px;
}
.menu_item a:hover span {
  text-decoration: underline
}

.menu_normal a {
}
.menu_normal a:visited {
}

.menu_active a {
}
.menu_active a:visited {
}
.menu_active a span {
  color: #ffffff;
  background-color: #003060;
}
.menu_active a:hover span {
}


.menu_level_1 {
}
.menu_level_1 a span {
  padding-left: 0.5em;
}

.menu_level_1 .menu_normal a span {
}
.menu_level_1 .menu_normal a:hover span {
}
.menu_level_1 .menu_active a span {
}
.menu_level_1 .menu_active a:hover span {
}

.menu_level_2 a span {
  padding-left: 1.5em;
}

.menu_level_3 a span {
  padding-left: 2.5em;
}

.menu_level_4 a span {
  padding-left: 3.5em;
}

.menu_level_5 a span {
  padding-left: 4.5em;
}