* {
    padding: 0;
    margin: 0;
    font-family:verdana, arial, helvetica, sans-serif;
  }


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */



.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

/* Hides from IE-mac \*/



* html .clearfix {
    height:1%;
  }


.clearfix {
    display:block;
  }

/* End hide from IE-mac */
  
 
  
  
  /*Jetzt beginnt der Bereich, in dem die Joomla!-Module formatiert werden können. 
  In unserem Beispiel gehen wir nur auf einige wenige Formatierungen ein. 
  Sie finden jedoch im Anschluss eine Übersicht der verschiedenen CSS-Zuweisungen.*/






.moduletable {
    width: 95 %;
    padding-top : 30px;
    padding-left: 2px;
    text-align: left;
    font-size: 0.8em;
  }

/*Formatierung der Modul-Überschriften:*/

  

/*
.moduletable.th {
    text-align: left;
    font-weight: bold;
    font-size: 0.8em;
  }
  */
  

Formatierung der Modul-Inhalte:     

table.moduletable.td {
    font-size: 0.6em;
    font-weight: lighter;
  }

/*Hier formatieren Sie die Content-Überschriften:*/

  




.contentheading, .componentheading {
    font-weight: bold;
    font-size: 1em;
  }



/*Hier bestimmen Sie das Erscheinungsbild des Anmelde-Buttons:*/


fieldset{
    width: 160px;
    border-width:0px;
}

  
.button {
    font-size: 0.8em;
    background-color: #2655cc;
    color: #ffffff;
    border: 1px solid;
    width: 80px;
  }

/*Jetzt können wir noch die Eingabefelder anpassen:*/



  
.inputbox {
   font-size: 1em;
   color: #000000;
   background: #ffffff;
   border: 1px solid;
   width: 120px;
  }

/*Die folgenden Formatierungen bestimmen das Aussehen der Links.
  Zuerst werden die Links der obersten Ebene des Hauptmenüs konfiguriert, 
  danach im gleichen Stil die allgemeinen Links:*/

  

body {
    /* background-color : #c0c0c0; */ 
    background-image : url(../bilder/bodybg.jpg);
    background-repeat : repeat-x;
  }


.buttonheading {
    color : #ff9900;
    font-size : 9px;
    font-weight : normal;
    margin-bottom : 0;
    margin-left : 400px;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    text-transform : uppercase;
    white-space : nowrap;
    width : 30px;
  }


h1 {
    height:30px;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:1.4em;
    text-align:center;
    padding-top:10px;
    padding-bottom:5px;
    margin-right:1px;
    color:#333333;
   /* background-color:#C9D9F8;*/
  }

p  {
    font-size:0.8em;
   }

#seitenbreite {
    background-image : url(../bilder/hintergrund.jpg);
    margin-left : auto;
    margin-right : auto;
    text-align : left;
    width : 830px;
  }


#header {
    position:relative;
    height:114px;
    width:100%;
    background-image:url(../bilder/kopf.jpg);
  }


#maincol {
    display : inline;
    float : right;
    padding-top : 10px;
    position : relative;
    width : 580px;
    min-height : 700px;
  }

#maincol a:link,#maincol a:active,#maincol a:visited {
    text-decoration: none;
    color: #2754CB;
   } 

#maincol a:hover{
    text-decoration: none;
    color: #D80C3F;
 }

#text {
padding-top : 30px;
}


#leftcol {
    float : left;
    padding-left : 30px;
    padding-top : 30px;
    position : relative;
    width : 210px;
  }


 
#navi {
    font-size : 14px;
    list-style : none;
    font-family : verdana, helvetica, arial, sans-serif;
    padding-top : 25px;
    color: #FFFF00;
}
  

li {
    list-style-type : none;
  }

#navi li.parent.active ul li 
{
     border-width:0px; 
    /* font-size: 1.1em; */
     text-align:left; 
     list-style-type:square; 
     margin-left:20px;
     color: #FFFF00;
}





a.parent:active{
    color: #FF0000;    
  }



#navi a:link,#navi a:active,#navi a:visited {
    text-decoration: none;
    color: #ffff00;
;
    
  }


a:hover {
    color: #000000;
  }

#navi a:hover {
    color: #000000;
    font-weight: bold; 
} 



a.category, table.category a{
     color: #0000FF;
     text-decoration: underline;
}

p  a:visited
    {
     color: #0000ff;
    }

p  a:link
    {
    color: #0000ff;
    }

p  a:hover
    {
    color: #000000;
     text-decoration: underline;
    }


/*Die nächsten Zuweisungen bezieht sich auf den Klickpfad:*/

  

.pathway a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size:0.8em;
    background-color:#0000FF;*/
    color: #ffff00;
  }

/* 

a.readon {
    background-color:#0000FF;
    color: #ffff00;
}


p#breadcrumbs{
    font-weight : bold;
}



div#breadcrumbs a, span.breadcrumbs pathway a{
  /* background-color:#406de4;*/
 /*  color: #0000ff;
   text-decoration: underline;
}
*/