/* CSS Document */
        /* Angaben zum Spaltenlayout */
    html,
    body,
    form,
    #seite {
      height: 100%;
	
    }
    body {
      background: #eee;
      padding: 0 5%;
	/*  background: url(../images/layout/bg_p.png) 100% 0 repeat-y;*/
    }
    #seite {
      margin: 0 auto;
      max-width: 65em;
      min-width: 600px;
	  	     
      /* Hintergrund unnötig; wird durch Companion .spalte2 ersetzt */
      /*background: #910202 url(fc-navigation.png) 0 0 repeat-y;*/
      }
    #seite-innen {
	
      background: url(../images/layout/fc-bilder_1.png) 100% 0 repeat-y;
      min-height: 100%;
      position: relative;
      z-index: 1;
		 
    }
	
    #kopf {
      background: #fff url(../images/layout/kopf-re_p.png) 100% 0 no-repeat;
    }
    #kopf-innen {
      background: url(../images/layout/kopf-li_p.png) 0 0 no-repeat;
      height: 106px;
    }
    h1 {
      position: absolute;
      left: 20px;
      bottom: 15px;
    }
    #service {
      top: 15px;
      right: 15px;
	  
    }
    /* #hauptteil und Companion */
    .container {
      margin-left: 13em;
      margin-right: 135px;
	  
		
    }
    /* Nur #hauptteil */
    #hauptteil {
      padding-bottom: 75px; /* schafft Platz für Fußzeile */
      /* Hintergrund unnötig; wird durch Companion .spalte1 ersetzt */
      /*background: #fff url(fc-navigation-re.png) 0 0 repeat-y;*/
	  	  
    }
    /* #navigation und Companion */
    .spalte1 {
      float: left;
      width: 13em;
      margin-left: -13em;
      position: relative; /* Nötig für Safari 1.3- 2.02 und IE <= 6 */
    }
    /* Nur #navigation */
    #navigation {
      width:12.5em;
      margin-left: -12.5em;
      margin-right: 1px;  /* Clear-Wirkung sicherstellen */
      color: #ccc;
    }
    /* #inhalt und Companion */
    .spalte2 {
      float: left;
      width: 100%;
	  
    }
    /* Nur #inhalt */
    #inhalt {
      margin: 0 -10px 0 -1px;   /* Ausgleich der Margins fürs Clear, rechts größer als negative Backside Margin gegen Rundungsfehler */
    }
    #bilder {
      float: right;
      width: 130px;
      margin-right: -130px;
      margin-left: 1px; /* Clear-Wirkung sicherstellen */
      position: relative; /* Nötig für Safari 1.3- 2.02 und IE <= 6 */
      color: #fff;
      background:#999 url(../images/layout/fc-bilder_1.png) 0 0 repeat-y;
	 }
    #hauptteil hr {
      clear: both;
      height: .1px;
      border: none;
      
    }
    /* Companion Columns */
    #pedestal {
      height: 2em;  /* 2em Höhe stellen sicher, dass Expanding-Box-Bug des IE < 7 das Element nicht aufdehnt */
      margin-top: -2em;
    }
    .companion {
      height: 2em;
      padding-top: 16000px;
      margin-top: -16000px;
      position: relative;   /* für IE <= 7 und Safari 2.04 */
	 
    }
    #pedestal .spalte1 {
      background: #fff url(../images/layout/fc-navigation_p1.png) 0 0 repeat-y;
	
    }
    #pedestal .spalte2 {
      background: #a11431 url(../images/layout/testhg3.png) 100% 0 no-repeat;
	  background-position:bottom right;
    }
    /* Fußzeile */
    #fuss-aussen {
      float: left; /* BFC macht Fußzeile unabhängig von vorhergehenden Floats */
      width: 100%;
      margin-top:-65px; /* FooterStickAlt-Verschiebung um eigene Höhe */
    }
    #fuss {
      background: #fff url(../images/layout/fuss-re_p.png) 100% 0 no-repeat;
      position: relative; /* Über die Companions heben */
      z-index: 1; /* Über #seite-innen heben */
    }
    #fuss-innen {
      height: 45px;
      padding-top: 10px;
	  padding-bottom:10px;
      background: url(../images/layout/fuss-li_p.png) 0 0 no-repeat;
    }
/* ab hier neue Themen*/   
 
    #trainingsplan{font-size:95%;
             margin-left:10px;}

    #trainingsplan a{color:#666666;text-decoration:none} 
    #trainingsplan a:hover{color:#410910;text-decoration:underline}  
    
/*images*/  
             
.icon {
        float:left;
        margin-right:2px;
        margin-top:2px;
        margin-bottom:2px;
        vertical-align:middle;
        
}

