/***************************************************** algemeen */
* {
  margin: 0pt;
  padding: 0pt;
}

body {
  background: transparent url(../images/bg.jpg) repeat-x scroll 0pt -9px;
  background-color: #DEDEDE;
}

html, body, h1, h2, h3, h4, input, textarea, select {
  font-family: arial;
  font-size: 11px;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.3em;
}

input:focus, 
textarea:focus {
  background-color: #dfdfdf;
}

a {
  color: #FF0000;
  text-decoration: none;
}

a:hover {
  color: #FF0000;
  text-decoration: underline;
}

p, ul {
  /*margin: 1em 0pt;*/
  margin-bottom: 1em;
}

/* oude h1
h1 {
  font-size: 13px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  background: #FFFFFF url(../images/header-bg.jpg) repeat-x;
  background-position: 0px 15px;
  display: inline;
}
*/

h1 {
  display: table;
  width: auto;
  background: #FFFFFF url(../images/arrow-white.gif) 0px 0px no-repeat;
  color: #000000;
  padding: 2px 4px 5px 22px;
  margin: 15px 0px 5px 0px;
  font-size: 11px;
  font-weight: bold;
}

h2 {
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  /*margin-bottom: -10px;*/
}

h3,
a.alsosee-3columns {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  background: #f2f2f2;
}

/*
h3 {
  font-size: 11px;
  font-weight: bold;
  color: #999999;
  /*margin-bottom: -10px;*/
}
*/

h4 {
  font-weight: bold;
}

hr {
  border-top: none;
  border-bottom: 1px solid #CCCCCC;
  height: 0px;
  margin-top: 10px;
  clear: both;
}

ul {
  padding-left: 15px;
  list-style-type: square;
}

.clearer {
  clear: both;
}

.groet {
  font-weight: bold;
  margin: 0px 5px 0px 0px;
}

.required {
  color: #ff0000;
  margin-left: 2px;
  vertical-align: top;
}

.error {
  color: #ff0000;
  font-weight: bold;
}

.new {
  float: right;
  position: absolute;
  width: 100px;
  height: 100px;
  background: url(../images/nieuw.png);
  background-repeat: no-repeat; 
  margin-left: 440px;
}

.printpagina {
  margin: 0px 0px 0px 0px;
  clear: both;
}

.csc-textpic-caption {
  color: #666666;
}

img {
  border: none;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #cccccc;
}

div#footer a:hover,
div.print-friend a:hover,
div#buttonbar a:hover,
div.content a:hover {
  text-decoration: underline;
}

.clickenlarge {
  display: block;
  text-align: right;
  padding: 0px 4px;
  margin-top: -2em;
  height: 2em; 
  /*background: url(../images/view.png) no-repeat;*/
}

.clickenlarge img {
    border: 0px !important;
} 

div.tx-indexedsearch-form {
  float: left;
}

/***************************************************** keuzemenu */
dl#keuzemenu {
  margin-top: 15px;
  padding-right: 5px;
}

dl#keuzemenu dt {
  border-top: 1px dotted #cccccc;
  clear: both;
  padding-top: 5px;
}

dl#keuzemenu dt img {
  float: left;
  margin: 0 10px 10px 0;
}

dl#keuzemenu dt a {
  display: block;
  color: #ff0000;
  margin-left: 210px;
  padding-bottom: 1px;
}

dl#keuzemenu dd {
  display: block;
  margin: 0 0 0.3em 210px;
}

/***************************************************** newsmenu */
div.linkmenu,
div.news,
div.newsletters, 
div.inpress,
div.events, 
div.content-right, 
div.content-left {
  float: left;
  /*width: 170px;*/
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  width: 191px;
}

div.linkmenu ul,
div.news ul,
div.newsletters ul,
div.inpress ul, 
div.events ul, 
div.content-right ul, 
div.content-left ul,
div.leftmenu ul {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding-left: 0px;
}

