@charset "utf-8";
/* CSS Document by amazingthings.be*/
/* c o n t e n t :  
        main styles
        returning styles
        homepage styles
          top
          header
          main
            main left
            main content
            main right
          footer
*/

/* MAIN STYLES */
body {
  font-family:Verdana, Tahoma, Helvetica;
  font-size:11px;
  color: #545353;
  background: url(http://www.amazingthings.be/fileadmin/templates/webthing/images/merry-x-mas-wallpapers_25940_2560x1600.jpg) top left repeat;
}


h1{
  font-size:17px;
  color: #A91E3A;
  font-weight:normal;
  font-family: "Century Gothic",Verdana, Tahoma, Helvetica;
}
h2{
  font-size:16px;
  color: #A91E3A;
  font-weight:normal;
}

h3,#right h1 {
  font-size:12px;
  font-family: "Century Gothic",Verdana, Tahoma, Helvetica;
  color: #A91E3A;
}

.news-single-item h3{
  margin-top:-15px;  
  font-size:11px;
  font-style:italic;
  }
h4{
  font-size:12px;
  color: #666;
}
h5{
  font-size:11px;
  color: #666;
  margin-top:15px;
}

h6 {
  font-size:16px; 
  font-variant:small-caps; 
  color:#A91E3A; 
  font-weight:normal;
  margin-bottom:10px;
  }
p {
  margin-top:0;
  text-align:justify;
  color:#333;
  line-height: 14px;
}

a{
  color: #A91E3A;
}

a:visited {
  color: #A91E3A;  
}

img {
  border: none;  
}

a img {
  border:none;
}

#main img{
  padding:2px;
  border: 0;
}

th, td {
  font-size:11px;
}
div, form, select, input, table, td {
  margin: 0;
  padding: 0;
}

input, select {
  font-size: 13px;
}


#contenttext ol, #right ol{
  font-size: 11px;
  color:#333;
  line-height: 15px;
  margin: 10px 0 10px 0;
}

#contenttext ol li, #right ol li {
  margin: 5px 0 5px 30px;
}


#contenttext ul, #right ul {
  font-size: 11px;
  color:#333;
  line-height: 13px;
  margin: 5px 0 10px 0;
  list-style-type: none;
}

#contenttext ul li, #right ul li {
  background: url('http://www.amazingthings.be/fileadmin/templates/webthing/images/background-li.gif') no-repeat 5px 6px;  
  padding: 3px 3px 3px 25px;
}

.contenttable{ 
  background-color:#ffcc66;
  padding: 10px;
  }
  
hr{
  border-top:dotted 1px #fc6;
  border-left:solid 1px #fff;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
  padding:0;
  }

form {
  margin:0;
  padding:0;
}

fieldset {
  border:none;
}

form label {
  /*width:300px;*/
  float:left;
}

.tx-newloginbox-pi1 form label {
  width:150px;
  float:left;
}


.tx-newloginbox-pi1 th {
  text-align:left;
}

/************************************nog checken*****************************

#main ol, #right ol{
  font-size: 11px;
  color:#333;
  line-height: 15px;
  margin: 10px 0 10px 0;
}

#main ol li, #right ol li {
  margin: 5px 0 5px 30px;
}


#main ul, #right ul{
  font-size: 11px;
  color:#333;
  line-height: 13px;
  margin: 5px 0 10px 0;
  list-style-type: none;
}

#main ul li, #right ul li {
  background: url('images/background-li.gif') no-repeat 5px 6px;  
  padding: 3px 3px 3px 25px;
}

.contenttable{ 
  background-color:#ffcc66;
  padding: 10px;
  }
  
hr{
  border:0;
  }*/


/* RETURNING STYLES */
/* top */

#top {
  margin:0 auto;
  width:900px;
  color:#FFFFFF;
}

#top div#all {
/*  width:900px;*/
  float:right;
  text-align:right;
  margin-top:15px;
}

#top #all div#searchbox {
    margin-right:0;
}

#top #all div.tx-macinasearchbox-pi1 {
  margin-right:0;
}

#top #quicknav, #top #langnav, #top #searchbox, #top #rss  {
  float:right;
  margin-right:15px;
}

#top #searchbox {
  margin-bottom:5px;
}

#searchbox .zoektxt {
  margin: 2px 5px 0 10px;
  float:left;
  font-size:10px;
  color:#fff;
}

#tx_indexedsearch_input{
  font-size:11px;
  border:1px solid #A91E3A;
  color:#333;
  padding:1px;
  background-color:#FFF8EA;
  }
#searchbox .zoekbttn{  
   vertical-align:middle;
   position:relative;
   padding-left:5px;
   }

#top #rss{
  margin-left:15px;
}

/************************broodkruimel***********************/
#bread {
  font-size:9px;
  color:#8E9390;
  margin-bottom:5px;
  margin-top:5px;
  float:left;
  width:100%;  
}
#bread ul {
  padding:0 0 0px 0; 
  margin:0; 
  list-style:none; 
  position:relative; 
  padding: 0 0 0 105px;
  margin-top:-11px;
}
#bread li{
  display: inline;
}

