body {
	background: #473d7b url("../images/body-bg.png") repeat-x 0 0;
	padding: 30px 0;
	margin: 0;
	font: 85% normal Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #555;
}

#page {
   margin: 0 auto;
	width: 960px;
	min-height: 500px;
	position: relative;
}
* html #page { height: 500px; }

/* standaard spul */

img {
	border: 0;
}

/* navigationbars */

#topnav, #bottomnav {
   height: 37px;
	color: #a6a6a6;
	width: 940px;
	padding: 0 0 0 20px;
}

#topnav { background: url("../images/navigation.gif") no-repeat 0 -80px; }

#bottomnav { background: url("../images/navigation.gif") no-repeat 0 -120px; }

#topnav ul, #bottomnav ul, #topnav li, #bottomnav li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}



#topnav ul, #bottomnav ul {
   width: 920px;
	padding-right: 20px;
	padding-left: 0;
	background: url("../images/navigation.gif") no-repeat right -160px;
	text-align: center;
}

#bottomnav ul {
	background-position: right -200px;
}

* html #topnav li, * html #bottomnav li{
	display: inline;
}

*+html #topnav li, *+html #bottomnav li {
	display: inline;
}
#topnav a, #bottomnav a, #bottomnav span {
	text-decoration: none;
	display: block;
   line-height: 37px;
}

#topnav a, #bottomnav a {
	color: #fff;
}

#bottomnav a:hover {
	text-decoration: underline;
}

#bottomnav a, #bottomnav span {
	padding: 0 18px;
}

#topnav a {
	text-indent: -999em;
	background: transparent url("../images/navigation.gif") no-repeat 0 0;
}

a#NavMsf { background-position: 0 0; width: 233px; }
a:hover#NavMsf { background-position: 0 -37px; }
.home a#NavMsf { }
a#NavVision { background-position: -250px 0; width: 81px; }
a:hover#NavVision, .selected a#NavVision { background-position: -250px -37px; }
a#NavOverview { background-position: -350px 0; width: 108px; }
a:hover#NavOverview, .selected a#NavOverview { background-position: -350px -37px; }
a#NavFeatures { background-position: -500px 0; width: 97px; }
a:hover#NavFeatures, .selected a#NavFeatures { background-position: -500px -37px; }
a#NavUsage { background-position: -600px 0; width: 80px; }
a:hover#NavUsage, .selected a#NavUsage { background-position: -600px -37px; }
a#NavCases { background-position: -700px 0; width: 77px; }
a:hover#NavCases, .selected a#NavCases { background-position: -700px -37px; }
a#NavContact { background-position: -900px 0; width: 92px; }
a:hover#NavContact, .selected a#NavContact { background-position: -900px -37px; }
a#NavBlogs { background-position: -800px 0; width: 75px; }
a:hover#NavBlogs, .selected a#NavBlogs { background-position: -800px -37px; }

/* header */

.home #header {
	clear: both;
	height: 402px;
	background: #fbefc5 url("../images/homepage-header-bg.gif") no-repeat 0 0;
}

.content #header {
	clear: both;
	height: 96px;
	background: #fbefc5 url("../images/content-header-bg.gif") no-repeat 0 0;
}

h1 {
	font-weight: normal;
	font-size: 2.4em;
	margin: 0;
}

.content #header h1 {
	height: 96px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	background: transparent url("../images/title-allyoueverwanted.png") no-repeat 0 0;
}

.content #header h1.vision
{
    background-image: url("../images/title-titt.png")
}

.content #header h1.overview
{
    background-image: url("../images/title-birdsEyeView.png")
}

.content #header h1.features
{
    background-image: url("../images/title-zoomingIn.png")
}

.content #header h1.using
{
    background-image: url("../images/title-theFactoryInAction.png")
}

.content #header h1.customercases
{
    background-image: url("../images/title-theproof.png")
}

.content #header h1.blogs
{
    background-image: url("../images/title-allTheLatestNews.png")
}

.content #header h1.contact
{
    background-image: url("../images/title-getInTouch.png")
}

.content #header h1.sitemap
{
    background-image: url("../images/title-sitemap.png")
}

.content #header h1.aboutUs
{
    background-image: url("../images/title-Whoweare.png")
}

.content #header h1.privacy
{
    background-image: url("../images/title-Werespectyourprivacy.png")
}

.content #header h1.disclaimer
{
    background-image: url("../images/title-Disclaimer.png")
}

#title {
	position: absolute;
	width: 549px;
	height: 179px;
	background: transparent url("../images/title-homepage.png") no-repeat 0 0;
	top: 87px;
	left: 39px;
}

#title * {
	text-indent: -999em;
}

#screenshot {
	position: absolute;
	right: 33px;
	top: 53px;
}