div.news ul,
div.newsletters ul,
div.inpress ul, 
div.events ul {
  margin: 10px 0px 5px 0px;
}

div.nav-sub h1,
div.linkmenu h1,
div.news h1,
div.newsletters h1,
div.inpress h1, 
div.events h1, 
div.content-right h1, 
div.content-left h1,
div.leftmenu h1 {
  display: block;
  width: auto;
  padding: 2px 4px 5px 22px;
  background: #FFFFFF url(../images/arrow-white.gif) 0px 0px no-repeat;
  color: #000000;
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.content-right h1 {
  margin-bottom: 5px;
}

div.linkmenu h1,
div.news h1,
div.newsletters h1,
div.inpress h1, 
div.events h1 {
  float: left;
  margin-top: 0px;
}

div.column-right ul {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}

div.con div.column-right ul li a {
  background: url(../images/arrow-red.gif) 0px 1px no-repeat;
  padding-left: 15px;
  display: block;
}

div.linkmenu ul li a,
div.news ul li a,
div.newsletters ul li a,
div.inpress ul li a, 
div.events ul li a, 
div.content-right ul li a, 
div.content-left ul li a,
div.leftmenu ul li a {
  display: block;
  width: 165px;
  padding: 7px 4px 5px 22px;
  border-bottom: 1px solid #CCCCCC;
  color: #666666;
  background-color: #FFF;
  background-image: none;
  background: url(../images/arrow-red.gif) 5px 8px no-repeat;
}

div.linkmenu ul li,
div.news ul li,
div.newsletters ul li,
div.inpress ul li, 
div.events ul li {
  clear: both;
}

div.news ul li a.rss,
div.newsletters ul li a.rss,
div.inpress ul li a.rss,
div.events ul li a.rss {
  color: #FF9900;
  background: url(../images/rss.jpg) 3px 6px no-repeat;
}

div.news ul li a.archive,
div.newsletters ul li a.archive,
div.inpress ul li a.archive,
div.events ul li a.archive {
  color: #FF0000;
}

div.linkmenu ul li.act a,
ul.csc-menu-1 li.act a,
div.leftmenu ul li.act a {
  color: #ff0000;
}

div.linkmenu ul li a:hover,
div.news ul li a:hover,
div.newsletters ul li a:hover, 
div.inpress ul li a:hover, 
div.events ul li a:hover, 
div.content-right ul li a:hover, 
div.content-left ul li a:hover,
div.leftmenu ul li a:hover {
  background-color: #f8f8f8;
  color: #FF0000;
}

/***************************************************** productmenu */
div.productmenu ul,
div.productmenu {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}

div.productmenu {
  display: table;
}

div.productmenu ul li {
  float: left;
}

div.productmenu ul li img.prod-spacer {
  float: left;
  height: 18px;
  width: 1px;
}

div.productmenu ul li img.prod-right,
div.productmenu ul li img.prod-left {
  float: left;
  height: 18px;
  width: 3px;
}

div.productmenu ul li a {
  background: transparent url(../images/prod-back-content.gif) repeat-x;
  font-weight: bold;
  color: #FFFFFF;
  float: left;
  height: 18px;
  padding: 3px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
}

div.productmenu ul li.act a,
div.productmenu ul li a:hover {
  color: #ff0000;
  text-decoration: none;
}

div.productmenu ul li.act a {
  background: transparent url(../images/prod-back-content.gif) repeat-x;
  font-weight: bold;
  float: left;
  height: 18px;
  padding: 3px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
}

div.productmenu ul li img.next,
div.productmenu ul li img.prev {
  float: left;
  height: 7px;
  width: 7px;
  padding: 0px 0px 0px 0px;
  margin: 0px 3px 0px 0px;
  border: none;
}

div.productmenu ul li.next,
div.productmenu ul li.prev {
  float: left;
  height: 7px;
  width: 7px;
  padding: 0px 0px 0px 0px;
  margin: 5px 3px 0px 3px;
}

div.productmenu ul li img.prev {
  background: transparent url(../images/previous.gif) no-repeat;
}

div.productmenu ul li.prev {
  background: transparent url(../images/previous-d.gif) no-repeat;
}

div.productmenu ul li img.next {
  background: transparent url(../images/next.gif) no-repeat;
}

div.productmenu ul li.next {
  background: transparent url(../images/next-d.gif) no-repeat;
}

div.productmenu ul li.prev a,
div.productmenu ul li.next a {
  background: none;
  padding: 0px;
}

/***************************************************** foto */
div#overlay {
  position: absolute; 
  top: 30px; 
  width: 960px;
  height: 150px;
  background: url(../images/overlay.png);
  background-repeat: no-repeat; 
  z-index: 99;
}

