div.swatch_container {
    position:relative;
    width:1320px;
    margin-left:auto;
    margin-right:auto; 
}

div.swatch_container_intro {
    position:relative;
    width:900px;
    margin-left:auto;
    margin-right:auto;  
}

div.swatch{
    position: absolute;  
    width:80px;
    height:80px;
    display: block;
    margin:2px;
}

a.swatch:link, a.swatch:visited, a.swatch_active:link, a.swatch_active:visited {
    width: 80px;   
    height: 80px;
    position: absolute;
    text-decoration: none; 
    display: block;
    top:-3px;
    left:-3px;
    padding:2px;
}  
a.swatch:link, a.swatch:visited { 
    border:solid 1px #1e404c;     
}

a.swatch:hover, a.swatch:active, a.swatch_active:link, a.swatch_active:visited, a.swatch_active:hover, a.swatch_active:active{
    border:solid 1px #FFFFFF; 
}

.swatch_level {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;  
    text-align: right; 
    right:4px;
    position: absolute;
    bottom:2px;    
}

.swatch_text {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;  
    text-align: center; 
    width: 80px;   
    display: block;
    position: absolute;
    bottom:2px;
    left:2px;
}

.swatch_vakgroep {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;  
    text-align: center;    
    display: block; 
    line-height: 80px;
}

div.swatch_type, span.swatch_type {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;  
    text-decoration: none;   
    text-align: center;    
    display: table-cell;
    vertical-align: middle; 
    height: 80px;  
    width: 80px;    
    font-weight:bold;
}

.new {
    width: 80px;
    font-size: 12px;
    text-align: center; 
    position: absolute;
    top:5px;
    font-weight: bold;
    left:2px;
}

div.swatch_logo {
    position: absolute;
    top:102px;
    left: 552px;
    display: block; 
    height:80px;
    width:240px;
    background-color: #FFFFFF; 
    padding-left: 10px;
    padding-right:10px;            
}

div.swatch_logo_special {
    position: absolute;
    top:192px;
    left: 552px;
    display: block; 
    height:260px;
    width:260px;
    background-color: #FFFFFF; 
    padding-left: 0px;
    padding-right:0px; 
    padding-top: 0px;   
      
}

div.swatch_slogan {
    position: absolute;
    top:120px;
    left: 550px;
    display: block; 
    z-index:20;
    width:260px;
}

img.swatch_logo{
    padding-top:10px;
    width:240px;
}
  
img.swatch_slogan{
    margin-top:10px;
    width:260px; 
    padding-left: 30px; 
    border:none;
}
            
.footer {
    position:fixed;
    float:left;
    z-index:20;
    left:0em;
    bottom:0em;    
    width:100%;
    text-align:center;
    background-color:#000000;
    color:#FFFFFF;
}


a, a:visited, a:link{
    /*color:#FFFFFF;    
    text-decoration: underline;   */
    color:inherit;
}
a:hover {
    color:#FFFFFF;
}
.footer a{
    text-decoration: underline;
}