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

body {
    margin:0px;
    padding:0px;
    background:url(../img/bg-body.gif) left top repeat-x #ebebeb;
    font-family:Arial;
    color:#000000;
    font-size:12px;
}
table {
    font-family:Arial;
}
div {
    font-family:Arial;
}
span {
    font-family:Arial;
}
a {
    text-decoration:none;
    color:#C80067;
    cursor:pointer;
    font-family:Arial;
}
img {
    border:none;
}

h1, h2, h3 {
    color:#C80067;
    font-weight:bold;
    font-size:16px;
}
h1 {
    font-size:18px;
    margin-top:0px;
}

.backgroundimg {
  width:980px;
  overflow:hidden;
  background:url(../img/backgroundimg.gif);
  position:relative;
  margin:0px auto;
}

.container {
    width:980px;
    overflow:hidden;
    background:url(../img/bg-container.jpg) left top no-repeat;
    position:relative;
    margin:0px auto;
}
.header {
    height:113px;
    position:relative;
    background:#ffffff;
    margin:0px 23px;
}
.banner {
    width:934px;
    height:264px;
    position:relative;
    z-index:2;
    margin:0px 23px;
}
.klein {
    height:219px;
}
.innercontainer {
    width:934px;
    padding:20px 23px 20px 23px;
    overflow:hidden;
    z-index:1;
    position:relative;
    font-family:Arial;
}
.footer {
    width:925px;
    height:55px;
    padding:15px 15px 0px 40px;
    position:relative;
    margin:0px auto;
    background:url(../img/bg-footer.gif) no-repeat;
    color:#808080;
    font-size:10px;
}

/*header*/
.logo {
    position:relative;
    float:left;
    margin:10px 0px 0px 25px;
    width:122px;
    height:48px;
}
.topslogan {
    position:absolute;
    left:200px;
    top:78px;
    width:400px;
}
.topslogan h2 {
    font-size:11px;
    font-weight:normal;
    color:#000000;
    margin:0px;
}
.balk-icon {
    position:absolute;
    right:15px;
    top:50px;
    text-align:right;
    color:#B2B2B2;
    font-size:10px;
}
.balk-icon img {
    margin-left:5px;
}
.balk-icon img.m-left  {
    margin-left:20px;
}
.balk-icon a {
    color:#b2b2b2;
}
.zoekblok {
    width:350px;
    height:23px;
    position:absolute;
    right:0px;
    top:0px;
    background:#EDC0CB;
    color:#C80067;
    font-size:11px;
    text-align:right;
}
.zoekblok table {
    margin-left:0px;
}
.zoekblok table td {
}
td.zoeken {
    padding-top:3px;
}
/**/
/*banner*/
.fotobanner, .fotobanner-klein {
    width:615px;
    height:215px;
    float:left;
    background:#ffffff;
    border-right:1px solid #ffffff;
}
.fotobanner-klein {
    height:170px;
}

.blok-slogan , .blok-slogan-klein {
    float:left;
    height:215px;
    background:url(../img/bolletjes.gif) right 75px no-repeat #C80067;
    width:318px;
    overflow:hidden;
}
.blok-slogan-klein {
    height:170px;
    background:url(../img/bolletjes.gif) right 50px no-repeat #C80067;
}
.blok-slogan h3, .blok-slogan-klein h3 {
    font-size:23px;
    color:#ffffff;
    margin:90px 0px 0px 15px;
    font-weight:normal;
    height:30px;
}
.blok-slogan-klein h3 {
    margin:68px 0px 0px 15px;
}
.blok-slogan h3 .roze, .blok-slogan-klein h3 .roze {
    color:#EDC0CB;
}
ul.menu {
    margin:1px 0px 0px 0px;
    padding:0px;
    width:934px;
    background:#C80067;
    position:relative;
    height:48px;
    float:left;
    z-index:100;
}
ul.vervolg {
    border-bottom:1px solid #ffffff;
    height:48px;
    margin:0px;
}
ul.menu li {
    list-style-type:none;
    float:left;
    margin:0px;
    padding:0px;
    border-right:solid #e480b3 2px;
    height:48px;
    text-align:left;
}
ul.menu li.last {
    border-right:none;
}
ul.menu li a {
    color:#ffffff;
    display:block;
    _float:left;
    height:28px;
    width:100px;
    padding:20px 0px 0px 0px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    background:url(../img/bg-li.gif) left top repeat-x #c80067;

}
ul.menu li.dubbel a {
    padding-top:15px;
    height:33px;
}
ul.menu li a:hover, ul.menu li a.active, ul.menu li li a.active {
    background:url(../img/bg-li-a.gif) left top repeat-x #e7a2b7;
}
ul.menu li ul {
    position: absolute;
    left: -999em;
    height: auto;
    font-weight: normal;
    margin: 0px;
    padding: 5px 20px 10px 20px;
}
ul.menu li li {
    padding-right: 1em;
    background:none;
    border:none;
    display:block;
    clear:both;
    padding:0px;
    margin:5px 0px;
    height:auto;
}
ul.menu li:hover ul, ul.menu li.sfhover ul {
    left: auto;
    z-index:99;
    background:none;
    background:#e7a2b7;
    top:48px;
    _top:49px;
    text-align:left;
    _margin-left:0;
    _clear:both;
}
ul.menu li li {
    width:auto;
    padding:0px 15px 0px 0px;
    margin:0px;
    height:auto;
}
ul.menu li li a {
    background:none;
    color:#ffffff;
    text-align:left;
    padding:0px;
    margin:0px;
}
ul.menu li li a:hover {
    background:none;
    color:#c80067;
}
ul.gallery {
    overflow:hidden;
}