div#slideshowAlgebra {
  height: 150px;
}

/***************************************************** banners */
div.banner-overlay a:hover,
div.banner-overlay2 a:hover,
div.banner-overlay a,
div.banner-overlay2 a {
  height: 80px;
  display: block;
  color: #000000;
  text-decoration: none;
  line-height: 108px;
}

div.banner-overlay {
  position: relative;
  /*margin-top: -83px;*/
  margin-bottom: 10px;
  /*padding: 10px 0px 0px 10px;*/
  text-indent: 10px;
  line-height: 107px;
  width: 191px;
  height: 80px;
  background: url(../images/overlay-banner.png) no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  z-index: 99;
}

div.banner-overlay2 {
  position: relative;
  /*margin-top: -83px;*/
  margin-bottom: 10px;
  /*padding: 10px 0px 0px 10px;*/
  line-height: 106px;
  width: 191px;
  height: 80px;
  background: url(../images/overlay-banner2.png) no-repeat;
  z-index: 99;
}

/***************************************************** header */
div#header {
  clear: both;
  padding-top: 2px;
}

div#header .header-left {
  float: left;
  width: 200px;
  height: 30px;
  margin: 55px 0px 5px 0px;
  background: url(../images/header-left-back.gif) repeat-y;
}

div#header .header-middle {
  float: left;
  width: 560px;
  height: 30px;
  margin: 55px 0px 5px 0px;
  background: url(../images/header-middle-back.gif) repeat-y;
}

div#header .header-right {
  float: left;
  width: 200px;
  height: 30px;
  margin: 55px 0px 5px 0px;
  background: url(../images/header-right-back.gif) repeat-y;
}

div#header div#print-mail a {
  padding: 3px 0px 4px 20px;
  background-repeat: no-repeat;
  float: right;
  height: 30px;
}

div#header a#print {
  background-position: 0 4px;
  background-image: url("../images/icon_printer.gif");
  margin-left: 5px;
}

div#header a#mail-a-friend {
  margin: 0px 5px 0px 5px;
  background-position: 0 4px;
  background-image: url("../images/mail_forward.gif");
}

div#header span#print-mail-text {
  float: right;
  margin-left: 10px;
  padding: 5px 0px 0px 10px;
  color: #999999;
}

div#header .title {
  float: left;
  font-weight: bold;
  color: #999999;
  padding: 5px 0px 0px 10px;
}

div#header .title a {
  color: #999999;
}

/***************************************************** content */
div#wrapper {
  margin: 0pt auto;
  /*position: relative;*/
  text-align: left;
  width: 960px;
  background-color: #ffffff;
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

body#print {
  background: #fff;
}

div#content-left {
  clear: left;
  float: left;
  width: 191px;
  margin: 5px 0px 0px 4px;
}

div#content-middle {
  float: left;
  width: 555px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0px 5px 0px 5px;
}

div#content-middle-wide {
  float: left;
  width: 750px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0px 5px 0px 5px;
}

div.content h1 {
  padding: 2px 4px 5px 22px;
  margin-left: 10px;
}

div.content ul {
  margin-left: 10px;
}

div.tx-rspflvplayer-pi1 {
	text-align: center;
}