.ubbImg {float:left;
         margin-right:25px;
         margin-top:5px;
         margin-bottom:5px         
         }
.LinkLy{text-align:right;
         font-weight:bold;
         font-size:90%;         
            }

/* Repeater Download*/ 
.download
    {margin:0 20px 0 20px;
     opacity:.4;
     filter: alpha(opacity = 40);
     border:1px solid #410910;
     padding:5px;
     background-color:white
    }  
    
.download a{color:black;text-decoration:none}   
.download a:hover{text-decoration:underline} 
/* Formatierung im UBB*/

.UbbELHG
    { background: #a11431 url(../images/bilder/sprechblase1.png) 100% 0 no-repeat;
      background-position:left top;
      height:100px;
      width:400px;
      color:#410910;
      padding-left:25px;
      padding-right:50px;
      padding-top:10px;
      font-size:100%;

    
    /*opacity:.6;
     filter: alpha(opacity = 60);
     border:1px solid black;
     background-color:white;
     color:Black;
     padding:5px;
     margin: 0 30px 0 0; */   
    }     
.UbbEL
    { background-color:#FFFBD6;
      margin: 0 20px 0 0;
      border:1px solid #410910;
      color:#410910;
      padding:15px;
      font-size:100%;

    
    /*opacity:.6;
     filter: alpha(opacity = 60);
     border:1px solid black;
     background-color:white;
     color:Black;
     padding:5px;
     margin: 0 30px 0 0; */   
    }     
.ubbrot{background: #410910 url(../images/layout/hgrot.png);
        background-repeat:no-repeat;
        background-position:bottom left;
        font-size:110%;font-weight:bold;padding:1px}
    
.ubbKsContU 
{border-bottom:1px solid #b85868;
 margin-right:30px;
 font-size:110%;
 font-weight:bold;
 margin-bottom:10px;
  
    }  
.ubbKsCont 
{font-size:90%;
 padding-left:5px;
 margin:0 10px 0 10px;
 border-left:1px solid #b85868;
    }  
.feldrechts
{min-height:100px;
 color:Black;
 background-color:White;
 margin-left:50%;
 opacity:.4;
 filter: alpha(opacity = 40);
 padding:3px;
 font-size:90%;
 margin-right:5%;
    }  
.feldlinks
{float:left;width:50%;
    }    
    
    .labelA { /* Alle Labels UND Formularelemente auswählen */
	 display: block;
	 float: left;
	 width: 160px; /* Breite.*/
	 margin-bottom:3px;
	 text-align: right; 
	 padding-right: 1em; 
	 font-size:95%;
	 border-bottom:1px dotted #cccccc;
	 margin-right:1em;
	 font-style:italic;
	 font-size:90%;
	}	
	
.labelkurz { /* Alle Labels UND Formularelemente auswählen */
	 display: block;
	 float: left;
	 width: 100px; /* Breite.*/
	 margin-bottom:3px;
	 text-align: right; 
	 padding-right: 1em; 
	 font-size:95%;
	 border-bottom:1px dotted #cccccc;
	 margin-right:1em;
	}		

.labeleinfach { /* Alle Labels UND Formularelemente auswählen */
		 font-weight:bold;
	}		
