@charset "utf-8";


body {
  padding:    10px 0 20px;
  margin:     0;
  font-size:  100%;
  text-align: center;
  color:      #000;
  background: url(../media/layout/bg.png) repeat-y center 20px #e9e9e9;
}

img { border-width: 0px; }

form,table,td,th,body,input,textarea { font-family: arial, verdana, serif; }

form { display: inline; }

/**
 * Stylesheets fuer Hauptbereiche (Kopfzeile, Inhalt, rechte Spalte und Fusszeile)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
#pageWrapper {
  position:   relative;
  z-index:    10;
  margin:     0 auto;
  padding:    0;
  width:      960px;
  text-align: left;
  font-size:  12px;
}

#leftColumn {
  float:   left;
  width:   160px;
  padding: 0px 0 0;
  margin:  0 20px 0 0;
}

#mainColumn {
  float:   left;
  width:   680px;
  padding: 0;
}

#header {
  text-align: left;
  margin:     0;
  padding:    0;
  height:     200px;
  background: url(../media/layout/header_img.jpg) no-repeat left top #444;
}

#content {
  background: url(../media/layout/wrapper_bg_simple.gif) repeat-y left top #444;
  padding: 15px 25px 20px;
  margin:  0;
  line-height: 1.5;
}

#innerContent {
  width: 630px;
/*   background: #234; */
}

#mainColumnBgEnd {
  height: 22px;
  background: url(../media/layout/blend_edit.png) no-repeat;
}

#footer {
  color:      #444;
  padding:    0;
  margin:     1px 2px 0;
  font-size:  11px;
  text-align: right;
}

#rightColumn {
  text-align: center;
  float: left;
  width: 100px;
  padding: 60px 0 0;
}

/**
 * Stylesheets fuer Inhaltselemente
 *
 * Basisstile fuer HTML-Tags
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

h1, h2, h3, h4  {
  color: #6585b7;
}

h1 {
  font-size:   20px;
  margin:      0;
  padding:     5px 0 0;
  font-weight: normal;
}

h2 {
  font-size:   15px;
  margin:      0;
  padding:     5px 0 0;
  font-weight: normal;
}

h3 {
  font-size:   12px;
  color:       #333;
  margin:      0;
  padding:     5px 0 0;
  font-weight: normal;
  font-style:  italic;
}

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

a:hover {
  color:           #444;
  text-decoration: none;
}

a:visited {
  color:           #888;
  text-decoration: underline;
}

div#innerContent p {
  text-align: justify;
}

p {
  margin:     0;
  padding:    0 0 6px !important;
}
/**
 * Stylesheets fuer Inhaltselemente
 *
 * CSS-Klassen fuer generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

div.clear {
  clear:     both;
  height:    0px;
  font-size: 0px;
}

div.hr {
  clear:      both;
  height:     1px;
  background: #fff;
}

div.hr hr {
  display: none;
}

/**
 * Hauptnavigation
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
#nav {
  list-style-type: none;
  padding:         0;
  margin:          0px 0 30px;
}

#nav li, #nav li li {
  padding: 0;
  margin:  0;
  float:   left;
}

#nav li {
  background: url(../media/layout/nav_bottom.png) repeat-x left bottom;
}

#nav li a {
  width: 143px;
}

#nav li li a {
  width: 128px;
}

#nav li a, #nav li li a {
  display:         block;
  color:           #444;
  text-decoration: none;
  padding:         7px 3px 7px 14px;
}

#nav li ul {
  list-style-type: none;
  padding:         0 0 0 15px;
  margin:          0;
}

#nav li li {
  background: transparent;
}

#nav li li a {
  padding:    6px 0px 6px 14px;
  background: transparent;
}

#nav a, #nav li.open li a {
  background: url(../media/layout/nav_page.png) no-repeat left center;
}

#nav li.closed a {
  background: url(../media/layout/nav_closed.png) no-repeat left center;
}

#nav li.open a, #nav li.open li.open a {
  background: url(../media/layout/nav_open.png) no-repeat left center;
}

#nav li.active a, #nav li.open li.active a {
  background: url(../media/layout/nav_page_active.png) no-repeat left center;
}

#nav a:hover {
  text-decoration: underline;
}
/**
 * Stylesheets fuer den Inhaltsbereich
 * CSS-Klassen fuer generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
.taRight {
  text-align: right;
}

img#signet {
  margin: 55px 0px 45px;
}

* html img#signet {
  margin-bottom: 42px;
}

p#rootLine {
  color: #999;
}

#rootLine a {
  color: #999;
}

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

div.twoColLeft {
  float: left;
  width: 302px;
  margin-right: 24px;
}

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

div.twoColNarrow div.twoColLeft {
  width: 392px;
}

div.twoColNarrow div.twoColRight {
  width: 212px;
}

label, span.label {
  display: block;
  float: left;
  width: 8em;
}

p.miniLabeled label {
  width: 5em;
}

.tx-srfreecap-pi2-cant-read { font-size: 12px !important; color: #000 !important; }
.tx-srfreecap-pi2-image { margin-left: 0 !important; }
label.fullWidth {
  display:     inline;
  width:       auto;
  font-weight: bold;
}

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

div.textWithImg div.imgColumnRight {
  float:     right;
  width:     170px;
  margin:    0 0 3px 10px;
  font-size: 11px;
}

p.imgCaption {
  padding: 0;
  margin:  0;
}

div.salesContact {
}

div.salesContact div p {
  padding: 0 !important;
  margin:  0 !important;
}

div.salesContact p.leadIn {
  font-style: italic;
}

div.salesContact p.address {
}

div.salesContact p label {
  display: block;
  float:   left;
  width:   5em;
  font-weight: bold;
}

div#content ul {
  margin-top:  0;
  padding-top: 0;
}

/**
 * Stylesheets fuer den Inhaltsbereich
 * CSS-Klassen fuer News
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
div.newsLatestItem, div.newsEntry {
  margin:        0 0 7px 0;
/*   border-bottom: 1px solid #80868a; */
/*   line-height:   1.3; */
}


