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

body {
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
  margin:0;
  padding:0;
}

#wrapper {
  /*width:103px;*/
  width:803px;
  position:relative;
  left:50%;
  margin-left:-499px;
  
  }
  
#site-holder {
  position:relative;
  width:803px;
  border-left:2px solid white;
  border-bottom:2px solid white;
  }
  
#top {
  height:234px;
  border-bottom:2px solid white;
}

#top-left a:link, #top-left a:visited, #top-left a:hover {
  text-decoration:none;
  border:none;
  }

#frmSS2 textarea {
  background-color:#685a5a;
  border:1px solid #3D3B3B;
  color: #FFF;
  display:block;
  margin-top:5px;
  font-family:Arial;
  font-size:12px;
  }

#frmSS2 select {
  background-color:#685a5a;
  border:1px solid #3D3B3B;
  color: #FFF;
  display:block;
  margin-top:5px;
  }

#frmSS2 input {
  background-color:#685a5a;
  border:1px solid #3D3B3B;
  color: #FFF;
  display:block;
  width:150px;
  margin-top:5px;
  font-family:Arial;
  }
  
          /* BORDER VOOR SUBMIT/AANMELDEN BUTTON */
#submit_button input {
  border:1px solid #CFC5C5;

    }
    
#captcha_td img {
  background-color:#FFFFFF;
  }
  


#top-left {
  float:left;
  width:202px;
  border-right:2px solid white;
  
  }

#top-left-1 {
  width:202px;
  height:156px;  
  }

#top-left-1 a:link {
  border:none;
  text-decoration:none;
  }
  


#top-left-2 {
  height:43px;
  background-image: url(../images/mail_top_left.png);
  background-repeat: no-repeat;
  font-family:Arial;
  font-size:11px;
  line-height:30px;
  padding-left:22px;
  z-index: 100;
  }
  
#top-left-2 a:link, #top-left-2 a:visited {
  text-decoration:none;
  line-height:30px;
  border:0;
  
  }

#top-left-3 {
  background-image: url(../images/tel_top_left.png);
  background-repeat: no-repeat;
  width:202px;
  height:35px;  
  }

#top-right {
  float:right;
  background-image:url(../images/header_background_right_red.jpg);
  height:234px;
  width:597px;
  border-right:2px solid white;
}

#top-right-1 {
  position:absolute;
  top:157px;
  left:202px;
  }

#bottom {
  width:558px;
  min-height:810px;
  height:auto !important;
  height:500px;
  background-color: #ffffff;
  padding:15px 20px 10px 223px;
  border-right:2px solid white;
}


#bottom-menu {
  position:absolute;
  left:0;
  top:235px;
  background-color: #ffffff;
  display: block;
  width: 202px;
  float: left;
  }
  
#flash {
  margin:0;
  float: left;
  display: block;
  }
#triavium-plattegrond-1 {
  height:30px;
  line-height:29px;
  font-family:Arial;
  font-size:12px;
  font-weight: bold;
  color:#FFF;
  background-color:#000;
  width:202px;
  margin-top:-3px;
  margin-bottom:6px;
  display: block;
  float: left;
  }

#triavium-plattegrond-2 {
  padding-left:15px;
  padding-top:4px;
  display: block;
  float: left;
  }



#bottom-left {
  float:left;
  width:202px;
  background-color:#FFF;
  border-right:2px solid white;
  height:auto;
  }

#bottom-content {}

#bottom-right {
  float:left;
  width:597px;
  height:auto;
  color:#FFF;
  font-family:Arial;
  font-size:12px;
  text-align:left;
  line-height:normal;
  border-right:2px solid white;
  }

#bottom-right-content {
  padding:10px 25px;
  }
  
  
/* TEXT STYLES */

H1 {
  font: 16px Arial;
  font-weight: bold;
  color: #a20426;  
  text-align:left;
  }
  
H2 {
  font: 16px Arial;
  font-weight: bold;
  color: #a20426;  
  text-align:left;
  }

H3 {
  font: 16px Arial;
  font-weight: bold;
  color: #a20426;  
  text-align:left;
  }

H4 {
  font: 16px Arial;
  font-weight: bold;
  color: #a20426;  
  text-align:left;
  }  

H5 {
  font: 16px Arial;
  font-weight: bold;
  color: #a20426;  
  text-align:left;
  }
  
P, TD, TR, TH, ul, li {
  font: 11px Arial;
  font-weight: normal;
  color: #000000;  
  text-align:left;
  padding:auto;
  }
  
  
A:link { font-weight: normal; color: #E40636; text-align:left; }
A:visited { color: #E40636; }
/*#bottom A:hover { font-weight: normal; color: #bd6a7e; text-align:left; }*/

.csc-mailform {
  width: 350px;
  text-align: left;
  padding: 10px 30px 10px 0px;
  color:#02466B;
  font-family:Arial;
  font-size:12px;
  border:0;
  }

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

#mailformformtype_mail {
  border:1px solid #CFC5C5;
  }
  
.csc-mailform input {
  background-color:#ffffff;
  border:1px solid #02466B;
  color: #02466B;
  display:block;
  width:150px;
  margin-top:5px;
  font-family:Arial;
  }

  
.csc-mailform textarea {
  background-color:#ffffff;
  border:1px solid #02466B;
  color: #02466B;
  display:block;
  margin-top:5px;
  font-family:Arial;
  font-size:12px;
  }

.csc-mailform select {
  background-color:#ffffff;
  border:1px solid #02466B;
  color: #A20426;
  display:block;
  margin-top:5px;
  }
  


.csc-mailform label {
  float:left;
  width:170px;
  }



/*- Main Menu in Header */

ul.menu {
  margin: 0 0 0 2px;
  height: 43px;
  background-image: url(../images/menu_back.jpg);
  background-repeat: repeat-x;
  padding: 0 0 0 0;
  position: relative;
  width: 597px;
  text-align:left;
}

ul.menu li {
  height: 43px;
  display: inline;
  float: left;
/*  width: 182px;
  margin: 0;*/
  }

ul.menu li a {
  display: block;
  float: left;
  height: 30px;
  width: auto;
  padding: 13px 2px 0px 2px;
  border-right: 1px solid #e40636;
  font: 11px Arial;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  text-decoration: none;
  }

ul.menu li a:hover {
  background-image: url(../images/menu_active.jpg);
  background-repeat: repeat-x;
  }
  
li.menu_active {
  background-image: url(../images/menu_active.jpg);
  background-repeat: repeat-x;
  }
  
/*- Main Menu2 in Header */

ul.menu2 {
  margin: 0;
  padding: 5px 0 0 0;
  position: relative;
  width: 200px;
  height: auto;
  display: block;
  text-align:left;
  margin-bottom:10px;
}

ul.menu2 li {
  height: auto;
  display: inline;
  background-color: #A20426;
  float: left;
  }

ul.menu2 li a {
  display:block;
  float: none;
  width: 177px;
  padding: 7px 10px 10px 15px;
  font: 11px Arial;
  font-weight: bold;
  color: #ffffff;
  line-height:13px;
  margin: 0;
  text-decoration: none;
  border-bottom: 1px solid #e40636;
  }
  
ul.menu2 li a:hover {
  color: #e40636;
  }

/* FLASH SLIDESHOWS NAAST ELKAAR IN BEELD */

.tx-slideshow-pi1 {
float:left;
width:200px;
text-align:left;
margin-bottom:15px;
margin-top:15px;
margin-left:39px;
margin-right:39px;
display: block;
}


/* KALENDER ADD-ON */

#kalender {
  position:absolute;
  top:234px;
  left:803px;
  width:200px;
  margin-bottom:10px;
  border:2px solid #A20426;
  border-left:none;
  background-color:#ffffff;
  }
  
.kalender-titel {
  color:#A20426;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  padding-bottom:20px;
  padding-top:29px;
  text-align:center;
}


.calendar-table tr  td{
  color:#000;
  }

.tx-ttnews-listrow {
  margin-bottom:10px;
  }
  
/* EVEN EN ONEVEN REGELS IN KALENDER LIJST */

.even {
  background-color:#afaeae;
  }

.odd {}




/* SINGLE NIEUWS */

.news-single-item p {
  font-size:11px;
  line-height:14px;
  }

.news-single-rightbox {
  color:#FFF;
  font-family:Arial;
  font-size:14px;
  }


  
/* ACTIVITEITEN LIJST */
.news-list-item  {}

.news-list-date {
  color:#A20426;
  float:left;
  font-family:Arial;
  font-size:12px;
  padding-right:10px;
  padding-top:2px;
  }
  
.news-list-title {
  font-size:13px;
  color:#FFF;
  clear:right;
  }

.news-list-title a:link, .news-list-title a:visited{
  font-size:14px;
  font-weight:bold;
  color:#FFF;
  text-decoration:none;
  
  }
  
.news-list-title a:hover {
  text-decoration:underline;
  color:#FFF;
  font-weight:bold;
  }

