/**********************************************************************
**                           T.T.V. Huizen                           **
**********************************************************************/

/**********************************************************************
** KLEUREN                                                           **
** #003300 (HEEL DONKER GROEN) ACHTERGROND LAGERE RESOLUTIE 1024X768 **
** #006600 (DONKER GROEN) achtergrond links/rechts en inhoud content **
** #00CC66 (LICHT GROEN) achtergrond midden                          **
** #FFFF00 (GEEL) standaard tekstkleur niet zijne content            **
** #FFFFCC (BEIGE) tesktkleur content                                **
** #0000CC (blauw) tekst hyperlinks                                  **
**********************************************************************/


@import url(content.css);


/**************************************************
** Basis                                         **
**************************************************/

* { 
margin: 0; 
} 
html, body { 
height: 100%; 
min-width: 1000px;
text-align:center;
background: #003300;
} 

/**************************************************
** Containers                                    **
**************************************************/
#container {
width: 1000px; 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -25px; 
background: #006600 url(../00_images/ttvhuizenachtergrond720.gif) repeat-y top center;
} 

#kop_container{
height: 100px;			
padding: 0px 0 0 0;
}
#kop_links_container{
float: left;
width: 140px;
height: 100px;			
padding: 0px 0 0 0;
background: #006600;		
}
#kop_rechts_container{
float: RIGHT;
width: 140px;
height: 100px;			
padding: 0px 0 0 0;
background: #006600;		
}


#kop2_container{
width: 100%;
height: 20px;			
padding: 0px 0px 0px 0px;
background: #FFFF00;		
}
#kop2_links_container{
float: left; 
height: 20px;
width: 140px; 
padding: 0px 0px 0px 0px;
background:#FFFF00;
}
#kop2_rechts_container{
float: right; 
height: 20px;
width: 140px; 
padding: 0px 0 0 0;
background:#FFFF00;
}


#midden_container{
padding: 0px 0px 0px 0px;
}
#links_container{
float: left;
width: 140px;
padding: 30px 0 0 0;
background: #006600;
}
#rechts_container{
float: right;
width: 140px;
padding: 10px 0 0 0;
background: #006600;
}


#push_container { 		/*container om te zorgen dat alles boven de voettekst (met aantal px voettekst) omhoog gedrukt wordt */
height: 25px;			/*om dit te kunnen zien kun je tijdelijk een "background:gray;" toevoegen */
padding: 0px 0 0 0;	
} 


#voettekst_container{ 
width: 1000px;
height: 25px;
padding: 0px 0 0 0;
background:#00CC66;
}
#voettekst_links_container{
float: left; 
height: 25px;
width: 140px; 
padding: 0px 0 0 0;
background:#006600;
}
#voettekst_rechts_container{
float: right; 
height: 25px;
width: 140px; 
padding: 0px 0 0 0;
background:#006600;
}



/**************************************************
** Inhoud boxen                                  **
**************************************************/

#kop{
padding: 5px 0px 0px 0px;
}
#kop_links{
padding: 10px 0px 0px 0px;
}
#kop_rechts{
padding: 10px 0px 0px 0px;
}


#kop2{
padding: 0px 0px 0px 0px;
}
#kop2_links{
padding: 0px 0px 0px 0px;
}
#kop2_rechts{
padding: 0px 0px 0px 0px;
}


#midden{
width: 710px; 
padding: 25px 0px 25px 0px;
text-align:center;
}
#links{
padding: 10px 0px 0px 0px;	
}
#rechts{
padding: 10px 0px 0px 0px;	
}


#voettekst{
padding: 0px 0px 0px 0px;	
}
#voettekst_links{
padding: 0px 0px 0px 0px;	
}
#voettekst_rechts{
padding: 0px 0px 0px 0px;	
}