/* HTML STANDARDS */
html, body {
    height:95%;
    width:100%;
}
body {
    margin:0 0 0 0;
    font-family:Helvetica, Sans-serif;
    font-size:12px;
    background-color: #fffffa;
    /*background-color:grey;*/
    text-align:center;
}
body, table, th, td, p, input, textarea, select {
    font-family:Helvetica, Sans-serif;
    font-size:12px;
}
img {
    border:0px;
}
/* \ */
* html body hr {
    margin:0px;
}
/*  */
/* ======== EXTRA's	======== */
br.cB {
    clear: both;
}
/* THE maincontainer */
div.mainContainer {
   	display:block;
	width:1000px;
	margin:0 auto;
	text-align:left;

}
    .header {
        width:930px;
        height:144px;
        margin-top:12px;
        margin-left:12px;
    }
        .headerimages {
        }
            .headerimg {
                width:172px;
                height:144px;
                float:left;
                margin-right:12px;
                overflow:hidden;
            }
            
    .navigation{
        width:930px;
        margin-top:12px;
        margin-left:12px;
    	font-variant : small-caps;
    	font-size: 13px;
    	letter-spacing: 1.3px;
    	line-height:20px;
    	font-weight: bolder;
    	color:#cccccc;
    }
    
        .navTopRow{
            margin-bottom:12px;
            height:21px;
        }
        .navBottomRow{
            margin-bottom:12px;
            height:21px;
        }
        
        .navigation span{
            display:block;
            float:left;
            width:172px;
            height:21px;
            margin-right:12px;
            text-align:left;
        }
        
        .navigation a{
            text-decoration:none;
        }
        
        .navigation .blackActive{
            /*background-color: black;*/
        }

        .navigation .blackActive a{
            color:black;
        }

        .navigation .blackActive a:hover{
            color:#666633;
            padding-left:4px;
        } 
        
        
        .navigation .darkgreen{
            /*background-color: #666633;*/
         
        }

        .navigation .darkgreen a{
           color: #666633;        
        }

        .navigation .darkgreen a:hover{
            /*color:#fffffa;*/
            color:#000000;
            padding-left:4px;
        } 

        .navigation .yellow{
            /*background-color:#ffcc00;*/
            /*color:#ffcc00;*/
        }
        
        .navigation .yellow a{
            color:#000000;
        }

        .navigation .yellow a:hover{
            color:#666633;
            padding-left:5px;
        }
    
    .navSpacer{
        height:42px;
        width:930px;
        background-color:#fffffa;
        margin-left:12px;
    }
        

    .contentContainer{
        height:300px;
        width:930px;
        margin-left:12px;
    }
    
        .subnavigation{
            width:172px;
            /*background-color:#fffffa;*/
            float:left;
            /*margin-top:12px;*/
        }
            .pageTitle{
                width:172px;
                height:144px;
                background-color:#a9ab9c;
                overflow:hidden;
            }
            
                .pageTitle p{
                	color: #fffffa;
                	font-size: 23px;
                	text-align:	 center;
                	font-variant : small-caps;
                	font-weight: bold;
                    line-height:50px;
                }
            
                .langChooser{
                    text-align:left;
                    position:relative;
                }
                    .langChooser img{
                        position:absolute;
                        float:left;
                    }
            
            .subnavigation .darkgreen{
                display:block;
                margin-top:12px;
                /*height:42px;*/
                /*background-color: #666633;*/
                text-align:left;
                line-height:20px;
            }

            .subnavigation .darkgreen a{
            	font-variant : small-caps;
            	font-size: 13px;
            	letter-spacing: 1.3px;
            	font-weight: bold;
            	color:#666633;
            	text-decoration:none;
            }
            
            .subnavigation .darkgreen a:hover{
                color:#000;
                padding-left:1px;
            }
            
        .innerContentContainer{
            width:736px;
            float:left;
            margin-top:-12px;
        }
        
        /*.innerContentContainer div{
            float:right;
        }*/ /*THIS  IS DEFINED IN THE XSL!!*/

        .innerContentContainer .contentspacer{
            padding-left:10px;
            padding-bottom:20px;
            padding-right:5px;
/*            top:-15px;*/
            position:relative;
        }

        .innerContentContainer .black{
            background-color: black;
            color: #fffffa;
        }

        .innerContentContainer .darkgreen{
            background-color: #9b9b63;
            color: black;
        }
        
        .innerContentContainer .yellow{
            background-color:#ffcc00;        
            color: black;
        }

        .innerContentContainer .white{
            background-color:#fffffa;        
            color: black;
        }
        
        .innerContentContainer .image{
            overflow:hidden;
            background-color:transparent;
        }

        .innerContentContainer .half{
             width:356px;
             height:300px;
             margin-left:12px;
             margin-top:12px;
             overflow:hidden;
        }

            .innerContentContainer .half .content{
                overflow:hidden;
                padding-right:15px;
            }
        
        .innerContentContainer .low{
             width:356px;
             height:144px;
             margin-left:12px;
             margin-top:12px;
        }

        .innerContentContainer .third{
             width:540px;
             height:300px;
             margin-left:12px;
             margin-top:12px;
             overflow:hidden;
        }
            .innerContentContainer .third .content{
                overflow:hidden;
                padding-right:15px;
            }

        .innerContentContainer .large{
             width:724px;
             height:288px;
             margin-left:12px;
             margin-top:12px;
             overflow:hidden;
        }

             .innerContentContainer .large .content{
                overflow:hidden;
                padding-right:15px;
            }
        
        .innerContentContainer .high{
             width:172px;
             height:300px;
             margin-left:12px;
             margin-top:12px;
        }
        
        .innerContentContainer .small{
             width:172px;
             height:144px;
             margin-left:12px;
             margin-top:12px;
             overflow:hidden;
        }
        
            .innerContentContainer .small .content{
                padding:3px;
            }
            .innerContentContainer .image .content{
                padding:0px;
            }
        
    .footer{
        position:absolute;
/*        clear:both;*/
        text-align:center;
        /*margin-top:20px;*/
        bottom:40px;
        left:45%;
    }
    
        .footer .toolbar a{
            text-decoration:none;
            color:black;
        }
    
        .footer .toolbar a:hover{
            text-decoration:underline;
        }
    
    
    .track {
        background:#CCCCEE none repeat scroll 0 0;
        float:right;
        height:100%;
        position:relative;
        top:15;
        width:15px;
    }    

    .handle {
    }
    
    .button-up {
        /*background:#666633 none repeat scroll 0 0;*/
        height:15;
        position:relative;
        top:0;
        width:15;
        float:right;
        cursor:pointer;
    }
    
    .large .button-down {
        bottom:25px;
    
    }
    
    .button-down {
/*        background:#666633 none repeat scroll 0 0;*/
        height:15;
        position:relative;
        bottom:15;
        width:15;
        float:right;
        cursor:pointer;
    }
        
    .morphing{
         border:0;
         position:absolute;
         padding:0px;
     }