@import "cmsbalk.css";

/******************************************/
/*** cms-links en -teksten op de pagina ***/
/******************************************/

span.cms, a.cms, a.cms:hover {
	color:#FF408F          !important;
	font-size:12px         !important;
	text-decoration:none   !important;
	font-weight:bold       !important;
	font-style:italic      !important;
	letter-spacing: normal !important;
}

/******************************************/
/******************************************/
/******************************************/

body {
	font-family:arial, sans-serif;
	font-size:11px;
	color:black;
	background-color:white;
	background-image:url(../gfx/body_bg.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

th, td { font-size:11px; } /* voor IE<6 */

#header {
	width:785px;
	height:156px;
	background-color:white;
	background-image:url(../gfx/header_bg.jpg);
	background-repeat:no-repeat;
}

#page {
	width:785px;
	background-image:url(../gfx/page_bg.gif);
	background-repeat:no-repeat;
	padding-top:45px;
}

h1 { width:155px;
	height:102px;
	background-image:url(../gfx/mini-logo.gif);
	background-repeat:no-repeat;
	background-position:0 60px;
	margin:0 0 0 93px;
}
h1 span { display:none; }

#intro {
	margin-left:202px;
	padding-bottom:50px;
	width:490px;
}

#zoek {
	position:absolute;
	left:578px;
	top:41px;
}

#zoek input { border:0px solid white; }

#zoek div {
	margin:0;
	padding:0;
	height:17px !important;
	width:200px !important;
	height /**/:18px;
	width /**/:207px;
	border-top:1px solid black;
	border-left:1px solid #6F6D6D;
	border-right:1px solid #6F6D6D;
	border-bottom:none;
	padding:0 0 0 5px;
}

#zoek_input {
	font-size:11px;
	font-family:arial,sans-serif;
	color:black;
	background-color:transparent;
	height:15px;
	width:154px;
	padding:0;
}

#zoek_go {
	font-size:11px;
	font-family:arial,sans-serif;
	letter-spacing:0.1em;
	color:black;
	background-color:transparent;
	height:15px;
	width:47px;
	padding:0;
}

a       { color:#359BD4; text-decoration:none; }
a:hover { text-decoration:underline; }
a img   { border-style:none; }
a.fancy {
	padding-right:12px;
	background-image:url(../gfx/more_arrow.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

span.giant { font-size:17px; }
span.large { font-size:14px; }
span.small { font-size:9px; }

/***********************/
/**** submenu links ****/
/***********************/

#submenu    { position:absolute; left:20px; top:204px; width:130px; }
#submenu ul { list-style-type:none; padding:0; margin:0; }

#submenu ul li   { padding:0 0 4px 0px; }
#submenu ul li a { color:black; padding-left:11px; display:block; }
#submenu ul li.active a,
#submenu ul li a:hover {
	font-weight:bold;
	text-decoration:none;
	background-image:url(../gfx/menubullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:11px;
}

#footer {
	border-top:1px solid #00ccff;
	margin-left:151px;
	padding-left:51px;
	width:580px !important;
	width /**/:737px;
	color:#cccc00;
	kont-style:italic;
	font-size:11px;
}
#footer a { color:#cccc00; text-decoration:underline; }

h2 { font-size: 18px; }
h3 { font-size: 14px; margin-bottom:0px; }
h2 a { font-weight:normal; }

blockquote, div.blockquote { margin-left:2.5em; }

img.left  { float:left;  margin: .5em 1em .5em 0; }
img.right { float:right; margin: .5em   0 .5em 1em; }

div.hr { border-bottom: 2px dotted #ccc; margin-bottom:1em; }

/************************/
/**** FEEDBACK FORM *****/
/************************/

form#feedback input,
form#feedback textarea,
form#feedback select {
	display: block;
	width:300px;
	float: left;
	margin-bottom: 10px;
	background-color:#f7f7f7;
	color:black;
}

form#feedback label {
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 115px;
	padding-right: 20px;
}

form#feedback br {
	clear: left;
}

form#feedback input,
form#feedback textarea,
form#feedback select {
	font-family:arial,sans-serif;
	font-size:12px;
}

