/**************************************************************************/
/*** Opmaaksheet voor : website Corone Olive Oil Company ******************/
/*** Ontworpen door   : Dilling Design Greece            ******************/
/*** Ontwerper        : Albert Dilling                   ******************/
/*** Ontwerpdatum     : 29-12-2009                       ******************/
/*** Versie           : 1.01.01                          ******************/
/**************************************************************************/
/**************************************************************************/
/**************************************************************************
/*** body van de website **************************************************/
/**************************************************************************/

body {
	  background: #ffffff url('../images/bg.png') repeat-x 0 0;
	  margin: 0px;
	  padding: 0px;
	  font-family: Microsoft Sans Serif, Arial, Verdana
     }
     
p { font-size: 12px; color: #666666; margin-bottom: 19px;}    
h1 { color: #666666; font-weight: bold; font-size:14px; text-align:left; margin-bottom: 20px;}
h2 { color: #FFFFFF; font-weight: bold; font-size:13px; text-align:center; }
h3 { color: #ffffff; font-weight: bold; font-size:16px; text-align:center; }
h4 { color: #336600; font-weight: bold; font-size:16px; text-align:center; }
.albert { font-size: 10px; color: #666666; margin-bottom: 0px;}    

   


/**************************************************************************/
/*** Container van de website *********************************************/
/**************************************************************************/

#container { 
            position: relative;
	        background: url('../images/topper.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container2 { 
            position: relative;
	        background: url('../images/topper_comp.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container3 { 
            position: relative;
	        background: url('../images/topper_prod.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container4 { 
            position: relative;
	        background: url('../images/topper_tree.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container5 { 
            position: relative;
	        background: url('../images/topper_mess.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container6 { 
            position: relative;
	        background: url('../images/topper_dio.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container7 { 
            position: relative;
	        background: url('../images/topper_part.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container8 { 
            position: relative;
	        background: url('../images/topper_press.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#container9 { 
            position: relative;
	        background: url('../images/topper_cnt.png') no-repeat left 0px; 
	        width: 100%;
	        height: 270px;
	        float: left;
	        min-width: 900px
           }

#lefttop {
          position: relative;
          width: 610px;
          float: left;
          margin-left: 0px;
         }
         
#lefttl {
          position: relative;
          width: 150px;
          float: left;
          margin-left: 5px;
          margin-top: 25px;
         }

     
#headtext {
           width: 330px;
           height: 140px;
           float: left;
           margin-left: 720px;
           margin-top: 45px;
          }
           
/**************************************************************************/
/*** Midden van de website ************************************************/
/**************************************************************************/

#midden { 
         position: relative;
	     background: url('../images/midden2.png') no-repeat left 0px; 
	     width: 100%;
	     height: 320px;
	     float: left;
	     min-width: 900px
        }
        
#links {
        position: relative;
        width: 150px;
        height: 320px;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
       }

#rechts {
         position: relative;
         overflow: auto;
         width: 600px;
         height: 320px;
         float: left;
         margin-left: 30px;
        }

#rechtsp {
         position: relative;
         overflow: auto;
         width: 600px;
         height: 320px;
         float: left;
         margin-left: 30px;
        }

#trechtsp {
           width: 90%;
           float: left;
          }

#uit {
         position: relative;
         width: 150px;
         height: 320px;
         float: left;
         margin-left: 30px;
        }

       
table { font-size: 12px; color: #484001; border-collapse: collapse; border-bottom: solid 1px #c0c0c0; width: 95%;}
table th { background: #ffffff; border-bottom: solid 1px #c0c0c0; padding: 6px 8px; text-align: left; }
table td { background: #ffffff; border-bottom: solid 1px #c0c0c0; padding: 6px 10px 6px 8px; } 


/*************************************************************************/
/*** Footer van de website ************************************************/
/*************************************************************************/

#bottom { 
         position: relative;
	     background: url('../images/bottom.png') no-repeat left 0px; 
	     width: 100%;
	     height: 110px;
	     float: left;
	     min-width: 900px
	    }
	    
#lbottom1 {
           position: relative;
           width: 150px;
           height: 20px;
           float: left;
           margin-left: 10px;
           margin-top: 70px;
          }
          
#lbottom2 {
           position: relative;
           width: 450px;
           height: 20px;
           float: left;
           margin-left: 20px;
           margin-top: 70px;
          }