/**/
/*innercontainer*/
.kruimelpad-home, .kruimelpad {
    position:absolute;
    left:265px;
    top:5px;
    text-align:right;
    width:455px;
    font-size:10px;
}
.kruimelpad {
    left:184px;
}
.kruimelpad a, .kruimelpad-home a {
    color:#B2B2B2;
}
.links {
    width:225px;
    float:left;
}
.content-home {
    width:444px;
    position:relative;
    padding:0px 20px 0px 20px;
    line-height:130%;
    float:left;
}
a.meer {
    margin-left:355px;
    position:relative;
    padding-right:23px;
    background:url(../img/3bolletjes-witbg.gif) right 5px no-repeat;
}
a:hover.meer {
}
.rechts {
    float:left;
    width:225px;
    position:relative;
}
.breed {
    width:275px;
}
.links h3, .rechts h3 {
    padding:5px 15px;
    width:195px;
    background:#CA006C;
    color:#ffffff;
    margin:0px;
    font-size:12px;
}
.rechts h3.nieuws {
    background:url(../img/nieuwsfoto.jpg) right top no-repeat;
    height:69px;
    padding:25px 15px 0px 15px;
    width:195px;
    color:#C80067;
    font-size:16px;
    font-weight:bold;
    line-height:150%;
}
.breed h3 {
    background:none;
    padding:0px;
    color:#C80067;
    font-size:16px;
    font-weight:bold;
    margin:0px 0px 12px 0px;
}
.links .blok-grijs, .rechts .blok-grijs {
    width:195px;
    padding:15px;
    background:#E0E0E1;
    margin:0px 0px 5px 0px;
    position:relative;
    font-size:11px;
}
.kernwoord a {
    color:#919195;
}
.kernwoord a:hover {
    color:#000000;
}
.kernwoord .elf {
    font-size:11px;
}
.kernwoord .vijftien {
    font-size:15px;
}
.kernwoord .dertien {
    font-size:13px;
}
.kernwoord .negen {
    font-size:9px;
}
.kernwoord .acht {
    font-size:8px;
}
.kernwoord .tien {
    font-size:10px;
}
.kernwoord .twaalf {
    font-size:12px;
}
.kernwoord .veertien {
    font-size:14px;
}
.kernwoord .zestien {
    font-size:16px;
}
.links .blok-grijs ul {
    margin:0px 0px;
    padding:0px;
}
.links .blok-grijs ul li {
    list-style-type:none;
    background:url(../img/3bolletjes-grijs.gif) left 5px no-repeat;
    margin:5px 0px;
    padding:0px 0px 0px 20px;
}
.links .blok-grijs ul li a {
    color:#000000;
}
.links .blok-grijs ul li a:hover {
    color:#C80067;
}
ul.nieuwsoverzicht {
    width:225px;
    margin:0px 0px 5px 0px;
    padding:0px;
}
ul.nieuwsoverzicht li {
    list-style-type:none;
    background:#E0E0E1;
    border-bottom:2px solid #ffffff;
    padding:10px 0px 10px 15px;
    font-size:11px;
}
ul.nieuwsoverzicht li a {
    color:#000000;
    padding-right:20px;
    background:url(../img/3bolletjes-grijs.gif) right 5px no-repeat;
}
ul.nieuwsoverzicht li a:hover {
    color:#C80067;
}
.content {
    width:565px;
    position:relative;
    padding:0px 25px 0px 25px;
    float:left;
    margin-right:20px;
}
.indekijker {
    position:relative;
    width:384px;
    padding:40px 0px 0px 60px;
}
.indekijker .afbeelding {
    position:absolute;
    z-index:10;
    left:0px;
    top:0px;
}
.indekijker .kader {
    border:1px solid #CA006C;
    z-index:5;
    width:262px;
    padding:20px 20px 20px 100px;
    overflow:hidden;
}
.indekijker .kader ul {
    margin:0px;
    padding:0px;
    width:262px;
}
.indekijker .kader ul li {
    width:108px;
    float:left;
    list-style-type:none;
    background:url(../img/3bolletjes-witbg.gif) left 7px no-repeat;
    margin:5px 0px;
    padding:0px 0px 0px 23px;
}
.indekijker .kader ul li a {
    color:#000000;
}
.indekijker .kader ul li a:hover {
    color:#C80067;
}

