/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css,v 1.1 2005/12/28 00:49:11 mundaun Exp $
# ***************************************************************************************/
* {
    font-family: Arial,'Adobe Helvetica', Verdana, sans-serif;
    font-size: 12px;
}
P, TABLE, TD {font-size: 12px;}

/* Schriftgroessen  */
a.extraklein,span.extraklein { font-size: 8px;}
a.klein,span.klein { font-size: 10px;}
a.gross,span.gross { font-size: 14px;}
a.x-gross,span.x-gross { font-size: 16px;}
a.xx-gross,span.xx-gross { font-size: 18px;}
a.doppelt,span.doppelt { font-size: 24px;}
a.dreifach,span.dreifach { font-size: 36px;}
a.vierfach,span.vierfach { font-size: 48px;}
span.klein a { font-size: 10px;}
span.gross a{ font-size: 14px;}
span.x-gross a{ font-size: 16px;}
span.xx-gross a { font-size: 18px;}
span.doppelt a { font-size: 24px;}
span.dreifach a { font-size: 36px;}
span.vierfach a { font-size: 48px;}
td span.klein { font-size: 10px;}
td span.gross { font-size: 14px;}
td span.x-gross { font-size: 16px;}
td span.xx-gross { font-size: 18px;}
td span.doppelt { font-size: 24px;}
td span.dreifach { font-size: 36px;}
td span.vierfach { font-size: 48px;}
p span.klein { font-size: 10px;}
p span.gross { font-size: 14px;}
p span.x-gross { font-size: 16px;}
p span.xx-gross { font-size: 18px;}
p span.doppelt { font-size: 24px;}
p span.dreifach { font-size: 36px;}
p span.vierfach { font-size: 48px;}

/* Farben */
/*.color1 {}
.color2 {}
.color3 {}
.color4 {}
.color5 {}
.color6 {}
.color7 {}
.color8 {}*/

.csc-frame-frame1{
    background-color: #f0f3e9;
    color: #000000;
    padding: 12px 10px 2px 10px;
    border-top: 1px solid #b0b1b3;
    font-size: 12px;
}


.csc-frame-frame2 {
    background-image: url('../images/bgVerlaufDruckerei.gif');
    background-repeat: repeat-x;
    color: #000000;
    padding: 12px 10px 2px 10px;
    border-top: 1px solid #b0b1b3;
    font-size: 12px;
}

.csc-frame-rulerBefore {
    padding: 10px 10px 0px 10px;
    border-top: 1px solid #b0b1b3;
}
.csc-frame-rulerAfter {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #b0b1b3;
}
p.csc-header-date
{
    font-size: 11px;
    font-weight: bold;
}


ul.component-items {list-style-image: url('../images/bulletGruen.gif'); }
ul.action-items { list-style-image: url('../images/bulletGruen.gif'); }
div.csc-textpic ul { list-style-image: url('../images/bulletGruen.gif'); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
/*span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }*/

/* Selectors for the default configuration of the link accessibity feature.*/
/* a.external-link {} */
a.external-link-new-window {
color:#a8c211;}
a.internal-link {
color:#a8c211;}
a.internal-link-new-window {
color:#a8c211;}
a.download {
color:#a8c211;}
a.mail {
color:#a8c211;}

h1 {
    color: #000000;
    font-size: 14px;
}
h2 {
    color: #000000;
    font-size: 12px;
}
h3 {
    color: #000000;
    font-size: 11px;
}

/* default styles for extension "tx_cssstyledcontent" */
  /* Captions */
  DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

  /* Needed for noRows setting */
  DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

  /* Border just around the image */
  DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 1px solid black;
    padding: 0px 0px;
  }

  DIV.csc-textpic-imagewrap { padding: 0; }

  DIV.csc-textpic IMG { border: none; }

  /* DIV: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

  /* UL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

  /* DL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
  DL.csc-textpic-image { margin: 0; }
  DL.csc-textpic-image DT { margin: 0; display: inline; }
  DL.csc-textpic-image DD { margin: 0; }

  /* Clearer */
  DIV.csc-textpic-clear { clear: both; }

  /* Margins around images: */

  /* Pictures on left, add margin on right */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
  }

  /* Pictures on right, add margin on left */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }

  /* Pictures centered, add margin on left */
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
  DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

  /* No margins around the whole image-block */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

  /* Add margin from image-block to text (in case of "Text w/ images") */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !important;
  }

  /* Positioning of images: */

  /* Above */
  DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

  /* Center (above or below) */
  DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

  /* Right (above or below) */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
  DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
  DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

  /* Left (in text) */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

  /* Right (in text) */
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */

  /* Left (in text, no wrap around) */
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }