@charset "utf-8";
/**
 * Stylesheet fuer Kasper | Estorf
 *
 * Screen Stylesheet
 *
 * @link          http://www.rae-med.de
 * @copyright     2008 Matthew Colton
 * @date          2008-10-30
 * @lastmodified  2009-01-20
 */

/**
 * Basis-Eigenschaften einiger HTML-Tags
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */

body {
  padding:    20px 0;
  margin:     0;
  font-size:  100%;
  color:      #000;
  background: #676767;
  text-align: center;
}

body, table, td, th, option, input, textarea {
  font-family: verdana, lucida, sans-serif;
  font-size:   13px;
}

img {
  border-width: 0;
  margin:       0;
  padding:      0;
}

/**
 * Grundelemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */
div#pageWrapper {
  position:   relative;
  border-top: 13px solid #c5c7c8;
  width:      980px;
  margin:     0 auto;
  padding:    0 20px 0 0;
  text-align: left;
  background: url(../img/layout/bg_line.png) repeat-y top right #fff;
}

div#header {
}

div#headerImg {
  float:    left;
  width:    665px;
  height:   145px;
  position: relative;
}

div#logo {
  float:       left;
  width:       313px;
  height:      145px;
  border-left: 2px solid #b5113e;
  position:    relative;
}

div#headerImg img, div#logo img {
  position: absolute;
  top:      0px;
  left:     0px;
}

div#mainArea {
  line-height: 1.6;
}

div#centerColumn {
  clear:      both;
  width:      780px;
  float:      left;
/*  padding:    40px 181px 50px 175px;*/
  padding:    40px 100px 50px 100px;
  font-size:  13px;
  text-align: justify;
}

div#footer {
  clear:      both;
  float:      right;
  color:      #000;
  background: url(../img/layout/bg_line.png) repeat-y top right #c5c7c8;
  font-size:  11px;
  padding:    2px 70px 2px 55px;
  margin:     0 -20px 0 0;
}

/**
 * HTML-Grundelemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */
h1, h2, h3 {
  color:       #b5113e;
  font-weight: normal;
  text-align:  left;
}

h1 {
  font-size: 19px;
}

h2 {
  font-size:      16px;
  padding-bottom: 0;
  margin-bottom:  0;
}

h3 {
  font-size:      13px;
  padding: 3px 0 0;
  margin:  0;
}

a {
  text-decoration: underline;
  color:           #868889;
}

a:hover {
  text-decoration: none;
}

strong {
  color:       #444;
  font-weight: bold;
}

em {
  font-style: normal;
  color:      #b5113e;
}
/**
 * Navigation
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */

ul#nav, ul#nav ul {
  padding:     0;
  margin:      0;
  list-style:  none;
  line-height: 1;
}

ul#nav {
  position:    relative;
  clear:         both;
  border-top:    4px solid #b5113e;
  border-bottom: 1px solid #b5113e;
  font-size:     13px;
  font-weight:   bold;
  height:        25px;
  padding-left:  18px;
}

ul#nav a {
  display:         block;
  width:           auto;
  text-decoration: none;
  padding:         6px 26px 6px 25px;
  margin:          0;
  background:      url(../img/layout/nav_border.png) no-repeat top right;
}

ul#nav li.first a {
  width:      135px;
  text-align: right;
  padding:    6px 26px 6px 0;
}

ul#nav li.first li a {
  text-align: left;
  padding:    6px 26px 6px 25px;
}

ul#nav li:hover, ul#nav li.sfhover {
  position: static;
}

ul#nav li:hover a, ul#nav li.sfhover a, ul#nav li.active a {
  color: #b5113e;
}

ul#nav li:hover li a, ul#nav li.sfhover li a, ul#nav li.active li a {
  color: #868889;
}

ul#nav a:hover {
  color: #b5113e !important;
}

ul#nav li {
  float: left;
}

ul#nav li.last a {
  background: transparent;
}

ul#nav li ul {
  position:    absolute;
  width:       180px;
  left:        -999em;
  font-weight: normal;
  font-size:   13px;
  border-top:  1px solid #b5113e;
  margin:      0;
}

ul#nav li ul li {
  background: #e9e9e9;
  border-top: 3px solid #fff;
}

ul#nav li ul li {
  display: block;
}

ul#nav li ul li a {
  display:    block;
  background: transparent;
  margin:     0;
  padding:    4px 5px 5px 25px;
  width:      150px;
}

