/* © iSource BV. */

/* use the more natural way of measuring boxes */
* {
	/* box-sizing: border-box; */
	/* -moz-box-sizing: border-box; */
	/* -ms-box-sizing: border-box; */
}

/* Begin Jello Mold Layout */

/* begin background colors of main elements */
body { /* bgcolor area outside of the site */
 	background-color:	#EEEEEE;
}
#wrapper1 { /* bgcolor left column */
	background:			#FFFFFF url('/gfx/bg_left.png') 0 0 repeat-y;
}
#wrapper2 { /* bgcolor right column */
	/* image needs to be at least the width of the right column */
	background:			url('/gfx/bg_right.png') no-repeat 100% 100%;
	background-position: bottom right;
	width:				100%;
/*	background:			100% 0 #5896D3; */
}
#outer { /* bgcolor content area */
	background:			#FFFFFF url('/gfx/bg_content.png') 0 0;
/*	background:			100% 0 #FFFFFF; */
}
/* end background colors of main elements */


/* Clear */
.clearer {
	clear:				both;
}

/* begin minimum width of site */
#expander {
	min-width:			990px; /* set to minimum width */
	margin:				0 -495px; /* set to "0 -<half of minimum width>" (negative value)*/
}
body {
	padding:			0 495px; /* set to "0 <half of minimum width>" */
}
/* end minimum width of site */


/* begin maximum width of site (also change setting in wholepage!) */
#sizer {
	max-width:			0px; /* set to (maximum width - minimum width) */
}
/* end maximum width of site */


/* begin width of left column and border */
#left {
	width:				160px; /* set to width of left column */
	margin-left:		-160px; /* set to -<width of column + width of left-border> */
}
#outer {
	margin-left:		160px; /* set to width of left column */
	border-left:		0px solid red; /* set to width of left-column-border */
}
/* end width of left column and border */


/* begin width of right column and border */
#right {
	width:				285px; /* set to width of right column */
	margin-right:		-285px; /* set to -<width of column + width of right-border> */
	margin-left:		0px; /* set to width of right-column-border */
}
#outer {
	margin-right:		285px; /* set to width of right column */
	border-right:		0px solid red; /* set to width of right-column-border */
}
/* end width of right column and border */


/* begin borders around site */
#wrapper2 {
	border-left:		0px solid #000000; /* left-border of left-column */
	border-right:		0px solid #000000; /* right-border of right-column */
}
#pageheader {
	border-top:			0px solid #000000;
	border-left:		0px solid #000000;
	border-right:		0px solid #000000;
}
#pagefooter {
	border-bottom:		0px solid #000000;
	border-left:		0px solid #000000;
	border-right:		0px solid #000000;
}
/* end borders around site */

/* End Jello Mold Layout */


/* begin main styles */
body, th, td, input, select, textarea {
	font-family:		arial, sans-serif;
	font-size:			12px;
	color:				#505050;
}
#pageheader {
	background:			url('/gfx/bg_header.png') 100% 0 #FFFFFF repeat-y;
	height:				90px;
}
#logo {
	float:				left;
	margin:				10px 0 8px 15px;
}
#left .textpadder {
	padding:			20px 0 0 10px;
}
#right {
	color:				#FFFFFF;
}
#content {
	padding:			15px;
	padding-bottom:		0;
	min-height:			500px;
}
* html #content {
	height:				500px;
}
#pagefooter {
	width:				100%;
	height:				10px;
	float:				left;
	position:			relative;
	margin:				0;
	padding:			0;
}

h1, h2, h3, h4 {
	font-weight:		bold;
	padding:			0;
	margin:				0;
	color:				#ED2C21;
	line-height:		22px;
}
h1 {
	font-size:			1.35em;
	margin-bottom:		5px;
}
h2 {
	font-size:			1.15em;
	margin-top:			10px;
	margin-bottom:		3px;
}
h3 {
	font-size:			1em;
	margin-top:			10px;
	margin-bottom:		0px;
}
h4 {
	font-size:			0.85em;
	margin-top:			10px;
	margin-bottom:		0px;
}

img {
	border:				0;
}
p {
	margin:				0;
	margin-bottom:		10px;
}
a,
a:hover,
a:visited {
	color:				#ED2C21;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
a:visited {
	color:				#FF6D62;
}
ul {
	margin:				0;
	margin-left:		4px;
	padding:			0;
	padding-left:		10px;
}
#path {
	background-color:	#ED2C21;
	color:				#FFFFFF;
	margin:				0;
	padding:			0;
	padding-left:		10px;
	font-size:			10px;
	height:				16px;
	line-height:		16px;
}
#path a,
#path a:hover,
#path a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}
#path a:hover {
	text-decoration:	underline;
}
#contentpage li {
	list-style-type:	disc;
	list-style-image:	url('/gfx/bullet.png');
}
#visual {
	margin-top:			5px;
	margin-bottom:		10px;
	border:				5px solid #A6A6A6;
	width:				100%;
	min-height:			90px;
	overflow:			hidden;
}
/* end main styles */


