/******************************************/
/* IMPORTS */
/******************************************/
@import url("fsc_common.css"); /* css für RTE - Klassen */
@import url("fsc_common_fce.css"); /* css für FCE - Klassen */
@import url("fsc_menu.css"); /* css für das Menü */
@import url("fsc_plugins_other.css"); /* css für kleinere Plugins */


/* ************************************************** */
/* FCEs   für Startseite andere Breiten, Farben, etc. */
/* ************************************************** */

/* ---- 2COL FCE ----- */

table.fce_2col_table {
  border-spacing:0 0;
  background-color:#fff;
}
table.fce_2col_table td.left {
  width:460px;
  background-color:#fff;
  padding:0;
}
table.fce_2col_table td.right {
  width:220px;
  background-color:#fff;
  padding:0;
  padding-left:18px;
}

/* ---- 3 COL FCE  ---- */

table.fce_3col_table {
  border-spacing:0 0;
  height:200px;
}
table.fce_3col_table td.left {
  vertical-align:top;
  padding:0;
  width:220px;
  /*background-color:#e6c01f;*/
  border-right:10px solid #fff;
  text-align:left;
}
table.fce_3col_table td.middle {
  vertical-align:top;
  padding:0;
  width:220px;
  /*background-color:#b3be24;*/
  border-left:10px solid #fff;
  border-right:10px solid #fff;
  text-align:center;
}
table.fce_3col_table td.right {
  vertical-align:top;
  padding:0;
  width:230px;
  /*background-color:#a5bfe0;*/
  border-left:10px solid #fff;
  text-align:right;
}



/* ************************************************** */
/* fix Styles */
/* ************************************************** */
p, p.bodytext {
  margin:0; /* nicht ändern! Ein Abstand hier könnte das Aussehen von Hintergrundgrafiken verändern */
  padding-top:0;
  padding-bottom:1em;
}

a, 
a:link, 
a:active, 
a:visited, 
a:focus {
  text-decoration:none;
  /*color:#2f523e;*/
  color:#b54a3e;
} 
a:hover {
  text-decoration:underline;
  color:#b54a3e;
}

div#content p a, 
div#content p a:link, 
div#content p a:active, 
div#content p a:visited, 
div#content p a:focus {
  text-decoration:none;
  color:#b54a3e;
  background-image:url('../../images/arrow_menu_2_red.gif');
  background-repeat:no-repeat;
  background-position:0px 4px;
  padding-left:6px;
} 
div#content p a:hover {
  text-decoration:underline;
  color:#b54a3e;
}

div#content p a.no-arrow, 
div#content p a.no-arrow:link, 
div#content p a.no-arrow:active, 
div#content p a.no-arrow:visited, 
div#content p a.no-arrow:focus,
div#content p a.no-arrow:hover {
  text-decoration:none;
  color:#b54a3e;
  background-image:none;
  padding-left:0;
}

div#content p a.left-arrow, 
div#content p a.left-arrow:link, 
div#content p a.left-arrow:active, 
div#content p a.left-arrow:visited, 
div#content p a.left-arrow:focus,
div#content p a.left-arrow:hover {
  text-decoration:none;
  color:#b54a3e;
  background-image:url('../../images/arrow_menu_left_2_red.gif');
  background-repeat:no-repeat;
  background-position:0px 4px;
  padding-left:10px;
}


/* *** Links in der 1. rechten Inhalts-Box *** */
div.content_1_element p a, 
div.content_1_element p a:link, 
div.content_1_element p a:active, 
div.content_1_element p a:visited, 
div.content_1_element p a:focus {
  background-image:url('../../images/arrow_menu_2_red.gif');
  background-repeat:no-repeat;
  background-position:0px 3px;
  padding-left:9px;
}


/* *** Links in der 2. rechten Inhalts-Box *** */
div.content_2_element p a, 
div.content_2_element p a:link, 
div.content_2_element p a:active, 
div.content_2_element p a:visited, 
div.content_2_element p a:focus {
  background-image:url('../../images/arrow_menu_2_red.gif');
  background-repeat:no-repeat;
  background-position:0px 3px;
  padding-left:9px;
}


/* *** Glossary related styles **** */
/* HTML Definition Style */
dfn {
  font-style:normal;
  border-bottom:1px dotted #b54a3e;
}

div#content a.glossary:link,
div#content a.glossary:focus,
div#content a.glossary:active,
div#content a.glossary:visited,
div#content a.glossary:hover {
  color:#000;
  text-decoration:none;
}