div.newsLatestItem p  {
  margin:      0 !important;
  padding:     0 0 2px;
  line-height: 1.2;
}

p.newsLatestDate, p.newsSingleTimedata, p.newsListDate, p.newsSubheader {
  font-style: italic;
  padding:    0 0 7px !important;
}

p.newsSubheader {
  font-weight: bold;

}

div.newsSingleImg {
  float: right;
  width: 170px;
  margin: 0 0 5px 15px;
}

div.newsSingleRelated dd img {
  display: none;
}

div.newsSingleRelated dt, div.newsSingleFiles dt {
  font-weight: bold;
}

div.newsSingleRelated ul, div.newsSingleFiles dl {
  margin-top:  0;
  padding-top: 0;
}

div.tx-ttnews-browsebox {
  padding: 12px 0 0;
  float: right;
}

div.tx-ttnews-browsebox p, div.tx-ttnews-browsebox table {
  float: left;
}

span.newsCatmenuAct {
  color: #000;
  font-weight: bold;
}

table.pagerTable {
  margin-left: 0px;
}

table.pagerTable td {
  padding-right: 8px;
}

div.newsLatestContainer h2, div.tx-cal-controller h2 {
/*   background: #f4f4f4; */
/*   border-bottom: 1px solid #6585B7; */
}

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; */
}

/**
 * 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;
}

div.calListItem {
  margin:        0 0 7px 0;
/*   padding: 2px 0 5px; */
}

table.calListTable {
  width:           628px;
  margin-top:      15px;
  border-collapse: collapse;
  border-top:      1px solid #bbb;
  border-right:    1px solid #bbb;
  border-left:     1px solid #bbb;
}

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

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

table.calListTable td.last, table.calListTable th.last {
  border-right: 0px solid #444;
}
p.calListDate, p.calEventDate {
  font-style: italic;
}

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

div.csc-textpic-caption {
  font-size: 10px;
}

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

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Kontaktforumular
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
form.cform legend {
  font-weight: bold;
}

input.input, textarea {
  font-size: 12px;
}

input.input, textarea, select {
  padding: 2px;
  border:  1px solid #c9c9c9;
}

#formhandler-contact-form textarea, #formhandler-contact-form input.input {
  width: 450px;
}

.error {
  border:  1px solid #e00;
}

select:focus, input.input:focus, textarea.input:focus {
  border:     1px solid #6585b7 !important;
  background: #f4f4f4;
}
/**
 * Stylesheets fuer die Fusszeile
 * CSS-Klassen fuer generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
#footer p {
  padding: 3px 0 0;
  margin:  0;
}

#footer p, #footer a {
  color: #888;
}