﻿body, html
{
	margin: 0px auto;
}
body, div, span, td, p, a
{
	font-family: Trebuchet MS, Arial, Georgia;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
}
body
{
	scrollbar-face-color: #C72A1F;
	scrollbar-highlight-color: #C72A1F;
	scrollbar-3dlight-color: #DE3A2E;
	scrollbar-darkshadow-color: #9A2016;
	scrollbar-shadow-color: #9A2016;
	scrollbar-arrow-color: #F9DBD9;
	scrollbar-track-color: #A8231A;
}
body, div#MainWrapper, div#HeaderSubWrapper
{
	background-color: #151515;
}

div#MainWrapper
{
	width: 100%;
	height: 520px;
	top: 50%;
	margin-top: -260px;
	position: absolute;
	background-image: url(images/background-mainwrapper.gif);
}
div#HeaderSubWrapper
{
	width: 100%;
	height: 35px;
}
div#HeaderSubWrapperCenter
{
	width: 996px;
	height: 35px;
	left: 50%;
	margin-left: -498px;
	position: relative;
}
div#HeaderSubWrapperCenter #HeaderMenu
{
	float: right;
}

div#MainSubWrapper
{
	width: 996px;
	height: 450px;
	left: 50%;
	margin-left: -498px;
	position: relative;
	background-color: #D22C21;
}
div#MainSubWrapperCenter
{
	width: 996px;
	height: 450px;
	left: 50%;
	margin-left: -498px;
}
div#ContentContainer
{
	height: 450px;
	float: left;
	background-color: #D22C21;
}
div#MenuContainer
{
	float: right;
}
div.MenuSubContainer
{
	margin: 2px 0 0 22px;
	height: 380px;
	width: 170px;
	overflow: hidden;
}
ul.SubMenuList
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.SubMenuList li
{
	line-height: 22px;
}
ul.SubMenuList li a
{
	text-decoration: none;
	color: #FFFFFF;
}
ul.SubMenuList li a:hover
{
	text-decoration: underline;
}
ul.SubMenuList li.MenuSelected
{
	font-weight: bold;
}
ul.SubMenuList li.MenuUnSelected
{
}
div#FooterSubWrapper
{
	width: 100%;
	height: 35px;
	background-image: url(images/background-footer.gif);
}
div#FooterSubWrapperCenter
{
	width: 996px;
	height: 35px;
	left: 50%;
	margin-left: -498px;
	position: relative;
}
#FooterMenu
{
	margin: 0 0 0 30px;
	padding: 10px 0 0 0;
}
.Devider
{
	margin: 0 2px 0 2px;
	font-weight: bold;
	color: #999999;
}
.SubLink
{
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
div.CContainer
{
	overflow: hidden;
}
h1.CTitle
{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
/* HOME PAGE */
div#HomeLayoutContainer
{
	margin: 50px 0 0 30px;
	background-color: transparent;
	width: 630px;
	height: 360px;
	overflow: hidden;
}
div#HomeLayoutContainer td
{
	color: Black;
}
.Tile0, .Tile1, .Tile2
{
	width: 90px;
	height: 90px;
}
.Tile0
{
}
.Tile1
{
	background-color: #DE3A2E;
}
.Tile2
{
	background-color: #B3251C;
}
.Tile3
{
	width: 180px;
	height: 180px;
	background-color: #A8231A;
}
.Tile4
{
	width: 90px;
	height: 1px;
	overflow: hidden;
}
/* NORMAL PAGE */
div#NormalPageContainer
{
	margin: 0 0 0 30px;
	width: 520px;
	height: 440px;
	overflow: auto;
}
div#NormalPageTitle
{
	margin: 60px 30px 20px 0;
}
div#NormalPageTitle h1
{
}
div#NormalPageContent
{
	margin: 0 30px 20px 0;
}
/* PROJECTS */
div.ProjectContainer
{
	height: 450px;
}
div.Sidebar, div.SideBarThumbnails, div.SideBarText
{
	width: 78px;
}
div.Sidebar
{
	height: 450px;
	background-color: #DE3A2E;
	float: left;
	text-align: right;
}
div.SideBarThumbnails
{
	height: 285px;
	float: right;
	width: 32px;
	border: 0px solid Orange;
	margin: 16px 0 0 0;
	-margin: 22px 0 0 0; /* hack voor IE6 */
}
div.SideBarText
{
	height: 150px;
}
div.ProjectContent
{
	width: 459px;
	height: 450px;
	overflow: hidden;
}
div#ProjectPhoto, div#ProjectDescription
{
	overflow: hidden;
}
div#ProjectPhoto
{
	width: 459px;
	height: 346px;
	margin: 16px 0 5px 0;
}
div#ProjectDescription
{
	width: 419px;
	height: 312px;
	padding: 0 0 0 30px;
	margin: 50px 0 5px 0;
}
div#ProjectInfo
{
	width: 410px;
	height: 80px;
	overflow: hidden;
}
div#ProjectText
{
	width: 410px;
	height: 280px;
	overflow: hidden;
}
div#ProjectText p
{
	margin: 0;
	padding: 0;
}
span.spanDescription
{
	text-align: justify;
}
div#ProjectPhotoSubText
{
	width: 459px;
	height: 16px;
	text-align: center;
	margin: 0 0 5px 0;
}
div#ProjectPhotoMenu
{
	width: 459px;
	height: 45px;
	background-color: #A8231A;
	overflow: hidden;
}
.ProjectLabel
{
	font-weight: normal;
	line-height: 19px; /* hack voor IE6 */
}
.ProjectThumbnail
{
	width: 32px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
}

.TickerMenuItem
{
	width: 45px;
	height: 45px;
	cursor: pointer;
}
#tdTickermenuInner
{
	-width: 415px; /* hack voor IE6 */
}
div#TickermenuInner
{
	width: 405px; 
	height: 46px; 
	overflow: hidden;
}
/* NEWS LIST PAGE */
div#NewsListContainer
{
	margin: 0 0 0 30px;
	width: 510px;
	height: 440px;
	overflow: hidden;
}
div#NewsListContent
{
	width: 500px;
	height: 310px;
	overflow: hidden;
}
div#NewsListPaging
{
	width: 500px;
	text-align: right;
}
div#NewsListTitle
{
	margin: 60px 30px 20px 0;
}
span.NewsListTitle
{
	font-weight: bold;
	font-size: 13px;
}
/* NEWS DETAIL PAGE */
div#NewsDetailContainer
{
	margin: 0 0 0 30px;
	width: 510px;
	height: 440px;
	overflow: hidden;
}
div#NewsDetailContent
{
	width: 510px;
	height: 400px;
	overflow: auto;
}
div#NewsDetailTitle
{
	margin: 60px 30px 20px 0;
}
/* SITEMAP */
div#SitemapContainer
{
	margin: 0 0 0 30px;
	width: 640px;
	height: 440px;
	overflow: auto;
}
div#SitemapTitle
{
	margin: 60px 30px 20px 0;
}
span.SiteMapHeader
{
}
span.SiteMapHeader a
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
span.SiteMapHeader a:hover
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
/* PAGING */
.PagingLink, .PagingText, .PagingRecords, .PagingSelect, .PagingPageLabel
{
	display: inline;
	margin: 0 0 0 5px;
}
.PagingRecords
{
	margin: 0 25px 0 0;
}
