/* -- BODY -- */

body {
	background-color: #333; 
	margin: 0;
	margin-top: 80px;
	padding: 0;
	color: #fff;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

table, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}


label {
    width: 400px;
    float: left;
    text-align: left;
    margin: 0px
    clear: both;
    }

label.content {
    width: 150px;
	padding: 0px;
    }

label.contact-form {
    width: 180px;
	}

input, select, textarea {
	color: #000;
	background-color: #fff;
	margin: 2px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

img {
	border: 0;
	}

h1 {
	font-size: 13px;
	margin: 0;
	}

h2 {
	font-size: 13px;
	margin: 0;
	}

h3 {
	font-style: italic;
	font-size: 13px;
	margin: 0;
	}

a:link, a:visited, a:active {
	color: #fff;
	text-decoration: underline;
	}

a:hover {
	color: #0000ff;
	text-decoration: underline;
	}

#bietjes {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 980px;
	padding: 0;
	background-color: #fdfdfd; 
	}

#bietjes-index {
	text-align: center;
	}

/* -- HEADER -- */

#bietjes-header {
	margin: 0;
	padding: 0;
	clear: left;
	}


/* -- MENU -- */

#bietjes-header-menu {
	height: 20px;
	margin: 0;
	padding: 0;
	clear: left;
	}

                                                                                                                                                                  
#bietjes-header-menu ul {
    padding: 0;
	margin: 0;
    list-style: none;
    }
                                                                                                                                                                  
#bietjes-header-menu li {
    float: left;
    position: relative;
	width: 140px;
	height: 20px;
	padding: 0;
    margin: 0;
    text-align: center;
	background-color: #333; 
    }
                                                                                                                                                                 
#bietjes-header-menu li a {
	padding: 0;
	line-height: 20px;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
    display: block;
    }
    
.roze {
	background-color: #f600ff;
	}

.blauw {
	background-color: #1ab4fc;
	}

.oranje {
	background-color: #ff5a04;
	}

.rood {
	background-color: #ec160b;
	}

.groen {
	background-color: #44a931;
	}

.paars {
	background-color: #8c05ff;
	}

.geel {
	background-color: #e5c200;
	}


                                                                                                                                                              
/* -- CONTENT -- */

#bietjes-content {
	width: 790px;
	height: 350px;
	padding: 40px 25px;
	margin: 0;
	float: left;
	overflow: auto;
	}

#bietjes-content img {
	float: left;
	margin: 0px 25px 10px 0px;
	}

#bietjes-content-charity  {
	clear : left;
	width: 100%;
	}

#bietjes-content-charity  table {
	width: 100%;
	}

#bietjes-content-charity  table td {
	text-align: left;
	padding-bottom: 10px;
	}

#bietjes-content img.logo {
	}

#bietjes-content img.portrait {
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0;
	}

#bietjes-content-left {
	float: left;
	width: 350px;
	padding-right: 25px;
	}

#bietjes-content-right {
	float: left;
	width: 375px;
	}

#bietjes-content-quarter {
	width: 260px;
	height: 175px;
	padding: 0px;
	float: left;
	}

#bietjes-content-quarter img {
	padding: 0;
	margin: 0;
	}



#bietjes-contact {
	width: 137px;
	height: 420px;
	padding: 0;
	margin: 0;
	background: #fff url('../../images/logo_bietjes.jpg') no-repeat bottom left;
	color: #000;
	float: left;
	}


/* -- FOOTER -- */

#bietjes-footer {
	clear: left;
	background-color: #333; 
	color: #fff;
	text-align: center;	
	padding: 2px 0px;
	}

#bietjes-footer a {
	color: #fff;
	text-decoration: underline;
	}

#bietjes-footer a:hover {
	}