/**********************************************************
 *
 * content-common.css
 *
 * General style settings for csc content elements
 *
 **********************************************************/


/* === Text / Headers =================================== */


/* --- Headers ------------------------------------------ */

/* Ensure nothing floats along when outputting a header */
.csc-header {
  clear: both;
}

/* Layout 1 (= normal layout) */
.csc-header h1, .csc-textpicHeader h1 {
}

/* Layout 2 */
.csc-header h2, .csc-textpicHeader h2 {
}

/* Layout 3 */
.csc-header h3, .csc-textpicHeader h3 {
}

/* Layout 4 */
.csc-header h4, .csc-textpicHeader h4 {
}

/* Layout 5 */
.csc-header h5, .csc-textpicHeader h5 {
}

/* Not observed in typo3 output so far */
.csc-header h6, .csc-textpicHeader h6  {
}

/* First header shouldn't have top margin */
.csc-firstHeader {
  margin-top: 0 !important;
}


/* --- Subheaders --------------------------------------- */

/* Common class for all subheaders (<p>) */
.csc-subheader {
}

/* Normal layout */
.csc-subheader-0 {
}

/* Layout 1 */
.csc-subheader-1 {
}

/* Layout 2 */
.csc-subheader-2 {
}

/* Layout 3 */
.csc-subheader-3 {
}


/* --- Body text ---------------------------------------- */

/* Body text (<p>) */
.bodytext {
}


/* === Images =========================================== */

/* Ensure nothing floats along when beginning an image element */
.csc-textpic {
  clear: both;
}

/* Caption */
.csc-textpic-caption {
  margin-top: 2px !important;
}


/* === Bullet and File Lists ============================ */


/* --- Bullet lists ------------------------------------- */

/* Bullet lists, general (<ul>) */
.csc-bulletlist {
}

/* Normal layout */
.csc-bulletlist-0 {
}

/* Layout 1 */
.csc-bulletlist-1 {
  list-style-type: disc;
}

/* Layout 2 */
.csc-bulletlist-2 {
  list-style-type: square;
}

/* Layout 3 */
.csc-bulletlist-3 {
  list-style-type: decimal;
}

/* Even-numbered list item (<li>) */
.even {
}

/* Odd-numbered list item (<li>) */
.odd {
}


/* --- File lists --------------------------------------- */

/* File lists, general (<table>) */
.csc-uploads {
  border: 1px solid #e0e0e0;
  vertical-align: top;
  width: 62%;
}
.csc-uploads td {
  padding: 4px;
  vertical-align: top;
}
.csc-uploads p {
  padding: 0px;
  margin: 0px;
}

/* Plain file list */
.csc-uploads-0 {
}

/* Layout 1: with file icons */
.csc-uploads-1 {
}

/* Layout 2: with image preview */
.csc-uploads-2 {
}

/* Layout 3: with preview, vertically centered */
.csc-uploads-3 td {
  vertical-align: middle;
}

/* Even-numbered file list entry (<tr>) */
.csc-uploads .tr-even {
}

/* Odd-numbered file list entry (<tr>) */
.csc-uploads .tr-odd {
}

/* File icon cell (<td>) */
.csc-uploads-icon {
  padding: 4px;
  width: 1%;
  vertical-align: middle;
}

/* Filename cell (<td>) */
.csc-uploads-fileName {
  padding: 4px;
}

/* File description; displayed within filename cell (<p>) */
.csc-uploads-description {
}

/* File size (<td>) */
.csc-uploads-fileSize {
  padding: 4px;
  width: 38%;
}


/* === Tables =========================================== */

/* Tables, general (<table>) */
.contenttable {
  min-width: 62%;
  caption-side: top;
  border: 1px solid #e0e0e0;
  border-spacing: 1px;
  border-collapse: collapse;
}
.contenttable caption {
  margin: 2ex 0ex;
  text-align: left;
}
.contenttable th, .contenttable td {
  border: 1px solid #e0e0e0;
  padding: 4px 8px;
}
.contenttable tfoot td {
  background-color: #c0c0e0;
}

/* Normal layout */
.contenttable-0 {
}

/* Layout 1: first row emphasized */
.contenttable-1 {
}
.contenttable-1 .tr-0 {
  background-color: #c0c0e0;
}

/* Layout 2: first column emphasized */
.contenttable-2 {
}
.contenttable-2 .td-0 {
  background-color: #c0c0e0;
}

/* Layout 3: first row and column emphasized */
.contenttable-3 {
}
.contenttable-3 .tr-0 {
  background-color: #c0c0e0;
}
.contenttable-3 .td-0 {
  background-color: #c0c0e0;
}