form#feedback input#submit {
	width:auto;
	font-size:12px;
	padding:2px 5px;
	morder: 3px outset;
	background-repeat:no-repeat;
	background-position:0px -90px;
	background-image:url(../gfx/page_bg.gif);
}

/*********************/
/***** PRODUCTS *****/
/*********************/

ul.product-list    { list-style-type:none; margin-left:0; }
ul.product-list li {
	zbackground-image:url(../gfx/bullet.gif);
	zbackground-repeat:no-repeat;
	zbackground-position:15px 5px;
	zpadding-left:25px;
	margin-bottom:2em;
}
ul.product-list h3 {
	font-size:12px;
	background-image:url(../gfx/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
}
ul.product-list h3 a { color:black; text-decoration:none; }
ul.product-list span.new-product      { color:#ff5f00; font-size:11px; padding:0px 2px; border:1px solid #ff5f00; }
ul.product-list span.release-date     { color:#ee3300; font-size:11px; font-weight:normal; }
ul.product-list span.synopsis         { font-style:italic; }
ul.product-list div.category-platform { margin-top:2px; padding-top:2px; border-top:2px dotted #ccc; font-size:10px;color:#777; }
/*
ul.product-list h3 { font-size:14px; border-bottom: 2px dotted #ccc; margin-bottom:.25em; }
*/

/*********************/
/***** DOWNLOADS *****/
/*********************/

ul.download-list    { list-style-type:none; margin-left:0; }
ul.download-list h3 { font-size:12px; border-bottom: 2px dotted #ccc; margin-bottom:.25em; }
ul.download-list li { margin-bottom:1em; }

/*********************/
/***** NEWS-DETAIL ***/
/*********************/

div.news-details h2    { margin-bottom:.5em; font-size:14px; }
div.news-details h3    { margin-bottom:1em; font-size:12px; }
div.news-details div.datum { font-style:italic; margin-bottom:1em; }
div.news-details div.body  { }

table.news-archive          { width:100%; }
table.news-archive th       { border-bottom: 2px dotted #ccc; text-align:left; }
table.news-archive td.datum { width:20%; padding-bottom:2px; }
table.news-archive td.kop   { width:80%; padding-bottom:2px; }
table.news-archive td.kop a { }

/************************/
/***** PERSBERICHTEN  ***/
/************************/

div.press-details h2    { margin-bottom:.5em; font-size:14px; }
div.press-details h3    { margin-bottom:1em; font-size:12px; }
div.press-details div.datum { font-style:italic; margin-bottom:1em; }
div.press-details div.body  { }

table.press-releases          { width:100%; }
table.press-releases th       { border-bottom: 2px dotted #ccc; text-align:left; }
table.press-releases td.datum { width:20%; padding-bottom:2px; vertical-align:top; }
table.press-releases td.vendor{ width:15%; padding-bottom:2px; vertical-align:top; }
table.press-releases td.kop   { width:65%; padding-bottom:2px; vertical-align:top; }
table.press-releases td.kop a { }

/*****************/
/***** EVENTS  ***/
/*****************/

div.event-details h2    { margin-bottom:.5em; font-size:14px; }
div.event-details h3    { margin-bottom:1em; font-size:12px; }
div.event-details div.datum { font-style:italic; margin-bottom:1em; }
div.event-details div.body  { }

table.events          { width:100%; }
table.events th       { border-bottom: 2px dotted #ccc; text-align:left; }
table.events td.datum { width:25%; padding-bottom:2px; vertical-align:top; }
table.events td.event { width:75%; padding-bottom:2px; vertical-align:top; }
table.events td.event h3 { font-size:11px; font-weight:bold; }
table.events td.event h3 a { color:black; }

/**********************/
/*** ZOEKRESULTATEN ***/
/**********************/

ul.search-results { list-style-type:none; margin:0; }
ul.search-results li { padding-bottom:1em; }
ul.search-results div.score { font-size:10px;color:#888; }
ul.search-results div.productnaam { font-weight:bold; }
ul.search-results div.synopsis { bont-style:italic; }


/* ALL PRODUCTS */

a.all_products_letter { color:black; font-weight:bold; }
div.all_products_naam { }
div.all_products_synopsis { }

