/**************** STARTPAGE LAYOUT ************************/

* { margin: 0; padding: 0; }     
BODY {
    font-family: Tahoma;	
    font-size: 10px;
    padding: 0;
    margin: 0;
    background-color: #000;
    cursor: default;
    color: #000;
    background: #6d6d6d url("../images/layout/bg.jpg") top left repeat-x
} 

.pageContainer {
    position: relative;        	
    width: 857px;
    margin: 0 auto;
    min-height: 100%;
    padding: 0 11px 0 11px;
    background: #231f20 url("../images/layout/containerbg.gif") top left repeat-y;
    border-left: 10px solid #171717;
    border-right: 10px solid #171717;
} 	

#header {
    position: relative;
    width: 857px;
    height: 285px;
    background-color: #231f20;
}

.flashalert { position: absolute; top: 10px; left: 10px; background-color: Yellow; padding: 5px 10px 5px 10px }
.flashalert a { color: #000 }

.logout { position: absolute; top: 10px; right: 10px; border: 1px solid black; background-color: white; padding: 2px; font-size: 10px }

#navigation {
    position: relative;
    width: 857px;
    height: 45px;
    background-color: #171717
}

#navigation UL { border-bottom: 2px solid #dadbdb; list-style-type: none; margin: 0; padding: 0; height: 35px; border-top: 8px solid #171717; background: url("../images/layout/navbg.gif") top left repeat-x }
#navigation UL LI { float: left; font-family: "Trebuchet MS"; font-size: 14px }
#navigation UL LI a { width: 127px; height: 25px; line-height: 25px; margin: 5px 5px 0 5px; display: block; text-align: center; color: #fff; text-decoration: none }
#navigation UL LI a:hover { background-color: #4e4e4f }

#content {
    position: relative;
    float: left;         
    width: 611px;
    padding: 0;
    font-size: 11px;        
}

    #titleBar { position: relative; width: 600px; padding: 5px 0 0 11px; height: 20px; margin: 0; color: #a5a5a5; background-color: #252525; border-bottom: 2px solid #dbdbdb }
        #timeDate { position: absolute; right: 4px; top: 1px }
        #crumbs { margin-top: 1px; width: 350px; font-size: 10px }
        #crumbs a { color: #a5a5a5 }
        #crumbs a:hover { color: #cdb86f }

#TEMPcontent {
  padding: 0 2em 40px 2em;
  border: 1px solid black;
}

#panel {
	z-index: 2;
    position: relative;  
    float: left;
    width: 228px;
    padding: 9px
} 	    

    .grayFrame { position: relative; width: 228px; background: url("../images/layout/GrayframeBg.gif") top no-repeat }
    .grayFrame BLOCKQUOTE { margin: 0; padding: 8px 0 15px 0; color: White; text-align: center; line-height: 16px; background: url("../images/layout/GrayframeBottom.gif") bottom no-repeat }
    .grayFrame P { text-align: center}

#footerContainer {
	width: 879px;
	margin: 0 auto;
    border-left: 10px solid #171717;
    border-right: 10px solid #171717;
	background-color: #231f20
}

	#footer {
		position: relative;
		color: #373737;
		width: 712px; /* 857 - 145padding = 712 */
		margin: 0 auto;
		padding: 0 0 0 145px;
		height: 38px;
		line-height: 38px;
		background: #171717 url("../images/layout/footerLogo.jpg") left no-repeat
	}
	#footer a { color: #373737; text-decoration: none }
	#footer a:hover { text-decoration: underline }

	#footerTopBorder { width: 857px; margin: 0 auto; height: 9px; font-size: 1px; background-color: #dbdbdb	}
	#footerBottomBorder { width: 857px; margin: 0 auto; height: 11px; background-color: #231f20 }
	
	#panelBottom {
		position: absolute;
		right: 11px !important;
		right: 10px; /* wtf crap IE6 */
		bottom: -9px !important; /* hoogte van footerBottomBorder */
		bottom: -10px; /* wtf crap IE6 */
		width: 246px;
		height: 255px;
		background: #333333 url("../images/layout/panelbg.jpg") bottom no-repeat
	}