body {
	color: #461926;
	font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
	font-size: 11px;
	line-height: normal;
}
a, a img{
	text-decoration: none;
	font-weight: bold;
	color: #461926;
	border: none;
}
#container{
	position: absolute;
	width: 800px;
	height: 600px;
	margin-left: -400px;
	left: 50%;
	margin-top: -300px;
	top: 50%;
}
#navBar{
	position: absolute;
	top: 230px;
	left: 0px;
}
.navBarItem{
	padding-top: 6px;
	padding-bottom: 0px;
}
.navBarLink{
	cursor: pointer;
}
#navBar #networks {
	margin-top: 15px;
}
#navBar #networks img.icon{

	margin-left: 5px;
}

#logo {
	position: absolute;
	top:0px;
	left: 0px;
	width: 233px;
	z-index: 5;
}
.contentBackground{
	position: absolute;
	top: 50px;
	left: 138px;
	width: 639px;
	height: 550px;
	z-index: 3;
}
.textDiv{
	position: absolute;
	top: 50px;
	left: 138px;
	width: 639px;
	z-index: 4;
	line-height: 14px;
}


/*VISIE*/
#visie {
	background-color: #4A1C3C;
}
#textvisie p, #textvisie img{
	padding-top: 8px;
	padding-left: 120px;
	padding-right: 30px;
	border: none;
}
#textvisie img{
	padding-top: 20px;
}
#textvisie p.no-indent {
	padding-left: 20px;
}

/* OVER 21Sustainable */
#over {
	background-color: #5C661F;
}
#textover p, #textover img{
	padding-top: 8px;
	padding-left: 120px;
	padding-right: 30px;
}
#textover img{
	padding-top: 20px;
}
#textover p.no-indent {
	padding-left: 20px;
}

/* SAMENWERKING */
#samenwerking {
	background-color: #DB28E0; 

}
#textsamenwerking p, #textsamenwerking img{
	padding-top: 8px;
	padding-left: 120px;
	padding-right: 30px;
}
#textsamenwerking img{
	padding-top: 20px;
}
#textsamenwerking p.no-indent, div.no-indent, h3.no-indent{
	padding-left: 20px;
}
#textsamenwerking a{
	text-decoration: underline;
}
#div1, #div2, #div3, #div4{
	position: absolute;
	right: 30px;
	background-color: #ffffff;
	width: 450px;
	padding-top: 5px;
}
#descwrapper a{
	text-decoration: underline;
}
#link1{
	text-decoration: underline;
}
.linkDiv{
	margin: 5px;
	margin-left: 10px;
}
p#persoonlijk{
	margin: 0px;
	padding-left: 440px;
	padding-top: 20px;
	margin-top: 0px;
}
#linkwrapper{
	float: left;
}
#descwrapper{
	float: left;
	height: 75px;
}
#mainwrapper{
	height: 75px;
	 margin-bottom: 0px;

}

/* Projecten */
#projecten {
	background-color: #6699CC;
}
#textprojecten p, #textprojecten img{
	padding-top: 8px;
	padding-left: 120px;
	padding-right: 30px;
}
#textprojecten img{
	padding-top: 20px;
}
#tmobileLogo{
	position: absolute;
	top: 300px;
	left: 150px;
	z-index: 3;
}
/* CONTACT */
#contact {
	background-color: #62006E;
}
#textcontact{
	padding-top: 30px;
	padding-left: 350px;
	
	width: 250px;
}
#credits{
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 0.82em;
	color: #aaaaaa;
}
.popup{
	text-decoration: underline;
}
#credits a {
	color: #cccccc;
	font-weight: bold;
}
.quoteperson{
	font-size: 14px;
	font-style: normal;
	line-height: 28px;
}
#contact p {
	margin-top: 2px;
	margin-bottom: 0px;
}
/* NIEUWS */
#nieuws {
	background-color: #FF6600;
}
#textnieuws{
	position: absolute;
	margin-left: 120px;
	margin-top: 80px;
	margin-bottom: 50px;
	width: 500px;
	overflow: auto;
	height: 270px;
}
#textnieuws a, #textnieuws a:visited {
	text-decoration: underline;
}
#logOutLink, #logOutLink:visited{
	position: absolute;
	right: 50px;
	text-decoration: underline;
}
#posts{
	width: 480px;
}
.post {
}
.postheader{
	font-weight: bold;
}
#editQuote{
	position: absolute;
	top: -1em;
	right: 0px;
}
#quote a, #quote a:visited{
	text-decoration: underline;
}
.txtAreaSubt, .txtAreaBody{
	text-align: right;	
}
.txtAreaBody{
	position: relative;
	top: 0px;
	font-style: italic;
	font-family: "Avance", "Times New Roman", serif;
	font-size: 1.50em;
}
.txtAreaSubt{
	position: relative;
	font-size: 1.50;
	bottom: 0px;
}

.postheader{
}
.posttitle{
	float: left;
	width: 220px;
	height: 1.00em;
	left: 0px;
}
.postdate{
	float: right;
	width:220px;
	text-align: left;
	height: 1.00em;
}

#postBody{
	height: 300px;
}
.postbody{
	float: left;
	width: 480px;
	margin-bottom: 1em;
}

#quote{
	z-index: 5;
	position: absolute;
	top: 410px;
	right: 50px;
	text-align: right;
	height: 92px;
	width: 480px;
	font-weight: bold;
}
#quoteBody{
	position: relative;
	top: 0px;
	font-style: italic;
	font-family: "Avance", "Times New Roman", serif;
	font-size: 3.00em;
}
#quoteSubt{
	position: relative;
	font-size: 1.20em;
	bottom: 0px;
}
hr{
	float: left;
	width: 440px;
}
img#kop{
	position: absolute;
	margin-left: 255px;
	margin-top: 80px;
	z-index: 5;
}
/* Login */
#login {
	background-color: #FF6600;
}
.centerform{
	position: absolute;
	top: 200px;
	text-align: right;
	right: 250px;
}
#flashMessage{
	position: absolute;
	top: 50px;
	color: red;
}
div#textvisie p, div#textover p, div#textprojecten p, div#textsamenwerking p, div#textcontact p{
	margin: 0px;
}