div.content h2,
div.content h3,
div.content h4,
div.content dl,
div.content p {
  padding: 0px 10px 0px 10px;
}

div#content-right {
  float: left;
  width: 191px;
  margin: 5px 4px 0px 0px; 
}

.lastupdate {
  color : #666666;
  float: left;
  padding: 10px 0px 0px 10px;
  clear: left;
}

/***************************************************** splitting */
div.box {
  background: transparent url(../images/middle.jpg) repeat-y;  
  position: relative;
  width: 550px;
  margin-bottom: 10px;
  min-height: 110px;
}

div.box table.doc,
div.box h2,
div.box dl,
div.box p {
  padding: 0px;
  margin-left: 0px;
}

div.box .top {
  background: transparent url(../images/top.jpg) no-repeat;  
  height: 20px;
  position: absolute;
  top: 0pt;
  width: 550px;
  left: 0;
}

div.box .con {
  position: relative;
  z-index: 99;
  padding: 10px 10px 10px 10px;
  display: table;
}

div.news-list-image,
div.csc-textpic-imagewrap {
  height: auto;
  z-index: 99;
  position: relative;
}

div.box .con h1 {
  margin: 0px 0px 5px 0px;
}

div.box .con ul {
  margin-left: 0px;
}

div.box .con ul.csc-menu {
  margin-left: 7px;
}

div.box .bottom {
  background: transparent url(../images/bottom.jpg) no-repeat;  
  height: 100px;
  position: absolute;
  bottom: 0pt;
  width: 550px;
  z-index: 0;
  left: 0;
}

/***************************************************** menu */
div#navbalk {
  position: absolute;
}

#nav ul,
#nav {
  list-style: none;
  margin: 2px 0px 0px 0px ;
  padding-left: 0px;
}

#nav li.act,
#nav li {
  background-image: url(../images/menu-no.gif);
  background-repeat: no-repeat;
  float: left;
  width: 159px;
  height: 29px;
  border-right: solid #FFFFFF 1px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 21pt;
}

#nav li.act a,
#nav li a {
  color: #ffffff;
  width: 159px;
  display: block;
}

#nav li.act {
  background-image: url(../images/menu-act.gif);
}

#nav li.act:hover,
#nav li.sfhover,
#nav li:hover {
  background-image: url(../images/menu-ro.gif);
}

#nav li ul {
  position: absolute;
  left: -999em;
  float: left;
  top: 29px;
  width: 960px;
  background-color: #ffffff;
}

div.nav-sub a:hover,
div.leftmenu a:hover,
ul#links a:hover,
ul#news  a:hover,
ul#newsletters  a:hover,
ul#inpress  a:hover,
ul#events  a:hover,
div .banner-overlay a:hover,
#nav li a:hover {
  text-decoration: none;
}

#nav li:hover ul, 
#nav li.sfhover ul,
#nav li.act ul {
  height: 30px;
  left: 0;
  display: block;
}

#nav li.sfhover ul,
#nav li:hover ul { 
  z-index: 999;
}

#nav li ul li.sfhover,
#nav li ul li:hover,
#nav li ul li.act:hover,
#nav li ul li.act,
#nav li ul li {
  text-align: left;
  font-weight: normal;
  padding: 0px 10px 0px 10px;
  float: left;
  line-height: 16px;
  background: none;
  width: auto;
  background: transparent url(../images/submenu-dot-act.gif) 0px 6px no-repeat;
  font-size: 11px;
  height: 15px;
}

#nav li ul li a,
#nav li.act ul li a {
  color: #666666;
  display: inline;
}

#nav li ul li:hover,
#nav li ul li.act a,
#nav li ul li a:hover {
  color: #ff0000;
}

#nav li.hallo ul {
  float: right;
}

