/* #################################
** # R. OBERMAYR Internet-Services #
** #################################
**
**  Dateiversion: 11.1.2009 
**  Datei       : 2009.css
**  Funktion    : Stylesheet für TYPO3 der Website 2009.THEATERSOMMER.AT
*/

/*
Colorscheme is:

Background Color 1: #EDEBF1;  (Background 1)
Background Color 1-dimmed: #D8D7DC;  (Background 1 - dimmed)
Background Color 2: #F5FFAA;  (Background 2)
Background Color 3: #D1D2E4;  (Background 2)

Text, main:  #000000;
Text Color 1: #186900;  (red)
Text Color 2: #10007B;  (green)
Text Color 3: #8A0020;  (blue)

Links    #003366;
Link hover: text-decoration: underline;

Borders/Lines  #333333;
*/

html, body {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  height: 100%;
  margin: 0;
  padding: 0;
  }

.kopfbalken {
  height: 85px;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: #AF1D22;
  z-index: 10;
  }

.site_title {
  font-family: exotixb, serif;
  font-size: 48px;
  font-weight: bold;
  color: #FFF;
  line-height: 100%;
  top: 0px;
  left: 0px;
  width: 630px;
  height: 85px;
  z-index: 15;
}

.produktion {
  position: absolute;
  top: 10px;
  left: 630px;
  text-align: left;
  clear: both;
  z-index: 20;
}

.junior {
  position: absolute;
  top: 32px;
  left: 630px;
  text-align: left;
  clear: both;
  z-index: 25;
}

.perlen {
  position: absolute;
  top: 55px;
  left: 630px;
  text-align: left;
  clear: both;
  z-index: 26;
}

.navigation {
  width: 100%;
  margin-left: 2px;
  margin-top: 3px;
  padding-bottom: 5px;
  background-color: transparent;
  }

.container_left {
  width: 250px;
  top: 10px;
  bottom: 5px;
  margin-left: 0px;
  }

.nav_left {
  width: 250px;
  margin-top: 0px;
  margin-bottom: 60px;
  margin-left: 0px;
  background-color: transparent;
  }

.content_left {
  width: 250px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  margin-top: 10px;
  background-color: #efeddf;
  clear: both;
  }

.content {
  width: 700px;
  margin-left: 10px;
  margin-top: 0px;
  border-left: 0px dotted #336699; 
  background-color: #efeddf;
  float: left;
  }