.labelkurz50 { /* Alle Labels UND Formularelemente auswählen */
	 display: block;
	 float: left;
	 width: 50px; /* Breite.*/
	 margin-bottom:3px;
	 text-align: right; 
	 padding-right: 1em; 
	 font-size:95%;
	 border-bottom:1px dotted #cccccc;
	 margin-right:1em;
	 font-style:italic;
		}
		
		.fotext100{
	display: block;
	  float: left;
	  width: 100px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	.fotext400{
	display: block;
	  float: left;
	  width: 400px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	
	.fotext300{
	display: block;
	  float: left;
	  width: 300px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	
	.foDD300
	{
	  
	  width: 300px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	
	.foDD200
	{
	 
	  width: 200px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	
	.fotext600{
	display: block;
	  float: left;
	  width: 600px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	.fotext200{
	display: block;
	  float: left;
	  width: 200px; /* Breite.*/
	  margin-bottom:3px;
	  border:1px solid #cccccc;
	}
	.fotext20{
	display: block;
	  float: left;
	  width: 20px; /* Breite.*/
	  margin-bottom:3px;
	  margin-right:3px;
	  border:1px solid #cccccc;
	}
	
	.fotext501{
	  float: left;
	  width: 50px; /* Breite.*/
	  margin-bottom:3px;
	  margin-right:3px;
	  margin-left:5px;
	  border:1px solid #cccccc;
	}
	
	.fotext101{
	  float: left;
	  width: 100px; /* Breite.*/
	  margin-bottom:3px;
	  margin-right:3px;
	  margin-left:5px;
	  border:1px solid #cccccc;
	}
	

		  
	form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	  clear: left; /* das floating der labels und inputs aufheben */
	}	
.pnThemen{font-size:90%;
        margin-left:20px;
        color:White;   
 }   
.repAlternativTD
	{background-color:#f5e7ea;
	 color:black;vertical-align:top;
	 padding:2px;
	 /* opacity:.6;
        filter: alpha(opacity = 60);*/
	  }  
	  
  .repTD
	{background-color:white;
	 color:black;vertical-align:top;
	 padding:2px;
 }
	  
	
	  
	  #rpThemenD{margin-left:20px;}
	  #rpThemenD a{color:black;text-decoration:none;font-size:110%}
	  #rpThemenD a:hover{text-decoration:underline;color:#666666}
	  
	  .ubbTD{vertical-align:top;padding:4px;font-size:95%;
	         background-color:#c79488;
	         border:1px solid #410910;color:black}  
	         
.ubbTDMitta{vertical-align:top;padding:4px;font-size:90%;
	         background-color:#f5e7ea;
	         border:1px solid #410910;color:black;} 
	         			 
.ubbTDTop{vertical-align:top;text-align:center;padding:4px;font-size:90%;
	         background-color:#660000;color:white;
	         border:1px solid #410910;font-weight:bold}  
	         			 
.ubbTD2{color:White;background-color:#410910;padding:2px;font-weight:bold;font-size:120%} 
.ubbTD2Bot{color:White;background-color:#410910;padding:2px;font-weight:bold;font-size:80%} 

#rFloat 
{
  padding: 2px;
  margin-top:3px;
	margin-right: 2px;
	margin-left: 10px;
	margin-bottom:10px;
  float: right;  
	width: 250px; /* in der großen Variante: 250px */
	 position: relative;
	 color:Black;
	 font-size:90%;
	 border:1px solid #410910;
}
#rFloat a{text-decoration:none;color:#410910}	 
#rFloat a:hover{text-decoration:underline;color:White}	        

span.smal{font-size: 0.8em;}	
      
      .sIcon{vertical-align:middle;border:0px;float:left;position:relative;} 	
.nav1{padding-left:10px;
      background-image:url(../images/layout/hgnav1.png);
      background-position:bottom left;
      font-size:100%;background-color:#410910;margin-right:3px;margin-left:3px;}   
.nav2{font-size:90%;padding-left:20px;
      margin-right:3px;margin-left:3px;
      background-image:url(../images/layout/hgnav2.png);
      background-position:bottom left
      }     
      
.rv{font-style:italic;font-size:90%}  

/*Termine Anmeldung Trainings*/
#contentProgramm{margin-bottom:3px;margin-right:3px;padding:2px;margin-left:10px;
                 background-color:#c79488;font-size:90%;color:black} 
#contentProgramm a{color:#410910;text-decoration:none;padding-left:10px;}  
#contentProgramm a:hover{color:#cccccc;text-decoration:none} 
#contentProgramm hr{border-top:1px solid #a81431;
                    border-bottom:0px;border-left:0px;border-right:0px;                    
                    height:1px;margin-bottom:2px;width:95%;
                    margin-top:2px;}  
                    
.styleThema{border-left:10px solid #b85868;padding:2px;
            font-size:130%;color:white;border-bottom:1px solid #b85868;} 
            
 /*Anmeldeformular*/
.anmeldeformular{display:none} 
.pnTeilnehmer
        {background-color:#eeeeee;
         width:98%;
         padding:5px
        }  
.pnAuswahlKurse
        {background-color:#f5e7ea;
         width:98%;
         padding:5px
        }                                    

.panel1
        {padding:3px;
         background-color:#eed0ca
         }
.panel0
        {border:1px solid #410910;
         background-color:#f5f5f5;
         padding:3px;
         width:98%; 
         font-size:90%;
         margin:3px 0;      
         }
.panel1
        {border:1px solid #410910;
         background-color:white;
         text-align:center;
         padding:3px;
         margin-left:10%;
         margin-right:10%; 
         font-size:90%;
         /*opacity:.9;
         filter: alpha(opacity = 90)*/
         }
.paneltext 
        {font-weight:bold;
         width:620px;
         margin-bottom:10px;
         color:White;
         background-color:#410910
         }
/*Ubbcode Bild und Text gefloatet*/    
.divImg
    {position:relative;
   			}
.divImg .divCont{
		clear:both}
			
.divImg .divCont .imgSmart
{
        width:280px;
		float:left;
		position:relative;
		text-align:left;
	
}	


.divImg .divCont .ContSmart
{
    width:350px;
      border:1px solid #b85868;
		position:relative;
		float:left;	
		padding:4px;
		font-size:0.95em;
		margin-left:3px;
		
}  
/*Hilfe*/  
 
/*nicht aktiv
.hilfetext {color:#999999;padding-left:20px;font-style:italic;}
	.hilfeOrot {font-size:11px;font-style:italic;color:red;padding-left:10px;margin-left:2px;}
	.hilfe {margin-left:210px;font-size:11px;
	font-style:italic;color:red;margin-bottom:2px;
	}
	.hilfeG {margin-left:210px;font-size:11px;
	font-style:italic;
	color:#666666;
	margin-bottom:2px;
	}
	*/ 
	.hilfe180 {margin-left:185px;font-size:11px;
	font-style:italic;
	color:#666666;
	margin-bottom:2px;
	}
	
	.hilfeO {font-size:11px;font-style:italic;
	         color:#999999;padding-left:10px;margin-left:2px;}
.hilfeR {font-size:12px;font-style:italic;
	         color:#666666;margin-left:2px;}	         
	.hilfeBl {font-size:11px;
	          font-style:italic;
	          color:blue;padding-left:4px;
	          margin-left:2px;}
	
	.hilfeA{font-size:110%;font-weight:bold;color:#410910}
.hilfeTNeinf
	{color:#999999;
	 font-style:italic;
	 font-size:90%
	    }
	.hilfeError
	{color:red;
	 font-style:italic;
	 font-size:90%
	    }
/*FAQ*/    

	 /*Ajax modal Popup*/  
.modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=90);
            opacity: 0.9;
          }
.modalPopup
        {
            width: 300px;
            margin:5px;
            padding:2px;
            border:1px solid #b85868;
	        font-size:80%;
	        background-color:#f5e7ea;
            cursor: move;
            font-size: medium;
        }	  
        
/*Trainingskorb*/ 

.tkContent{margin:5px;
           padding:2px;
           border:1px solid #b85868;
	       font-size:80%;
	       background-color:#f5e7ea}
	        
.tkHeader
    {font-weight:normal;background-color:#a81431
     }   
.tkMitte 
    {color:black;min-height:50px;padding:2px;font-size:90%}    
.tkFooter{background-color:#cccccc;text-align:center}    

 /*panel 7 Trainings*/ 
 .pnAntwort{background-color:White;margin:10px 30px 10px 30px;padding:2px;
           border:1px solid #cccccc;font-size:90%}   
#referer {text-align:right;font-size:95%;padding-right:4px;
          }
#referer a{color:#cccccc;font-weight:normal}
.hgKontakt
{border-top:1px solid #a14745;
 text-align:right;
 border-bottom:1px solid #410910;
    background: url(../images/bilder/hgKontakt.png) 100% 0 repeat-x;
    background-position:bottom right;
    height:20px;
    }
    
    /*Feedback oben rechts unten links*/
#feedback h3{color:Black;font-size:130%;margin-top:10px;margin-left:0px;margin-right:300px;
              /* background-image:url(../images/kar/hgfrage.png);
             background-repeat:no-repeat;
             background-position:bottom left*/}    
.hide{display:none} 
.pnWZ{padding:10px;font-size:100%} 
.divlbl{padding-left:20px;padding-right:50px;}         
.boxList{padding-left:20px;padding-bottom:10px;margin:10px 200px 10px 5px;     
         font-size:95%;background-color:#f5e7ea}  
.boxList5{padding-left:20px;padding-bottom:10px;margin:10px 150px 10px 5px;     
         font-size:95%;background-color:#f5e7ea}          
         
.boxList1{padding-left:20px;padding-bottom:10px;margin:10px 50px 10px 20px;     
         font-size:95%;background-color:#f5e7ea}           
.wz1{background-image:url(../images/kar/frage.png);
     background-repeat:no-repeat;
     background-position:bottom right;
     min-height:580px;}
                   
.wz2{background-image:url(../images/kar/buch.png);
     background-repeat:no-repeat;
     background-position:bottom right;
     min-height:580px;}                   
.wz3{background-image:url(../images/kar/lampe.png);
     background-repeat:no-repeat;
     background-position:bottom right;
     min-height:580px;} 
.wz4{background-image:url(../images/kar/konzept.png);
     background-repeat:no-repeat;
     background-position:bottom right;
     min-height:580px;} 
.wz6{background-image:url(../images/kar/schluss.png);
     background-repeat:no-repeat;
     background-position:top center;
     padding-top:200px;
     min-height:380px;}   
.wz5{background-image:url(../images/kar/gespraech.png);
     background-repeat:no-repeat;
     background-position:bottom right;
     min-height:500px;}