#bread a {
  color:#A91E3A;
}
#bread a:hover {
  text-decoration:none;
}

#top #row2{
  float:right;
  width:900px;
  text-align:right;
}

#top #row2 div{ 

}
/*****************************topmenu*****************************/
#quicknav a{
  font-size:9px;
  color: #fff;
}

#quicknav a:hover{
  font-size:9px;
  color: #B7272A;
  text-decoration:none;
}

a.language, #langnav a {
  color: #fff;
  text-decoration:underline;
  text-transform:uppercase;
}

a.language:hover, #langnav a hover {
  text-decoration:none;
  color: #B7272A;
}


a#language_active, #langnav .active a{
  text-decoration:none;
  color:white;
  font-weight:bold;
  padding:0px 2px 0px 2px;
  font-size:11px;
}

/* header */

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

/************************************************* main *************************/


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

#main {
  float:left;
  width:900px;
  /*background-image:url(../images/main_bg.gif);

  background-repeat:repeat-y;*/
  margin-top:3px;
  background-color:#FFFFFF;
}

  /* main left */
#main #left {
  float:left;
  /*width:168px;*/
}

  /* main content */
#main #content {
  width:460px;
  margin:0px 30px 0px 27px;
  padding-top:5px;
  float:left;
}

#main #content2 {
  width:650px;
  margin:0px 30px 0px 27px;
  padding-top:5px;
  float:left;
}

#main #right .bodytext a {
  color:#A91E3A;
  display:inline;
}

  /* main right */
#main #right {
  width:190px;
  float:left;
  list-style: none;
  border-left:1px dotted #A3A66F;
  padding-top:10px;
  line-height:15px;
  padding-left:10px;
}

#main #right a {
  color:#FFFFFF;
  display:block;
  margin:-10px 5px 0 0;
}

#main #right h3 a, #main #right .news-latest-date a {
  color:#A91E3A;
  display:block;
  margin:0;
}

#main #right div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

#main #right a:hover {
  text-decoration:none;
}

#content .csc-frame {
  /*width:415px;*/
}

#main #right #agenda,#main #right .csc-frame-frame0, #main #right .csc-frame-frame1{
  margin-top:10px;
  margin-bottom:0px;
  float:left;
  width:143px;
  overflow:hidden;
  height:154px;
  border:1px solid #ccc;
  padding:10px 10px 10px 10px;
  background-image:url(../images/bg_frame0.jpg);
  background-repeat:repeat-x;
  background-color:#F0F0F0;
}
#main #right .csc-frame-frame1{
  height:100%;
  width: 138px;
  margin: 0 0 13px 0;
}

#main #right .csc-frame-frame0 a, #main #right .csc-frame-frame1 a {
  background-position:100% 75%;
  background-repeat:no-repeat;
  text-decoration:none;
  text-align:left;
  display:block;
  margin:0;
  padding:0 12px 0 0;
}

/*
#main #right .csc-frame-frame1 {
  margin-top:0;
  margin-bottom:5px;
  float:left;
  width:143px;
  overflow:hidden;
  border:1px solid #ccc;
  padding:10px 10px 10px 10px;
  background-image:url(../images/bg_frame1.jpg);
  background-repeat:repeat-x;
  background-color:#F0F0F0;
}

#main #right .csc-frame-frame1 a {
  background-position:100% 95%;
  background-repeat:no-repeat;
  text-decoration:none;
  text-align:left;
  float:left;
  margin:0;
  padding:0 5px 0 0;
  width:137px;

}



#main #right .csc-frame-frame2 {
  float:left;
  margin-top:0;
  margin-bottom:10px;
}

*/
/*



#main #right a {
  display:none;
  display:inline;
}



#main #right .csc-frame a {
  color:#1e4372;
  font-size:10px;
  display:block;
  margin-top:10px;
}


*/
#main #right .csc-frame-frame1 h1 {
  color:#A91E3A;
}


#main #right #agenda div {
  margin:5px 10px 0px 10px;
}


/*
#main #right #direct_links,#main #right .csc-frame-frame1 {
  margin-bottom:5px;
  margin-top:0;
  float:left;
  width:143px;
  overflow:hidden;
  height:143px;
  border:1px solid #ccc;
  background:#00234B;
  padding:10px 10px 10px 10px ;
  coolor:white;  
}
*/
/*

#main #right .csc-frame-frame1 a, #main #right .csc-frame-frame1 h1{
  color:white;
}



#main #right #teaser, #main #right .csc-frame-frame2, #main #right .csc-frame-frame3   {
  margin-bottom:5px;
    margin-top:0;
  float:left;
  width:145px;
  height:145px;
  overflow:hidden;
  border:0px;
  padding:10px 10px 10px 10px ;
}
/*/


/*
#main #right #teaser h1,#main #right .csc-frame-frame2 h1,#main #right .csc-frame-frame3 h1, 
#main #right #teaser p,#main #right .csc-frame-frame2 p,#main #right .csc-frame-frame3 p
#main #right .csc-frame-frame p,#main #right .csc-frame-frame3 p  {
  color:white;
}

*/

#main #right #direct_links div {
  /*margin:10px 10px 10px 10px;*/
}

