/*

96908a	grijs
7d7b79	antreciet
e8cdd8	cappuccino
a29184	donker bruin
b8a393	lichtbruin
ffda9e	geelig
d6ae8d	bruin geel
93647b  ook paars
ab8397	paars
e8cdd8	lichtpaars

*/
/* -------------------------------------------------------------------------- */
/* HTML elements                                                              */
/* -------------------------------------------------------------------------- */

html, body {
    font-family         : Arial;
    font-size           : 11px;
    color               : #000000;
    margin              : 0px;
    padding             : 0px;
    background-color	: #CCCCCC;
    background-image	: url('../images/background.jpg');
	background-repeat	: repeat-y;
}
p {
    margin              : 0px;
    padding             : 0px;
}
input, textarea {
    padding             : 1px;
    
    border              : 1px solid #999999;
}
ul {
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}
a {
    color               : #911284;
    text-decoration     : none;
}
a:HOVER {
    color               : #911284;
    text-decoration     : underline;
}
h1, h2, h3, h4, h5, h6, h7 {
	margin				: 0px;
	padding				: 0px;
}
h1{
    font-size           : 120%;
    color               : #000000;
    font-weight         : bold;
    margin-bottom		: 10px;
}
h2{
    font-size           : 11px;
    margin-bottom		: 5px;
    color               : #000000;
    font-weight         : bold;
}

/* -------------------------------------------------------------------------- */
/* global div alignments                                                      */
/* -------------------------------------------------------------------------- */

#idViewport{
	padding-left		: 1px;
	min-height			: 900px;
}
#idHeader {

	background-color	: #000000;
	height				: 100px;
	color				: #CCCCCC;
	font-size			: 130%;
	font-weight			: bold;
	min-width			: 1000px;
	width				: 100%;
}
#idHeaderColomn1{
	float				: left;
	margin-left			: 220px;
	padding-top			: 10px;	
}
#idHeaderColomn2{
	float				: right;
	padding-right		: 30px;
	padding-top			: 23px;
}
#idContent {	
	clear				: both;
	margin-top			: 20px;
	min-width			: 1000px;
	width				: 1000px;
}
#idContentColumn1 {
	float				: left;
	padding-left		: 10px;
	width				: 190px;
}
#idContentColumn1 a{	
	color				: #FFFFFF;
	font-size			: 12px;
	font-weight			: bold;
	line-height			: 20px;
}
#idContentColumn2 {
	float				: left;
	padding-left		: 20px;
	width				: 700px;
	
}
#idContentColumn3 {
	display				: none;
}
#idFooter {
    display				: none;
}
#idFooterColomn1 {
	display				: none;
}
/* -------------------------------------------------------------------------- */
/* Contact table 	                                                          */
/* -------------------------------------------------------------------------- */
#idContactTable {
	width				: 350px;
}
#idContactTable td {
	height				: 27px;
}
/* LoginComponent 	                                                          */
/* -------------------------------------------------------------------------- */
.clsComponentContainer {
	border				: 1px dotted #CCCCCC;
	padding				: 5px;
	cursor				: pointer;
}
.clsComponentContainer:hover {
	border				: 1px dotted #911284;
}
.noclass{
}
.clsTextAlignRight {
	text-align			: right;
}
.clsTextAlignRight input, .clsTextAlignRight textarea {
	width				: 221px;
}
.clsBttn {
	width				: 111px !important;
	cursor				: pointer;
}
.clsBttn:hover{
	background			: #000000;
	color				: #FFFFFF;
}