/* Body */
body { 
  background: #BBAF84 url("images/body_bg.gif") center center;
  padding: 0;
  margin: 0;
  text-align: center;           /* KLUDGE: IE-5 margin auto bug */
}

/* Hauptfenster */
#main { 
  text-align: left;           /* KLUDGE: IE-5 margin auto bug */
  width: 934px;
  margin: 0 auto;
}

/* Kopf - Bild */
#header { 
  padding: 12px 0 0 1px;
  margin: 0;
  background: #FFF;
}
#header img { 
  display: block;
}

/* Hauptmenü */
ul#main_menu { 
  list-style: none;
  height: 30px;
  padding: 6px 0 6px 8px;
  margin: 0;
  background: #FFF;
}
#main_menu li { 
  float: left;
  width: 126px;
  height: 30px;
  margin: 0 6px 0 0;
  padding: 0;
}
* html #main_menu li.last {     /* KLUDGE: IE margin collapse bug */
  margin-right: 0;
}
#main_menu li a { 
  text-decoration: none;
  color: #50672F;
  background: #F4DE94;
  display: block;
  text-align: center;
  font: bold 12px/29px Verdana,sans-serif;
  width: 126px;
  height: 30px;
  overflow: hidden;
}
#main_menu li a:hover, #main_menu li.sfHover > a {
  color: #952522;
  background: #FAF1D0;
}
#main_menu li a.current, #main_menu li a.current:hover {
  color: #FFF;
  background-color: #952522;
}
#main_menu li a.current:hover {
  color: #FFF;
  background-color: #952522;
}

/* Navigation */
#nav_col { 
  width: 191px;
  background: #FAF1D0;
  margin: 0px 6px 0 8px;
  float: left;
  clear: left;
}
* html #nav_col {
  margin-left: 4px;             /* KLUDGE: IE braucht fixe Breite */
}
#nav_col a {
  font: bold 11px Verdana,sans-serif;
  text-decoration: none;
  color: #50672F;
  display: block;
  margin: 0 6px;
  padding: 7px 0 7px 6px;
  width: 173px;                 /* KLUDGE: IE braucht fixe Breite */
}
#nav_col .additional_content a {
  font: inherit;
  text-decoration: underline;
  display: inline;
  margin: 0;
  padding: 0;
  width: auto;
}
#nav_col a:hover { 
  color: #952522;
  background: #fdf8e7;
}
#nav_col .additional_content a:hover {
  background: none;
}
#nav_col li a.current, #nav_col li a.current:hover { 
  color: #FFF;
  background-color: #952522;
}
#nav_col .submenu a {
  font-weight: normal;
  padding-left: 14px;
  width: 165px;                 /* KLUDGE: IE braucht fixe Breite */
}
#nav_col ul { 
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
}
#nav_col li { 
  padding: 0px;
  margin: 0;
}
#nav_col ul.submenu { 
  margin-top: 0;
}
#nav_col ul.submenu li { 
  font: 11px Verdana,sans-serif;
  padding: 0px;
  margin: 0px;
}

#nav_col .additional_content {
  padding: 0 8px;
  font:11px/15px Verdana,sans-serif;
}

/* Hauptfenster */
#main_col { 
  width: 880px;
  margin-left: 8px;
  background: #FDF8E7;
  float: left;
  padding-bottom: 24px;
}

/* Bilder-Spalte */
#pic_col { 
  width: 188px;
  background: #FFF;
  margin: 0px 8px 0 0;
  float: right;
  font: normal 11px Verdana,sans-serif;
  line-height: 15px;
}
* html #pic_col {
  margin-right: 4px;
}

/* Subsubmenü in Bilderspalte */
#pic_col .menu a {
  text-decoration: none;
  color: #50672F;
  display: block;
  margin: 0 6px;
  padding: 7px 0 7px 6px;
  width: 171px;                 /* KLUDGE: IE braucht fixe Breite */
}
#pic_col .menu a:hover { 
  color: #952522;
  background: #fff;
}
#pic_col .menu li a.current, #pic_col .menu li a.current:hover { 
  color: #FFF;
  background-color: #952522;
}
#pic_col ul.menu { 
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
}
#pic_col .menu li { 
  padding: 0px;
  margin: 0;
}


p.align-center {
  text-align: center;
}
p.align-right {
  text-align. right;
}