#main #right  ul li {
/*
/*  list-style:none;*/
  margin:0;
  padding:0 0 8px 10px;
/*  background-image:url(../images/icon_li2.gif);*/
  background-repeat:no-repeat;
  background-position:0 5px;
}


#main #right  ul li a{
  padding-left:5px;
  text-decoration:underline;
  display:inline;
}

#main #right  ul li a:hover{
  text-decoration:none;
}

#main #content #mailform input, #main #content #mailform textarea {
  width: 369px;
}

#main #content #mailform input.mf-file {
  width: 309px;
}

#main #content #mailform input.pollanswer, #main #content #mailform input.pollsubmit {
  width: auto;
}

#main #content #mailform input.mf-submit {
  margin-top: 20px;
  width: auto;
}

#right .csc-frame {
  margin-bottom: 10px;
}


/* footer */
#footer {
  float:left;
  width:900px;
  height:50px;
  padding-top:30px;
  color:#b7272a;
  background:url(../images/footer.jpg) no-repeat top left;
  /*background-color:#252324;*/
  font-size:9px;
  line-height:16px;
  color: #A91E3A;
  text-align:right;
}

#footer a {
  color:#b7272a;
}

#footer a:hover {
  text-decoration:none;
}


/* HOMEPAGE STYLES */
ul.subnav {
  margin:0;
  padding:0;
  margin-top:5px;
}

ul.subnav a {
    padding-left:15px;
    display:block;
}


ul.subnav a:hover {
  text-decoration:underline;
  color: #eb0438;
}


ul.subnav a:active {
  text-decoration:underline;

  color:#eb0438;
  background-position: left  5px ;
  background-repeat: no-repeat;;
  padding-left:15px;
}

ul.subnav a.subactive {
  text-decoration:underline;
  color:#eb0438;
  background:#FFFFFF left 5px no-repeat;
  padding-left:15px;
}


#right ul {
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style-type:none;
  line-height:14px;
}


#right ul li {
  margin-left:0;
  padding-left:0;
}

table.tx-damdownloads-pi1-list {
  border-collapse:collapse;
  width:100%;
}

.tx-damdownloads-pi1-list td {
  padding:5px 5px 5px 5px ;
  border-bottom:1px solid #ccc;
}


.tx-damdownloads-pi1-list td.img {
  width:70px;
}


.tx-damdownloads-pi1-list td img {
  border:1px solid #ccc;
}


#right h1 {
/*
  margin:0;
  padding:0;
*/
}

#right .spacer-gif  {
  float:left;
}

/* Search result in green */
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{color:#57ad42;}
.textwidth{width:140px;}

/***********************************************************************/

/*******************************MENU************************************/
#nav li.noact {
  background:#C60C0D;
  padding:0 5px 0 15px;
}
#nav li.act {
  padding:0 5px 0 15px;
  background-color:#ED4A4A; /*tab link background during active state*/
  border-top:#fff solid 1px;
  height:18px;
}

#nav, #nav ul {
  padding:0; 
  margin:0; 
  list-style:none; 
  font: bold 10px arial, sans-serif; 
  text-transform: uppercase; 
  background:#C60C0D; 
  position:relative; 
  z-index:200;
  }
#nav {
  height:19px; 
  width:710px; 
  padding:0 0 0 190px;
  margin-top:0px;
  }

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:white; height:19px; margin-right:5px;padding-right:5px; line-height:19px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background-color:#A3A66F; /*tab link background during hover state*/}
#nav a:hover {position:relative; z-index:300; }

#nav :hover ul {left:0; top:19px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
#nav a:hover a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
#nav a:hover a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


#nav ul ul ul{position:absolute; left:-9999px; top:-9999px;}

/***********linker navigatie**************************************************/

#navi, #navi ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    border-right:1px dashed #A3A66F;
    width:173px;
    padding-top:5px;
    line-height:15px;
    min-height:150px;
  }
#navi ul { /* all lists */
  margin-bottom:50px;
  }
#navi li { /* all list items */
    position : relative;
    float : left;
  }

#navi ul li {
  margin-left:0;
  padding: 0px 5px 0px 10px;
}

#navi ul li a {
  display:block;
  width:140px;
  text-decoration:none;
  padding:5px 5px 5px 10px ;
  color:#333;
}

#navi ul.subnav {
  margin-left:30px;
  margin-top:15px;
  font-size:10px;
}

#navi ul li a.open,#navi ul li a:hover {
  text-decoration:none;
  color: #FFF;
  background-color:#A3A66F;
}

#navi ul#sub-level1 li a{
  display: block;  
  padding: 5px 5px 5px 0;
  border-bottom: dotted 1px #A91E3A;;
  padding-left:10px;
}
#navi li.act a {
  background-color:#C1C49F; /*tab sublink background during active state*/
  display:block;
  width:140px;
  color:#fff;
  border-top:1px #fff solid;
}
/************************images linkerkolom***************************/
#img_links img, #img_links{
  text-align:center; 
}
#img_links a{
  font-size:11px;
   color:#A91E3A;
}
#img_links img {
  text-align:center; 
  padding:5px;
}