@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:44px;
	line-height:44px;
	background:#A76A44;
	font-size:8pt;
	text-indent:42px;
	}
#footer.hp {
	height:44px;
	line-height:44px;
}
#footer.cp {
	height: 22px;
	line-height: 22px;
}
#footer p {
	color:#FFF;
	height: 22px;
	letter-spacing:1px;
	line-height: 22px;
	text-transform:uppercase;
}
#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;
}

/*=====================================================================
 *  NEWS MODULE STYLING
 *=====================================================================*/
div#news-list {
	overflow: auto;
	width: 406px;
	padding-bottom: 430px;
}
div.news-item {
	border-bottom: 1px solid #BC5E2E;
	margin-bottom: 10px;
	overflow: auto;
	width: 406px;
}
div.news-item h2.newsTitle {
	cursor: pointer;
	margin-bottom: 10px;
	overflow: auto;
	width: 406px;
}
div.news-item h2.newsTitle span.title {
	display: block;
	float: left;
	width: 306px;
}
div.news-item h2.newsTitle span.date {
	display: block;
	float: left;
	text-align: right;
	width: 100px;
}
p.figure.right {
	float: right;
	margin: 0px 0px 10px 10px;
}
div.artikel {
	display: none;
}

/*=====================================================================
 *  MOBILE NEWS MODULE STYLING
 *=====================================================================*/
div.mobile-item {
	margin: 0px auto;
	width: 98%
}
div.mobile-item h1.newsTitle {
	border-bottom: 1px solid #bc5e2e;
	margin: 10px 0px;
	padding-bottom: 3px;
	overflow: auto;
}
div.mobile-item span {
	display: block;
	float: left;
}
div.mobile-item span.title {
	text-align: left;
	width: 90%
}
div.mobile-item span.date {
	text-align: right;
	width: 10%;
}
div.mobile-item div.artikel {
	display: block;
	overflow: auto;
}
div.mobile-item div.artikel p.text {
	float: left;
}
div.mobile-item p.readmore {
	text-align: left;
	width: 100%;
}
div.mobile-item a.newsTitle {
	border-bottom: 1px solid #bc5e2e;
	color: #BC5E2E;
	display: block;
	font-size: small;
	height: 20px;
	padding: 3px 0px;
}
div.mobile-item a.newsTitle span.title {
	text-align: left;
	width: 90%
}
div.mobile-item a.newsTitle span.date {
	text-align: right;
	width: 10%;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	border: 0px solid #000;
	height: 22px; 
	margin: 0; 
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 960px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 0px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: normal 10px Verdana;
}
ul li.spacer {
	color: #ffffff;
}



.sharebar { margin: 10px 0; overflow: hidden; }
.sharebar a { display: block; float: left; overflow: hidden; margin-right: 5px;}
.sharebar a span { float: left; }


.smicon {
	display: block;
	width: 16px;
	height: 16px;
	background: url(/image/smicons.png) no-repeat 0px 0px;
}

	.smicon.addthis		{ background-position: 0px 0px;}
	.smicon.blogger		{ background-position: 0px -24px;}
	.smicon.delicious	{ background-position: 0px -48px;}
	.smicon.flickr		{ background-position: 0px -72px;}
	.smicon.facebook	{ background-position: 0px -96px;}
	.smicon.foursquare	{ background-position: 0px -120px;}
	.smicon.google		{ background-position: 0px -144px;}
	.smicon.google-buzz	{ background-position: 0px -168px;}
	.smicon.hyves		{ background-position: 0px -192px;}
	.smicon.linkedin	{ background-position: 0px -216px;}
	.smicon.mail		{ background-position: 0px -240px;}
	.smicon.myspace		{ background-position: 0px -264px;}
	.smicon.paypal		{ background-position: 0px -288px;}
	.smicon.picasa		{ background-position: 0px -312px;}
	.smicon.retweet		{ background-position: 0px -336px;}
	.smicon.skype		{ background-position: 0px -384px;}
	.smicon.rss			{ background-position: 0px -360px}
	.smicon.twitter		{ background-position: 0px -408px;}
	.smicon.twitterbird	{ background-position: 0px -432px;}
	.smicon.vimeo		{ background-position: 0px -456px;}
	.smicon.w3c			{ background-position: 0px -480px;}
	.smicon.youtube		{ background-position: 0px -504px;}

	.smicon.big {
		width: 24px;
		height: 24px;
	}
		.smicon.big.addthis		{ background-position: -32px 0px;}
		.smicon.big.blogger		{ background-position: -32px -24px;}
		.smicon.big.delicious	{ background-position: -32px -48px;}
		.smicon.big.flickr		{ background-position: -32px -72px;}
		.smicon.big.facebook	{ background-position: -32px -96px;}
		.smicon.big.foursquare	{ background-position: -32px -120px;}
		.smicon.big.google		{ background-position: -32px -144px;}
		.smicon.big.google-buzz	{ background-position: -32px -168px;}
		.smicon.big.hyves		{ background-position: -32px -192px;}
		.smicon.big.linkedin	{ background-position: -32px -216px;}
		.smicon.big.mail		{ background-position: -32px -240px;}
		.smicon.big.myspace		{ background-position: -32px -264px;}
		.smicon.big.paypal		{ background-position: -32px -288px;}
		.smicon.big.picasa		{ background-position: -32px -312px;}
		.smicon.big.retweet		{ background-position: -32px -336px;}
		.smicon.big.skype		{ background-position: -32px -384px;}
		.smicon.big.rss			{ background-position: -32px -360px}
		.smicon.big.twitter		{ background-position: -32px -408px;}
		.smicon.big.twitterbird	{ background-position: -32px -432px;}
		.smicon.big.vimeo		{ background-position: -32px -456px;}
		.smicon.big.w3c			{ background-position: -32px -480px;}
		.smicon.big.youtube		{ background-position: -32px -504px;}

		
		
		

/* 		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; }