body {
    font-family: Tahoma, Arial, sans-serif;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: center; 
    background: url(../images/bg-body.jpg) top left repeat-x #fff;     
}

body,ul,td {  
    font-size: 85%;
}

* {
    padding: 0;
    margin: 0;
}                      

#container {
    position: relative;
    width: 960px;
    height: 750px;
    margin: auto auto;
}

#header {
    background: url(../images/bg-header.jpg) top left no-repeat #ddd; 
    position: absolute;
    top: 0;
    left: 0;
    width: 958px;
    height: 100px;
}

#left, #content {        
    top: 100px;
}

#left {
/*    background: green;*/
    position: relative;
    width: 262px;
    height: 650px;
    float: left;
    z-index: 1;
}

#right {
/*     background-color: #ddd;*/
     position: absolute;
     float: right;
     right: 0;
     top: 0;
     width: 200px;
     height: 350px;
}

a.logo_dereumaux {
    display:block;
    width:152px;
    height:80px;
    position:relative;
    top:530px;
    left:50px;
}

div.corporate {
    position: absolute;
    top: 150px;
    left: 50px;
    width: 151px;        
    padding: 0px;
    z-index: 100;
}

div.filmpje {
    position: absolute;
    top: 320px;
    left: 27px;
    z-index: 100;
}
div.filmpje a {
    display: block;
    width: 198px; 
	height: 108px;       
    padding: 0px;
	/*background: url(../images/movie-shot.png) top left no-repeat;*/
}

a.actie_banner {
    display: block;
    position:absolute;
    top:420px;
    width:250px;
    height:250px;
    background-color:green;
	background: url(../images/buttons/ster-fotoos-dereumaux.png) top left no-repeat;
}

a.actie_banner:hover {
    background: url(../images/buttons/ster-fotoos-dereumaux.png) top right no-repeat;
}

div.disclaimer {
    text-align: center;
    top: 590px;
    color: #000;
} 

div.naw {
    font-size: 0.8em;
    font-size: 62,5%;
    text-align: center;
    z-index: 2;
    position: absolute;
    width: 670px;
    top: 5px;
} 

div#tsunami {
    position:absolute;
    width:698px;
    height:100px;
    top:30px;
    left:-5px;
    border:0px solid red;
    z-index:1;
}

div.menu {
    position: absolute;
    top: 80px;
    top: 55px;
    left: 50px;
    width: 153px;
    height: 200px;
/*    background-color: red;*/
    z-index: 2;
}


div.menu ul {
    margin: 0;
    padding: 0;
    font-size: 1em;
    list-style: none;
}

div.menu a.sectie1 div, 
div.menu a.sectie2 div, 
div.menu a.sectie3 div, 
div.menu a.sectie4 div, 
div.menu a.sectie5 div, 
div.menu a.sectie6 div {
    cursor: pointer;
} 

div.categorie_nav {
    padding: 5px 0;
}             

#left.rol-in {
    background: url(../images/bg-left-roll-in.jpg) top left no-repeat #fff;    
}
#left.rol-uit {
    background: url(../images/bg-left-roll-uit.jpg) top left no-repeat #fff; 
}

#content { /* Mozilla en Opera */
    width: 698px;
    height: 550px;      
}

#content {
    background: url(../images/bg-content.jpg) top left no-repeat #fff;
/*    background: yellow;*/
    position: absolute; 
    left: 260px;
    font-size: 1em;
}

#content.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 658px;
    padding: 20px;      
}

#footer {
/*    background: url(../images/bg-footer.jpg) top left no-repeat #fff;*/
    position: absolute;
    width: 678px;
    height: 100px;
    top: 677px;
    left: 262px;
    border: 0px solid #999;
    border-width: 1px 0 0;
    font-size: 62,5%;
}


#logo {
    display: block;
    width: 156px;
    height: 65px;
    position: absolute;
    top: 25px;
    left: 49px;
}

#content_details {
    clear: both;
    letter-spacing: 0;
/*    font-size: 1em;*/
}

#zoeken {
     position: absolute;
     top: 50px;
     right: 40px;
     height: 20px;
}

a.verder { /* knop op view sectie_home.php om door te klikken naar categorieen */
     display: block;
     width: 95px;
     height: 27px;
/*     background: url('../images/verder.png') top left no-repeat #fff;*/
     background: url('../images/buttons/knop-95px.png') top left no-repeat #fff;
     color: #fff;
     margin: 0 auto;
     text-decoration: none;
     font-size: 0.8em;
     font-weight: 700;
     padding-top:6px;
/*     padding: 10px;*/
}    
a.verder:hover { 
/*     background: url('../images/verder.png') top right no-repeat #fff;*/
}

/* HORIZONTAAL MENU */

div.menu_hor {
    text-align:right;
    padding-right:10px;
    font-weight:700;
    font-size:0.7em;
    text-transform:uppercase;
    height:30px;
    height:38px;
}

