/*********** GENERAL **********/
body { background-color: #232323; font: 13px Arial,Helvetica,sans-serif; text-align: justify; }
button { cursor: pointer; }
.structural { position: absolute; left: -9999px; }
h1 { font-size: 2.4em; }

/*********** CLEARS **********/
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



#container { border: 10px solid #fff; margin: 0 auto; width: 900px; }



/*********** HEADER **********/
#header { height: 100px; }
#header #logo { float: left; padding: 0 0 0 20px; }
#header #logo a { color: #fff; text-decoration: none; }
#header #logo h1 { padding: 25px 0 0 0; font-weight: normal; }
#header #logo p { color: #fff;  }

#header #nav { float: right; }
#header #nav ul { list-style: none; padding: 50px 0 0 0; }
#header #nav li { float: left; }
#header #nav li.active { background-color: #404040; }
#header #nav li a { display: block; padding: 6px 20px; color: #fff; text-decoration: none; width: auto; }
#header #nav li a:hover,
#header #nav li a:focus { text-decoration: underline; }

/*********** CONTENT LAYOUT **********/
#content { background-color: #fff; padding-top: 10px; }
#content #header-image { width: 900px; height: 200px; margin-bottom: 10px; background: url(../images/headers/zonnedauw.jpg) no-repeat left top #fff; }

#content #col-main { float: right; width: 570px; }
#content #col-left { float: left; width: 300px; }

#content .title { padding: 7px 25px; color: #fff; font-size: 1.2em; background: url(../images/bullit-head.gif) no-repeat 5px 50% #444; }
#content .subtitle { margin: -10px 0 10px 20px; font-size: 0.85em; } 
	
	

/*********** COL-LEFT **********/
#col-left a { color: #000; text-decoration: none; }
#col-left a:hover,
#col-left a:focus { color: #f00; text-decoration: underline; }

#col-left .block { padding: 0 0 30px 0; border: 1px solid #444; }
#col-left .block-content { padding: 10px 10px 0; }
#col-left li { 
	list-style: none; 
	line-height: 30px;
	margin: 0 5px;
	padding: 0 0 0 15px;
	background: url(../images/bullit-sidebar-li.jpg) no-repeat left 50%;
	border-bottom: 1px dashed #bdbdbd;
} 

#col-left .block-search {  }

/*********** COL-MAIN **********/
#col-main a { color: #000; }
#col-main a:hover,
#col-main a:focus { color: #f00; text-decoration: underline; }

#col-main .title { margin-bottom: 15px; }
#col-main .main-content { padding: 0 20px; line-height: 1.6; }
#col-main .main-content p { margin: 0 0 10px 0; }

/*********** FOOTER **********/
#footer { width: 900px; color: #fff; margin: 10px auto 40px; font-size: 0.85em; }
#footer p { text-align: center; }