ul#nav li:hover ul, ul#nav li.sfhover ul {
  left: auto;
}

ul#nav li.first:hover ul {
  left: 101px;
}
/**
 * Fußzeile
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */
div#footer p {
  margin:  0;
  padding: 2px 0;
}

div#footer a {
  color:           #000;
  text-decoration: none;
}

div#footer a:hover {
  color: #b5113e;
}

/**
 * Allgemeine Elemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */
div#mainArea ul {
  margin-top:  0;
  padding-top: 0;
  margin-bottom:  0;
  padding-bottom: 0;
}

div#mainArea p {
  margin:  1px 0 3px;
  padding: 2px 0 5px;
}

input.styled, textarea.styled {
  border:  1px solid #b5113e !important;
  width:   400px;
  padding: 2px;
}

textarea.styled {
  width: 617px;
}

img.styled {
  float:  right;
  margin: 5px 0 5px 10px;
}

.clear {
  clear:  both;
  /* Von IE benoetigt */
  height: 0px;
}

div.textWithImg img, div.fullWidthImg img {
  margin-top: 0px;
}

div.textWithImg div.imgColumnRight, div#calendarEvent div.imgColumnRight {
  float:     right;
  width:     212px;
  margin:    0 0 0 20px;
  font-size: 0px;
}

div#calendarEvent div.imgColumnRight dd.csc-textpic-caption {
  font-size:  10px !important;
  font-style: italic;
}

p.imgCaption {
  padding:    0;
  margin:     0;
  font-style: italic;
  font-size:  12px !important;
}

div.twoCol {
  padding: 0 0 10px;
}

div.twoColLeft {
  float: left;
  width: 303px;
  margin-right: 16px;
}

div.twoColRight {
  float: left;
  width: 303px;
}

div.newsLatestContainer h3, div.tx-cal-controller h3 {
/*   border-left: 1em solid #888; */
   padding: 0;
   margin: 7px 0 0px;
  font-weight: bold !important;
/*   line-height: 1; */
}

.shortLabeled label {
  float:   left;
  display: block;
  width:   5em;
}

.midLabeled label {
  float:   left;
  display: block;
  width:   7em;
}

.wideLabeled label {
  float:   left;
  display: block;
  width:   10em;
}

.noMargin {
  margin:  0;
  padding: 1px 0;
}

.noWrap {
  white-space: nowrap;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Kalender
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
th {
  border-bottom: 1px solid #999;
  border-right:  1px solid #999;
  text-align:    center;
  background:    #d9d9d9;
  padding:       1px 2px;
}

div.calListItem {
  margin: 0 0 7px 0;
}

table.calListTable {
  width:           776px;
  margin-top:      10px;
  border-collapse: collapse;
  border-top:      1px solid #bbb;
  border-right:    1px solid #bbb;
  border-left:     1px solid #bbb;
  text-align:      left;
}

table.calListTable td {
  padding:       5px;
  border-right:  1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

body table.calListTable td, body table.calListTable th {
  font-size: 12px !important;
}

table.calListTable tr.odd td {
  background: #f1f1f1;
}

table.calListTable td.wide {
  width: 220px !important;
}

table.calListTable td.last, table.calListTable th.last {
  border-right: 0px solid #444;
}

body table.calListTable th.size-1, body table.calListTable td.size-1 {
  width:42% !important;
}

body table.calListTable th.size-2, body table.calListTable td.size-2 {
  width:16% !important;
}

body table.calListTable th.size-3, body table.calListTable td.size-3 {
  width:35% !important;
}

body table.calListTable th.size-4, body table.calListTable td.size-4 {
  width:21% !important;
}

p.calListDate, p.calEventDate, p.publicationInfo {
  font-style: italic;
}

div.calEventDescription, div.calLocationAddress {
  padding: 10px 0;
}


div.calEventImg {
  float:     right;
  width:     247px;
  height:    300px;
  overflow:  auto;
  font-size: 10px !important;

}

div.calEventImgSizer {
  width: 230px;
}

div.calLocationImg {
  float:     right;
  width:     210px;
  margin:    4px 0 5px 5px;
  font-size: 10px;
}

div.calLocationImg img {
  border: 1px solid #b5113e;
}

h1 span {
  color:      #000;
  font-size:  12px;
  font-style: italic;
}

/**
 * IE-spezifische Anweisungen
 *
 * @css-for   IE6
 * @valid     No, star hack
 */
* html .clear {
  font-size: 0px;
  padding:   0;
  margin:    -2px 0 0;
}