div.menu_hor a {
    display: block;
    float: left;
    padding:3px;
    margin-left: 10px;
    color: #999;
    text-decoration: none;
}

div.menu_hor a:hover {
    color: #000;
}


/* BUTTONS */

div.buttons_home {
    position: relative;
    width: 645px; /* 20px smaller vanwege de padding van de parent #content.inner */
    font-size: 0.9em;        
}

/* menu links */

div#left.rol-uit a {
    display: block;
    position: relative;
    width: 155px;
    height: 38px;
    text-align: left;
    border: 0px solid #ccc;
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 700;   
}

div#left.rol-uit a div {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 100px;
    line-height: 1.0em;
}

div#left a.sectie1 {
    background:url(../../assets/images/buttons/printer-menu_button-grootformaat.jpg) top left no-repeat #fff;
}
div#left a.sectie1:hover {
    background:url(../../assets/images/buttons/printer-menu_button-grootformaat.jpg) bottom left no-repeat #fff;
}
div#left a.sectie2 {
    background:url(../../assets/images/buttons/printer-menu_button-kleinformaat.jpg) top left no-repeat #fff;
}
div#left a.sectie2:hover {
    background:url(../../assets/images/buttons/printer-menu_button-kleinformaat.jpg) bottom left no-repeat #fff;
}
div#left a.sectie3 {
    background:url(../../assets/images/buttons/printer-menu_button-scannen-digitaal.jpg) top left no-repeat #fff;
}
div#left a.sectie3:hover {
    background:url(../../assets/images/buttons/printer-menu_button-scannen-digitaal.jpg) bottom left no-repeat #fff;
}
div#left a.sectie4 {
    background:url(../../assets/images/buttons/printer-menu_button-belettering-beursm.jpg) top left no-repeat #fff;
}
div#left a.sectie4:hover {
    background:url(../../assets/images/buttons/printer-menu_button-belettering-beursm.jpg) bottom left no-repeat #fff;
}
div#left a.sectie5 {
    background:url(../../assets/images/buttons/printer-menu_button-facilitairmanagement.jpg) top left no-repeat #fff;
}
div#left a.sectie5:hover {
    background:url(../../assets/images/buttons/printer-menu_button-facilitairmanagement.jpg) bottom left no-repeat #fff;
}
div#left a.sectie50 {
    background:url(../../assets/images/buttons/printer-menu_button-online-opmaak.jpg) top left no-repeat #fff;
}
div#left a.sectie50:hover {
    background:url(../../assets/images/buttons/printer-menu_button-online-opmaak.jpg) bottom left no-repeat red;
}
div#left a.sectie51 {
    background:url(../../assets/images/buttons/printer-menu_button-direct-mail.jpg) top left no-repeat #fff;
}
div#left a.sectie51:hover {
    background:url(../../assets/images/buttons/printer-menu_button-direct-mail.jpg) bottom left no-repeat red;
}

div#left a.menu-cat {
    display: block;
    padding: 0;
    height: 15px;
    margin: 1px 0;
    color: #888;
    text-align: right;
    font-size: 0.7em;
    width: 150px;
} 
div#left a.menu-cat:hover {
    color: #000;
}

div.button_sectie_text {
    position: relative;
    width: 185px;
	width: 130px;
    top: 110px;
    left: 15px;
    font-size: 0.88em; 
    cursor: pointer;
/*    font-family: Georgia;*/
    letter-spacing: 0;
}

a.button_sectie_grootformaat,
a.button_sectie_digitaal-drukwerk,
a.button_sectie_scannen,
a.button_sectie_belettering,
a.button_sectie_facilitair-management,
a.button_sectie_bestellen,
a.button_sectie_online-opmaak,
a.button_sectie_direct-mail {
    display: block;
    float: left;
    width: 215px;
	width:155px;
    height: 197px;
	height:210px;
/*    text-decoration: none;*/
/*    color: #000;*/
/*    margin: 0 0 10px 0;*/
}
a.button_sectie_grootformaat:hover,
a.button_sectie_digitaal-drukwerk:hover,
a.button_sectie_scannen:hover,
a.button_sectie_belettering:hover,
a.button_sectie_facilitair-management:hover,
a.button_sectie_bestellen:hover,
a.button_sectie_online-opmaak:hover,
a.button_sectie_direct-mail:hoven {
    text-decoration: none;
/*    color: #000;*/
/*    margin: 0 0 10px 0;*/
}

div.button_sectie_text {
    text-decoration: none;
    color: #000;
/*    margin: 0 0 10px 0;*/
}                           