/* ---------------------------------------------------------------------- */
/* Content-Spalte                                                         */
/* ---------------------------------------------------------------------- */
#main_col { 
  font: 11px Verdana,sans-serif;
  line-height: 15px;
}
#main_col p, #main_col table, #main_col h1, #main_col h2, #main_col h3, #main_col ul { 
  margin-left: 12px;
  margin-right: 12px;
}

/* ---------------------------------------------------------------------- */
/* Fließtext                                                              */
/* ---------------------------------------------------------------------- */

#main_col p, #pic_col p, #nav_col .additional_content { 
  margin-top: 12px;
  margin-bottom: 0;
}
#main_col p.intro { 
  font-weight: bold;
}
#main_col p.klein {
  Font-Size: 9pt;
}
#main_col h1.csc-firstHeader {
  font-size: 11pt;
  margin-top: 11px;
  color: #952522;
}
#main_col h1, #main_col h2, #main_col h3, #main_col h4, 
#pic_col h1, #pic_col h2, #pic_col h3, #pic_col h4, 
#nav_col .additional_content h1, #nav_col .additional_content h2, #nav_col .additional_content h3, #nav_col .additional_content h4 {
  color: #952522;
}
#main_col h1, #pic_col h1, #nav_col .additional_content h1 {
  font-size: 10pt;
  margin-top: 20px;
}
#nav_col .additional_content h1 {
  margin: 40px 0 10px;
}
#nav_col .additional_content .csc-header-n1 h1 {
  margin-top: 5px;
}
#main_col .header-big h1, #pic_col .header-big h1, #nav_col .additional_content .header-big h1 {
  font-size: 14pt;
}
#main_col h2, #pic_col h2, #nav_col .additional_content h2 {
  font-size: 10pt;
}

#main_col h3, #pic_col h3, #nav_col .additional_content h3 { 
  font-size: 10pt;
}
#main_col a img, #pic_col a img, #nav_col .additional_content h3 { 
  border: none;
}

/* ---------------------------------------------------------------------- */
/* Listen                                                                 */
/* ---------------------------------------------------------------------- */
#main_col ul, #pic_col ul, #nav_col .additional_content ul {
  list-style : square;
  list-style-image: url("images/quadr_gruen.gif");
  margin-left : 18px;
  padding-left : 18px;
  margin-top: 12px;
}
#main_col ul li, #pic_col ul li, #nav_col .additional_content li {
  margin: 2px 0;
}

/* Via TYPO3 generierte Bullet-Lists ("Layout 1" = ohne Aufzählungszeichen) */
#main_col ul.csc-bulletlist-1, #pic_col ul.csc-bulletlist-1, #nav_col .additional_content ul.csc-bulletlist-1 {           
  padding: 0;
  list-style: none;
  list-style-image: none;       /* KLUDGE: IE5 fix */
  margin: 0 0 0 11px;
}

/* Via TYPO3 generierte Bullet-Lists ("Layout 2" = Nummerierung statt Bullets) */
#main_col ul.csc-bulletlist-2, #pic_col ul.csc-bulletlist-2, #nav_col .additional_content ul.csc-bulletlist-2 {           
  list-style: decimal;
  list-style-image: none;       /* KLUDGE: IE5 fix */
}

/* ---------------------------------------------------------------------- */
/* Via Typo3 generierte Bilder im Textfluss                               */
/* ---------------------------------------------------------------------- */
#main_col div.csc-textpic-intext-left-nowrap {
  margin: 12px 0 12px 12px;
}
#main_col div.csc-textpic-intext-right {
  margin: 12px 0 12px 12px;
}
#main_col div.csc-textpic-imagewrap {
  margin: 0 0 0 12px;
}
* html #main_col div.csc-textpic-imagewrap { /* KLUDGE: IE double margin float bug */
  margin: 0 0 0 6px;
}

/* ---------------------------------------------------------------------- */
/* Tabellen                                                               */
/* ---------------------------------------------------------------------- */
#main_col td.beschreibung {
  background-color: #CCCCCC;
}
#main_col td.inhalt {
  background-color: #D3DCE3;
}

/* ---------------------------------------------------------------------- */
/* Links                                                                  */
/* ---------------------------------------------------------------------- */
#main_col a, #pic_col a, #nav_col .additional_content a {
  color: #708090;
  text-decoration: underline;
}
#main_col a:hover, #pic_col a:hover, #nav_col .additional_content a:hover {
  color: #D00;
  text-decoration: underline;
}
#main_col a.linkklein, #pic_col a.linkklein, #nav_col .additional_content a.linkklein {
  font-size: 9pt;
}
#main_col a.gallink {
  font-weight: bold;
  color: #708090;
  text-decoration: none;
}


