/* IMPORT */
/* .. COLORS */
@import url(colors.css);
/* .. FONTS */
@import url(fonts.css);

/* BODY */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* TITLE BEAM */
#title-beam-outside {
	position: absolute;
	width: 100%;
	height: 49px;
	margin: 235px 0px 0px 0px;
	padding: 0px;
}

#title-beam-inside {
	width: 100%;
	height: 49px;
	margin: 15px 0px 0px 0px;
}

/* HEADER & MENU */
#header-menu {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin: 0px 0px 0px -500px;
	padding: 0px;
}

/* HEADER */
.moduletable-header {
	position: absolute;
	width: 100%;
	height: 220px;
}

/* MENU */	
.moduletable-menu {
	position: absolute;
	width: 532px;
	height: 203px;
	margin: 8px 40px 17px 428px;
}

.menu {
	position: absolute;
	width: 497px;
	height: 203px;
	margin: 7px 35px 0px 0px;
	padding: 0px;
	text-align: right;
}

.menu ul,
.menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

.menu li {
	padding: 3px 10px 3px 0px;
	border-style: solid;
	border-width: 0px 5px 0px 0px;
}
	
/* CONTAINER */
#container {
	position: absolute;
	width: 999px;
	left: 50%;
	margin: 220px 0px 0px -500px;
	padding: 0px;
	background-image: url(../images/ruitjespapier.jpg);
}


/* TITLE */
.moduletable-title {
	width: 100%;
	height: 50px;	
	margin: -60px 0px 0px 0px;
	text-align: center;
}

/* COLUMN LEFT */
#column-left {
	position: relative;
	float: left;
	width: 354px;
	top: 35px;
	left: 35px;
}

/* TEST */
#test-top {
	width: 354px;	
	height: 16px;	
	background-image: url(../images/test-top.png);
}
	
#test-center {
	width: 354px;	
	background-image: url(../images/test-center.png);
}

#test-bottom {
	width: 354px;	
	height: 28px;	
	background-image: url(../images/test-bottom.png);
}

.componentheading-test {
	position: absolute;
	width: 243px;
	height: 36px;		
	margin: -29px 0px 0px 35px;
	background-image: url(../images/componentheading.png);	
}

.contentpaneopen-test {
	width: 310px;
	margin: 0px 15px 0px 15px;
	text-align: justify;
}

/* REACTION */
#reaction-top {
	width: 354px;	
	height: 16px;	
	background-image: url(../images/test-top.png); 
}
	
#reaction-center {
	width: 354px;	
	background-image: url(../images/test-center.png);
}

#reaction-bottom {
	width: 354px;	
	height: 28px;		
	margin: 0px 0px 20px 0px;		
	background-image: url(../images/test-bottom.png); 
}

.componentheading-reaction {
	position: absolute;
	width: 243px;
	height: 36px;		
	margin: -29px 0px 0px 35px;
	background-image: url(../images/componentheading.png);	
}

.contentpaneopen-reaction {
	width: 310px;
	margin: 0px 15px 0px 15px;
	text-align: justify;
}

/* BANNER */
#banner {
	width: 353px;
	height: 160px;
	margin: 0px 0px 47px 0px;
	background-image: url(../images/banner-paladijn.png);	
}

/* CONTENT */
#content {
	position: relative;
	float: right;
	width: 588px;	
	top: 35px;
	right: 22px;
	margin: 0px 0px 47px 0px;
}

#content-top {
	width: 588px;	
	height: 22px;	
	background-image: url(../images/content-top.png);
}
	
#content-center {
	width: 588px;	
	background-image: url(../images/content-center.png);
}

#content-bottom {
	width: 588px;	
	height: 32px;		
	background-image: url(../images/content-bottom.png);
}

.componentheading {
	position: absolute;
	width: 243px;
	height: 36px;		
	margin: -35px 0px 0px 35px;
	background-image: url(../images/componentheading.png);	
}

.contentpaneopen {
	width: 545px;
	margin: 0px 15px 0px 15px;
	text-align: justify;
}

.formtable {
	width: 545px;
	margin: 0px 15px 0px 15px;
	text-align: justify;
}

.formtable p {
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

.contentpaneopen table td p {
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

/* FOOTER */
#footer {
	position: relative;
	float: right;
	width: 1000px;	
	text-align: center;
}