.news-list-image {}

.news-list-subheader {
  line-height:14px;
  }

.news-list-morelink {
  padding-left:10px;
  }
  
.news-list-morelink a:link, .news-list-morelink a:visited {
  text-decoration:none;
  }
  
.news-list-morelink a:hover {
  text-decoration:underline;
  color:#FFF;
  
  }
  
div#footer {  
  padding-top:5px;
  border:none;
  clear:both;
  display:block;
  }
  
div#footer p {
  margin-top:5px;
  margin-bottom:0;
  text-align:center;
  color:#ffffff;
  }
  
div#footer p a:link, div#footer p a:visited {
  text-decoration:underline;
  font-weight:normal;
  color:#ffffff;
  }


div#footer p a:hover {
  text-decoration:none;  
  }
  
#contact_logo {
  position: absolute;
  color:#02466b;
  width: 202px;
  height: 15px;
  text-align: center;
  float:left;
  font-family:Arial;
  font-size:11px;
  padding:0;
  margin: 10px 0 0 0;
  }
  
#contact_logo a {
  color:#02466b;
  }
    
#social_links_twitter {
  width: 20px;
  height: 20px;
  float:left;
  padding:0;
  margin: 5px;
  display: block;
  background-image: url(../images/socialmedia/twitter.png);
  background-repeat: no-repeat;
  }
  
#social_links_facebook {
  width: 20px;
  height: 20px;
  float:left;
  padding:0;
  margin: 5px;
  display: block;
  background-image: url(../images/socialmedia/facebook.png);
  background-repeat: no-repeat;
  }
  
#social_links_linkedin {
  width: 20px;
  height: 20px;
  float:left;
  padding:0;
  margin: 5px;
  display: block;
  background-image: url(../images/socialmedia/linkedin.png);
  background-repeat: no-repeat;
  }
  
  
/*  -------------------------------------------------------------
  SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.sitemap_bg {
  position:      relative;
  width:        100%;
  height:        150px;
  display:      block;
  overflow:      hidden;
  margin-top:      0px;
  padding:      10px;
  background-color:  #000000;
  }

.sitemap {
  position:      relative;
  width:        960px;
  height:        150px;
  display:      block;
  overflow:      hidden;
  margin-top:      0px;
  margin-bottom:    20px;
  padding:      0px;
  margin-left:    -480px;
  left:        50%;
  background-image:  url(../images/footer_bg.png);
  background-repeat:  no-repeat;
  }

.sitemap ul li {
  width:        115px;
  height:        auto;
  margin:        0;
  float:        left;
  display:      block;
  overflow:      hidden;
  padding:       0px;
  }
  
.sitemap ul li li {
  border: 0 none;
  }  
  
.sitemap ul li a {
  width:        115px;
  height:        15px;
  margin:        0;
  float:        left;
  display:      inline;
  font-size:      10px;
  font-weight:    bold;
  color:        #ffffff;
  text-decoration:  none;
  background-image:  none;
  padding:      0;
  line-height:    18px;
  overflow:      hidden;
  }

.sitemap ul li a:hover {
  color:        #666666;
}
  
.sitemap ul li ul li {
  width:        115px;
  height:        auto;
  margin:        0;
  float:        left;
  display:      block;
  overflow:      hidden;
  padding:       0;
  }
  
.sitemap ul li ul li a {
  width:        115px;
  height:        15px;
  margin:        0;
  float:        left;
  display:      inline;
  font-size:      10px;
  font-weight:    normal;
  color:        #ffffff;
  text-decoration:  none;
  background-image:  none;
  padding:      0;
  line-height:    18px;
  overflow:      hidden;
  }

.sitemap ul li ul li a:hover {
  color:        #666666;
  }
  
.sitemap ul li ul li ul{
  display:      none;
  }
  
/* ACTIE */

#actie {
  position:absolute;
  top:234px;
  left:803px;
  width:200px;
  margin-bottom:10px;
  border:2px solid white;
  border-left:none;
  background-color:#A20426;
  }
  
#actie p {
  text-align: center;
  }

#actie h2 {
  text-align: center;
  color: #ffffff;
  }
  
.actie-titel {
  color:#FFFFFF;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  padding-bottom:20px;
  padding-top:29px;
  text-align:center;
}

/* kwaliteitsmeter */

#abin-kwaliteitsmeter {
    margin-bottom: -4px;
    margin-left: -2px;
    padding-top: 10px;
    text-align: center;
}

#socialmedia {
      margin-left: 55px;
}