body  { 
    margin: 0px;
    }

#PopupHeader { 
    }

.blueHeaderColor {
    background-color:#006;
    }

.ochreHeaderColor {
    background-color:#c93;
    }

.brownHeaderColor {
    background-color:#630;
    }

#PopupHeader table { 
    width: 100%; 
    border-collapse:collapse; 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    color:#fff;
    font-size:12px;  
    font-weight:bold; 
    }

.HeaderCellWithTextLehre {
    background-color:#039;
    }   

.detailActivity td, .detailActivity th { 
    padding-top: 8px; 
    padding-right: 5px; 
    vertical-align: top; 
    text-align: left;
    }


#PopupHeader td { 
    border:2px solid #fff; 
    padding:8px; 
    width:50px; 
    }

.thickLine { height:20px; }
.thinLine  { height: 5px; border-top: 2px solid #fff; }



#popupPicture {
    margin-top: 60px;
    margin-bottom: 30px;
    position: absolute;
    left: 20px;
    width: 100px;
    }
    
#popupText {
    margin-top: 60px;
    margin-bottom: 30px;
    position: absolute;
    left: 170px;
    width: 350px;
    }

#popupText h1 { margin-bottom:10px; }
#popupText p { padding-bottom:5px; line-height: 140%; }
#closeLink { text-align: right; margin-top: 50px; margin-bottom: 20px; }    
#closeLink a:link { text-decoration: none; color: #006; font-size: 9px; }