/* Submenu van laatste 3 tabbladen rechts floaten */
#nav li.flright ul li.sfhover,
#nav li.flright ul li:hover,
#nav li.flright ul li.act:hover,
#nav li.flright ul li.act,
#nav li.flright ul li {
  text-align: right;
  padding: 0px 0px 0px 10px;
  margin-left: 10px;
  float: right;
}

/***************************************************** product table */
.table-header {
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 5px;
}

.table-subheader {
  height: 5px;
  border-top: 2px solid #FF0000;
}

.table-content-1 {
  background-color: #CCCCCC;
  vertical-align: top;
  padding: 2px 2px 2px 5px;
  border-right: 1px solid #FFFFFF;
}

.table-content-2 {
  background-color: #E6E6E6;
  vertical-align: top;
  padding: 2px 2px 2px 5px;
  border-right: 1px solid #FFFFFF;
}

/***************************************************** footer */
#footer {
  color: #666666;
  clear: both;
  padding: 10px 0px 10px 0px;
  text-align: center;
}

#footer a {
  padding-left: 8px;
  background: transparent url(../images/trenner.gif) 3px 1px no-repeat;
}

/***************************************************** buttonbar */
div#buttonbar div.left {
  float: left;
  height: 25px;
  width: 550px;
  padding-top: 5px;
  display: block;
}

div#buttonbar div.right {
  text-align: right;
  height: 25px;
  padding-top: 5px;
  display: block;
}

div#buttonbar a {
  margin-right: 8px;
}

div#buttonbar input#query {
  /*border: 1px solid #000000;*/
}

div#buttonbar input#zoek {
  margin: 0px 0px -5px 5px;
}

div#buttonbar input#uitloggen {
  margin: 0px 8px -5px 0px;
}

div#buttonbar .flag-nl {
  margin: 0px 0px -5px 0px;
  border: none;
}

div#buttonbar .flag-en {
  margin: 0px 8px -5px 0px;
  border: none;
}

div#buttonbar fieldset {
  height: 20px;
}

/***************************************************** flvparser */
div.flv-link {
  background: url(../images/icons/flv.gif) no-repeat;
  border-bottom: 1px solid #F3F1E6;
  margin: 3px 10px 0px 10px;
  padding: 2px 0px 6px 20px;
}

body#video {
	background: #fff;
  overflow: hidden;
}

/***************************************************** filelinks */
table.doc {
  border: 0px;
  margin: 3px 10px 5px 10px;
}

table.doc th {
  padding: 40px 0px 25px 35px;
  text-align: left;
}

table.doc td {
  border-bottom: 1px solid #F3F1E6;
}

table.doc img.layout0 {
  display: none;
}

table.doc td.bestand {
  padding: 2px 0px 2px 0px;
}

table.doc td.bestand a {
  color: #FF0000;
}

table.doc td.bestand a:hover {
}

table.doc td.kb {
  padding: 2px 5px 2px 0px;
  width: 10px;
}

table.doc td.kb img {
  display: inline;
}

/***************************************************** tip-a-friend */
#tip-a-friend {
  margin-left: -5px;
}

.tx_tipafriend dt {
  font-weight:bold;
}

.tx_tipafriend_werbemail {
  padding-top: 10px;
  font-style: italic;
}

.tx_tipafriend dd {
  padding-bottom: 10px;
}

.tx-srfreecap-pi2-image {
  padding: 10px 0px 10px 0px;
}

.tx_tipafriend_error_box {
  border: 1px solid #ff0000;
  padding: 5px;
  margin-bottom: 10px;
}

.tx_tipafriend_error_header {
  color: #ff0000;
}

/***************************************************** mailform */
.csc-mailform {
  padding: 0px 0px 0px 0px;
}

.csc-mailform-field label {
  font-weight: bold;
  vertical-align: top;
}

.csc-mailform-field {
  margin-bottom: 10px;
}

fieldset {
  border: medium none;
}

/***************************************************** tabellen */
table {
  border-collapse: collapse;
}

table.products {
  width: 530px;
}