#PlayVideoButton
{
    display: block;
    position: absolute;
    
    top: 303px;
    left: 61px;
    
    width: 235px;
    height: 85px;
    
	text-indent: -999em;
    background: transparent url(../images/PlayVideoButton.png) no-repeat;
}

a:hover#PlayVideoButton
{
    background-position: 0 -85px;
}
    


#ContactUsButton
{
    display: block;
    position: absolute;

    top: 303px;
    left: 312px;

    width: 235px;
    height: 85px;
    
	text-indent: -999em;
    background: transparent url(../images/ContactUsButton.png) no-repeat;
}

a:hover#ContactUsButton
{
    background-position: 0 -85px;
}


/* content */

#content 
{
	clear: both;
	background: #fff url("../images/page-bottom.gif") repeat-x left bottom;
}

.content #content
{
    padding: 44px 60px 44px 58px;
    overflow: auto;   
}

* html .content #content
{
    zoom:1;
}

#LeftColumn
{
    width: 402px;
    float: left;
    margin-right: 38px;
}

#RightColumn
{
    width: 402px;
    float:left;
}

h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin: 0;
}

.content #content h2
{

}

h3 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
}

.content #content p
{
    margin: 4px 0 16px 0;
}

a {
	color: #483b89;
	text-decoration: none;
}

a:hover, #content a:visited, #footer a:visited {
	color: #5a4c9f;
}

a:hover {
	text-decoration: underline;
}

/* homepage keuzes */

ul.choice {
	list-style: none;
	display: inline-block;
	padding: 30px 30px 20px 30px;
	margin: 0 0 0 5px;
}

ul.choice li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	background: url("../images/icons-big.jpg") no-repeat -200px 0;
}

* html ul.choice li
{
    display: inline;
}


*+html ul.choice li
{
    display: inline;
}

ul.choice a {
	display: inline-block;
	width: 440px;
	background: transparent url("../images/content-select-bg.gif") no-repeat 500px -30px;
}

ul.choice a .title {
	display: block;
	width: 300px;
	padding: 15px 20px 0 120px;
	font-size: 1.8em;
	cursor: pointer;
}

ul.choice a .description {
	display: block;
	width: 300px;
	padding: 5px 20px 0 120px;
	color: #555;
	cursor: pointer;
}

ul.choice a .description .link {
	color: #483b89;
	cursor: pointer;
}

ul.choice a .bottom {
	display: block;
	width: 440px;
	height: 30px;
	background: transparent url("../images/content-select-bg.gif") no-repeat 500px 0px;
	cursor: pointer;
}

ul.choice a:hover {
	background-position: 0 -30px;
	text-decoration: none;
}

ul.choice a:hover .title {
	text-decoration: underline;
}

ul.choice a:hover .description .link {
	color: #5a4c9f;
}

ul.choice a:hover .bottom {
	background-position: 0 0;
}

ul.choice #vision { background-position: 23px 20px; }
ul.choice #features { background-position: 23px -155px; }
ul.choice #cases { background-position: 23px -330px; }
ul.choice #overview { background-position: 23px -505px; }
ul.choice #usage { background-position: 23px -680px; }

#logos {
	padding: 0 0 0 120px;
}

#logos img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	float: left;
}

.content #content p img
{
    display: block;
    margin: 0 auto;
}
/* footer */

#footer {
	clear: both;
	min-height: 200px;
	background: #fff url("../images/page-bottom.gif") repeat-x left bottom;
}

#footer .top {
	clear: both;
	height: 9px;
	width: 960;
	font-size: 0;
	background: transparent url("../images/footer-scheurrand.gif") repeat-x left top;
}

#footer h2 {
	line-height: 43px;
	margin-top: 30px;
	margin-left: 155px;
}

#footer a.feeds {
	position: absolute;
	display: block;
	width: 43px;
	height: 43px;
	right: 39px;
	margin-top: -41px;
	background: transparent url("../images/footer-feedicon.gif") no-repeat left top;
	text-indent: -999em;
}

#footer a:hover.feeds {
	background-position: left -43px;
}

/* feeds */

.feed {
	overflow: auto;
	width: 894px;
	padding: 15px 0;
	margin: 0 0 0 36px;
}

* html .feed {
    margin-left: 0;
    width: 960px;
}
*+html .feed {
    margin-left: 0;
    width: 960px;
}

.feed ul {
	list-style: none;
	display: block;
	float: left;
	padding: 0;
}

* html .feed ul
{
    margin: 0;
}

.feed ul.left {
	margin: 0 0 0 60px;
}

.feed ul.right {
	margin: 0 0 0 25px;
}

.feed ul li {
	list-style: none;
	display: block;
	float: left;
	vertical-align: top;
	margin: 0 0 0 24px;
	padding: 0;
	background: url("../images/icons-big.jpg") no-repeat -200px 0;
}