/* ---------------------------------------------------------------------- */
/* Zwei-Spalten-Layout für Contentbereich                                 */
/* ---------------------------------------------------------------------- */
#main_col table.twocol { 
  width: 100%;
  padding: 0;
  margin: 0;
  border-spacing: 0;
}
#main_col table.twocol td { 
  width: 50%;
  vertical-align: top;
}


/* ---------------------------------------------------------------------- */
/* Download-Link am Ende eines Newsitems                                  */
/* ---------------------------------------------------------------------- */

#main_col .download_link {       
  font-size: 10px;
  color: #666;
  line-height: 13px;
  margin: 5px 0 20px 12px;
}
#main_col .download_link img {
  float: left;
  margin: -5px 5px 0 0;
}


/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* Spezifische Content-Layouts                                            */
/* ---------------------------------------------------------------------- */
/* ====================================================================== */


/* ---------------------------------------------------------------------- */
/* Newsticker                                                             */
/* ---------------------------------------------------------------------- */
#tickerspace {
  font-size: 12px;
}

/* ---------------------------------------------------------------------- */
/* Büroteam-Übersichtstabelle                                             */
/* ---------------------------------------------------------------------- */
#main_col table.iosteam {
  width: 98%;
}
#main_col table.iosteam td {
  width: 33%;
  text-align: center;
  line-height: 150%;
  padding: 0 8px 16px 8px;
}
#main_col table.iosteam h2 { 
  margin: 6px 0 0 0;
}


/* ---------------------------------------------------------------------- */
/* Beraterteam-Übersichtstabelle                                          */
/* ---------------------------------------------------------------------- */
#main_col table.beraterteam {
  margin: 10px 0;
  border-collapse: collapse;
  clear: both;
}
#main_col table.beraterteam td {
  padding: 6px 0;
  vertical-align: bottom;
  font-size: 8pt;
  width: 90px;
  text-align: center;
}
#main_col table.beraterteam td img { 
  display: block;
  margin: 0 auto;
  border: 0;
}

#main_col table.beraterteam.side {
  float: right;
  margin: 52px 0 0 15px;
}


#nav_col { 
  display: none;
}

#pic_col { 
  display: none;
}


/* ---------------------------------------------------------------------- */
/* Download: Login-Box                                                    */
/* ---------------------------------------------------------------------- */
#main_col div.tx-newloginbox-pi1 table { 
  border-collapse: collapse;
  border-spacing: 0;
}
#main_col div.tx-newloginbox-pi1 table tr td {
  vertical-align: middle;
  padding: 5px 12px 5px 0;
}
#main_col div.tx-newloginbox-pi1 table tr td p {
  margin: 0;
}


/* ---------------------------------------------------------------------- */
/* Kontakt: Kontaktformular                                               */
/* ---------------------------------------------------------------------- */
#main_col .contactform { 
  width: 320px;
  float: right;
  border: none;
  margin: 12px 0 0 12px;
  background:  #FAF1D0 url("images/kontaktformular_bg.jpg") no-repeat top right;
  padding: 10px 5px 10px 10px;
  border: 3px solid #FFF;
}
* html #main_col .contactform { /* KLUDGE: IE Box model bug */
  width: 305px;
}
#main_col .contactform h2 { 
  margin: 0 0 12px 0;
}
#main_col .contactform p { 
  margin: 0;
  padding: 2px 0;
  line-height: 20px;
}
#main_col .contactform p.error { 
  color: #900;
}
#main_col .contactform p.error input, #main_col .contactform p.error select { 
  background: #FCC;
}
#main_col .contactform textarea {
  width: 100%;
}
#main_col  .contactform label {
  float: left;
  width: 80px;
  display: block;
  text-align: right;
  margin-right: 10px;
}
#main_col .contactform label.checkboxlabel {
  width: auto;
  text-align: left;
  display: block;
  margin-left: 93px;
  margin-right: 0;
  float: none;
}
* html #main_col .contactform label.checkboxlabel.first { /* KLUDGE: IE 3 px text jog bug */
  margin-left: 90px;
}
#main_col .contactform label.textarealabel {
  width: auto;
  text-align: left;
  display: block;
  margin-right: 0;
  float: none;
}
#main_col  .contactform input, #main_col .contactform select {
  font: 11px Verdana,sans-serif;
  width: 180px;
}
#main_col .contactform option {
  font-weight: bold;
}
#main_col .contactform option.sub {
  font-weight: normal;
}
#main_col .contactform option.first {
  text-align: center;
  background-color: #DDD;
}
#main_col  .contactform input.checkbox {
  width: auto;
  padding: 0;
  margin: 0;
}
#main_col .contactform .submit {
  width: 100px;
}

