/* This CSS Document was created purely for "Carpe Noctem"
   Carpe Noctem is a project website for "Inleiding tot webtechnologie"
   This was created by:
   		Gert Van Gool
		LUC #0421638
		Student of 1 bachelor ICT
   
   This file contains the container definitions
   */
   
#content
{	
	margin: 25px 25px 25px 170px;
	padding: 10px;
	vertical-align: top;
}

/* header: begin */
#header
{
    margin: 20px;
    margin-bottom: 25px;
    height: 120px;
}

#header .h_table
{
    width: 100%;
}

#header .h_left
{
    vertical-align: top;
    text-align: left;
}
#header .h_right
{
	vertical-align: middle;
	text-align: right;
}
/* header: end */


/* footer: begin */
#footer
{
    color: #666666;
    margin: 20px;
    text-align: center;
}

#footer a
{
	text-decoration: underline;
	color: #333333;
}
#footer a:hover
{
	text-decoration: none;
	color: #333333;
}
#footera:visited
{
	text-decoration: underline;
	color: #333333;
}
/* footer: end */


/* left: begin */
#left
{
    margin: 0px;
    width: 125px;
    margin-left: 20px;
    float: left;
}

#left div
{
    padding: 5px;
}
    /* menu: begin */
    #menu {
        list-style: none;
        display: inline;
        padding: 10px 0px 10px 0px;
    }
    
    #menu li {
        border-bottom: 1px solid #CCCCCC;
        /* border-right: 1px solid #CCCCCC; */
        padding: 10px 5px 3px 5px;
    }
    
    #menu li a {
        text-decoration: none;
        color: #CCCCCC;
        display: block;
    }
    
    #menu li a:hover {
        text-decoration: none;
        color: #CCCCCC;
    }
    
    #menu li a:visited {
        text-decoration: none;
        color: #CCCCCC;
    }
    /* menu: end */
/* left: end */


/* set background and border */
#content, #header, #left div
{
	background-color: #666666;
	border: 2px solid #333333;
}