div {
  border: 0px solid black;
}


body {
    margin: 0;

    /* 
       hellblau, logo mit Saettigung 5%, Wert 90% 
       background-color: #dadfe6;
    */
    
    /* grau (wie die Zeiten) */
    background-color: #dcdcdc; 
}


/* div outer */
#outer {
    position: absolute;
    border: 0px solid red;
    /* border-right: 1px solid gray; */
    top: 0;
    bottom: 0;
    left: 0;
}

.maincolor {
  /* background-color: #eeeeee; */
  background-color: #fff;
  /* color: black; */
  color: #333333;
}


.seccolor {
    background-color: #333333;
    color: #fff6e8;	
}


/* class caption */
.caption {
    /* color: #555555; */
    color: black;
    font-size: .9em;
    text-align: center;
    border: 0px solid blue;
}


/* class photo */
.photo {
    color: #777777;
    font-size: 9px;
    text-align: right;
    border: 0px solid blue;
}


/* class leftpic */
.leftpic {
    float: left;
    border: 0px solid green;
    padding-right: 15px;
    padding-bottom: 15px;
}


/* 
   leftsep nur noch bei schule als Rahmen verwendet:
   bei clearleft erscheint der Text beim Seitenaufbau 
   kurz oben rechts
   
   ansonsten durch clearleft ersetzt
   bei biographie darunter (statt Rahmen)
   
   allgemein muessen divs explizit geschlossen werden
   also <div>...</div>, nicht <div/>
   
   */

.leftsep { 
  float: left;
  width: 100%;
  border: 0px solid purple;
}

.clearleft { 
  border: 0px solid green;
  clear: left;
}


/* class rightpic */
.rightpic {
    float: right;
    border: 0px solid green;
    padding-left: 15px;
    padding-bottom: 15px;
}


.adr { 
  font-style: italic;
  color: #777;
} 

#left {
    border: 0px solid green;
    margin-top: 15px; /* 20 */
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 24px; /* urspruengl. 2x font-size  = 24*/
}

#photolinks {
  border: 0px solid blue;
  margin-left: 15px; 
  font-size: 10px;
  
  line-height: 20px;	/* 18 */
}


#main {
    padding: 20px;
    /* orange */
    border: 0px solid #ffa500; 
    position: relative;
}



p,h1,h2,h3,h4,ul,ol,li,div,blockquote,body,table,td {
    /* font-family: verdana, arial, helvetica, sans-serif; */	
    font-family: arial, helvetica, sans-serif;	
}


h1, h2, h3, h4 {
    /* color: #3963b3; */
    color:#3272d1;
}

h1 {
    /* ehemals 18px */
    font-size: 26px;
}

h2 {
    /* ehemals 16px */
    font-size: 18px;
}

h3 {
    /* ehemals 14px */
    font-size: 16px;
}

h4 {
    /* ehemals 12px */
    font-size: 14px;
}

/*
p {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
}
*/

a:link {
    color: #993333;
    background-color: transparent;
/* font-weight: bold; */
    
/* mrz2010 */
/* text-decoration: none; */
    text-decoration: underline;
}

a:visited {
    /* jan2010 - wie nicht visited */
    /* color: #666666; */
    color: #993333;

    background-color: transparent;
    text-decoration: none;
}

a:hover {
    background-color: #996060;	
    color: #eeeeee;		
}



a.nav {
    /* light blue */
    border: 0px solid #add8e6;
    /* statt der br s in der Navigation */
    display: block;
    /* Reihenfolge unten: LoVe-H[A] */
}


/* div.nav für Photogalerie */
a.nav:link,a.nav:visited, div.nav {
    color: #ffffff;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}

a.nav:hover {
    color: #eeeeee;
    background-color: transparent;
}


hr {
    border: none;
    border-bottom: 1px solid black;
}


table.zeiten {
    /* border: 1px solid black; */
    background: #dcdcdc; 
    padding: 15px;

}


/* descendant sel */
table.zeiten td {
    border: 0px solid #666;
}

tr.wochentag td {
    padding-top: 1em;
    font-weight: bold;
    /* color: #393; */
}


/* ...aber der Montag braucht keinen Abstand nach oben */
tr.wochentag:first-child td {
    padding-top: 0;
/* color: #393; */
}



tr.voranmeldung td {
    padding-top: 1em;
}



/* Mittelstufe/Fortgeschrittene */
table.zeiten .mf {
    /* background-color: #f96; */
    /* background-color: #afafaf; */
    
    background-color: #fff; 
    /* background-color: transparent; */
    /* border: 1px solid #fff; */

    padding-left: 2px;
    padding-right: 2px;
}





/* Anfänger */
table.zeiten td.a {
    /* background-color: #9c9; */
    /* light green */
    background-color: #90EE90;
    /* border: 1px solid #fff; */
    padding-left: 2px;
    padding-right: 2px;
}


/* Mittelstufe */
table.zeiten .m {
    /* light sky blue */
    background-color: #ababab;
    padding-left: 2px;
    padding-right: 2px;
}

 
/* Spitze */
table.zeiten td.s {
    /* light coral */
    background-color: #F08080;
    padding-left: 2px;
    padding-right: 2px;
}


 
/* Kinder (alle) */
table.zeiten td.foo {
    /* background-color: #fff; */
    padding-left: 2px;
    padding-right: 2px;
}