@import url(/include/css/editor.php);
body 	{
	background-color: #F0F0F0;
	margin:0;
	text-align:center;

	scrollbar-3dlight-color : #ae885c;
	scrollbar-arrow-color : #ae885c;
	scrollbar-base-color : #ae885ce;
	scrollbar-darkshadow-color : white;
	scrollbar-face-color : white;
	scrollbar-highlight-color : white;
	scrollbar-shadow-color : #ae885c;
	scrollbar-track-color : white;
}

#container {
	width:980px;
	text-align:left;
	margin:45px auto 0px auto;
	/*
	border-left:1px solid #A76A44;
	border-right:1px solid #A76A44;
	*/
	border:1px solid #A76A44;
	}
.box {
	width:490px;
	height:245px;
	float:left;
	}
.boxright {
	float:right;
	}


/* Logo */

#logo {
	background:#fff url('/image/bg-logo.gif') left top no-repeat;
	}
#logo h1 {
	margin:30px 0 0 42px;
	padding:0;
	width:232px;
	height:192px;
	background:url('/image/koller-logo.gif') left top no-repeat;
	}
#logo a {
	display:block;
	width:232px;
	height:192px;
	text-indent:-999em;
	}


/* Visual */

#visual {
	background:#A76B46 url('/image/visuals/default.jpg') left top no-repeat;
	}


/* Navigation */

#navigation {
	background:#8D0080;
	}
	#navigation.home {
		background:#8D0080 url('/image/visuals/home_vlak_3.gif') left top no-repeat;
	}

/* Content */

#content {
	background:#fff url('/image/bg-text.jpg') left top no-repeat;
	}
#text {
	height:245px;
	overflow:hidden;
	/* background:#fff url('/image/bg-text-white.jpg') left top no-repeat; */
	background:url('/image/bg-text-white.png') 0px 0px;
	}
#textscroll {
	padding:45px 42px 15px;
	}

.full,
.full #text {
	height:490px;
	}
.full #textscroll {
	height:430px;
	overflow-x:hidden;
	overflow-y:auto;
	}


/* Footer */

#footer {
	clear:both;
	height:22px;
	line-height:22px;
	letter-spacing:1px;
	background:#A76A44;
	color:#FFF;
	font-size:8pt;
	text-transform:uppercase;
	text-indent:42px;
	}
#footer a {
	color:#fff;
	font-size:8pt;
	}

/* Powered by */

#poweredby {
	width:982px;
	text-align:right;
	margin:0 auto;
	margin-top:8px;
	}
#poweredby a {
	color:#AAA;
	font-size:7pt;
	}
	#poweredby a.left {
		display:block;
		float:left;
		margin: 0 0 0 5px;
		padding: 0xp;
	}

	#poweredby a.center {
		display:block;
		float:left;
		margin: 0 0 0 5px;
		padding: 0xp;
		margin-left:245px;
	}
/* Default styles */


img.standalone {
	display:block;
	}
a img {
	border:none;
	}

.border	{border: 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }