body {
	color: #CCCCCC;
	margin: 0px;
	background: #282B31 url(images/bg-page.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {	
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a.text {
	text-decoration: none;
	color: #7E4DB9;
}
a.text:hover {	
	text-decoration: none;
	color: #7E4DB9;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	
}
h1, h2{
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	font-size: 14px;
	color: #7E4DB9;
	border-bottom: 1px dotted #56585D;
	text-transform: uppercase;
}
h3{
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font-size: 1em;
	color: #7E4DB9;
	text-transform: uppercase;
	font-weight: bold;
}
h4{
	margin: 0px 0px 0px;
	padding: 0px 0px 5px;
	font-size: 1em;
	color: #7E4DB9;
	font-weight: bold;
}
#preload { height: 0; overflow: hidden; } 

#preload2 {position:absolute; top:-9999; left:-9999; height:1px; width:1px; overflow:hidden;}

.arwlink{
	background-image: url(images/arw.html);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
.smallfont {
	font: 11px Tahoma, Arial, Verdana;
}
.smallcaps{
	font-variant: small-caps;
	color: #7E4DB9;
	font-weight: bold;
}
/*Drop capitals*/
#cap {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size:40px; color:#7E4DB9; font-weight:bold; float:left; height:30px; line-height:30px; margin-top:2px; margin-right:2px;}
* html #cap {margin-right:-2px; margin-top:3px;}

/*Contact*/

label {
	float: left;
	width: 75px;
	text-align: left;
	padding-top: 2px;
}

input, textarea {
	padding: 1px;
	margin: 1px;
	border: 1px dotted #979797;
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #282B30;
}
input.fout, textarea.fout {
	border: 1px dotted #979797;
}

label.fout {
	color: #FF0000;
}

.samewidth {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	width: 235px;
	border: 1px dotted #979797;
	overflow: auto;
	background: #282B30;
}

.tdwidth {
	font: 12px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border: 1px dotted #979797;
	background: none;
}
.btn {
	color: #7E4DB9;
	border: 1px outset #979797;
	overflow: auto;
	background-color: #282B31;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fulldiv {
	clear: both;
	padding: 0px 0px 20px 0px;
}
.clear {
	clear: both;
	height: 20px;
}
.clears {
	clear: both;
	height: 30px;
}
.purple {
	color: #7E4DB9;
}
.searchpage {
	color: #CCCCCC;
	background: #FFFFFF;
	padding: 20px;
}

/* Index page */
.centeredImage { text-align:center; display:block; } 

/* Page */
#page {
	width: 770px;
	margin : 0px auto;
	clear: both;
}
/* header */
#header {
	clear: both;
	height: 300px;
	background: none;
	padding: 10px;
	width: 750px;
}
#header .left {
	background: #000000;
	padding: 10px;
	width: 355px;
	float: left;
	height: 280px;
}
#header .leftz {
	background: #000000 url(images/bg-hdr-left.gif) repeat-y right;
	padding: 10px;
	width: 355px;
	float: left;
	height: 280px;
}
#header .right {
	background: #000000;
	width: 375px;
	float: right;
	height: 300px;
}
#header .rightz {
	background: #F2F2F2 url(images/bg-hdr-rgt.jpg) repeat-y left;
	width: 375px;
	float: right;
	height: 300px;
}
#logo_left {
	padding-top: 75px;
	width: 355px;
	clear: both;
	text-align: center;
}
#logo_right {
	padding-top: 90px;
	width: 375px;
	clear: both;
	text-align: center;
}
/* navigation */
#menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	text-transform: uppercase;
	font:normal 11px Arial, Helvetica, sans-serif;
	}
#menu table {
	border-collapse:collapse; 
	height:0; 
	width:0; 
	margin:0px -4px -1px 0;
	}
#menu li {
	float:left; 
	margin:20px 5px;
	}
#menu li a {
	display:block; 
	float:left; 
	height:20px; 
	line-height:20px; 
	color:#CCCCCC; 
	text-decoration:none; 
	border-bottom:0px dotted #fff;
	}
#menu li a.current {
	font-style:normal;
	color:#CCCCCC;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
}
#menu li:hover {
	position:relative; 
	z-index:100;
	}
#menu li a:hover {
	color: #CCCCCC; 
	position:relative; 
	z-index:100; 
	border-bottom:1px dotted #7E4DB9;
	}
#menu li:hover > a {
	color: #CCCCCC; 
	border-bottom:1px dotted #7E4DB9;
	}
#menu ul {
	position:absolute; 
	left:-9999px; 
	top:21px; 
	width:170px; 
	padding:0; 
	margin:0; 
	list-style:none; 
	background:url(images/trans.gif);
	}
#menu ul li {
	margin:0;
	}
#menu ul li a {
	width:190px; 
	height:21px; 
	line-height:20px; 
	text-transform: uppercase;
	font-size:9px;
	border:0; 
	text-align:left;
	}
#menu ul li a:hover {
	border:0; 
	color: #7E4DB9;
	}
#menu ul li:hover > a {
	border:0; 
	color: #7E4DB9;
	}
#menu ul ul {
	position:absolute; 
	margin-right:100%; 
	top:0; 
	padding:0; 
	margin:0; 
	list-style:none;
	}
#menu :hover ul {
	right:auto; 
	left:0;
	}
#menu :hover ul ul {
	left:-9999px; 
	width:160px; 
	padding-left:5px; 
	background:url(images/trans.gif);
	}
#menu li ul :hover ul {
	left: 170px; 
	right:auto;
	}
#menu li ul li ul li a {
	text-align:left; 
	color:#CCCCCC;
	}
#menu li ul li ul li a:hover {
	color:#CCCCCC;
	}

img.elegant {
	margin-top:250px;
	}

/* Book Shadow */
#shadow {
	clear: both;
	height: 30px;
	background: url(images/sdw.jpg) no-repeat top;
}
/* Book Shadow for contact page*/
#shadowport {
	clear: both;
	height: 260px;
	background: url(images/sdw.jpg) no-repeat top;
	padding: 4em 20px 30px;
	margin: 0px;
}
/* content */
#content {
	padding: 1em 20px 30px;
	margin: 0px;
	clear: both;
}

#content .cola {
	float: left;
	width: 345px;
	margin: 0px;
}
#content .colb {
	float: right;
	width: 345px;
	margin: 0px;
}
#content .colab {
	float: left;
	width: 735px;
	margin: 0px;
}

#content .colc {
	width: 715px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position:absolute;
	top: 412px;
}

img.ik 
{
float:right;
margin:-15px 0px 10px 10px;
}

img.fasen 
{
float:right;
margin:5px 5px -30px 0px;
}

img.matrushka 
{
float:right;
margin:5px 5px -30px 0px;
}

/* list with bullet image  */
ul.arw {list-style-position: outside; position: relative; margin: 0px; padding: 5px 0px 0px; list-style-type: none;}
ul.arw li {	margin: 0px; padding: 0px 0px 5px 10px; background-image: url(images/bullet.gif); background-repeat: no-repeat; 
	background-position: 0px 7px;} 
ul.arw li a{ text-decoration: none;}
ul.arw li a:hover{ text-decoration: none;}

/*list 1 with bullet image */
#arw1 ul 
{ 
list-style-type: none; 
padding: 0; 
margin: 0; 
} 
#arw1 li 
{ 
background-image: url(images/bullet.gif); 
background-repeat: no-repeat; 
background-position: 0 .9em; 
padding-left: 10px; 
} 

/*list 2 with bullet image */
#arw2 ul 
{ 
list-style-type: none; 
padding: 0; 
margin: 0; 
} 
#arw2 li 
{ 
background-image: url(images/bullet.gif); 
background-repeat: no-repeat; 
background-position: 0 .9em; 
padding-left: 10px; 
} 

#content .smallcol {
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	color: #333333;
}

/* Footer */
#footer {
	color: #999999;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(images/bg-line-hrz.gif) repeat-x top;
	font: 11px/18px Tahoma, Arial, Verdana;
}
#footercontent {
	width: 730px;
	height:100%;
	margin: 0px auto;
	text-align: center;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #7E4DB9;
}
#footer .valid {
	clear: both;
	padding: 10px 0px 5px;
	margin: 0px;
}
#footer .valid a{
	background: #000000;
	padding: 2px 5px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 3px;
}
#footer .valid a:hover{
	color: #FFFFFF;
}
#footer .keywords {
	color: #CCCCCC;
	font: 10px Tahoma, Arial, Verdana, sans-serif;
	padding-top: 10px;
}
/* Ticker */
#newsticker {
	color: #7E4DB9;
	line-height: 160%;
	font-weight: bold;
	text-transform: uppercase;
	background: none;
	width: auto;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	height: auto;
}
#newsticker ul {
	border: 1px dotted #56585D;
	list-style: none;
	min-height: 1.6em;
	padding: 10px 15px;
	padding-right: 30px;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	background: transparent url("images/icon_closenewsticker.bmp") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 12px;
	top: 10px;
	width: 15px;
	height: 19px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}
/*collapse*/
#myvar { }
#more { }
a { cursor:pointer; }

/* Quote tags <em> - <strong> - <dfn> - <code> - <samp> - <kbd> - <var> - <cite> - <b> - <i> - <u> - <big> - <small> - <tt> - <sub>*/
P.quoteright   {
	color:#585A5E;
	width:190px;
	background:none;
	float:right;
	margin-top:30px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:0px;
	padding-right:5px;
	font-family: Arial, Verdana, Helvetica,Georgia;
	font-size: 16px;
	line-height:20px;
	text-align: right;
	border:1px dotted #585A5E;
}

P.quoteleft    {
	color:#585A5E;
	width:190px;
	background:none;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:10px;
	font-family: Arial, Verdana, Helvetica,Georgia;
	font-size: 16px;
	line-height:20px;
	text-align: left;
	border:1px dotted #585A5E;
	padding-left: 5px;
}

/*Image Replace*/
h3.ir {width:91px; height:23px; position:relative; float:left; top:0px; left:290px; padding:0; margin:0px 0px 2em 0px;}
h3.ir em {display:block; border:1px dotted #CCCCCC; width:91px; height:23px; background:url(images/hsp_test.jpg); position:absolute; top:0px; left:0px; }
h3.ir a {cursor:pointer;}
#holder {margin-bottom:1em;}

h3.ir a:hover {background:none;}
h3.ir a:hover em {background:url(images/hsp_test_1.jpg); border: 1px dotted #7E4DB9;}

/*Foot blob*/
#footwrap {
	width: 700px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
	background:none;
	border: 17px solid #000;
	background-position: top center;
}
#blobs {
	width: 700px;
	height: 1000px;
	background: url(images/voeten.jpg);
	margin: 0px auto;
	padding: 0;
	position: absolute;
	z-index: 1;
}
#blobs li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	z-index: 1;
}
#blobs a {
	display: block; border: solid 0px #f00;
}
#blob1 {
	left: 349px;
	top: 293px;
	width: 299px;
	height: 190px;
}
#blob2 {
	left: 325px;
	top: 400px;
	width: 310px;
	height: 200px;
}
#blob3 {
	left: 205px;
	top: 511px;
	width: 362px;
	height: 316px;
}
#blob4 {
	left: 195px;
	top: 705px;
	width: 360px;
	height: 250px;
}
#blob5 {
	left: 63px;
	top: 20px;
	width: 140px;
	height: 680px;
}
#blob6 {
	left: 205px;
	top: 20px;
	width: 140px;
	height: 700px;
}
#blob1 a {
	height: 190px;
}
#blob2 a {height: 200px;}
#blob3 a {height: 316px;}
#blob4 a {height: 250px;}
#blob5 a {height: 700px;}
#blob6 a {height: 680px;}

#blob1 a:hover { 
	background-image: url(images/voeten.jpg);
	background-repeat: no-repeat;
	background-position: -349px -1293px;
}
#blob2 a:hover {background: url(images/voeten.jpg) -325px -2400px no-repeat;}
#blob3 a:hover {background: url(images/voeten.jpg) -205px -1511px no-repeat;}
#blob4 a:hover {background: url(images/voeten.jpg) -195px -3705px no-repeat;}
#blob5 a:hover {background: url(images/voeten.jpg) -63px  -1020px no-repeat;}
#blob6 a:hover {background: url(images/voeten.jpg) -205px -3020px no-repeat;}