/***************************************************************************
* General Settings
***************************************************************************/

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

body {
  font: 12px Verdana, Arial;
  text-align: center;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 850px;
}

.clear {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

/***************************************************************************
* Header
***************************************************************************/

#header {
  height: 234px; /* Flash genaue Höhe? Abstand darunter? */
}



/***************************************************************************
* Main
***************************************************************************/

#main {
  margin-top: 10px;
}


/***************************************************************************
* Navigation
***************************************************************************/

#menuMain {
  border-top: #000 1px solid;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px 0px 0px 0px;
  width: 200px;
}

/* the following rule is recognized only by IE */
* html body #menuMain {
  margin-bottom: 10px;
}

#menuMain ul {
  list-style: none;
}

#menuMain ul li {
  color: #039ACF;
  font:  1em Verdana, monospace;
  line-height: 1.2em;
}

#menuMain ul li a {
  background: url(../img/pfeil.gif) left 0.4em no-repeat;
  color: #039ACF;
  padding-left: 15px;
  text-decoration: none;
}

#menuMain ul li a.active {
  background: url(../img/pfeil.gif) left 0.4em no-repeat;
  color: #039ACF;
  padding-left: 15px;
  text-decoration: underline;
}

/*
#menuMain ul li a:hover {
  background: url(../img/pfeil.gif) left 0.3em no-repeat;
  color: #039ACF;
  padding-left: 15px;
  text-decoration: underline;
}
*/



/***************************************************************************
* Content
***************************************************************************/

#content {
  border-top: #000 1px solid;
  float: left;
  margin: 0 20px 20px 20px;
  padding: 5px 0px;
  width: 440px;
}

/* the following rule is recognized only by IE */
* html body #content {
  margin-bottom: 10px;
}

#content h1 {
  font:  1.5em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
}

#content h2,
#content .csc-header-n2 h1,
#content .csc-header-n3 h1 {
  color: #039ACF;
  font:  1.1em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 10px 0px 5px;
  text-transform: uppercase;
}

#content a {
  color: #000;
  text-decoration: underline;
}

#content a:hover {
  color: #039ACF;
  text-decoration: underline;
}

#content p {
  margin: 10px 0px;
}

#content ul {
  list-style: square;
  margin: 10px 0px 10px 25px;
}

#content ul li {
  margin: 5px 0px;
}

#content table tr td {
  padding: 5px;
  vertical-align: top;
}

#content .mikro_table table {
  margin: 20px 0px;
  vertical-align: top;
  width: 100%;
}

#content .mikro_table td {
  width: 210px;
}

#content .csc-textpic-caption {
  font:  0.8em Arial, Helvetica, sans-serif;
}

#content .csc-uploads-fileName p {
  margin: 0px;
}


#content .csc-uploads-description {
  font:  0.8em Arial, Helvetica, sans-serif;
}




/* Newsletter dm-subscription
*****************************/

#content .dm-subscription input {
  border: 1px solid #000;
}

#content .dm-subscription-button {
  background: #E6E6E6;
  color: #039ACF;
  font-size: 0.9em;
  font-weight: bold;
  width: 110px;
}



/* Eventmanager
*****************************/

#content .tx-tgeventmanager-pi1 {
  margin: 10px 0px;
}


#content .tx-tgeventmanager-pi1 input,
#content .tx-tgeventmanager-pi1 select {
  border: 1px solid #000;
  width: 150px;
}

#content .tx-tgeventmanager-pi1 fieldset {
  border: none;
}

#content .tx-tgeventmanager-pi1 legend {
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px;
}

#content .tx-tgeventmanager-pi1 fieldset dl {
  width: auto;
}

#content .tx-tgeventmanager-pi1 fieldset dt {
  float: left;
  margin-right: 6px;
  padding: 0 0 .5em 0;
  text-align: right;
  width: 80px;
}

#content .tx-tgeventmanager-pi1 fieldset dd {
  padding: 0 0 .5em 0;
  width: auto;
}

#content .tx-tgeventmanager-pi1-submit {
  background: #E6E6E6;
  color: #039ACF;
  font-size: 0.9em;
  font-weight: bold;
  margin: 10px 0px 15px;
  width: 110px;
}

#content .unsubscribe-submit {
  background: #E6E6E6;
  color: #039ACF;
  display: inline;
  font-size: 0.9em;
  font-weight: bold;
  width: 110px;
}


/* Teaserlist
*****************************/

#content .tx-abteaserlist-pi1 {
  clear: both;
  width: 440px; /* oversized DIV so that the teaser fit into it, cause of margin  - e.g. content DIV should have width: 500px and overflow: hidden; */
}

/* Template 1
*****************************/

#content .t1_teaserItem {
  clear: both;
  margin-bottom: 8px;
  width: 440px;
}

#content .t1_teaserItemImage {
  background: #eaeaea;
  display: inline;
  float: left;
  height: 80px;
  margin: 0 6px 8px 0;
  padding: 5px;
  text-align: center;
  width: 80px;
}

#content .t1_teaserItemHeader,
#content .t1_teaserItemHeader a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#content .t1_teaserItemHeader a:hover{
  color: #000;
}


#content .t1_teaserItemText,
#content .t1_teaserItemText a {
  color: #000;
  text-decoration: none;
}

#content .t1_teaserItemHeader,
#content .t1_teaserItemText {
  font-size: 1em;
}


/* Template 2
*****************************/

#content .t2_teaserItem {
  clear: both;
  margin: 2em 0;
  width: 440px;
}

