/****************************************************************************************************************************************/
/* Copyright © 2008, ITSForYou */
/*
/* Oranje			: #EE6A00 
/* Grijze tekst		: #404040
/****************************************************************************************************************************************/


/****************************************************************************************************************************************/
/* Global stuff */
/****************************************************************************************************************************************/

* {
	font-family					: Verdana, Trebuchet MS, Arial;
	font-size 					: 11px;
	color						: #404040;
	cursor						: default;
}

body {
	margin						: 0px;
	border						: 0;
}

a:link, a:visited {
	color						: #EE6A00;
	text-decoration				: none;
}

a:hover {
	color						: #EE6A00;
	text-decoration				: underline;
	cursor						: pointer;
}

a.mainlevel {
	line-height					: 25px;
}

ul{
	margin-top					: 5px;
	margin-bottom				: 5px;
}

li {
	list-style-type				: square;
	color						: #EE6A00;
	color						: #404040;
}

img {
	border						: 0px;
}

/****************************************************************************************************************************************/
/* Screen objects */
/****************************************************************************************************************************************/

#pageBody {
	background-color			: #000000;
	overflow-x					: hidden;
	overflow-y					: auto;
}

#divAllScreen {
	position					: absolute;
	height						: 100%;
	width						: 100%;
	padding						: 0px;
	margin						: 0px;
	z-index						: 1;
}

#divOutline {
	position					: absolute;
	left						: 50%;
	width 						: 1000px;
	height 						: 590px;
	margin-left					: -500px;
	background-image			: url(../images/background_1st.gif);
	background-repeat			: no-repeat;
	z-index						: 2;
	visibility					: hidden;
}

#divFlashHeader {
	position					: absolute;
	top							: 0px;
	left						: 380px;
	width						: 600px;
	height						: 99px;
	z-index						: 3;
}

#divContentPlaceholder {
	position					: absolute;
	top							: 105px;
	left						: 15px;
	width						: 965px;
	height						: 455px;
	z-index						: 3;
}

#divWelkomPlaceholder {
	top							: 9px;
	left						: 0px;
	width						: 210px;
	height						: 150px;
}

#divMenuPlaceholder {
	top							: 175px;
	left						: 0px;
	width						: 210px;
	height						: 275px;
}

#divWeblogPlaceholder {
	top							: 9px;
	left						: 223px;
	width						: 742px;
	height						: 440px;
}

#divWeblog {
	width						: 732px;
	height						: 415px;
	overflow-x					: hidden;
	overflow-y					: auto;
}

#divWeblogContent {
	width						: 710px;
	height						: 415px;
}

#divFooterPlaceholder {
	position					: absolute;
	top							: 575px;
	left						: 0px;
	width						: 1000px;
	height						: 15px;
}

#divCopyright {
	position					: absolute;
	right						: 0px;
	color						: #aaaaaa;
}

/****************************************************************************************************************************************/
/* Classes
/****************************************************************************************************************************************/

.placeholder {
	position					: absolute;
	background					: #FFFAF0;
	border						: 1px solid #EE6A00;
	z-index						: 4;
}

.content {
	padding						: 5px;
}

.content h1 {
	font-size					: 12px;
	color						: #EE6A00;
	margin						: 0px 0px 10px 0px;
}

.content h2 {
	font-weight					: normal;
	color						: #EE6A00;
	margin						: 0px 0px 0px 0px;
}

h1.componentheading {
	color						: #404040;
	font-weight					: bold;
	font-size					: 12px;
}

.contentheading a {
	font-weight					: bold;
	font-size					: 12px;
}

.iteminfo span, .articleinfo span {
	color						: #aaaaaa;
	font-size					: 10px;
}

.kleineTxt {
	font-size					: 9px;
}

.kleineTxt a:link, .kleineTxt a:visited {
	font-size					: 9px;
	color						: #AAAAAA;
}

.noMoreHeader {
	background					: #EE6A00;
	background-image			: url(../images/header.png);
	top							: 0px;
	height						: 15px;
	color						: #FFFFFF;;
	font-weight					: bold;
	padding-left				: 5px;
	margin						: 0px;
	overflow					: hidden;
}

/****************************************************************************************************************************************/
/* Corners
/****************************************************************************************************************************************/

.topLeftCorner {
	position					: absolute;
	background-image 			: url('../images/corners.gif');
	top							: -1px;
	left						: -1px;
	width						: 10px;
	height	 					: 10px;
}

.topRightCorner {
	position					: absolute;
	background-image			: url('../images/corners.gif');
	background-position 		: 100% 0;
	top							: -1px;
	right						: -1px;
	width						: 10px;
	height	 					: 10px;
}

.bottomLeftCorner {
	position					: absolute;
	background-image 			: url('../images/corners.gif');
	background-position 		: 0 100%;
	bottom						: -1px;
	left						: -1px;
	width						: 10px;
	height	 					: 10px;
}

.bottomRightCorner { 
	position					: absolute;
	background-image 			: url('../images/corners.gif');
	background-position			: 100% 100%;
	bottom						: -1px;
	right						: -1px;
	width						: 10px;
	height	 					: 10px;
}