div#col3 a.glossary:link,
div#col3 a.glossary:focus,
div#col3 a.glossary:active,
div#col3 a.glossary:visited,
div#col3 a.glossary:hover {
  color:#000;
  text-decoration:none;
}

abbr {
  border-bottom:1px dotted #b54a3e;
}


hr {
  border:none;
  border-top:1px solid #ccd3e4;
  height:1px;
  margin-top:1.5em;
  margin-bottom:1.5em;
  clear:both;
}

span.invisible {
  display:none;
}

div#content ul,
div#content ol {
  /*list-style-type:square;*/
  padding-left:32px;
}

div#content div.csc-textpic-intext-left ul li {
  margin-left:20px;
  margin-bottom:0.6em;
}

/* ****** Headlines ****** */
h1 {
  font-size:1.4em;
  font-weight:bold;
  margin:0px;
  margin-top:0px;
  margin-bottom:1.5em;
}

h2 {
  font-size:1.2em;
  font-weight:bold;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

h3 {
  font-size:1.2em;
  border-bottom:1px solid #eee;
  margin-bottom:1em;
  color:#555;
}

h4 {
  font-size:1.0em;
  font-weight:bold;
}

/* ****** Tabellen ****** */
table.contenttable {
  width:100%;
  font-size:0.9em;
  background-color:#ccc;
  border-spacing:1px;
}

table.contenttable p.bodytext {
  margin:0;
  padding:0;
}

table.contenttable thead tr {
  background-color:#ddd;
  color:#021938;
}

table.contenttable tbody td {
  padding:10px;
  background-color:#fff;
}




/******************************************/
/* HEAD */
/******************************************/
div#head {
  background-image:url('../../images/head_bg.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  height:214px;
  width:924px;
  border-bottom:4px solid #ddd;
}



/******************************************/
/* CONTENT */
/******************************************/
div#content {
  color:#000;
  font-size:0.75em;
  letter-spacing:0.03em;
  word-spacing:0.1em;
  line-height:1.5em;
  padding:20px;
  padding-top:10px;
  padding-left:0;
}

/* rechte Spalte */
div#content_1, 
div#content_2 {
  color:#000;
  font-size:0.75em;
  position:relative; /* hack für IE6 nötig??? */
}

div#content_1,
div#content_2 {
  margin-top:10px;
  width:189px;
}


div#content_1 h1,
div#content_2 h1 {
  text-align:center;
  color:#666;
  font-weight:bold;
  font-size:1.6em;
  margin-bottom:15px;
}





/******************************************/
/* FOOTER */
/******************************************/
div#alt_footer {
  padding-top:5px;
  font-size:0.7em;
  width:704px;
  height:50px;
  border-top:2px solid #97a89e;
  margin-left:0px;
  margin-top:20px;
  padding-bottom:20px;
  clear:both;
}

div#alt_footer div.copyright {
  /*
  float:left;
  width:280px;
  */
}

div#alt_footer div.footer_menu ul {
  margin:0;
  margin-top:7px;
  padding:0;
}

div#alt_footer div.footer_menu ul li {
  display:inline;
  margin:0;
  padding:0;
  padding-left:3px;
}

div#alt_footer div.footer_menu ul li a,
div#alt_footer div.footer_menu ul li a:link,
div#alt_footer div.footer_menu ul li a:active,
div#alt_footer div.footer_menu ul li a:visited,
div#alt_footer div.footer_menu ul li a:focus,
div#alt_footer div.footer_menu ul li a:hover {
  color:#558669;
  text-decoration:none;
}






/******************************************/
/* plugin: tt_NEWS  only for the STARTPAGE*/
/******************************************/
div.news_startpage_latest {
  position:relative;
  height:346px;
  width:222px;
  letter-spacing:0em;
  word-spacing:0em;
}

div.news_startpage_latest h1 {
  border-bottom:1px solid #97a89e;
  font-size:1.2em;
  margin-top:0;
  margin-bottom:5px;
  padding-top:0;
  color:#2d4e3b;
}

div.news_date {
  color:#777;
  font-size:0.9em;
}

div.news_title {
  font-weight:bold;
  color:#000;
}
div.news_go {
  padding-bottom:2px;
  margin-bottom:4px;
  border-bottom:1px dashed #ddd;
  text-align:right;
  font-weight:bold;
}

div.rss_link {
  position:absolute;
  bottom:0;
  left:0;
  border-bottom:4px solid #97a89e;  
  width:100%;
}


