/* KLEUREN

bruin			#54534a
blauw			#0054a4
groen 		#00703c

*/


* { margin:0px; padding:0px; }

html { min-width:900px; overflow-y:scroll; height:100%; }
body { font:normal 12px verdana; line-height:1.4em; color:#54534a; height:100%; }

p, table { margin:0.4em 0; }
td, th { vertical-align:top; }
ul, ol { padding-left:45px; }
ul { list-style:disc; }

hr { clear:both; height:1px; background:#4e7ab0; color:#4e7ab0; padding:10px 0px;}

img { border:none; }
.normal { float:none; line-height:normal; font-style:normal; font-weight:normal; }
.small { font-size:11px; }
.clear { clear:both; height:1px; overflow:hidden; }
.center { text-align:center;  }
.indent { position:absolute; text-indent:-999em; }
.alert { color:red; }
.nomargin { margin:0px !important; }
.nodisplay { display:none !important; }


h1 { font:bold 22px verdana; margin:0em 0em 0em; color:#00703c; }
h2 { font:bold 15px verdana; margin:1em 0em 0em; color:#00703c; } 
h3 { font:bold 13px verdana; margin:1em 0em 0em; color:#00703c; font-variant:small-caps; }
h4 { font:bold 12px verdana; margin:0em 0em 0em; color:#00703c; }


a { color:#00703c; outline:none; }
a:hover { color:#00703c; }
a.selected { font-weight:bold; }

/* FORMS */
form { margin:0.4em 0 0 0; font:normal 12px verdana; }
* html form {  }  /* IE6 fix */ 

form div.section { margin-top:0.8em; } 
form div.row { clear:both; margin-top:1px !important; overflow:hidden; position:static; line-height:23px !important;  } 
/* line-height is erg belangrijk voor regelhoogte = 22px bij font 11px, 23px bij font 12px */

form div.row span { float:left; } /* voor het groeperen van floatende elementen */
form div.row var { float:left; } /* voor aanverwante teksten */
form div.row .meer { line-height:normal; padding:3px 0px; } /*  voor meerdere regels met normale line-height, padding = 3px */

span.alert { float:none !important; display:block !important; }

label { float:left; } /* label voor elementen */
	input.text, select, textarea { float:left; margin:1px 2px 1px 0px; font:normal 12px verdana; border:1px solid #d6d6d6; } /* standaard opmaak van input elementen */
	input.text, textarea { padding:2px 1px; } /* padding verhouding behouden */
	input.text { height:15px; } /* height = 14px bij font 11px, 15px bij font 12px */
	select { height:21px; } /* height = 20px bij font 11px, 21px bij font 12px, alleen height property gebruiken, overige werken niet in IE */ 
	textarea { overflow-y:auto; } /* overflow voor scrollbalk */

label.radio, label.checkbox { width:auto !important; } /* label voor radiobuttons en checkboxes */
	input.radio, input.checkbox { float:left; width:auto !important; } /* standaard opmaak van radio en checkbox */
	html>/**/body input.radio, html>/**/body input.checkbox { margin:4px 3px 3px 4px; } /* FF en Chrome */

.button, button { overflow:visible; margin:0px 2px; text-align:center; cursor:pointer; } /* overflow voor IE */

	
/* CONTENT */
#top { width:900px; padding:0px 25px; margin:30px auto; }
	#logo { float:left; }
	#slogan { float:right; width:640px; padding-bottom:5px; font:normal 18px verdana; letter-spacing:-1px; line-height:1.4em; border-bottom:1px solid #54534a; text-align:center;  }

#page { width:900px; padding:0px 25px; margin:0px auto; }
	#content { float:right; width:640px; }
	
	div#menu { float:left; min-height:400px; height:auto !important; height:400px; width:250px;  }
	
	ul.menu { padding:0px; width:200px; list-style:none; border-bottom:1px solid #54534a; }
	ul.menu li { padding:2px 0px; border-top:1px solid #54534a; }
	ul.menu li a { font-size:11px; text-decoration:none; }
	
	ul.submenu { padding:0px; list-style:none; }
	ul.submenu li { border-top:none; }
	ul.submenu li a { padding-left:13px; }
	
#footer { width:900px; padding:0px 25px; margin:0px auto 50px; text-align:right; font:bold 10px arial; color:white; }

/* GENERAL */
.rightblock { float:right; width:240px; margin-bottom:15px; font-size:11px; }
.blueblock { padding:10px; background:#0054a4; color:white; }
.blueblock a, .blueblock a:hover { color:white; text-decoration:underline; }
.blueblock h3 { color:white; text-align:left; }

/* HOME */
#systems { margin:20px 0px; }
#systems img { margin:0px 20px; }

.homeblock { float:left; width:243px; margin:0px 10px; text-decoration:none; font:bold 11px arial;  }
.homeblock span { display:block; font-size:20px; padding:1em 0em 0em; }


/* BENEFITS */
table#savings { width:200px; }
table#savings th { background:#4e7ab0; }
table#savings td { padding:5px 0px; vertical-align:middle; }

.left375 { float:left; list-style:none; width:375px; padding:0px; }
a.join { font-size:24px; }


/* ORDER */
.system { float:left; display:inline; width:180px; margin:0px 16px; }
.system h3 { text-align:center; height:200px; }
.price { float:right; font:bold 12px arial; margin:10px 0px; padding:5px 10px !important; }
	
label.quantity { width:auto !important; margin-left:30px; }
input.quantity { width:40px; }

#contactinfo { padding:30px; margin:30px 0px; border-top:1px solid #4e7ab0; }
form#order div.row label { width:150px; }


/* SUMMIT */
form#registration label { width:80px; }
.explain {  border:2px solid #00703c; padding:8px; }

/* CASES */
.halfright { float:right; width:295px; }
.halfleft { float:left; width:295px; }
.case { margin-top:30px; }
.case h2 { margin:0px; padding-bottom:10px; color:#54534a; border-bottom:1px solid green; font-size:12px; }
.case h2 img { margin-right:10px; }
.case p { line-height:14px; font-size:11px; }


/* VIDEOCPD */

/* info */
#arrows { background:url(/graphics/arrows.png); width:650px; height:83px; }

ul#steps { padding-left:0px; list-style:none; color:white; }
ul#steps li.step { float:left; width:136px; margin-left:22px; display:inline; }
ul#steps li.step h3 { margin-top:4px; color:white; }
ul#steps li ul { width:115px; padding-left:20px; font-size:11px; }
ul#steps li ul li { line-height:13px; padding-top:2px; }


/* calculator */
form#calculator { float:left; width:385px; padding:0px; }
form#calculator label { width:295px; }
form#calculator input.text { width:100px; }


/* library */
ul#videolist { padding:0px; list-style:none; }
ul#videolist li { float:left; margin:3px;}
ul#videolist li a { display:block; width:176px; height:153px; padding:12px 12px 0px; font-size:11px; line-height:14px; text-decoration:none; background:url(/graphics/videobackground.png) top; }
ul#videolist li a:hover { background-position:bottom;}
ul#videolist li a:hover div.title { text-decoration:underline; }
ul#videolist li span.title { display:block; font-weight:bold; margin-top:3px;  }
ul#videolist li span.owner { display:block; color:#888888 !important; text-decoration:none !important; }


/* playvideo */
table.info { float:right; width:150px; margin-bottom:20px; border:1px solid #dddddd; font-size:11px; }
table.info td { padding:2px; }

.commentbox-toggle { float:right; font:bold 12px arial; padding:5px 10px !important; }
form.commentbox input.text { width:150px; }
form.commentbox textarea.text { width:458px; height:60px; }

table#comments { border:0px; border-top:1px solid #54534a; }
table#comments td { border-bottom:1px solid #54534a; padding:10px 0px; }
td.person { font-size:11px; }
	.person a { display:block; font-weight:bold; }
	
div.comment { position:relative; padding-left:10px; margin-bottom:10px; border-left:1px solid #cccccc; }

.reply { position:absolute; bottom:-18px; right:0px; font-size:11px; }
	

/* CONTACT */
form#contactform label { width:110px; }
form#contactform .text { width:170px; }


/* PARTNERS */
#partnerlist { padding:0px; list-style:none; }
#partnerlist li { margin-top:20px; padding-left:150px; }
#partnerlist li a { float:left; margin-left:-150px; }

/* Movi trial */
.download { font-size:24px;}
.download span { display:block; font-size:11px !important; }