/* Farben: MCON-Braun:#E6DCB8; braun:#D9CC98; dunkelrot:#BF3030; gold:#D99700; */


/* .bannertop     { position:absolute; top:0px; left:0px; float:left; }   */

/* Definition von "Rahmen 1" : Hintergrund eingefärbt im Hauptbereich */
.csc-frame-frame1 { background:#E6DCB8; margin: 0 5 0 5; } 
  


/*###### CSS NOL########################################################################################*/
.typo3-adminPanel {position: absolute; top:720px; }

/* übergeordnet --------------------------------------------------------------------------------------- */ 
*     
  { margin:0px; padding:0px; }
body, html
      { border:0px; height:100%; width:100%; background:#D9CC98; }
div  
  { border:0px; }
span, img, dt  
  { position:relative; border:0px; }
.float-left
   { float:left; }
 

/* Container: zentrierung für IE ---------------------------------------------------------------------- */
div#cont0  
  { width:760px; height:auto; margin-left:auto; margin-right:auto; text-align:left; /* um Angaben für den IE in der Template-html zurückzusetzen*/ }

div#head    
  { position:relative; top:10px; width:760px; height:30px; background:#D99700; border:opx; }
  .textversion, .klickpfad
    { position:relative; top:4px; padding:3 0 3 15px; }
  .sitemap, .impressum
    { position:relative; top:4px; padding:3 0 3 0px; }
  .logotop
     { position:absolute; top:3px; right:7px; float:right; width:auto; } 

div#menu  
  { position:relative; top:15px; width:160px; float:left; }

div#top
  { position:relative; top:15px; width:760px; height:80px; float:left; background:#D9CC98; }
.top1,   .top2, .toplogo, .top3, .top4, .top5 
    { position:absolute; top:0px; left:0px; float:left; }       
  .top2   
    { left:85px; }
  .toplogo
    { left:160px; }
  .top3  
    { left:515px; }
  .top4  
    { left:600px; }
  .top5  
    { left:685px; }            
      
div#cont1
  { position:relative; top:15px; width:760px; float:left; background:#D99700; }

div#main
  { position:relative; top:0px; left:0px; width:600px; float:left; background:#ffffff; }
  div#mainli  
    { position:relative; top:0px; left:0px; width:470px; height:auto; float:left; }
      /* Ausnahme Tourimus-intern */
      .touri-mainli  
      { position:relative; top:0px; left:0px; width:590px; height:auto; float:left; }
  div#mainre  
    { position:relative; top:0px; right:0px; width:120px; height:440px; float:right; }
  div#mainklick
    { position:relative; top:0px; width:600px; height:25px; float:left; border-top:1px solid #D99700; }
  .klickpfad
      { position:relative; top:4px; padding:2 0 4 15px; text-decoration:none; color:#BF3030; font:normal 12px Arial,Tahoma,Verdana,Helvetica; }

div#foot  
  { position:relative; top:25px; width:760px; height:25px; float:left; margin:0 0 30px o; background:#D99700; }
  .foot  
    { position:relative; top:0px; left:160px; padding:0 0 0 15px; }
  .posdruck
    { position:relative; top:3px; }
  .lkg  
    { position:absolute; top:5px; float:right; right:5px; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Schrift, Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p, h1, h2, h3, h4, ul, li, input, button 
  { font: normal 12px Arial,Tahoma,Verdana,Helvetica; line-height:1.4em; margin:5px 10px 0 15px; padding:0px; }
  h1   
    { font-size:30px; margin:10px 10px 5px 15px; }
  h2   
    { font-size:14px; font-weight:bold;  margin:25px 0px 0px 15px; }
  h3   
    { font-size:12px; font-weight:bold; color:#D99700;  margin:5px 10px 0px 15px; }
  ul,li, ol, ul.list 
    { padding:0 0 0 5px; margin:0 0 0 20px; list-style-image:url(images/system/auff.gif); }

/* Klasse rechts für "Links" Tehmenseiten */
  .prechts {text-align:right; margin:3px 2px 1px 0px; }

/*####  ul.mcon { list-style-image:url(images/system/auff.gif); } ### */

/* damit textausrichtung funktioniert???*/
.align-left  { text-align: left;}
.align-center   { text-align: center;}
.align-right   { text-align: right;}

/* Links im Bodytext, da sonst im FE nicht anklickbarer Links im FF */
  .bodytext a
   {  position:relative; z-index:3; }

a, .linkheader
  { text-decoration:underline; color:#000000; font:normal 12px Arial,Tahoma,Verdana,Helvetica; }
  .linkheader
    { text-decoration:none; color:#ffffff; }   
  .linkfoot
    { text-decoration:none; color:#BF3030; }
    

  /* Links in der Textversion  */
  /* .textversion  { text-decoration:none; color:#FFC133; padding:5px 0 0 20px; float:left; } */

  /* Sonder-Layout für Aktives Menü unter Themen&Projekte in rechter Spalte oben */
  .themenmenu  
    { background:#ffffff; border-top:2px solid #D99700; border-bottom:0px; margin:15px 0px 6px 0px; padding:5px 0px 4px 0px; }
  .themenlink
     { display:block; text-decoration:none; color:#BF3030; text-align:center; }
     
/* Klasse rechts für Buttons Tehmenseite: gesetzt auf Startseite (rechts) und Themen und Projekte (rechts) */
  .arechts { text-decoration:none; color:#bca267; display:block; margin:0px; padding:0px; }

/* für login Formatierung Schrift Anmelung */
.csc-loginform, .csc-mailform-label 
  { font: normal 12px Arial,Tahoma,Verdana,Helvetica; line-height:1.4em; margin:5px 10px 0 10px; padding:0px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Menue-Klassen für verschiedene Seiten ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.menu1, .menu1a, .menu2, .menu2a, .menu3, .menu3a, .menu4, .menu4a
  { display:block; border-bottom:1px solid #CFCFCF; color:#ffffff; 
    text-decoration:none; font-size:13px; padding:5px 0px 4px 5px; background:#D99700; }  

   /* 1. Ebene aktiv */
  .menu1a    { background:#ffffff; color:#000000; }
   /* 2. Ebene */
  .menu2     { background:#E6DCB8; font-size:11px; color:#000000; padding:2px 0 2px 5px; }
   /* 2. Ebene aktiv */
  .menu2a   { background:#ffffff; font-size:11px; color:#000000; padding:2px 0 2px 5px; }
   /* 3. Ebene-dargestellt in Spalte rechts */
  .menu3     { background:#D99700; font-size:11px;  text-align:center; color:#ffffff; 
      padding:2px 3px 2px 4px; border-top:10px solid #ffffff; }
   /* 3. Ebene aktiv-dargestellt in Spalte rechts */
  .menu3a   { background:#D97157; font-size:11px;  text-align:center; color:#000000; 
      padding:2px 2px 2px 2px; border-top:10px solid #ffffff; }
   /* 4. Ebene-dargestellt in Spalte rechts */
  .menu4     { background:#D99700; font-size:11px;  text-align:center; color:#ffffff; 
      padding:2px 3px 2px 4px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; }
   /* 4. Ebene aktiv-dargestellt in Spalte rechts */
  .menu4a   { background:#D97157; font-size:11px;  text-align:center; color:#000000; 
      padding:2px 2px 2px 2px; border-bottom:2px solid #ffffff; border-top:1px solid #ffffff; }


   /* Rollover für Menu der 3 Ebenen */
  #rollo:hover   { background:#ffffff; color:#000000; }  
  #rerollo:hover   { background:#ffffff; color:#000000; border-top:2px solid #D99700; border-bottom:2px solid #D99700; margin:7px 0px 0px 0px; }  
  #rerollo2:hover { background:#ffffff; color:#000000; border-top:0px solid #D99700; border-bottom:2px solid #D99700; margin:2px 0px 0px 0px; }  
  

/* Positionierung von Bildern ---------------------------------------------------------------------------*/
  
   /* Für Bilder in rechter Spalte */
   /*  .csc-textpic, .csc-textpic-above, .csc-textpic-right, .csc-textpic-left, .csc-textpic-center, .csc-textpic-imagewrap, .csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol      { position:relative; float:left; border:0px; margin:0px; padding:0px; top:0px; }  */
     
     .csc-textpic     { position:relative; float:left; }
     .csc-textpic-left, .csc-textpic-intext-left-nowrap { margin:0px 0px 0px 15px; }
     .csc-textpic-above  { position:relative; top:5px; }
     .csc-textpic-right  { float:right; right:0px; top:0px;  }
     
     .csc-textpic-intext-right, .csc-textpic-intext-right-nowrap  { margin:0px 15px 5px 15px; }  
     .csc-textpic-intext-left  { margin:0px 15px 15px 15px; }  
     .csc-textpic-text       { margin:0px 0px 0px -15px; } 

  .csc-textpic-center    { margin:0px 0px 0px 15px; }


   /* Bilder einzeln - Zuweisung über html */
  img.ma          { width:165px; }
  img.rechtsoben    { position:relative; top:65px; }
  /* Für Überschrift-gif Projekte auf Themenseiten */
  img.rechtspro    { margin:5px 0px 10px 0px; }
  /* Für themen-gif rechts auf Seite "Start" unD "Themen und Projekte" */
  img.rechtsthema    { margin:10px 0px 10px 0px; }
  
   /* Bildunterschrift */ 
  .csc-textpic-caption  { font: normal 11px Arial,Tahoma,Verdana,Helvetica; color:grey; }
  .bildunterrechts  { font: normal 10px Arial,Tahoma,Verdana,Helvetica; color:silver; 
           margin:0px; padding:0px; }
  div.bildunter     { position:relative; witdh:120px; top:65px; }

   /* Linien auf Startseite */   
  hr.hrv2  { border:0px; color:#D99700; background-color:#D99700; margin:-10px 0 10px 0; }

    
/* iframes ------------------------------------------------------------------------------------------- */  
.tx-iframe2-pi1   { width:539px; height:560px; position:absolute; z-index:1; 
      margin:0px; padding:0px; border:0px; }
            
/*  ENDE --------------------------------------------------------------------------------------------- */