table.programma td {
    padding:5px 0px;
}

.fotoalbum {
    margin:20px 0px;
    width:595px;
}
.fotoalbum img {
    float:left;
    margin:0px 20px	 20px 0px;
}
ul.sitemap, ul.sitemap ul {
    list-style-type:none;
}
ul.sitemap li {
    margin:5px 0px;
}
ul.sitemap li a:hover {
    color:#d7d7d7
}
/*Invulling rechts*/
ul.overzicht-r  {
    width:240px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
ul.overzicht-r li {
    padding:25px 0px 35px 0px;
    margin:0px;
    width:240px;
    list-style-type:none;
    border-top: 1px solid #FFC425;
}
ul.overzicht-r li.first {
    border:none;
}
ul.overzicht-r h3 {
    margin:0px;
    background:none;
    padding:0px;
}
ul.overzicht-r p {
    margin-top:0px;
}
ul.submenu {
    width:200px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
ul.submenu li {
    list-style-type:none;
    border-bottom:1px solid #F1CCD5;
    width:200px;
    padding:5px 0px;
}
ul.submenu li a {
    padding-left:25px;
    background:url(../img/bolletjes-sub.gif) left 5px no-repeat;
    color:#000000;
}
ul.submenu li a:hover, ul.submenu li a.active {
    color:#CA006C;
}

/**/
/*footer*/
.footer img {
    margin-right:30px;
}
/**/

/*thickbox*/
#ImageBoxOverlay {
    background-color: #000;
}
#ImageBoxCaption {
    background-color: #F4F4EC;
}
#ImageBoxContainer {
    width: 250px;
    height: 250px;
    background-color: #F4F4EC;
}
#ImageBoxCaptionText {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 13px;
    color: #000;
}
#ImageBoxCaptionImages {
    margin: 0;
}
#ImageBoxNextImage {
    background-image: url(images/imagebox/spacer.gif);
    background-color: transparent;
}
#ImageBoxPrevImage {
    background-image: url(images/imagebox/spacer.gif);
    background-color: transparent;
}
#ImageBoxNextImage:hover {
    background-image: url(images/imagebox/next_image.jpg);
    background-repeat:	no-repeat;
    background-position: right top;
}
#ImageBoxPrevImage:hover {
    background-image: url(images/imagebox/prev_image.jpg);
    background-repeat:	no-repeat;
    background-position: left bottom;
}


/* Style for news */

/*containers*/
  #co2_news_general_container, co2_news_full_article_container {
    width: 80%;
    font-family:Arial, Helvetica, sans-serif;
  }
  #co2_news_headlines_container {
  }
  .co2_news_article_container {
    margin-bottom: 15px;
  }
  .co2_news_source_container
  {
    margin-bottom: 15px;
  }
  .co2_news_article_body_container {
    margin-top: 4px;
  }

/*article list*/
  .co2_news_article_title {
    font-weight: bold;
  }
  .co2_news_article_date {
    font-style: italic;
  }
  .co2_news_article_intro {
  }
  .co2_news_article_link {
    font-style: italic;
  }

/*headlines list*/
  .co2_news_headline, a.co2_news_headline, a.co2_news_headline:active, a.co2_news_headline:visited {
    text-decoration: none;
    margin-bottom; 2px;
  }
  a.co2_news_headline:hover {
    text-decoration: underline;
    margin-bottom; 2px;
  }
  .co2_news_headline_div {
		padding-top: 5px;
		padding-bottom: 5px
  }

/*show full article*/
  .co2_news_full_article_title {
    font-size: 150%;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
  }
  .co2_news_full_article_intro {
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
  }
  .co2_news_full_article_body {
  font-family:Arial, Helvetica, sans-serif;
  }
  .co2_news_back_button, a.co2_news_back_button, a.co2_news_back_button:active, a.co2_news_back_button:visited {
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
  }
  a.co2_news_back_button:hover {
    text-decoration: underline;
  }

/*general*/
  .co2_news_content {
    margin-bottom: 8px;
  }