* html .feed ul li 
{
	list-style: none;
	display: block;
	float: left;
	vertical-align: top;
	margin: 0 0 0 30px;
	padding: 0;
	background: url("../images/icons-big.jpg") no-repeat -200px 0;
}
*+html .feed ul li {	margin: 0 2px 0 19px; }

.feed ul li a p
{
    min-height: 50px;
}


/* Serge */
.feed ul li.blogger203128 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger203131 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger181985 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger203129 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger203133 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger181985 {
	background-position: 0px -1130px;
}

/* Serge */
.feed ul li.blogger213274 {
	background-position: 0px -1130px;
}

/* Vincent */
.feed ul li.blogger188948 {
	background-position: 0px -855px;
}

/* Vincent */
.feed ul li.blogger188657 {
	background-position: 0px -855px;
}

/* Vincent */
.feed ul li.blogger188656 {
	background-position: 0px -855px;
}

/* Vincent */
.feed ul li.blogger188655 {
	background-position: 0px -855px;
}

/* Vincent */
.feed ul li.blogger181986 {
	background-position: 0px -855px;
}

/* Maarten */
.feed ul li.blogger207145 {
	background-position: 0px -1410px;
}

.feed ul a {
	display: block;
	width: 420px;
	min-height: 110px;
	background: transparent url("../images/feed-select-bg.gif") no-repeat 500px 0px;
}

.feed div.fdpoweredby a {
    display: inline;
    background: transparent none;
	min-height: 0;
	margin-left: 110px;
}

.feed ul .fdpoweredby a:hover
{
    background: none;
}

* html.feed ul a { height: 110px; }

.feed ul a small {
	float: left;
	display: block;
	position: absolute;
	text-align: center;
	cursor: pointer;
	color: #a6a6a6;
	width: 80px;
	margin: 95px 0 0 0;
}

.feed ul a h3 {
	padding: 12px 22px 7px 95px;
	margin: 0;
	cursor: pointer;
}

.feed ul a p {
	padding: 0px 22px 0 95px;
	margin: 0;
	color: #555;
	cursor: pointer;
}

.feed ul a .bottom {
	display: block;
	width: 420px;
	height: 25px;
	background: transparent url("../images/feed-select-bg.gif") no-repeat 500px 0px;
	cursor: pointer;
}

.feed ul a:hover {
	background-position: 68px -30px;
	text-decoration: none;
}

.feed ul a:hover h3 {
	text-decoration: underline;
}

.feed ul a:hover .bottom {
	background-position: 68px -5px;
}
/*ImageGallery*/
#ImageGallery
{
    clear: both;
    overflow: auto;
}

#ImageGallery a
{
    float: left;
    margin: 4px;
    padding: 10px;
}

#ImageGallery a img
{
    display: block;
}


#ImageGallery a:hover
{
    background-color: #FAFAFA;
    text-decoration:none;
}

#ImageGallery a span
{
    display: block;   
    
    text-align: center;
    font-size: 0.9em;
    font-style:italic;
}



.fdpoweredby
{
    text-align: left !important;
}

.thickbox
{}

.fullwidth
{}

.multiBoxDesc
{}


#BlogFooter {
	overflow: auto;
	padding: 0 45px 25px 0;
	margin: 0 0 0 60px;
}

#BlogFooter #ByLine {
    margin-left: 94px;
	font-size: 0.8em;
	line-height: 27px;
}

#BlogFooter #BlogLink {
    display: block;
    float: right;
    height: 27px;
    padding: 4px 44px 4px 4px;
    background: transparent url("../images/ReadMoreArrow.gif") no-repeat right -4px;
}

#ContactForm
{
    clear: both;
    margin: 0;
    padding: 0 0 0 0;
}

* html #ContactForm
{
    padding-left: 0;
}

#ContactFormPanel
{
    float: left;
    clear:both;
}

#ContactFormPanel table
{
    float: left;
    clear:both;
    padding-top: 45px;
    margin-left: -17px;
}

* html #ContactFormPanel table
{
    margin-top: 20px;
    margin-left: 4px;
}

*+html #ContactFormPanel table
{
    margin-top: 35px;
    margin-left: 4px;
}

#ContactForm .SendButton
{
    display: block;
    width: 235px;
    height: 85px;
    
    margin: 0px 0 0 0;
    
    border: none;
    
    text-indent: -9999em;
    
    background: transparent url("../images/GetInTouchButton.png") no-repeat top left;
}

#ContactFormSentPanel
{
	margin: 0 0 0 80px;
}

#ContactFormErrorPanel
{
	margin: 0 0 0 80px;
	
	color: Red;
}