@import url('/components/css/elements.css');
@import url('/components/css/blocks.css');
@import url('/components/css/webblockpage.css');

body {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-image: url('/components/images/gradient_greenpar.jpg');
 background-repeat:repeat;
 background-position: top;
 background-attachment: fixed;
 font-family: Verdana, Arial, sans-serif;
 }


body.radiosite {
 background-image: url('/components/images/gradient_redpar.jpg');
 background-repeat: no-repeat;
 background-position: top;
 background-attachment: fixed;
}

html.radiosite {
 background-image: url('/components/images/verloop_rood.jpg');
 background-repeat: repeat;
 background-attachment: fixed;
}

body.tvsite {
 background-image: url('/components/images/gradient_bluepar.jpg');
 background-repeat: no-repeat;
 background-position: top;
 background-attachment: fixed;
}

html.tvsite {
 background-image: url('/components/images/verloop_blauw.jpg');
 background-repeat: repeat;
 background-attachment: fixed;
}


/* ------------------------------------------------------
   you can find this css-file in /portals/programs/css
------------------------------------------------------  */

.center {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  }

/* page layout */
.page {
  text-align: left;
  width: 990px;
  margin: auto;
  background-color:#fff;
  }
.pageclear {
  clear: both;
  height: 1px;
  width: 100%;
  }
#container1, #container2, #container3{
  border: 0px solid red;
  overflow: hidden;
  position: relative;
  top: 0px;
  float: left;
/*  height: 120em;
  min-height: 600px;
  */
  }

#container1 {
 display:none;
 }

.homepage #container1,
.webblockpage #container1 {
 width: 320px;
 margin: 0px 6px 0px 10px;
 display:block;
 }

.homepage #container2,
.webblockpage #container2{
 width: 320px;
 margin: 0px 6px 20px 0px;
 }

#container2 {
 width: 650px;
 margin: 0px 10px 20px 0px;
 }

.colophonpage #container2 {
 margin:0px 10px 20px 15px;
 background-color: #f5f5f5;
 border: 1px solid #ccc;
 width: 630px;
 margin:0px 10px 20px 15px;
 }

#container3 {
 width: 320px;
 }

#container5{
 width:990px;
 min-height: 25px;
 background-color: #4d4d4d;
 }

/*generic classes */
.clear, .clearing {
 clear: both;
 height: 1px;
 width: 100%;
 }

.lucene_search .paging a.current {
 font-size: bigger;
 font-weight: bold;
}

.copyright{
 margin: 0px 0px 0px 670px;
 padding: 0px 0px 10px 0px;
 }

.copyright a{
 font-size:0.7em;
 color:#fff;
 text-decoration:none;
 }

.eovoorwaarden,
.eocopyright{
 float:left;
 width: 160px;
 text-align:center;
 padding: 5px 0px 5px 0px;
 }