#content .t2_teaserItemHeader a {
  color: #039ACF;
  font-weight: bold;
  text-decoration: none;
}

#content .t2_teaserItemText,
#content .t2_teaserItemText a {
  color: #000;
  margin: 0.5em 0;
  text-decoration: none;
}

#content .t2_teaserItemHeader,
#content .t2_teaserItemText {
  font-size: 1em;
}




/* Pagebrowser below Teaser List
*****************************/

#content .browseBoxWrap {
  clear: both;
  padding: 0 6px 6px 6px;
  text-align: center;
}

#content .browseBoxWrap table {
  border-collapse: collapse;
  margin: auto;
}

#content .browseBoxWrap td {
  padding: 0px 3px;
}

#content .activeLinkWrap a,
#content .inactiveLinkWrap a {
  font-weight: bold;
  text-decoration: none;
}

#content .activeLinkWrap a:hover,
#content .inactiveLinkWrap a:hover {
  color: #000;
}

#content .disabledLinkWrap #browseFirst {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_first_default_inact.gif) top no-repeat;
}

#content .disabledLinkWrap #browsePrev {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_prev_default_inact.gif) top no-repeat;
}

#content .disabledLinkWrap #browseNext {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_next_default_inact.gif) top no-repeat;
}

#content .disabledLinkWrap #browseLast {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_last_default_inact.gif) top no-repeat;
}

#content .inactiveLinkWrap #browseFirst {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_first_default.gif) top no-repeat;
}

#content .inactiveLinkWrap #browsePrev {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_prev_default.gif) top no-repeat;
}

#content .inactiveLinkWrap #browseNext {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_next_default.gif) top no-repeat;
}

#content .inactiveLinkWrap #browseLast {
  background: url(/typo3conf/ext/ab_teaserlist/res/browse_last_default.gif) top no-repeat;
}


/* allg. Formular
*****************************/


#content .csc-mailform {
  margin: 5px 0 15px;
}

#content legend {
  display: none;
}

#content .csc-mailform input {
  border: 1px solid #000;
  width: 150px;
}

#content .csc-mailform fieldset textarea {
  border: 1px solid #000;
  width: 300px;
}

#content .csc-mailform select {
  width: 150px;
}


#content .csc-mailform-radio fieldset {
  margin: 5px 0px 10px;
}


#content .csc-mailform-radio input {
  margin-left: 80px;
  width: 20px;
}


#content .csc-mailform fieldset {
  border: none;
}

#content .csc-mailform fieldset legend {
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px;
}

#content .csc-mailform fieldset dl {
  width: auto;
}

#content .csc-mailform fieldset dt {
  float: left;
  margin-right: 6px;
  padding: 0 0 .5em 0;
  text-align: right;
  width: 80px;
}

#content .csc-mailform fieldset dd {
  padding: 0 0 .5em 0;
  width: auto;
}

#content .csc-mailform-check {
  border: none;
  width: auto;
}

#content .csc-mailform-submit {
  background: #E6E6E6;
  color: #039ACF;
  font-size: 0.9em;
  font-weight: bold;
  width: 110px;
}




/* Indexed Search
*****************************/

#content .tx-indexedsearch-descr descr {
  font: 12px Verdana, monospace;
}

#content .tx-indexedsearch-searchbox-button {
  background: #E6E6E6;
  border: 1px solid #000;
  color: #039ACF;
  font-size: 0.9em;
  font-weight: bold;
  width: 110px;
}

#content .tx-indexedsearch-searchbox-sword {
  border: 1px solid #000;
}

#content .tx-indexedsearch-sw {
  font-style: normal;
}

#content .tx-indexedsearch-res table {
  margin: 5px 0px;
}

#content .browsebox li {
  margin: 0px 5px;
}





/***************************************************************************
* Sidebar
***************************************************************************/

#sidebar {
  color: #616265;
  float: right;
  margin-bottom: 20px;
  width: 170px;
}

/* the following rule is recognized only by IE */
* html body #sidebar {
  margin-bottom: 10px;
}

#sidebar h1 {
  font: 1.5em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
}

#sidebar a {
  background: url(../img/pfeil.gif) left 0.3em no-repeat;
  color: #039ACF;
  padding-left: 15px;
  text-decoration: none;
}



/* Search Box
*****************************/

#search {
  border-top: #000 1px solid;
  margin-bottom: 10px;
  padding: 10px 0px 0px 0px;
}

#search input.s_word {
  border: 1px solid #000;
  float: left;
  height: 18px;
  margin-right: 10px;
  width: 110px;
}

#searchbox input.s_button {
  float: left;
  height: 20px;
  margin-top: 11px;
}

#teaser {
  border-top: #000 1px solid;
  clear: both;
  margin-bottom: 10px;
  padding: 5px 0px 0px 0px;
}

#teaser .csc-textpic a {
  background: none;
  padding-left: 0px;
}

#teaser .csc-textpic-caption {
  font:  0.8em Arial, Helvetica, sans-serif;
}


/* Newsletter
*****************************/

#newsletter {
  border-top: #000000 1px solid;
  padding: 5px 0px 10px 0px;
}


/* ausgeblendet  */
#chat {
  border-top: #000000 1px solid;
  display: none;
  padding: 5px 0px 0px 0px;
}



/***************************************************************************
* Footer
***************************************************************************/

#footer {
  background: #e1e7e7;
  clear: both;
  height: 25px;
  padding: 10px 10px 0px 10px;
}

#copyright {
  float: left;
}

#contact {
  float: right;
  text-align: center;
  width: 150px;
}

#contact a {
  color: #000;
}