@charset "UTF-8";
@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {font-size:100.01%}

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Verdana, sans-serif;
    font-size:13px;
    color:#001b1f;
  }

  h1,h2,h3,h4,h5,h6 {
    font-weight:bold; 
    color:#005f6a;    
    margin:0 0 25px 0; 
  }

/*  h1 {font-size:175%}*/                        /* 21px */
  h1 {font-size:22px; line-height:30px; }
  h2 {font-size:150%; color:#182E7A}         /* 18px */
  h3 {font-size:150%}                        /* 18px */
  h4 {font-size:133.33%}                     /* 16px */
  h5 {font-size:116.67%}                     /* 14px */
  h6 {font-size:116.67%; font-style:italic}  /* 14px */
  
  p {line-height:18px; margin:8px 0 8px 0;}

  /* ### Lists | Listen  #### */
  ul, ol, dl {line-height:1.5em; margin:0 0 1em 1em}

/*  li {margin-left:1.5em; line-height:1.5em}*/
  li {margin-left:0.3em; }

  dt {font-weight:bold}
  dd {margin:0 0 1em 2em}

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote {font-style:italic}
  blockquote {margin:0 0 1em 1.5em}

  strong,b {font-weight:bold}
  em,i {font-style:italic}

  pre, code {font-family:monospace; font-size:1.1em;}

  acronym, abbr {
    letter-spacing:.07em;
    border-bottom:.1em dashed #c00;
    cursor:help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background:#dfd; padding:1em; border-bottom:1px #bdb dotted; border-bottom:1px #dbb dotted;}
  .important {background:#ffd; padding:1em; border-bottom:1px #ddb dotted; border-bottom:1px #dbb dotted;}
  .warning {background:#fdd; padding:1em; border-bottom:1px #dbb dotted; border-bottom:1px #dbb dotted;}

  .float_left {float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right {float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */
  a {color:#001b1f; text-decoration:underline;}
  a:hover {color:#005f6a; }
  a:active { position:relative; top:1px;}

  #bereich31 a, #bereich311 a {background:url("../../../../bilder-layout/icon-pfeile-dunkel.gif") no-repeat 0px 3px; padding-left:15px;}
  #bereich31 a:hover, #bereich311 a:hover {background:url("../../../../bilder-layout/icon-pfeile-dunkel.gif") no-repeat 0px -97px;}

  #bereich31 dt a, 
  #bereich311 dt a, 
  #bereich31 .tx-gooffotoboek-pi1 a,
  #bereich31 .contenttable a {background:url(""); padding-left:0;}

  #topnav a, #topnav strong { color:#badadd; letter-spacing:0.1em; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase;  }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active {}
  
  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */
  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]  { padding-left: 12px; background-image: url('your_image.gif'); background-repeat: no-repeat; background-position: 0 0.45em; }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table {width:auto; border-collapse:collapse; margin-bottom:0.5em;}
  table.full {width:100%;}
  table.fixed {table-layout:fixed}

  th,td {padding:0.5em;}

  thead th {}
  tbody th {}

  tbody th.sub {background:#ddd; color:#333}
  
  table.typo3-adminPanel {text-align:left; font-size:120%; margin:1em 0 0 0;}
  table.typo3-adminPanel td {padding:0.1em 0.1em 0.1em 0;}
  table.typo3-adminPanel select {font-size:0.6em;}
  table.typo3-adminPanel input {font-size:0.6em;}
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
#col1_content form select {margin-bottom:1em; width:100%;}

/* Content element "table" */
table.contenttable {width:99%; }
table.contenttable caption {text-align:left; font-weight:bold; margin-bottom:0.2em;}
table.contenttable th {height:2.0em; padding:2px 7px 2px 0; }
table.contenttable tr.tr-odd {}
table.contenttable tr.tr-even {}
table.contenttable td {height:3.0em; padding:2px 7px 2px 0; text-align:left; font-weight:normal}

/* bof 090302 */
table.contenttable td {vertical-align:top; }
/* eof 090302 */

.tx-newloginbox-pi1 thead th, .tx-newloginbox-pi1 th {background:none; padding:0; color:#222;}
.tx-newloginbox-pi1 input {margin:0;}

.csc-textpicHeader h3 {margin:0em 0 0.3em 0; padding-top:0;}

input, textarea {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
img {border:0;}
p.csc-linkToTop {text-align:right; margin:0;}
p.csc-form-label-req {font-weight:bold;}

.csc-caption {font-size:0.9em; padding:2px;}
dd.csc-textpic-caption {font-style:italic; font-size:0.9em; padding:0;}

/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {border:1px solid #ccc; padding:1em; background:#fafafa;}
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right; background:#fafafa; padding:2px;}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {width:20em;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field textarea {font-size:1em;}
fieldset.csc-mailform label span {color:red;}
input#mailformformtype_mail {margin-left:0em; background:#fafafa; cursor:pointer;}
input#mailformformtype_mail:hover {background:#f0f0f0;}
.csc-mailform-field select {margin-left:1em; border:1px #ccc solid; background:#fafafa; color:#777;}
/* #############################
** ### Datei-Links #############
** #############################
*/
table.csc-uploads {}
table.csc-uploads td {padding-right:0.5em; padding-top:0.25em; padding-bottom:0.25em; vertical-align:top; border-bottom:1px solid #ccc;}
td.csc-uploads-fileSize {width:5em; text-align:right; padding:0; font-style:italic;}
td.csc-uploads-icon {}
td.csc-uploads-fileName p {margin:0;}
td.csc-uploads-fileName p.csc-uploads-description {margin:0; font-size:90%; background-color:#dfd; padding:0.3em; font-style:italic;}

/* ################################
** ### FCE adjustable columns     #
** ################################
*/
div.flexi {overflow:hidden; display:block; clear:both; width:100%; height:1%;}
div.flexi div.left {margin-right:5px;display:block; overflow:hidden; float:left;}
div.flexi div.center {margin-right:5px; margin-left:5px;display:block; overflow:hidden; float:left;}
div.flexi div.right {margin-left:5px;display:block; overflow:hidden; float:left;}
/* FCE adjustable columns End */

/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* 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 #66aab1; 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;*/
  margin-right:15px;
}

/* 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;*/
  margin-left:15px;
}

/* 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;*/
  margin-left:15px;
}
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;*/
  margin-right:15px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
/*  margin-left:10px !important;*/
  margin-left:15px !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 */

/* #############################
** ### Bereich 32 ########
** #############################
*/

#bereich32 { border-top:1px solid #268790; vertical-align:middle; }

#bereich32,
#bereich32 a { color:#73999e; font-size:12px; font-weight:bold; letter-spacing:0.1em; line-height:15px; text-decoration:none; text-transform:uppercase; }

#bereich32 a:hover {color:#005f6a;}

/* #############################
** ### Social bookmarks ########
** #############################
*/
.tx-timtabsociable-pi1 {color:#73999e; text-transform:uppercase; }
.tx-timtabsociable-pi1 img {vertical-align:middle; margin-left:6px;}

/* #############################
** ### Footer menu   ###########
** #############################
*/

#footerMsFs { background-color:#c6dbdd; margin:0; padding-bottom:25px; }

.csc-sitemap-msfs { clear: none; font-size:11px; padding:10px 10px 0 0; }
.csc-sitemap-msfs ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0;  padding:0; overflow:hidden; }
.csc-sitemap-msfs ul li { float:left; font-weight:bold; margin:0 10px 0 0; padding:0; text-align:left; }
.csc-sitemap-msfs ul li ul li { clear:both; font-weight:normal; margin:5px 0 0 0; padding:0; }
.csc-sitemap-msfs a {display:block; }                         /* siehe auch IE6 Patch File!  */
.csc-sitemap-msfs a {color:#00414b; line-height:12px; text-decoration:none;}
.csc-sitemap-msfs a:hover {color:#005F6A; text-decoration:underline; }
.csc-sitemap-msfs a:active { position:static; top:0;}

.footerAddress { float:left; margin:0; padding:10px 0 0 10px; }

.footerAddress p { color:#00414b; font-size:11px; line-height:12px; margin:0 0 5px 0;
  padding:0;                    /* siehe auch IE6 Patch File!  */
}

.footerAddress a {color:#00414b;  text-decoration:none;}
.footerAddress a:hover {color:#005F6A; text-decoration:underline; }
.footerAddress a:active { position:static; top:0;}

/* #############################
** ### Verschiedenes ###########
** #############################
*/

#bereich31,
#bereich31 .contenttable,
#col3_content .contenttable {font-size:12px; }

#bereich31 a:hover img {border-color:#fff; }

#col2 h1 {color:#badadd; font-size:13px; line-height:18px;  margin:20px 0 2px 0;}

#col2 a { background:url("../../../../bilder-layout/icon-pfeile-hell.gif") no-repeat 0px 3px; color:#fff; display:block; padding:0 0 0 15px; text-decoration:underline; width:135px; }
#col2 a:hover {background:url("../../../../bilder-layout/icon-pfeile-hell.gif") no-repeat 0px -97px; color:#badadd;}
#col2 a:active {}
 
#col2 p {color:#fff; }
#col2 ul {color:#fff; margin:0; padding:0; }
#col2 ul li {color:#fff; margin-left:20px; }

.linkFS { position:absolute; right:0px; text-align:center; top:39px; width:190px; }
.linkFS a { color:#badadd; text-decoration:none; }
.linkFS a:hover {color:#fff; }

#header #topnav { right:0px; text-align:center; width:190px;}

#bereich31 .contenttable a {background:url(""); padding-left:0;}
#bereich31 .contenttable a:hover {background:url(""); padding-left:0;}

table.mitRand {width:99%; margin:0 0 8px 1%; }
table.mitRand caption {text-align:left; font-weight:bold; margin-bottom:0.2em;}
table.mitRand th {height:2.0em; padding:2px 7px 2px 7px; }
table.mitRand td { border:1px solid #000; margin-left:10px; height:3.0em; padding:2px 7px 2px 7px; text-align:left; font-weight:normal; }
/* bof 090302 */
table.mitRand td { vertical-align:top; }
/* eof 090302 */

}