table.contenttable {
  margin: 3px 10px 5px 10px;
}

table.contenttable-1 td,
table.contenttable-0 td {
  border: 1px solid #FFFFFF;
  height: 20px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

table.contenttable-1 .tr-odd,
table.contenttable-0 .tr-odd {
  background-color: #e6e6e6;
}

table.contenttable-1 .tr-even,
table.contenttable-0 .tr-even {
  background-color: #f8f8f8;
}

table.contenttable-0 .tr-0 {
  background: url(../images/table-back.jpg);
  color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid #ffffff;
  height: 23px;
}

table.contenttable-1 .tr-0 td,
table.contenttable-0 .tr-0 td {
  border: none;
}

table.contenttable-0 .tr-0 td {
  padding-top: 2px;
}

table.contenttable-1 .td-0,
table.contenttable-0 .td-0 {
 font-weight: bold;
}

/***************************************************** login */
div.tx-newloginbox-pi1 label {
  font-weight: bold;
}

div.tx-newloginbox-pi1 input {
  margin-bottom: 10px;
}

/***************************************************** links */
div.tx_ablinklist_listView_links,
div.tx_ablinklist_viewRateLink,
div.tx_ablinklist_listView_categories {
  padding: 0px 0px 10px 0px;
}

div.tx_ablinklist_listView_link {
  padding-bottom: 10px;
}

div.tx-ablinklist-pi1 dt {
  font-weight: bold;
}

div.tx-ablinklist-pi1 dd {
  padding-bottom: 10px;
}

div.tx_ablinklist_formErrorMsg {
  color: #ff0000;
  padding-bottom: 10px;
}

div.tx_ablinklist_catalogView_links .logo,
div.tx_ablinklist_viewDetailsForLink .logo {
  float: right;
}

div.tx_ablinklist_viewDetailsForLink p {
  margin: 0px;
  padding: 0px;	
}

/***************************************************** search */
ul.browsebox {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px 0px 10px 0px;
}

ul.browsebox li {
  padding-right: 5px;
  float: left;
}

div.tx-indexedsearch-browsebox {
  display: table;
}

div.tx-indexedsearch-res h4 {
  background: url(../images/icon_document_text.gif) no-repeat 0px 0px;
  padding: 0px 0px 0px 20px;
  font-weight: normal;
}

span.tx-indexedsearch-percent {
  float: right;
}

div.tx-indexedsearch-res {
  clear: both;
  margin-top: 10px;
}

div.tx-indexedsearch-info {
  margin: 10px 0px 10px 0px;
  display: table;
  font-style: italic;
}

div.tx-indexedsearch-search-for {
  clear: both;
}

.tx-indexedsearch-browsebox {
  margin-top: 10px;
  border: 1px solid #CCCCCC;
  padding: 3px;
  background-color: #FFFFFF;
  width: 100%;
}

.tx-indexedsearch-browsebox li {
  margin: 0px 2px 0px 2px;
  padding: 2px; 
}

.tx-indexedsearch-browselist-currentPage {
  border:1px solid #666666;
}

/***************************************************** sitemap */
div.csc-sitemap ul {
  margin: 0px;
  padding: 0px;
}

div.csc-sitemap ul li {
  list-style-type: none;
}

div.csc-sitemap ul li a {
  color: #000000;
}

div.csc-sitemap ul li ul a {
  color: #ff0000;
}

div.csc-sitemap ul li ul li {
  font-size: 11px;
  padding: 0px 0px 0px 15px;
}

ul.csc-menu-3 li {
  list-style-image: url(../images/arrow.gif);
}

/***************************************************** plan route */
table#plan_route td.vertrekpunt,
table#plan_route td.bestemming {
  color: #ffffff;
  background: #000000;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 2px;
  display: block;
}

table#plan_route td.bestemming,
table#plan_route td.vertrekpunt {
  background: url(../images/table-back.jpg) repeat-x;
  font-weight: bold;
  height: 16px;
}