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


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

.pageclear {
 clear: both;
 height: 1px;
 width: 100%;
 }

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

/* page layout */
.page {
 text-align: left;
 background-image: url('/programma/verborgenverhalen/images/homepage_bg.png');
 background-repeat: no-repeat; 
 background-position: 0px 235px;
 width: 748px;	
 margin: auto;
 min-height:400px;	
 height:auto;
 }

#container0 {
 width: 748px;
 float:left;
 }

#container2, #container3 {
 overflow: hidden;
 position: relative;
 min-height: 650px;
 }

#container1 {
 display:none;
 }

#container2 {
 width: 420px;
 height: auto;
 padding: 4px 0px 40px 45px;
 margin:0;
 float:left;
 }

#container3 {
 background-image: none;
 width: 234px;
 height:auto;	
 padding: 4px 29px 40px 20px;
 float:left;	
 }

#container5 {
 width:748px;
 float:left;
 padding:0px 0px 0px 50px;
 }

.copyright{
 margin: 0px 0px 0px 370px;
 padding: 0px 0px 10px 0px;
 width: 400px;
 }

.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;
 }