html, 
body {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fff; /* de background-color: is de kleur voor de div's #canvas0 en #content */
}
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -55px; /* de margin-bottom: is de negative waarde van de #bottom's height */
	margin-left: auto;
	background-color: #fff;
}
    #canvas0 {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
        #content {
            width: 710px;
            min-height: 270px;
            margin-top: 0px;
            margin-right: auto;
            margin-bottom: 0px;
            margin-left: auto;
        }
            #navigatieLinks {
                width: 710px;
                height: 10px;
                overflow: hidden;
            }
            #navigatie {
                width: 710px;
                height: 50px;
                margin-top: 20px;
                margin-bottom: 20px;
                padding-top: 7px;
            }
            .visualSmall {
                display: inline;
                float: left;
                width: 232px;
                height: 180px;
                text-align: left;
                margin-left: 58px;
                overflow: hidden;
            }
            .visualLarge {
                display: inline;
                float: left;
                width: 290px;
                text-align: left;
                margin-left: 0px;
                overflow: hidden;
            }
                .visualLarge img {
                    margin-bottom: 10px;
                }
                
            .visualCreate {
                width: 260px;
                height: 390px;
	            margin: 15px 0px 0px 0px;
                padding: 10px 10px 0px 10px;
	            border: solid 1px #808080;
	            overflow: hidden;
            }
            .visualEdit {
                width: 260px;
                height: 255px;
	            margin: 15px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
	            border: solid 1px #808080;
	            overflow: hidden;
            }
            .visualEditSmall {
                width: 260px;
                height: 165px;
	            margin: 15px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
	            border: solid 1px #808080;
	            overflow: hidden;
            }
            .visualEditMovie {
                z-index: 100;
                width: 260px;
                height: 255px;
	            margin: 15px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                background-repeat: no-repeat;
                background-position: top left;
	            border: solid 1px #808080;
	            overflow: hidden;
            }
            .visualEditDocument {
                width: 240px;
                height: 75px;
	            margin: 15px 0px 0px 0px;
                padding: 10px 10px 0px 10px;
	            border: solid 1px #808080;
	            overflow: hidden;
            }
            .visualEditMovie img {
                margin: 110px 0px 0px 110px;
            }
            
            .delete {
                width: 27px;
                height: 14px;
                margin: -20px 0px 0px 230px;
                cursor: pointer;
            }
            .description {
                float: left;
                width: 400px;
                padding-top: 10px;
            }
            .descriptionLarge {
                width: 652px;
                margin-top: -30px;
                margin-left: 58px;
            }
        #push {
	        height: 70px; /* #push must be the same height as #footer */
        }
      /* Footer */
        #bottomFooter {
            width: 100%;
            height: 55px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
            #footer {
                width: 770px;
                height: 55px;
                margin-left:auto;
                margin-right:auto;
                text-align: center;
            }
/* shared */	
.left {
    float: left;
}
.right {
    float: right;
}
.clearboth {
    clear: both;
}
/* admin draggable controlPanel */
#controlPanel {
    z-index: 100;
    position: absolute; 
    top: 35px; 
    left: 16px;
    width: 100px; 
    height: 90px;
    margin: 0px 0px 0px 0px; 
    padding: 3px 0px 0px 10px; 
    background-image: url(../images/bg_label.png);
    background-repeat: repeat-x;
    background-position: top left;
    border: solid 1px #808080;
    font-weight: bold;
    cursor: move;
} 
#controlPanelBody {
    position: absolute; 
    top: 25px; 
    left: 0px;
    width: 100px; 
    height: 62px;
    padding: 5px 0px 0px 10px;
    background-color: #f2f2f2; 
    border-top: solid 1px #808080;
    cursor: default;
}