/* ---------------------------------------------------------------------- */
/* Aktuelle-Termine-Link auf Startseite                                   */
/* ---------------------------------------------------------------------- */
.aktuelle_termine {
  float: right;
  margin: 0 -30px 0 0;
}

/* ---------------------------------------------------------------------- */
/* Bild-Boxen für Startseite                                              */
/* ---------------------------------------------------------------------- */
#main_col .startseite div.csc-textpic-imagewrap {
  margin: 40px 0 0 12px;
  width: 932px !important;
}
.startseite div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  width: 279px !important;
  height: 160px !important;
  margin-left: 20px;
  border: 3px solid #50672F;
  position: relative;
}
.startseite dl.csc-textpic-image dt {
  display: block;
  margin-top: 30px;
}
.startseite dl.csc-textpic-image dt a  {
  width: 204px;
  margin: 0 38px;
  overflow: hidden;
  display: block;
  text-align: center;
}
.startseite dl.csc-textpic-image dd {
  position: absolute;
  top: 8px;
  width: 279px;
  text-align: center;
  font-size: 10pt;
  color: #952522;
  font-weight: bold;
}


/* ---------------------------------------------------------------------- */
/* Audioplayer                                                            */
/* ---------------------------------------------------------------------- */
.tx-freemp3player-pi1 {
  margin: 12px;
}


/* ---------------------------------------------------------------------- */
/* Bildergalerie                                                          */
/* ---------------------------------------------------------------------- */
#eco-gal-ply1 #previewPane #largeImageCaption {
  font-size: 11px;
  line-height: 15px;
  font-family: Verdana,sans-serif;
}

/* ---------------------------------------------------------------------- */
/* Blog                                                                   */
/* ---------------------------------------------------------------------- */
.tx-t3blog-pi2 table.calendar {
  width: 100%;
  border-collapse: collapse;
}
.tx-t3blog-pi2 table.calendar td, .tx-t3blog-pi2 table.calendar th {
  padding: 2px 3px;
}

.tx-t3blog-pi2 table.calendar th {
  text-align: center;
  font-size: 110%;
  border-bottom: 1px solid #dfbdbc;
}
.tx-t3blog-pi2 table.calendar th.previous {
  text-align: left;
}
.tx-t3blog-pi2 table.calendar th.next {
  text-align: right;
}
.tx-t3blog-pi2 table.calendar tr.month td {
  text-align: right;
  font-weight: bold;
}

.tx-t3blog-pi2 #categories h3 {
  display: none;
}
.tx-t3blog-pi2 #categories ul {
  margin-left: 0;
}
.tx-t3blog-pi2 #categories .postnum {
  padding-left: 3px;
}

.tx-t3blog-pi2 .rss h3 {
  display: none;
}
.tx-t3blog-pi2 .rss img {
  float: right;
  clear: right;
  margin: 4px 0 0 0;
}
.tx-t3blog-pi2 .rss .rss_comment {
  padding-bottom: 8px;
}

.tx-t3blog-pi2 .item {
  padding: 20px 0;
}
.tx-t3blog-pi2 .itemTop, .tx-t3blog-pi2 .itemNav, .tx-t3blog-pi2 #singleNavigation, .tx-t3blog-pi2 .commentListListing, .tx-t3blog-pi2 #commentFormNonAjax {
  margin: 0 12px;
}
.tx-t3blog-pi2 .itemTop .categories,
.tx-t3blog-pi2 .itemTop .date {
  float: right;
  clear: right;
}
.tx-t3blog-pi2 .itemTop .date {
  font-weight: bold;
}
.tx-t3blog-pi2 .itemTop .time {
  display: none;
}
.tx-t3blog-pi2 .itemBody {
  padding-bottom: 10px;
}
#main_col .tx-t3blog-pi2 .itemBody p, 
#main_col .tx-t3blog-pi2 .itemBody table, 
#main_col .tx-t3blog-pi2 .itemBody h1, 
main_col .tx-t3blog-pi2 .itemBody h2, 
#main_col .tx-t3blog-pi2 .itemBody h3, 
#main_col .tx-t3blog-pi2 .itemBody ul {
  margin-left: 0;
  margin-right: 0;
}
#main_col .tx-t3blog-pi2 .itemBody h3 {
  padding-top: 14px;
  margin-top: 0;
  margin-bottom: 10px;
}
#main_col .tx-t3blog-pi2 h3 a {
  color: #952522;
}
#main_col .tx-t3blog-pi2 h3 a:hover {
  color: #D00;
}
.tx-t3blog-pi2 .itemBody {
  margin: 0 12px;
}
#main_col .tx-t3blog-pi2 .itemBody .more {
  font-weight: bold;
}