/* Even-numbered table row (<tr>) */
.tr-even {
}

/* Odd-numbered table row (<tr>) */
.tr-odd {
}


/* === Forms ============================================ */


/* --- Forms in general --------------------------------- */

/* Input elements */
select, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
}

/* CSC form, cell containing a comment (<td>) */
.csc-form-commentcell {
  padding: 4px 8px;
}

/* CSC form, cell containing field label (<td>) */
.csc-form-labelcell {
  padding: 4px 8px;
}

/* CSC form, label text (<p>) */
.csc-form-label {
  margin: 0px;
}
/* CSC form, label for required fiels (<p>) */
.csc-form-label-req {
  margin: 0px;
}

/* CSC form, cell containing input field (<td>) */
.csc-form-fieldcell {
  padding: 4px 8px;
}


/* --- Log-in form -------------------------------------- */

/* Log-in form as-a-whole (<table>) */
.csc-loginform {
/*  width: 62%;*/
  border: 1px solid #e0e0e0;
  padding: 8px;
}

/* --- Mail form ---------------------------------------- */

/* Mail form as-a-whole (<fieldset>) */
.csc-mailform {
  border: 1px solid #e0e0e0;
  padding: 8px;
}

/* Mail form field, i.e. label + input element */
.csc-mailform-field {
  clear: both;
}

/* Mail form field label */
.csc-mailform-field label {
  width: 25%;
  margin: 4px;
  margin-right: 0.5em;
  display: block;
  float: left;
  text-align: right;
}

/* Mail form input elements */
.csc-mailform-field input {
}
.csc-mailform-field textarea {
}
.csc-mailform-submit {
  margin-top: 8px;
}


/* --- Newsletter subscription form --------------------- */

/* Newsletter form as-a-whole (<div>) */
.tx-danewslettersubscription-pi1 {
}

/* Newsletter subscription form, message (<p>) */
.tx-danewslettersubscription-pi1-premsg {
}

/* The newsletter subscription form */
.tx-danewslettersubscription-pi1 form {
/*  min-width: 62%;
  padding: 4px;
  border: 1px solid #e0e0e0;*/
}

/* List of newsletter categories (<div>) */
.tx-danewslettersubscription-pi1-listrow {
}
.tx-danewslettersubscription-pi1-listrow table {
  width: 62%;
  border: 1px solid #e0e0e0;
  border-spacing: 1px;
  border-collapse: collapse;
}
.tx-danewslettersubscription-pi1-listrow td {
  padding: 4px 8px;
  border: 1px solid #e0e0e0;
}
.tx-danewslettersubscription-pi1-listrow p {
  margin: 0px;
  font-weight: normal !important;
}

/* Name and checkbox for newsletter category (<tr>) */
.tx-danewslettersubscription-pi1-listrow-header td {
  background-color: #f0f0f0;
}

/* Description of a newsletter category */
.tx-danewslettersubscription-pi1-descr {
}


/* === Frames =========================================== */

/* Frames in general (<div>) */
.csc-frame {
  margin: 0em 0em 1em;
}

/* No top margin for headers within frames (<div>) */
.csc-frame h1,.csc-frame h2, .csc-frame h3, .csc-frame h4, .csc-frame h5, .csc-frame h6 {
  margin-top: 0 !important;
}

/* Frame without border (but with box) */
.csc-frame-invisible {
  padding: 8px;
  background-color: #f0f0f0;
}

/* Horizontal ruler before current content element (stand-alone <div>) */
.csc-frame-rulerBefore {
  border-top: 1px solid #000000;
}

/* Horizontal ruler after current content element (stand-alone <div>) */
.csc-frame-rulerAfter {
  border-bottom: 1px solid #000000;
}

/* Indent content element (<div>) */
.csc-frame-indent {
  padding-left: 2em;
}

/* Indent left, golden section (<div>) */
.csc-frame-indent3366 {
  padding-left: 38%;
}

/* Indent right, golden section (<div>) */
.csc-frame-indent6633 {
  padding-right: 38%;
}

/* Frame with border (<div>) */
.csc-frame-frame1 {
  border: 4px solid #e0e0e0;
  padding: 8px;
}

/* Frame with border and background (<div>) */
.csc-frame-frame2 {
  border: 4px solid #e0e0e0;
  padding: 8px;
  background-color: #c0c0e0;
}


/* === Miscelaneous ===================================== */

/* Link to top (<p>) */
.csc-linkToTop {
}