a.button_sectie_grootformaat {
    background: url(../images/buttons/sections/grootformaat-button.jpg) top right no-repeat #fff;
}
a.button_sectie_grootformaat:hover {
    background: url(../images/buttons/sections/grootformaat-button.jpg) top left no-repeat #fff;
}
a.button_sectie_digitaal-drukwerk {
    background: url(../images/buttons/sections/digitaal-drukwerk-button.jpg) top right no-repeat #fff; 
}
a.button_sectie_digitaal-drukwerk:hover {
    background: url(../images/buttons/sections/digitaal-drukwerk-button.jpg) top left no-repeat #fff;
}
a.button_sectie_scannen {
    background: url(../images/buttons/sections/scannen-button.jpg) top right no-repeat #fff;
}
a.button_sectie_scannen:hover {
    background: url(../images/buttons/sections/scannen-button.jpg) top left no-repeat #fff;
}
a.button_sectie_belettering {
    background: url(../images/buttons/sections/belettering-beursm-button.jpg) top right no-repeat #fff;
}
a.button_sectie_belettering:hover {
    background: url(../images/buttons/sections/belettering-beursm-button.jpg) top left no-repeat #fff;
}
a.button_sectie_facilitair-management {
    background: url(../images/buttons/sections/facilitair-management-button.jpg) top right no-repeat #fff;
}
a.button_sectie_facilitair-management:hover {
    background: url(../images/buttons/sections/facilitair-management-button.jpg) top left no-repeat #fff;
}
a.button_sectie_bestellen {
    background: url(../images/buttons/sections/bestellen-button.jpg) top right no-repeat #fff;
}
a.button_sectie_bestellen:hover {
    background: url(../images/buttons/sections/bestellen-button.jpg) top left no-repeat #fff;
}
a.button_sectie_online-opmaak {
    background: url(../images/buttons/sections/online-opmaak-button.jpg) top right no-repeat #fff;
}
a.button_sectie_online-opmaak:hover {
    background: url(../images/buttons/sections/online-opmaak-button.jpg) top left no-repeat #fff;
}
a.button_sectie_direct-mail {
    background: url(../images/buttons/sections/direct-mail-button.jpg) top right no-repeat #fff;
}
a.button_sectie_direct-mail:hover {
    background: url(../images/buttons/sections/direct-mail-button.jpg) top left no-repeat #fff;
}

a.button_categorie {
    display: block;
    position: relative;
    float: left;
    width: 150px;
    height: 120px;
    text-decoration: none;
    text-align: center;
    color: #000;
    border: 0px solid red;
}
a.button_categorie:hover { 
    background: url(../images/buttons/categories/button-categorie-hover.png) top left no-repeat; 
}
span.titel {
    font-size:10px;    
}
span.beschrijving {
    font-size:0.8em;    
}
span.titel {
    display:block;
    width:130px;
    position:absolute;
    top:10px;
    left:10px; /* breedte van knop=150px */
    font-weight:700;
    color:#fff;
    letter-spacing: 0;
    font-family: Tahoma, Arial, sans-serif;                
}
span.beschrijving p {
    padding: 0 12px;
    text-align: left;
}

div.broodkruimels {
    font-size: 0.75em;
    font-weight: 700;
    margin-bottom: 50px;
}

div.broodkruimels a {
    display: block;
    float: left;
    height: 14px;             
    color: #fff;
    text-decoration: none;
}

div.broodkruimels a.start {
    padding: 3px 10px 3px 10px;
    padding: 3px 5px;
    border: 2px solid #fff;
    border-width: 0 2px 0 0;
/*    background: url(../images/broodkruimel-midden.png) top right no-repeat #711371;*/
    background: url(../images/broodkruimel-ag.png) top left repeat-x #fff;
}

div.broodkruimels a.midden {          
    padding: 3px 10px 3px 10px;
    padding: 3px 5px;
    border: 2px solid #fff;
    border-width: 0 2px 0 0;
/*    background: url(../images/broodkruimel-rechts.png) top right no-repeat #711371;*/
background: url(../images/broodkruimel-ag.png) top left repeat-x #fff;         
}

div.broodkruimels a.stop {
    padding: 3px 10px 3px 10px;
    padding: 3px 5px;
    border: 2px solid #fff;
    border-width: 0 2px 0 0;
    color: #711371;
    padding: 3px;  
}

div.sectie_info {}

div.sectie_uitleg {
    width:350px;
/*    font-size: 0.9em;*/
}   

div.form_bericht, div.form_error {
    padding: 3px 0;
    width: 320px;
}
div.form_error {              
    background-color: #ccc;           
    font-weight: 700;
    text-align: center;
}

div.orderbegeleider {
    text-align: right;
    margin-bottom: 10px;
    padding-right: 20px;
    font-size: 0.85em;    
}
div.fotoos_dereumaux {
	text-align:center;margin:20px auto 0;width:600px;	
}


/* HACKS */

#content { /* Internet Explorer */
    \width: 698px; /* IE5 en IE6 in quirks mode */
    w\idth: 698px; /* IE6 in standards mode */
}