.tx-t3blog-pi2 #singleNavigation {
  height: 24px;
  padding: 12px 0 0 0;
  border-bottom: 1px solid #dfbdbc;
}
.tx-t3blog-pi2 #singleNavigation .previous, .tx-t3blog-pi2 #singleNavigation .backtolist, .tx-t3blog-pi2 #singleNavigation .next {
  float: left;
  width: 43%;
}
.tx-t3blog-pi2 #singleNavigation .backtolist {
  width: 14%;
  text-align: center;
}
.tx-t3blog-pi2 #singleNavigation .next {
  text-align: right;
}
.tx-t3blog-pi2 .blogList .filter  {
  padding: 12px 0;
  margin: 0 12px;
  border-bottom: 1px solid #dfbdbc;
  height: 12px;
}
.tx-t3blog-pi2 .blogList .filter .text {
  float: left;
}
.tx-t3blog-pi2 .blogList .filter a {
  float: right;
}
.tx-t3blog-pi2 .single  {
  clear: both;
  padding-top: 12px;
}


.tx-t3blog-pi2 .itemNav .blogtipafriendlink, .tx-t3blog-pi2 .itemNav .tags, .tx-t3blog-pi2 .itemNav .views,
.tx-t3blog-pi2 .blogList .itemNav .permalink {
  display: none;
}
.tx-t3blog-pi2 .itemNav .permalink,  .tx-t3blog-pi2 .itemNav .trackback {
  float: right;
  clear: right;
 } 
.tx-t3blog-pi2 .itemNav .comments {
  float: right;
}

#commentList {
  padding-top: 20px;
}
.commentListListing .item {
  border: 1px solid #dfbdbc;
  padding: 10px 0;
  margin-bottom: 10px;
}

.commentTopNav {
  padding: 0 12px;
  height: 11px;
}
.commentTopNav .author {
  font-weight: bold;
  float: left;
}
.commentTopNav .date {
  float: right;
}
.commentTopNav .date div {
  float: left;
  padding-left: 5px;
}
.commentBody {
  clear: both;
  margin-top: 10px;
}
.commentBody h5 {
  display: none;
}
.commentFooter {
  margin: 10px 12px 0;
}

#commentFormNonAjax {
  border: 1px solid #dfbdbc;
  padding: 10px 12px;
  margin-bottom: 10px;
}
#commentFormNonAjax h4 {
  margin-top: 0;
}
#commentFormNonAjax h6.commentError {
  background: #900;
  color: #FFF;
  font: bold 9pt Verdana,sans-serif;
  margin: 0;
  padding: 4px 8px 3px;
}
#commentFormNonAjax ul.commentError {
  background: #FCC;
  border: 2px solid #900;
  margin: 0 0 10px 0;
  padding: 5px 5px 5px 25px;
}

#commentFormNonAjax .formElement {
  padding: 0 0 5px 0;
}
#commentFormNonAjax .formLabel {
  float: left;
  width: 120px;
  clear: left;
  padding-top: 3px;
}
#commentFormNonAjax .formField {
  margin-left: 120px;
}
#commentFormNonAjax .formField input.text {
  width: 320px;
}
#commentFormNonAjax .formField textarea.text {
  width: 320px;
  height: 150px;
}
.tx-t3blog-pi2 .blogCommentMessage {
  background: #CCFFCC;
  border: 2px solid #009900;
  font-weight: bold;
  margin: 10px 12px;
  padding: 5px 8px;
}
  
.tx-t3blog-pi2 #latestComments {
  padding: 0 2px 0 4px;
}
.tx-t3blog-pi2 #latestComments h3 {
  display: none;
}
.tx-t3blog-pi2 .latestCommentsList dt {
  text-align: right;
  font-size: 7pt;
}
.tx-t3blog-pi2 .latestCommentsList dd {
  margin: 0 0 15px 0;
}