@charset "utf-8";
/* CSS Document */

body { background: url(../images/index-header-bg.jpg) 0 0 repeat-x; margin: 0; padding: 0; font: 12px Verdana, Geneva, sans-serif; }
ul { margin: 0; padding: 0; list-style: none; }
h1 { display: none; visibility: hidden; }

#wrapper { width: 900px; margin: 0 auto; }

#header { background: url(../images/index-header-renson-software-support.jpg) 0 0 no-repeat; height: 150px; margin: 0 0 50px 0;  }
#topnav { margin: 0 0 0 450px; }
#topnav li { display: inline; }
#topnav li a { color: #9eaed4; background: #314a83; padding: 10px 20px 5px 20px; margin: 0 1px 0 0; text-decoration: none; display: inline-block; }
#topnav li a:hover { color: #a5b0ca; background: #3f5891; }

#content .item { float: left; width: 380px; height: 150px; padding: 0 20px; margin: 10px; display: inline-block; background: #f9f9f9 url(../images/index-item-bg.gif) 0 0 no-repeat; border: 1px solid #ddd; }
#content .item:hover { border: 1px solid #999; }
#content .item h2 { margin: 20px 0; font: bold 24px Verdana, Geneva, sans-serif; color: #666; }
#content .item p { color: #666; }
#content .item a { color: #666; padding: 5px 0 15px 35px; background: url(../images/index-button.gif) no-repeat; display: inline-block; }
#content .item a:hover { color: #5c87ec; background: url(../images/index-button-hover.gif) no-repeat; }

#content ul	{ margin: 0 0 0 25px; }
#content .lijst a { color: #666; padding: 5px 0 15px 35px; background: url(../images/index-button.gif) no-repeat; display: inline-block; }
#content .lijst a:hover { color: #5c87ec; background: url(/images/index-button-hover.gif) no-repeat; }

#footer { width: 900px; display: inline-block; padding: 5px 0; color: #999; margin: 100px 0 0 0; border-top: 1px solid #CCC; }
#footer img { float: left; margin: 0 20px 0 0; }
#footer p { margin: 15px 0 0 0; }
#footer a { color: #999; margin: 0; text-decoration: none; }
#footer a:hover { color: #666; }