/* KLEUREN

oranje				#f58026

body-content	95% #f2f2f2
body-background	80%	#cccccc

text-lichtgrijs	65%	#a6a6a6
text-darkgrijs	45%	#737373

*/

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

html { overflow-y:scroll; }
body { margin:0px auto; font:normal 12px verdana; line-height:1.4; color:#595959; }

h1 { font:normal 18px verdana; margin-bottom:10px;  }
h2 { font:bold 13px verdana; margin-bottom:10px; color:#f58026; }
h3 { font:bold 12px verdana; margin-bottom:10px; }

p, ul, ol, table, form { margin-bottom:6px; }
ul, ol { list-style:url(/graphics/bullet.png); padding-left:25px; }
li { padding:3px 0px; }
hr { clear:both; height:1px; border:none; background:#a6a6a6; color:#a6a6a6; margin:15px 0px; }

a { color:#f58026; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
img { border:none; }

.clear { clear:both; height:1px; overflow:hidden; }
.nomargin { margin:0px !important; }
.nodisplay { display:none !important; }
.indent { text-indent:-999em; }
.absindent { position:absolute; text-indent:-999em; }
.alert { float:none !important; display:block; color:red; }
.flleft { float:left; }
.flright { float:right; }

b span { color:#f58026; }
.little { font-size:11px; }


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

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

label { float:left; /*background:yellow; */ } /* label voor elementen */
	input.text, select, textarea { float:left; margin:1px 2px 0px 0px !important; 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; cursor:default !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 */



/* PAGE */
#header { width:906px; margin:15px auto; }
	.media-icon { float:right; margin-top:18px; }

#menubalk { width:906px; height:34px; margin:0px auto; background:url(/graphics/menu.png); }
  ul#menuleft  { float:left; width:393px; padding:0px; margin:0px 0px 0px 13px; list-style:none; }
  ul#menuright { float:right; width:449px; padding:0px; margin:0px 13px 0px 0px; list-style:none; }

  #menubalk li { float:left; padding:0px !important; }
  #menubalk a { display:block; height:34px; }
  
		a#button_home 									{ width:63px; background:url(/graphics/button-home.png) top; }
		a#button_managed-video-services	{ width:122px; background:url(/graphics/button-managed-video-services.png) top; }
		a#button_video-applications 		{ width:113px; background:url(/graphics/button-video-applications.png) top; }
		a#button_video-equipment 				{ width:95px; background:url(/graphics/button-video-equipment.png) top; }
		a#button_news 									{ width:56px; background:url(/graphics/button-news.png) top; }
		a#button_support 								{ width:77px; background:url(/graphics/button-support.png) top; }
		a#button_careers 								{ width:76px; background:url(/graphics/button-careers.png) top; }
		a#button_about-us 							{ width:81px; background:url(/graphics/button-about-us.png) top; }
		a#button_contact 								{ width:76px; background:url(/graphics/button-contact.png) top; }
		a#button_partners 							{ width:83px; background:url(/graphics/button-partners.png) top; }
		
  #menubalk a:hover { background-position:bottom; }
  
.headerimage { width:906px; margin:0px auto; }

.content { width:840px; padding:20px 33px; margin:0px auto; background:#f2f2f2; }
	.wide  { float:left; width:520px; margin:0px 20px; display:inline; }
	.half  { float:left; width:380px; margin:0px 20px; display:inline; }
	.small { position:relative; float:left; width:240px; margin:0px 20px; display:inline; }

#footer { width:906px; margin:10px auto; font:normal 10px arial; text-align:center; }


/* HOME */
#homeimage { display:block; width:520px; height:300px; position:relative; }
  #homeimage a { position:absolute; background:url(/graphics/blank.gif); }

.homepage-button { position:absolute; top:-10px; left:-10px; width:240px; height:157px; padding:10px; background-image:url(/graphics/button.png);  }
.homepage-button a { display:block; width:240px; height:157px; background:url(/graphics/pixel.png); } 
.homepage-button a span { display:block; padding-top:124px; padding-left:10px; }
/*.homepage-button a:hover { background-image:url(/graphics/button-overlay.png); }*/


/* THICKBOX */
.black_overlay { display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }
.white_content { display:none; position:absolute; top:25%; left:25%; width:520px; height:310px; padding:0px; border:10px solid black; background:white; z-index:1002; overflow:auto; }

/* PRODUCT PAGES */

div.block-top { height:25px; width:520px; background:url(/graphics/block.png) top; margin-top:20px; }
div.block-back { background:url(/graphics/block.png) 0px -25px no-repeat; }
div.block-section { width:470px; padding:25px 15px 5px; margin:0px auto; background:url(/graphics/block.png) top; }
					.first { padding-top:0px !important; background-position:center -25px !important; }
div.block-bottom { height:20px; width:520px; background:url(/graphics/block.png) bottom; }
div.block-section img { float:left; margin-right:15px; }

div.block h2 { margin:0px; }
ul.more img { float:right; margin-left:5px; }

span.readmore { display:block; text-align:right; font-weight:bold; }

.small h2 { margin-top:20px; }

.productsheet { display:block; background:white; width:210px; padding:4px; }
.productsheet img { float:left !important; }

div#products { }
div.product { position:relative; border-bottom:2px solid gray; margin:10px 0px; padding:0px 0px 10px 170px; }
div.productimage { position:absolute; top:0px; left:0px; width:150px; }

form#order { padding:15px; }

ul#products { list-style:none; padding-left:0px; }
ul#products li { clear:both; }
ul#products li img { float:left; margin-right:15px; }
.productinfo { float:right; width:370px; }
.productinfo h2 { float:left; }
.productinfo p { float:right; }


.quantity { width:40px; border:1px solid gray; margin-left:8px; }

form#order label { float:left; width:120px; }



/* INFO PAGES */

/* NEWS */
.newsitems { }
.newsitems a { font-weight:bold; }
#newsplacedate { color:#f58026; text-align:right; font-weight:bold; }

#news { background:white; border:1px solid #737373; text-align:justify; padding:20px 20px 10px 20px; font-size:12px; }
#news h1 { font-weight:bold; text-align:left; }
#newsnotes { font-size:11px; padding:25px 21px; }

form#newsletter label { float:left; width:100px; }

/* SUPPORT */
ul#downloadlist { list-style:none; padding:0px;  }
ul#downloadlist li { margin-bottom:10px; padding:15px; background:white; }
ul#downloadlist li div.version { margin-bottom:10px; background:white; }

ul#downloadlist li div.version p { float:left; }
ul#downloadlist li div.downloads { float:right; width:140px; padding-left:10px; border-left:1px solid gray; }
ul#downloadlist li div.downloads a { display:block; height:14px; padding:3px; }



/* CAREERS */
ul.career { padding-bottom:15px; }
ul.career li { margin-left:45px; }

/* ABOUT US */

/* CONTACT */
form#contactform label { float:left; width:100px; }

.address { border-bottom:1px solid #a6a6a6; }
.route { float:right; background:#ddd; text-align:center; padding:2px; }



/* PARTNERS */
.partnerinfo { background:white; }
ul#partners { list-style:none; height:70px; padding:10px 0px 10px 17px; background:white; }
ul#partners li { float:left; background:white; line-height:56px; padding:5px 7px; border:2px solid white; }
ul#partners li.selected { border:2px solid #cccccc; }
ul#partners li a:hover { text-decoration:none; }
ul#partners li img { vertical-align:middle; }

/* DEMO */
a.readmore { float:left; width:89px; height:22px; padding-top:7px; background:url(../graphics/readmore.png); text-align:center; }


/* applications */
.question { font-weight:bold; }
.question, .answer { position:relative; margin-left:30px; }
.question span, .answer span { position:absolute; left:-30px; }