/* begin menu styles */

/* mainmenu */
#mainmenu,
#mainmenu ul,
#mainmenu li {
	margin:				0;
	padding:			0;
}
#mainmenu {
	margin-bottom:		10px;
	background-color:	#A6A6A6;
}
#mainmenu li {
	border-bottom:		1px solid #CCCCCC;
	list-style-type:	none;
	padding-left:		8px;
}
#mainmenu a,
#mainmenu a:hover,
#mainmenu a:visited {
	font-weight:		bold;
	color:				#FFFFFF;
	text-decoration:	none;
	display:			block;
	margin:				0;
	padding:			0;
	width:				100%;
	height:				25px;
	line-height:		25px;
}
/* we can't use the 'background:'-notation because that would override the background-color */
#mainmenu .menulevel0.menuitem_first {
	background-image:	url('/gfx/corner.png');
	background-position:0 0;
	background-repeat:	no-repeat;
}
#mainmenu .menuitem_active {
	background-color:	#ED2C21;
}
/* submenu */
/* hide all submenu blocks */
#mainmenu .submenu {
	margin-left:		-8px;
	display:			none;
}
/* only show the active submenu */
#mainmenu .submenu.menuitem_active {
	display:			block;
}
#mainmenu .submenu li {
	padding-left:		20px;
	border-top:			1px solid #CCCCCC;
	border-bottom-width:0px;
	background-color:	#A6A6A6;
}
#mainmenu .submenu a,
#mainmenu .submenu a:hover,
#mainmenu .submenu a:visited {
	height:				20px;
	line-height:		20px;
	font-size:			0.9em;
}
#mainmenu .submenu .menuitem_active,
#mainmenu .submenu .menuitem_active a,
#mainmenu .submenu .menuitem_active a:hover,
#mainmenu .submenu .menuitem_active a:visited {
	background-color:	#CD0C01;
}


/* footermenu */
#pagefooter #footermenu {
	float:				left;
	color:				#AAAAAA;
	margin:				0;
	margin-top:			-20px;
	padding:			0;
	font-size:			0.75em;
}
#pagefooter #footermenu li {
	float:				left;
	list-style-type:	none;
	margin-right:		5px;
}
#pagefooter a,
#pagefooter a:hover,
#pagefooter a:visited {
	color:				#AAAAAA;
}
/* end menu styles */


/* begin banner styles */
.banner {
	text-align:			center;
}
.banner img {
	display:			block;
}
.banner .bannercontent {
	overflow:			hidden;
	margin:				0 auto;
	padding:			0;
}
.banner .bannercontent img {
	border:				1px solid #D4D4D4;
}
.banner_468x60 {
	padding:			20px 0;
}
.banner_468x60 .bannercontent {
	width:				470px;
	height:				62px;
	line-height:		62px;
}
.banner_180x150 {
	padding:			15px 0;
}
.banner_180x150 .bannercontent {
	width:				182px;
	height:				152px;
	line-height:		152px;
}
.banner_120x60 {
	padding:			15px 0;
}
.banner_120x60 .bannercontent {
	width:				122px;
	height:				62px;
	line-height:		62px;
}
.banner_150xvrij .bannercontent {
	width:				152px;
	margin-bottom:		10px;
}

#pageheader .banner_rotator {
	width:				470px;
	height:				62px;
	float:				right;
	margin-top:			7px;
	margin-right:		15px;
	overflow:			hidden;
}
#pageheader .banner {
	padding:			0;
}
/* end banner styles */

/* begin footer images */
#footerlogos {
	float:				right;
	height:				45px;
	margin-top:			-40px;
	width:				285px;
}
.footerimage {
	float:				right;
	margin-right:		20px;
}
/* create some space for the footer content */
#left .textpadder,
#content {
	margin-bottom:		40px;
}
#right .textpadder {
	margin-bottom:		80px;
}
/* end footer images */

/* begin screenshot styles */
.screenshot {
	text-align:			center;
	max-width:			252px;
	/* max-height:			152px; */
	margin:				0 auto;
	margin-top:			15px;
	border:				1px solid #CCCCCC;
	background-color:	#FFFFFF;
	overflow:			hidden;
	position:			relative;
}
#screenshot_text {
	text-align:			center;
	padding:			0 15px;
}
.screenshot .playbutton {
	display:			block;
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	background:			url('/gfx/play.png') 50% 50% no-repeat;
	cursor:				pointer;
}
/* end screenshot styles */

/* begin contactform styles */
label {
	width:				200px;
	display:			block;
	clear:				left;
	float:				left;
}
label.formerror {
	color:				#FF0000;
}
.message {
	color:				#6C88DC;
}
.errormessage {
	color:				#FF0000;
}
#captchaerror {
	color:				#FF0000;
	font-weight:		bold;
	display:			none;
}

a.cboxelement {
	display:			block;
}
	
/* end contactform styles */