/* Styles index:
	1) Basic HTML
	2) Main Structure
	3) Text
	4) Link
	5) Button
	   - Background
	   - Backgroundpositioning
	   - Positioning
	6) Menu
	7) Footer
	8) Content
	9) Support
	   - Manual
	   - Faq
	   - Videodemo
	10)Contact
	11) Flash replacement
	12) HACKS
*/

/* Basic HTML Styles */

* {
	margin: 			0;
	padding: 			0;
}

html {
	height:				100%;
}

body {
	height: 			100%;
	font-family:		Trebuchet MS,Verdana,Arial,sans-serif;
	font-size:			100%;
	background: 		#ffffff;
	margin: 			0;
	padding: 			0;
	text-align: 		center;
	color:				#535353;
}

img { 
	border: 			0;
}

hr {
	height: 			0;
	border: 			0;
	padding:			5px 0px 5px 0px;
	border-top: 		1px solid #b4b4b4;
}

/* Main Sructure Styles */

div#container {	
	width:				818px;
	margin: 			0 auto;
	position: 			relative;
	min-height: 		100%;
	_height:			100%;
	border-left:		solid 1px #b4b4b4;
	border-right:		solid 1px #b4b4b4;
}

div#header {
	text-align: 		left;
}

div#menu {
	background: 		url('/images/Menu_bg.gif') repeat-x;
	text-align:			left;
	min-height:			29px;
	_height:			29px;	
}

div#content {
	padding-bottom: 	65px;
	min-height:			209px;
	_height:			209px;
	background: 		url('/images/Content_bg.gif') no-repeat top;
	text-align:			left;
}

div#contentclean {
	padding-bottom: 	65px;
	min-height:			209px;
	_height:			209px;
	background: 		url('/images/Contentclean_bg.gif') repeat-x top;
	text-align:			left;
}

div#footer {
	position: 			relative;
	margin: 			-62px auto 0 auto;
	background-color:	#00FFCC;
	width:				816px;
	border-top:			solid 1px #b4b4b4;
	background: 		url('/images/Footer_bg.gif') repeat-x;
	min-height:			61px;
	_height:			61px;
	text-align:			left;
	clear:				both;
}

/* Text Styles */

h2 {
	padding:			42px 0px 36px 30px;
	margin:				0px;
	font-size:			24px;
	font-weight:		bold;
}

h2.smallheading {
	padding:			42px 0px 6px 30px;
	margin:				0px;
	font-size:			24px;
	font-weight:		bold;
}

h4 {
	padding:			10px 0px 10px 0px;
	margin:				0px;
}

h5 {
	padding:			0px 0px 0px 0px;
	margin:				0px;
	font-size:			10px;
	font-weight: 		bold;
}

p.maincontent{
	margin:				5px 30px 15px 30px;
	font-size: 			12px;
}

.highlight {
	color: 				#d248a8;
}

.greyout {
	color: 				#898989;
}

.smalltext {
	font-size:			10px;
}

/* Link Styles */

a.textlink{
	color: 				#d248a8;
	font-size: 			14px;
	text-decoration: 	none;
}

a.textlink:hover{

	text-decoration: 	underline;
}

a.textlink2{
	color: 				#d248a8;
	font-size: 			14px;
	line-height:		16px;
	text-decoration: 	none;

}

a.textlink2:hover{

	text-decoration: 	underline;
}

a.textlink3{
	color: 				#d248a8;
	font-size: 			14px;
	text-decoration: 	none;
}

a.textlink3:hover{
	text-decoration: 	underline
}

a.footerlink{
	color: 				#535353;
	text-decoration: 	underline;
	font-size: 			10px;
}

a.footerlink:hover{
	text-decoration: 	underline;
}

/* Button Styles */

/* -- Button backgrounds */
#videobutton a {
	background-image: 	url('/images/Video_btn.gif');
}

#downloadbutton a {
	background-image: 	url('/images/Download_btn.gif');
}

#contactbutton a {
	background-image: 	url('/images/Contact_btn.gif');
}

#downloadbutton2 a {
	background-image: 	url('/images/Download_btn2.gif');
}

#supportbutton2 a {
	background-image: 	url('/images/Video_support_btn.gif');
}

#supportbuttonsmall a.lowercontentbutton {
	background-image: 	url('/images/Support_small_btn.jpg');
}

#supportbuttonsmall a.lowercontentbutton {
	background-image: 	url('/images/Support_small_btn.jpg');
}

#manualbutton a.lowercontentbutton {
	background-image: 	url('/images/Manual_btn.gif');
}

a.videoplayerbutton {
	background-image: 	url('/images/Videoplayer_btn.gif');
}

#partnerlogo a {
	background-image: 	url('/images/Filmpjes_btn.gif');
}

/* -- Button positioning */
#videobutton {
	padding-left: 		16px;
}

#downloadbutton {
	padding-left: 		24px;
}

#contactbutton {
	padding-left: 		23px;
}

#downloadbutton2 {
	padding-left: 		22px;
}

#supportbutton2 {
	padding-left: 		23px;
	margin-top: 		28px;
}

#supportbuttonsmall {
	padding-left: 		22px;
}

#manualbutton {
	padding-left: 		22px;
}

/* -- Button backgroundpositioning */
a.contentbutton {
	background-position:right top;
	display:			block;
}

a:hover.contentbutton {
	background-position:right -146px;
}

a.lowercontentbutton {
	background-position:right top;
	display:			block;
}

a:hover.lowercontentbutton {
	background-position:right -79px;
}

a.videoplayerbutton {
	background-position:right top;
	display:			block;
}

