*{
    margin:0px;
    padding:0px;
    border:0px;
    font-family: Arial;
    font-size:14px;
    line-height:17px;  
}

button{
    cursor:pointer;
    border:1px solid #000000;
    background-color: #BDD80C;
    padding:5px 10px;
    color:#000000;
}

.clickable{
    cursor: pointer;
}

.clear{
    clear:both;
    line-height:1px;
    height:1px;
}

body{
    text-align:center;   
}

.container{
    width:1024px;
    margin:0px auto;
    text-align:left;
}


.login form{
    display: block;
    width:200px;
    text-align:left;
    float:right;
}

.login input, .login label{
    display:block;  
}

.login input{
    border:1px solid #000000;
    margin-bottom:10px;
    width:180px;
    padding:5px 10px;
}

.login button{
    border:1px solid #000000;
    margin-bottom:10px;
    background-color: #BDD80C;
    width:200px;
    padding:5px 10px;
    margin-top:10px;
}

.login button.logout{
    margin-top:80px;
    width:100px;
}

.login .error{
    margin-top:20px;
    font-weight:bold;
    text-align:center;
}

.edit{
    cursor:pointer;
}

.edit:hover{
    background-color: #F8FBE6 ;
}




.edit button, .headerimage button{
    padding:4px 10px;
    margin-right:10px;
    color:#000000;
    background-color:#BDD80C;
    cursor:pointer;
}

.headerimage input{
    border:1px solid #000000;
    margin-right:10px; 
}

/**** HEADER ***/
#header{
    text-align:right;
    margin-top:117px;
}

#header img{
    margin:33px 0px;
}

/**** MAIN ****/
#navigation, #subnavigation, #content{
    float:left;
}

#navigation{
    width:154px; 
}


#subnavigation{
    width:249px;
}

#content{
    width:621px;
}


/*** NAVIGATION ****/

#navigation .number{
    color:#BDD80C;
    font-size:80px;  
    line-height:65px;
    height:100px;    
}





#navigation ul{
    list-style:none
}

#navigation li{
    display:inline;
}

#navigation a{
    outline: none
    font-size:15px;
    font-weight:bold;
    line-height:34px;
    text-decoration:none;
    display:block;
}

#navigation a:hover{
    color:#BDD80C;
}

#navigation a.current{
    color:#BDD80C;
} 

#navigation a.current:hover{
    color:#BDD80C;
}  





#subnavigation ul{
    list-style:none;
    margin-top:143px;
}

#subnavigation li{
    display:block;
    padding-top:15px; 
}

#subnavigation a{
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    text-decoration:none;
    display:block;
}

#subnavigation a:hover{
    color:#BDD80C;
}

#subnavigation a.current{
    color:#BDD80C;
} 

#subnavigation a.current:hover{
    color:#BDD80C;
} 



#content button.new{
    float:right;   
}


#content .headerimage{
    margin-bottom:30px; 
    width:621px;
    height:155px;  
    overflow:hidden;  
}


#content .headerimage{
    margin-bottom:30px;
}

#content  h1, #content h2{
    color:#BDD80C; 
}

#content  h1, #content h2, #content p, #content ul, #content ol{
    margin-bottom:30px;   
}

#content ul, #content ol{ 
    margin-left:17px;   
}

#content ul.childs{
    margin-left:0px;
}

#content ul.childs{
    list-style:none;
}

#content ul.childs li{
    display:block;
    margin-bottom:30px;
}

#content a{
    text-decoration:none;
    
}

#content a span{
    color:#BDD80C; 
    font-weight:bold;    
}

#content a:hover{
    color:#BDD80C;
}

#gallery{
    list-style: none;
}

#gallery li{
    display:block;
    float:left;
    margin-right:5px;
}