/* CSS Document */

* {
  padding: 0;
  border: 0;
  margin: 0 }

ul { list-style-position: inside }

body {
  font-family: "Trebuchet MS", 'Bitstream Vera Sans', "Helvetica", sans-serif;
  font-size: 10pt;
  background-color: #aab }

a {
  color: #33a;
  text-decoration: none }

a:hover {
  text-decoration: underline }

h1, h2, h3, h5 {
  color: #185E9A }

h1 { font-size: 160% }
h2 { font-size: 140% }
h3 { font-size: 120%; margin-top: 1em }

table thead th, table thead td {
  background: #7D8999 }

table th, table td {
  border-bottom: 1px solid gray;
  text-align: left;
  padding: 3px 8px }

.center {
  margin: 0 auto }

.abscontainer {
  position: relative }

#page {
  background-image: url(../img/Hintergrund-aaaabb-ffffeb.png) ;
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #FFFFEB;
  width: 960px;
  padding: 0 32px }

#logo {
  position: absolute;
  top: 24px;
  left: 16px }

#page-title {
  position: absolute;
  top: 16px;
  left: 216px }

#page-title h3 {
  margin-top: 0
}

#nav-meta {
  list-style: none;
  font-size: 90%;
  width: 100px;
  position: absolute;
  top: 22px;
  right: 0px }
  
#nav-flr {
  list-style: none;
  clear: both;
}

#nav-flr li {
  float: left
}

#nav-flr li {
  width: 120px;
  height: 80px;
}

#nav-flr li p {
  position: absolute; left: 0; bottom: 0;
  width: 120px; height: 21px;
  padding-top: 11px;
  text-align: center; font-weight: bold; color: #e8e8e8;
  background: transparent url(../img/Shadowbar-8x32.png) repeat-x;
  visibility: hidden; /* alternative: 'display: none' */
}

#nav-flr:hover li p {
  visibility: visible; /* alternative: 'display: block' */
}

#nav-flr li:hover p {
  color: #66f;
}

#main {
  clear: both }
  
#nav-main {
  float: left;
  width: 160px;
  margin: 16px 0 16px 16px;
}

.nav-main-box {
  margin: 0 0 20px;
  padding: 0px;
/*  border: 1px solid #195D9C; */
  background-color: #eed;
/*  font-size: 120%; */
  font-weight: bold;
  line-height: 180%;
}

.nav-main-box p  { padding: 0 8px }

.nav-main-box li {
  list-style: none;
  padding: 0 8px;
}

.nav-main-box p {
  color: #FFFFEB;
  background-color: #195D9C;
}

#nav-main li:hover {
  background-color: #ccd;
}

#nav-main li:hover a {
  text-decoration: none;
}

#nav-main .current-page {
  background-color: #ccd;
  color: #33a;
  list-style: inside;
}

#main-rightcols {
  float: right }
  
#nav-lrmv {
  float: right;
  width: 160px;
  padding: 0;
  margin: 16px;
}
  
#news {
  float: left;
  width: 512px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  margin: 16px;
  margin: 16px 16px 16px 0px;  /* small fix for IE7 */
  padding: 0 15px;
}

#content {
  float: right;
  width: 704px;
  padding: 8px;
  border-left: 1px solid gray;
  margin: 16px;
  padding: 0 16px 0 15px;
}
#content p {
  margin-top: 0.8em;
}

#content ul li {
  list-style: inside;
}

.publication {
  padding: 1.5em;
/*  border: 1px solid gray; */
  background-color: #EEEEDD;
  margin-top: 2em;
}

.publication img {
  float: left;
  margin: 0 16px 10px 0;
}

#content .publication a + p {
  font-size: 90%;
  margin-top: 0;
  margin-bottom: 0em;
}

#content .publication p.title    { margin-top: 0.5em; font-weight: bold; font-size: 150%; color: #185E9A }
#content .publication p.subtitle { margin-top: 0    ; font-weight: bold; font-size:  90%; color: #185E9A }
#content .publication p.author   { margin-top: 0.5em; font-weight: bold; font-size:  90% }

.publication .preview-list {
  margin: 0.8em 0;
}

.newsitem {
  clear: both;
}

.newsitem  + .newsitem {
  margin-top: 16px;
}

.txt--img {
  float: right;
  margin: 0 0 5px 10px }
    
.img--txt {
  float: left;
  margin: 0 10px 5px 0 }

#footer {
  clear: both;
  padding: 12px 6px;
  border-top: 1px solid gray;
  margin: 8px }

#footer p.bottom-right {
  float: right }