/* Define Global Workspace */

body {
	border:		none;
	width:		100%;
	height:		100%;
	margin:		0;
	padding:	0;
	font-size:	10pt;
	font-family:	sans-serif;
	line-height:	1.5;
}

/* Global Positioning */

#headleft, #headright, #head, #topmenu, #leftmenu, #footer {
	position:	absolute;
}
#headleft, #headright {
	width:		50%;
	top:		0;
}
#head {
	top:		56px;
	width:		100%;
}
#headright {
	right:		0;
	height:		56px;
}
#head {
	height:		100px;
}
#headleft {
	left:		0;
	height:		156px;
}
#topmenu {
	top:		156px;
	height:		44px;
	width:		100%;
}
#topmenu table {
	width:		100%;
}
#topmenu table tr td {
	text-align:	right;
	width:		20%;
}
#leftmenu {
	top:		180px;
	bottom:		92px;
}
#leftmenu {
	width:		21%;
}
#kolommen {
	left:		22.5%;
	top:		180px;
	bottom:		92px;
	width:		77%;
	
 /* otherwise overflow does not work */
	overflow:	auto;
	position:	absolute;
}
.columns #kolommen {
	column-count:		3;
	-moz-column-count:	3;
	-webkit-column-count:	3;
	column-gap:		0px;
	-moz-column-gap:	0px;
	-webkit-column-gap:	0px;
}
#footer {
	bottom:		0;
	height:		76px;
	width:		98%;
	left:		1%;
}
#footer table {
	width:		100%;
	border-spacing:	0;
}
#footer table tr td {
	width:		10%;
}
#footer .line {
	width:			100%;
	background:		white url(/image/line.png) repeat-x center;
	text-align: center;
	margin-bottom: 0.5%;
    text-transform: uppercase;
}
#footer span {
	background-color:	#FFFF00;
	padding: 0.3em;
}


/* Logo's, Backgrounds, Captions */

#head {
	text-align:		center;
	background-repeat:	no-repeat;
	background-position:	50%;
}
#head p {
	position: absolute;
	bottom: -16%;
	left: 21%;
	color:			white;
	font-size:		300%;
	font-weight:		bold;
	text-transform:		uppercase;
}
#headleft {
	background-image:	url(/image/Boog-Staart-161x160.png);
	background-repeat:	no-repeat;
	background-position:	15%;
}
#headright {
	background:		url(/image/LogoZonderTransparent_100.png) no-repeat right;
}
#leftmenu {
	border-right-style:	solid;
	border-right-width:	0.5em;
}
#leftmenu .wiezijnwe,
#leftmenu .hoewerkenwe,
#leftmenu .wiezijnonzepartners,
#leftmenu .waarzijnwegoedin,
#leftmenu .onzeprojecten,
#leftmenu .watwedoen,
#leftmenu .opensource
{
	margin:			0 0.8em 0.8em 0.8em;
	width:			84%;
	padding:		0.5em;
}
#leftmenu a {
	color:			white;
	text-transform:		uppercase;
}

.welkom h3 {
	color:			#7399E6;
}
.welkom #leftmenu {
	border-right-color:	#7399E6
}
.welkom #head {
	background-image:	url(/image/lampjes.png);
}

#leftmenu .wiezijnwe {
	background-color:	#0059AC;
}
.wiezijnwe h3 {
	color:			#0059AC;
}
.wiezijnwe #leftmenu {
	border-right-color:	#0059AC;
}
.wiezijnwe #head {
	background-image:	url(/image/blauwhead.png);
}

#leftmenu .watwedoen {
	background-color:	#833420;
}
.watwedoen h3 {
	color:			#833420;
}
.watwedoen #leftmenu {
	border-right-color:	#833420;
}
.watwedoen #head {
	background-image:	url(/image/bruinhead.png);
}

#leftmenu .hoewerkenwe {
	background-color:	#DE4029;
}
.hoewerkenwe h3 {
	color:			#DE4029;
}
.hoewerkenwe #leftmenu {
	border-right-color:	#DE4029;
}
.hoewerkenwe #head {
	background-image:	url(/image/roodhead.png);
}

#leftmenu .wiezijnonzepartners {
	background-color:	#DE8D41;
}
.wiezijnonzepartners h3 {
	color:			#DE8D41;
}
.wiezijnonzepartners #leftmenu {
	border-right-color:	#DE8D41;
}
.wiezijnonzepartners #head {
	background-image:	url(/image/oranjehead.png);
}

#leftmenu .waarzijnwegoedin {
	background-color:	#8B4C9C;
}
.waarzijnwegoedin h3 {
	color:			#8B4C9C;
}
.waarzijnwegoedin #leftmenu {
	border-right-color:	#8B4C9C;
}
.waarzijnwegoedin #head {
	background-image:	url(/image/violethead.png);
}

#leftmenu .onzeprojecten {
	background-color:	#009D41;
}
.onzeprojecten h3 {
	color:			#009D41;
}
.onzeprojecten #leftmenu {
	border-right-color:	#009D41;
}
.onzeprojecten #head {
	background-image:	url(/image/groenhead.png);
}

#leftmenu .opensource {
    background-color:   #009D41;
}
.opensource h3 {
    color:          #009D41;
}
.opensource #leftmenu {
    border-right-color: #009D41;
}
.opensource #head {
    background-image:   url(/image/groenhead.png);
}

#leftmenu.opensourcelist .project a{
    color: black;
}
#leftmenu.opensourcelist .project{
    margin:         0 0.2em 0.2em 1.5em;
    width:          84%;
    padding:        0em;
}

/* Text Style and Flow Settings */
a {
	text-decoration:	none;
}
img {
	border:			none;
}
p, h3, h4, img, li {
	margin-left:		2%;
	margin-right:		2%;
	margin-bottom:		0em;
}
h4 {
    margin-top; 0em;
}
h3 {
	margin-top:		1em;
	line-height:		1.1;
	text-transform:		capitalize;
	font-variant:		small-caps;
	column-break-after: avoid;
	-moz-column-break-after: avoid;
	-webkit-column-break-after: avoid;
}
p, li {
	margin-top:		0.3em;
}
.quote {
	font-style:		italic;
}
.newsitem {
	display:		list-item;
	list-style:		square inside;
}
#topmenu a, #leftmenu a, #footer .line a {
	text-decoration:	none;
}
#topmenu a:after, #leftmenu a:after, #footer .line a:after {
	content: '>';
}
#topmenu a:before, #leftmenu a:before, #footer .line a:before {
	content: '<';
}
#topmenu a:hover:after, #leftmenu a:hover:after, #footer .line a:hover:after {
	content: '<';
}
#topmenu a:hover:before, #leftmenu a:hover:before, #footer .line a:hover:before {
	content: '>';
}
#topmenu {
	color:		#626162;
	font-size:	8pt;
}
#headleft a.edit:after {
    content: '>>';
}
#headleft a.edit:hover:after {
    content: '';
}
#headleft a.edit:hover:before {
    content: '>>';
}