a:hover.videoplayerbutton {
	background-position:right -280px;
}

a.partnerbutton {
	background-position:right top;
	display:			block;
}

a:hover.partnerbutton {
	background-position:right -32px;
}

/* Menu Styles */

#menu ul {
	margin:				0px;
    padding:			0px 10px 5px 0px;
    list-style:			none;
}

#menu li {
  	float:				left;
  	margin:				0;
  	padding:			0;
}
#menu #current {
  	background-position:left -150px;
	border-width:		0;
}

#menu a {
	float:				left;
	display:			block;
	width:				.1em;
	background: 		url('/images/Menu_btn.jpg') no-repeat right top;
	padding:			3px 20px 4px 20px;
	text-decoration:	none;
	font-size: 			16px;
	color:				#ffffff;
}

#menu a:hover {
	background-position:right -90px;
}

#menu #current a {
	background-position:right -45px;
}

/* Footer Styles */

div.footercontent {
	float:				left;
	width:				33%;
	font-size:		 	10px;
	padding-top: 		15px;
}

.footerimage {
	margin:				0px 5px 0px 30px;
}

#partnerlogo {
	float: 				left;
	padding-left: 		25px;
	padding-right: 		5px;
}

#partnertekst {
	float: 				left;
	width: 				130px;
}

#ft-voetnoot{
	margin-left: 		20px;
	width: 				230px;
	text-align:			left;
}

#version{
	text-align: 		right;
	font-size: 			10px;
	margin:				0px 5px 10px 0px;
}

/* Content Styles */

.contentbuttondiv {
	position:			relative;
	float: 				left;
	padding-top: 		0px;
	margin: 			0px;
}

#contentbuttons {
	padding-top:		8px;
}

ul#sellingpoints {
	margin: 			0px 0px 0px 45px;
	list-style-image: 	url('/images/List_item.gif');
	font-weight:		bold;
}

ul#sellingpoints li {
	line-height: 		18px;
}

.maincontentblock {
	float: 				left;
	font-weight:		normal;
	padding-left: 		60px;
	font-size: 			14px;	
}

.lowercontentbuttondiv {
	position:			relative;
	float: 				left;
	margin: 			15px 0px 0px 0px;
	text-align: 		center;
}

.lowercontentblock {
	float: 				left;
	font-weight: 		normal;
	padding: 			5px 0px 0px 30px;
	font-size: 			14px;
	line-height: 		16px;
	width: 				34%;
}

.lowercontentblock2 {
	float: 				left;
	font-weight: 		normal;
	padding: 			4px 0px 10px 30px;
	font-size: 			14px;
	line-height: 		16px;
	width: 				36%;
}

.contentimage{
	margin-left: 		25px;
	margin-bottom: 		26px;
}

/* Support styles */

#supporttext{
	margin: 			30px 0px 0px 55px;
	width:				200px;
	font-weight:		bold;
}

/* -- Manual styles */
#manualsteps{
	margin: 			23px 0px 25px 32px;
	_height:			155px;
	min-height:			155px;
	width:				502px;
	float: 				left;
}

.manualheading{
	margin: 			5px 32px 5px 32px;
	clear:				both;
}

.manualimage{
	float: 				left;
	margin: 			0px 0px 10px 32px;
	width: 				375px;
}

.manualtext{
	float: 				left;
	margin: 			0px 0px 10px 32px;
	width: 				345px;
	font-size:			13px;
}

/* -- Faq Styles */

#faqcontent{
	_height: 			210px;
	min-height: 		210px;
	padding-left: 		32px;
}

#faqcontent a{
	font-size: 			14px;
	line-height: 		20px;
}

.lowerfaqblock {
	float: 				left;
	font-weight: 		normal;
	padding: 			4px 20px 10px 30px;
	font-size: 			14px;
	line-height: 		16px;
}

.lowerfaqselected {
	display:			inline;
}

ul#questions {
	margin: 			0px 0px 7px 15px;
}

#questions li {
	line-height: 		15px;
}

li.faqquestion{
	list-style-image: 	url('/images/List_item.gif');
}

li.faqquestionselected {
	list-style-image: 	url('/images/List_item_selected.gif');
}

li.faqquestionselected a{
	font-weight:		bold;
}

.faqanswer{
	margin:				2px 0px 7px 0px;
}

/* -- Videodemo Styles */

#videowindow{
	float:				left;
	margin:				28px 0px 0px 20px;
}

#videomenu{
	float:				left;   
	margin:				8px 0px 0px 20px;	
}

#videomenu p{ 
	margin:				0px 0px 0px 32px;	
}

/* Contact Styles */

#contactform{
	min-height: 		200px;
	_height: 			200px;
}

.form_error{
	font-size: 			12px;
	color: 				#FF0000;
}

.form_text{
	width: 				170px;
}

.form_area{
	width: 				250px;
	vertical-align:		top;
}

#contacttable{
	margin:				15px 20px 0px 32px;
	width: 				740px;
	font-size: 14px;
}

#contacttable td{
	padding: 			1px;
	margin:				0px;
	vertical-align: 	top;
}

#lowercontact{
	width: 				40%;
	padding-top: 		0px;
	line-height: 		15px;
}

/* Flash replacement */

.flash-replace {
	border: 			1px solid #ccc; 
	padding: 			5px;	
	background: 		#fff;
	color: 				#000;
}

.flash-replace {
	padding-left: 		30%;
	padding-top: 		3%;
	text-align: 		left;
}

p.flash-replace-l {
	float: 				left;
}

p.flash-replace-r {
	float: 				left;
	margin-left: 		10px;	
}

/* Hacks */
#menu > ul a {
	width:				auto;
}