/*
Standardlayout www.aqua-med.de
*/

/* HTML-Elemente */
html { overflow-y:scroll; /* FF: vertikale Scrollbar immer an */ text-indent:0; }
body {
  margin:0;
  padding:0; 
  color:#000; 
  background-color: #fff; 
  font-size: 13px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { color:#000; }
fieldset { border: 1px solid #ccc; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }
h1 { font-size: 1.3em; margin-top:36px; }
h2 { font-size: 1.2em; }
h3, h4, h5, h6 { font-size: 1.1em; }
p { margin-top: 0.5em; margin-bottom: 0.9em; }
table { border-collapse:collapse; margin:0; padding:0; font-size:1em; /* make <td> sizes relative to body size! */ }
td { margin:0; padding:0; vertical-align:top; }
tr.odd td, tr.even td { padding: 0.3em; }
pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; }

/* ---- Klassen ---- */

.bildunterschrift { width: 310px; border:0px; text-align:left; float:left;}

.form-item label { font-size: 1em; color: #222; }
.item-list .title { font-size: 1em; color: #222; }
.links { margin-bottom: 0em; }
.comment .links { margin-bottom: 0em; }
.tabs { margin-bottom:12px; }

/* ---- Individualformate ---- */
.menu a { text-decoration:none; color:#000; }
.menu a:hover { text-decoration:underline; }

#table-main { width:925px; margin:auto;} /* FF: zentrieren  */
#table-main-left { position:relative; width:150px; /*  background:#15E0EF; */ }
#slide-area { position:fixed; height:100%; } /* Slide-Bereich fuer Bild links und Menue */
#bild-links { position:absolute; left:0; top:0; width:150px; height:600px;  }
#table-main-right {  }
#logo-zeile { }
#aqua-med-logo { float:right; }

#top-menu { width:775px; margin:16px 0 16px 0; height:70px; }

#table-team { border-collapse:collapse; border-left:1px solid #CCC; border-top:1px solid #CCC; }
#table-team td { padding:4px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; }
.table-type1 { border-collapse:collapse; border-left:1px solid #CCC; border-top:1px solid #CCC; }
.table-type1 td {  padding:0 4px 0 4px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }

/* ---- Beginn CSS-Dropdown ---- */
.dropdown { position: relative;  }
.dropdown .menu { margin:0; padding:8px; }
.dropdown .leaf  /*, .dropdown .expanded, .dropdown .collapsed */ { list-style:none; margin:0 0 2px 0; padding:0; }
.dropdown .dropdown-list a { font-weight:bold; color:#6D78B7; }

.dropdown table { position: relative; border:0; margin:0; } /* fuer IE LE 6 */

.dropdown-a { position: relative; color:#000; background: #FFF; text-decoration: none; }
.dropdown-a:hover { border:0; } /* hier muss eine Veränderung stehen!! */

.dropdown-main { display: block; position: relative; }
.dropdown-text { position: relative; width: 104px; height: 18px; }

.dropdown-main:hover .dropdown-text-frm, .dropdown-a:hover .dropdown-text-frm { background-position:right bottom;  }

.dropdown-main .dropdown-list { display:none; font-size:12px; }  /* Liste einklappen */
.dropdown-main:hover .dropdown-list, .dropdown-a:hover .dropdown-list { display: block; } /* Liste aufklappen */

.dropdown-list {
  position: absolute;  /* schwebend */
  left:0px; top: 70px; /* unter dem Text positionieren */
  width:155px;
  background:#F0EFF7;     /* Hintergrund der Liste nicht transparent */
  overflow-x: hidden;  /* nach rechts abschneiden */
  overflow-y: auto;    /* nach unten evtl. Scrollbar */
}
/* ---- Ende CSS-Dropdown ---- */

/*
Page layout blocks / IDs
*/
#header, #content { width: 100%; }
#header { background-color: #69c; }
#primary { font-size: 1.0em; padding: 0em 0.8em 0.5em 0; color: #9cf;}
#primary a { font-weight: bold; color: #000; }
#secondary { padding: 0 1em 0.5em 0; font-size: 0.8em; color: #9cf; }
#secondary a { font-weight: bold; color: #9cf; }
#search .form-text, #search .form-submit { border: 1px solid #369; font-size: 1.1em; height: 1.5em; vertical-align: middle; }
#search .form-text { width: 8em; padding: 0 0.5em 0 0.5em; }
#mission { background-color: #369; padding: 1.5em 2em; color: #fff; }
#mission a, #mission a:visited { color: #9cf; font-weight: bold; }
.site-name { margin: 0.6em 0em 0em 0em; padding: 0em; font-size: 2em; }
.site-name a:link, .site-name a:visited { color: #fff; }
.site-name a:hover { color: #369; text-decoration: none; }
.site-slogan { font-size: 1em; color: #000; float:left; margin:0; font-style: italic; font-weight: bold; }
.site-slogan-frame { padding: 8px; }
#main { padding: 10px; }
#mission, .comment .content { line-height: 1.4; }
#help { font-size: 0.9em; margin-bottom: 1em; }
.breadcrumb { margin-bottom: .5em; }
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error { border-color: red; }
#sidebar-left { width: 120px; background-color: #DDD; vertical-align: top; }
#sidebar-right { width: 120px; background-color: #DDD; vertical-align: top; }

/* ---- Fussbereich ---- */
#footer { margin:8px 0 8px 0; font-size:1em; }
#footer td { padding:0 8px 0 8px; vertical-align:bottom; }
#footer-message { font-size:12px; }

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a { font-weight: bold; font-size: 1.3em; color: #777; margin: 0 auto 0 auto; }
h1.title { font-size:1.8em; font-weight: bold; color: #777; }
.submitted { color: #999; font-size: 0.8em; }
.links { color: #999; }
.links a { font-weight: bold; }
.block, .box { padding: 0 0 1.5em 0; }
.block { /* border-bottom: 1px solid #bbb; */ padding-bottom: 0.75em; margin-bottom: 1.5em; }
.block .title { margin-bottom: .25em; }
.box .title { font-size: 1.1em; }
.sticky { padding: .5em; background-color: #eee; border: solid 1px #ddd; }
.comment .content { margin: .5em 0 .5em 0; }

.node {
  /* margin: .5em 0 2em 0; */
  margin:0;
  padding:0;
}

.node .content {
  margin: .5em 0 .5em 0;
  line-height: 1.4;
  padding:0;
}

.node .taxonomy { color: #999; font-size: 0.8em; }
.node .picture { border: 1px solid #ddd; float: right; margin: 0.5em; }
.comment { border: 1px solid #abc; padding: .5em; margin-bottom: 1em; }
.comment .title a { font-size: 1.1em; font-weight: normal; }
.comment .new { text-align: right; font-weight: bold; font-size: 0.8em; float: right; color: red; }
.comment .picture { border: 1px solid #abc; float: right; margin: 0.5em; }

/*
** Module specific styles
*/
#aggregator .feed-source { background-color: #eee; border: 1px solid #ccc; padding: 1em; margin: 1em 0 1em 0; }
#aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; font-size: 0.9em; }
#aggregator .title { margin-bottom: 0.5em; font-size: 1em; }
#aggregator h3 { margin-top: 1em; }
#forum table { width: 100%; }
#forum td { padding: 0.5em 0.5em 0.5em 0.5em; }
#forum td.forum, #forum td.posts { background-color: #eee; }
#forum td.topics, #forum td.last-reply { background-color: #ddd; }
#forum td.container { background-color: #ccc; }
#forum td.container a { color: #555; }
#forum td.statistics, #forum td.settings, #forum td.pager { height: 1.5em; border: 1px solid #bbb; }
#forum td .name { color: #96c; }
#forum td .links { padding-top: 0.7em; font-size: 0.9em; }
#profile .profile { clear: both; border: 1px solid #abc; padding: .5em; margin: 1em 0em 1em 0em; }
#profile .profile .name { padding-bottom: 0.5em; }
.block-forum h3 { margin-bottom: .5em; }
.calendar a { text-decoration: none; }
.calendar td, .calendar th { padding: 0.4em 0; border-color: #888; }
.calendar .day-today { background-color: #69c; }
.calendar .day-today a { color: #fff; }
.calendar .day-selected { background-color: #369; color: #fff; }
.calendar .header-week { background-color: #ccc; }
.calendar .day-blank { background-color: #ccc; }
.calendar .row-week td a:hover { background-color: #fff; color: #000; }