/**************************************************************************************************/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  width: 250px;
  clear: both; 
  visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
  display: block;
  }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { 
  overflow:hidden; 
  }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns {  
  content: "."; 
  display: block;  
color: #aa0000;
  height: 0; 
  line-height: 0px; 
  clear: both; 
  float: left; 
  visibility: hidden; 
  border: 0; 
  padding: 0;
  margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, TEXTAREA, SELECT { font-family: verdana, arial, helvetica, sans-serif; color: #000; }
INPUT { font-family: verdana, arial, helvetica, sans-serif; color: #000; }
PRE { font-family: monospace; }
A { color: #AF1D22; font-weight: bold; text-decoration: none; }
A:hover { text-decoration: none; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 8px 0px; }
P, TD, UL, OL { font-size: 12px; margin-top: 5px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 12px; }


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #E28F25; margin-top: 2px; margin-bottom: 8px; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #E28F25; margin-top: 2px; margin-bottom: 8px; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #efeddf; padding: 2px 4px 2px 4px; border: 1px dotted #AF1D22; margin-top: 2px; margin-bottom: 8px; }
DIV.csc-frame-frame2 { background-color: #efeddf; padding: 2px 4px 2px 4px; border: 1px dotted #E28F25; margin-top: 2px; margin-bottom: 8px; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; margin-bottom: 8px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; margin-bottom: 8px; }
        
/******************/
/* Headers, plain */
/******************/
H1 { font-size: 18px; }
H2 { font-size: 16px; color: #AF1D22; }
H3 { font-size: 14px; color: #AF1D22; }
H4 { font-size: 12px; color: #000; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { color: #000000; margin-top: 0px; margin-bottom: 15px; }

csc-header, csc-header-n2, csc-header-n3, csc-header-n4, csc-header-n5, csc-header-n6, csc-header-n7, csc-header-n8, csc-header-n9, csc-header-n10,  { margin-bottom: 15px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #000000; text-decoration: none; }
H2 A { color: #000000; }
H3 A { color: #000000; }
H4 A { color: #000000; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/* Header date */
P.csc-header-date { font-size: 10px; color: #aa0000; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #990000; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #990000; }
P.csc-subheader-2 { color: #990000; }
P.csc-subheader-3 { color: #990000; }

/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext { font-size: 12px; color: #000000; line-height: 140%; margin-bottom: 8px; }
P.bodytext A { font-weight: bold; margin-bottom: 15px; }

/* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 10px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* RTE / Table styling */
TABLE.contenttable { border: 0px #999 dotted; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 5px 3px 5px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 12px; }
TABLE.contenttable TR { background-color: #efeddf; }



/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; font-size: 9px; font-weight: normal; text-align: left; }
.imgtext-table { border: 0px; font-size: 9px; font-weight: normal; text-align: left; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 12px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 12px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

TABLE.termine.blue {background-color: #blue;}
TABLE.termine.green {background-color: #green;}
TABLE.termine.yellow {background-color: #yellow;}
TABLE.termine.orange {background-color: #orange;}
TABLE.termine.red {background-color: #red;}

/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
        


/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }




/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { padding: 5px; }

#mailform {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: right;
margin: 20px;
}

.csc-mailform {margin-bottom: 8px;}

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/* Login form, specifically */
FORM TABLE.csc-loginform { width: 70%; }


/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: #EDEBF1; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }

/* Search Result, header + abstract: */
H3.csc-searchResultHeader A { color: #186900; }
H3.csc-searchResultHeader { background-color: #EDEBF1; font-size: 14px; padding-left: 5px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
SPAN.csc-sword { font-weight: bold; color: red; }


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 12px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }



/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }      
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }


/*************/
/* Debugging */
/*************/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 0px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #000000;}
IMG.spacer-gif { border: 1px solid black; }
*/

/*********************************** TEXTPIC ***********************************/
/*********************************** TEXTPIC ***********************************/
/* default styles for extension "tx_cssstyledcontent" */
  /* Captions */
  DIV.csc-textpic-caption-c .csc-textpic-caption { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; text-align: center; margin-right: 5px; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; text-align: right; margin-right: 5px; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; text-align: left; margin-right: 5px; }

  /* Needed for noRows setting */
  DIV.csc-textpic DIV.csc-textpic-imagecolumn { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; float: left; display: inline; }

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

  DIV.csc-textpic-imagewrap { padding: 0; color: #000000; font-size: 10px; }

  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; margin-right: 0px; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; margin-right: 0px; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; 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; margin-bottom: 5px;}
  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%; }
  /* End hide from IE5/mac */

/******************** Abstand zwischen den Bildern ******************/
dl.csc-textpic-image {
  margin-right:10px;
  }
dl.csc-textpic-lastcol {
  margin-right:0px;
  }

/****************** EIGENE DEFINITIONEN ***********************/

body  {
  background: #FFFFFF;
  margin: 0px 0px;
  }

a  {
  color: #06C;
  font : 12px/150% Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1pt;
  font-weight: bold;
  text-decoration : none;
  }

a:hover {
  color: #AF1D22;
  font : 12px/150% Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1pt;
  font-weight: bold;
  }

P  {
  font : 12px/150% Verdana, Arial, Tahoma, Helvetica, sans-serif;
  color: #000;
  margin-bottom : 5px;
  margin-left : 1px;
  word-spacing: 2px;
  }

li  {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font: 12px;
  line-height: 150%;
  color: #000000;
  }

span.bildunterschrift {
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #006699;
  }

span.bildunterschrift a {
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #0066CC;
  }

span.bildunterschrift a:hover {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0pt;
  font-weight: normal;
  color: #FFFFFF;
  background: #AF1D22;
  }

.copyright {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal; 
  color: #000000;
  margin-bottom : 4px;
  }

.copyright a {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold; 
  color: #000000;
  margin-bottom : 4px;
  text-decoration : none;
  }

.copyright a:hover {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold; 
  color: #000000;
  margin-bottom : 4px;
  text-decoration : underline;
  }

.heading    {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }
  
.produktion  {
  color: #AF1D22;
  font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 16px;
  margin-top : 0pt;
  font-weight : bold;
  }

.sponsor {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal; 
  color: #AF1D22;
  }

H1  {
  font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #AF1D22;
      margin-top : 0pt;
  font-weight : bold;
  }

H2   { color: #AF1D22;
  font-weight: bold;
  font-size: 15px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  margin-top: 6pt;
  }

H3   { color: #AF1D22;
  font-weight: bold;
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  margin-top: 0pt;
  margin-bottom: 3pt;
  }

.normal   { color: #AF1D22;
  font-size: 12px;
  line-height: 15px;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  letter-spacing: 0pt;
  }

.rootline    { color: #AF1D22;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  }

.top_img    { color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }

TD.standardcell  {
  font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #330000;
}

TD.headercell  {
  font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #660000;
  font-weight: bold;
  }

.lastupdate {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 14px;
  font-weight: normal; 
  color: #AF1D22;
  }



/******************** typo3 mailform *********************/

fieldset.csc-mailform {
  border: 0px;
}

.csc-mailform .csc-mailform-field {
  margin-top: 3px;
  width: 600px;
  padding: 1px;
}

.csc-mailform .csc-mailform-field label {
  float: left;
  width: 180px;
  text-align: left;
}


.csc-mailform .csc-mailform-field .csc-mailform-radio {
  border: inherit;
  margin: 0px;
  padding: 0px;
  width: 12px;
  height: 12px;
}


.csc-mailform .csc-mailform-field .csc-mailform-radio FIELDSET {
  padding: 5px px 5px 1px;
  width: 600px;
}

.csc-mailform .csc-mailform-field .csc-mailform-radio LABEL {
  float: left;
  width: 100%;
  height: 100%;    
  font-weight:normal;
}

.csc-mailform .csc-mailform-field .csc-mailform-radio INPUT{
  margin-right: 5px;
  margin-left: 20px;
  padding: 2px;
  text-align: left;
}

.csc-mailform .csc-mailform-field INPUT, 
.csc-mailform .csc-mailform-field TEXTAREA {
  margin-bottom: 5px;
}

.csc-mailform .csc-mailform-field INPUT.csc-mailform-submit {
  width: auto;
}

.csc-mailform .csc-mailform-field #mailformformtype_mail{
  margin-left: 15px;
  margin-top: 5px;
}


.csc-mailform .antispam_incorrect {
  font-weight:bold;
  color: #FF0000;
  margin-bottom: 15px;
}


.csc-mailform .csc-mailform-field .requiredfield LABEL {
  font-weight: bold;  
}

/************************************** tt_news ********************************/

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
  clear:right;
  height: 1px;
  border: 0px solid #FFF;

}
.news-latest-container HR.clearer {
  clear: left;
  color: #efeddf;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
  border: 0px solid #333;
  background-color: #;
}

.news-latest-container H2 {
  color:#fff;
  padding:3px;
  margin:3px;
  border:1px solid #666;
  /*background-color:#990000;*/
  background-color:#990000;
}

.news-latest-gotoarchive {
  color: #efeddf;
  padding: 3px;
  margin: 3px;
  border: 0px solid #666;
}

.news-latest-gotoarchive {
  font-weight:bold;
  margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
  color:#efeddf;
}
.news-latest-gotoarchive A {
  color:#efeddf;
}
.news-latest-item {
  /* IE hack */
  height: 1%;
  line-height: 1.3;
  /* IE hack end */
  padding: 3px;
  margin: 3px;
  border: 1px solid #666;
}

.news-latest-item H2 a, .news-latest-item H2 a:visited, .news-latest-item H2 a:hover {
  color: #FFFFFF;
}

.news-latest-item IMG {
  margin-bottom:5px;
  margin-right:5px;
  border:1px solid #666;
  float:left;
}

.news-latest-category IMG {
  float: none;
  border:none;
  margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
  font-size:9px;
}

.news-latest-morelink {
  height:12px;
}

.news-latest-morelink A {
  float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

  border: 0px solid #900;
  background-color:#;
}


.news-list-item {
  /* IE hack */
  height: 1%;
  line-height: 1.3;
  /* IE hack end */
  padding: 3px;
  margin: 3px;
  border: 1px solid #990000;
  background-color: #;

  }
.news-search-form {
  padding:3px;
  margin-bottom:5px;
  border:1px solid #666;
  background-color:#F9FFE5;

}
.news-search-emptyMsg{
  margin:0px;
}
.news-search-form FORM {
  margin:0px;
}
.news-list-container H3 {
  margin-bottom: 5px;
  padding: 2px;
  border-bottom: 1px solid #990000;
  background-color: #990000;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
  color:#fff;
  padding-left:2px;
}
.news-list-container H3 A {
  color:#fff;

}
.news-list-container P {
  padding-left:3px;
}
.news-list-date {
  float: right;
  color: #990000;
  width: 180px;
  text-align: right;
  height: 16px;
  margin-top: -1px;
  margin-right: -2px;
padding-top: 3px;
padding-right: 4px;
  font-size: 9px;
  font-weight: normal;
  background-color: #FEEEEE;
  }

.news-list-imgcaption {
  float: right;
  padding-top:3px;
  padding-right:3px;
  font-size: 9px;

  }

.news-list-container IMG {
  float: right;
  border: 1px solid #666;
  margin-bottom: 5px;
  margin-right: 2px;
  margin-left: 5px;
}
.news-list-category IMG {
  float: none;
  border:none;
  margin:0px;
}

.news-list-morelink,.news-list-category, .news-list-beitrag {
  font-size:9px;
  margin-left:3px;
}
.news-list-morelink, .news-list-beitrag {
  margin-bottom:3px;
}
.news-list-browse {
  text-align: center;
}

.news-list-beitrag {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 9px;
  color: #999;
  }

  /*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
  margin:3px;
  border:1px solid #666;
  padding:3px;
  background-color:#F9FFE5;
}
.tx-ttnews-browsebox TD {
  font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
  font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
  margin:0px;
}

.tx-ttnews-browsebox-SCell {
  background-color: #BBE53A;
  border:1px solid #666;
}
.news-search-emptyMsg {
  font-size: 12px;
  margin-left: 10px;
}
  /*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #990000;
  background-color: #;
}

.news-single-item H2 {
  font-size: 16px;
  font-weight:bold;
  color: #990000;
  margin-bottom: 0px;
}

.news-single-item H3 {
  margin-bottom: 15px;
}

.news-single-img {
width: 200px;
  padding: 3px;
  border: 1px solid #990000;
  float: right;
  margin-left:5px;
margin-bottom: 10px;
}

.news-single-imgcaption {
width: 200px;
  padding:3px;
  clear:both;
}

.news-single-category {
  float: right;
}

.news-single-backlink, .news-single-backlink a {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.news-single-timedata {
  float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
  font-size: 9px;
}
.news-single-author {
  padding-bottom: 3px;
}
.news-single-additional-info {
  background-color: #;
/*  clear: both;*/
  margin-top: 15px;
  border: 0px solid #990000;
  padding: 3px;
  padding-bottom: 0px;

}
.news-single-related,.news-single-files,.news-single-links  {
  border: 0px solid #990000;
  margin: 0px;
  margin-bottom: 3px;
  padding: 3px;
  background-color: #;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
  margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
  font-weight: bold;
  font-size: 12px;
  margin-left:5px;
  width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
  margin-top:10px;
  padding:3px;
  border:1px solid #333;
  background-color:#BBE53A;
}
.news-amenu-container LI {
  padding-bottom:1px;
}
.news-amenu-container UL {
  padding:3px;
  margin-top:5px;
  margin-left:0px;
  margin-bottom:0px;
  border:1px solid #666;
  background-color:#F9FFE5;
  list-style-type: none;
}
.news-amenu-container H2 {
  color:#fff;
  padding:3px;
  border:1px solid #666;
  background-color:#769024;
}
.news-amenu-item-year {
  font-weight: bold;
  border: 1px solid #666;
  padding: 2px;
  background-color: #769024;
  color:#fff;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
  padding:5px;
  margin:10px 0px 10px 10px;
  border:1px solid #666;
  background-color:#F9FFE5;
}
.news-catmenu-header {
  font-size:12px;
  font-weight:bold;
}
.news-catmenu DIV {
  font-size:10px;
  white-space: nowrap;
}
.news-catmenu DIV img, .news-catmenu img, .news-catmenu-header img {
  margin:0px;
  padding: 0px;
  vertical-align: middle;
}
.news-catmenu-ACT {
  font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
  padding:1px;
  padding-left:10px;
  background-color:#ebf8bf;
  border-left:1px solid #666;
  border-top:1px solid #666;
}
.level2 {
  padding:1px;
  padding-left:10px;
  background-color:#ddf393;
  border-left:1px solid #666;
}
.level3 {
  padding:1px;
  padding-left:10px;
  background-color:#cae46e;
  border-left:1px solid #666;
  border-top:1px solid #666;

}
.level4 {
  padding:1px;
  padding-left:10px;
  background-color:#b0cb51;
  border-left:1px solid #666;
}