/* 
April 2008
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
oranje: #F49B00;
grijs: #58585A;

*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

*
{
	

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}

ul 
{
    padding-left:10px;
}


body 
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: small; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	
}

.clear 
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
	
}

#divWrapper 
{
	width: 980px;
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 30px;
	padding: 0;
	border-width:thin;	
	border-style:none; 
	text-align: left;
	background: #FFF3D7;
}

/* --------------------------------------------- // -------- Instellen Fonts */
#login_details, #breadcrumb, #content {
	font-size: 0.75em;
}
#projects {
	font-size: 0.7em;
}

#content h1 {
	font-size: 1.4em;
}
#content h2 {
	font-size: 1.4em;
}
#projects h3 {
	font-size: 1.2em;
}
/* --------------------------------------------- // -------- Header */

#divHeader {
	float: left;
	width: 980px;
	height: 150px;
	
}
#divInfo {
	float: left;
	width: 980px;
	height: 25px;
	
}

#divAdmin {
	float: left;
	width: 980px;
	
}



#divMenu {
	float: left;
	width: 247px;
}
#divMenu ul
{
	
	width: 205px;
	list-style: none;
	padding: 0px;
	padding-left:10px;
	margin: 0px;
}


#divKruimel {
	clear:both;
	height: 30px;
	width: 525px; /* 544 */
	padding: 0 0 0 19px;
}

#divKruimel ul li {
	clear:both;
	margin: 0 10px 0 0;
	padding: 0 0 18px 12px;
	background: url(../_images/arrow_breadcrumb.gif) no-repeat 0px 5px
}

#divKruimel ul li a {
	color: #A1A3A4;
}

/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 505px; /* 544 */
	padding: 0 20px 0 19px;
	color: #A1A3A4;
}
#content h2 {
	color: #964227;
}

#content p {
	margin: 10px 0 10px 0;
}
#content ul {
	margin: 10px 0 10px 0;
	background: #FEECD3;
}
#content ul {
	
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	background: #FEECD3;
}
#content ul li {
	list-style: disc;
	margin: 0 0 0 20px;
}



/* --------------------------------------------- // -------- Column Right */

#colRight {
	float: left;
	width: 189px;
}
/* --------------------------------------------- // -------- Projects */

#projects {
	float: left;
	width: 142px; /* 167 */
	padding: 20px 25px 20px 0;
	margin: 13px 0 0 0;
	color: #58585A;
	background: url(../_images/bg_projects.gif) repeat-y 0 0;
}
#projects h3 { 
	width: 117px;
	color: #F49B00;
	margin: 0 0 0 25px; 
}

#projects dl {
	width: 117px;
	margin: 15px 0 0 25px;
}

#projects dt {
	font-weight: bold;
}
#projects dd {
	margin: 0 0 15px 0;
}
#projects dd a {
	text-transform: uppercase;
	color: #58585A;
}

/* --------------------------------------------- // -------- Footer */

#footer {
	float: left;
	width: 980px;
	height: 98px;
	background: url(../_images/bg_footer.gif) no-repeat 0 0;
}

.square_empty
{
float:left;
width:8px;
height:8px;
margin: 11px 0 0 11px;
background-image:url(../_images/square_empty.jpg);
}

.square_full
{
float:left;
width:8px;
height:8px;
margin: 11px 0 0 11px;
background-image:url(../_images/square_full.jpg);
}

img{

margin:5px;

}

.actief
{
 border-style:solid;
 border-width:2px;
 border-color:Red; 
    
}


.nietactief
{
 border-style:solid;
 border-width:2px;
 border-color:rgb(255,255,160); 
    
}