/* ALGEMEEN */
body 
{
    /* body */
    margin: 0px 0px 0px 0px; 
    font-size:0.7em; 
    font-family: arial, helvetica, sans-serif; 
    text-align:center; 
    background-image:url(/images/background.gif);
    background-position:center;
     height:100%;

 }
 
div#placement 
{
    /* centerwindow */
    width:980px; 
    margin-left:auto; 
    margin-right:auto;
    height:100%;
}

div#broodkruimel
{
    /* broodkruimel */
    font-size:1em;
    font-weight:bold;
    color:Black;   
    margin-bottom:20px; 
}

a               
{
    /*  links algemeen */
    text-decoration:none;
    color:Black;
}

a:hover         
{
    /*  links algemeen hover */
    text-decoration:underline;
}

hr 
{
    /* ruler */
    margin:0px 0px 0px 0px;padding:0px;
    border-width:0px;
    background-color:#123456;
    height:1px;
    }

/* HEADER */

.headernav      
{
    /* padding van de navigatie hoofding */
    padding:0px 0px 0px 0px; /* top right bottom left */
}

a.headerlink 
{ 
    /* link hoofding menu */
    display:block; 
    text-align:center; 
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    font-family:arial, sans-serif;
    font-size:1em;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
    height:15px;
    color:#ffffff;
}

a.headerlink:hover   
{ 
    /* link hoofding menu hover */				
    color:#ffffff; 
    background-color:#C35223;
    text-decoration:none; 
}

a.headerlink:active  
{
    /* actieve link hoofding menu */
    color:#ffffff; 
    background-color:#C35223;
    text-decoration:none;
} 

img.picto            
{ 
    /* pictogram zonder rand */
    border-width:0px; 
}

/* HELPERS */

.fullwidth      
{
    width:980px;
} 

.wide           
{
    width:600px;
}
 
.orange         
{
    background-color:#EA9A38;
}

.white          
{
    background-color:#FFFFFF;
}

.spacing20      
{
    height:20px;
}

.topspace       
{
    margin-top:5px;
} 

.margin10       
{
    margin-bottom:10px;
}

.bigger         
{
    font-size:1.2em;
}

.bigger2        
{
    font-size:1.4em;
}

.smaller        
{
    font-size:0.9em;
}

.transparent    
{
    background-color:Transparent;
}

.invertblue     
{
    background-color:#123456;
    color:white;
}

.blue           
{
    color:#123456;
}

.normalpadding  
{
    padding:5px;
}

.bold           
{
    font-weight:bold;
}

.right          
{
    text-align:right;
}


.menubackground /* donkerblauwe strook links van de catalogusmenu */
{
    background-image:url(../../Images/menubackground.gif);
    background-position: left;
    background-repeat:repeat-y;
    display:table;  /* om in firefox de background image te laten tonen. De hoogte van de div is anders 0px */
    height:800px;  /* standaard hoogte indien de content te kort is height:1024px; */ 
}

/* ORDERSET SELECTIEPAGINA */

.box            
{
    /* box catalogus (orderset) */
    width:300px;
    float:left;
    margin-right:50px;
    margin-left:10px;
}

.hoofdgroepen   
{
    /* hoofdgroepen producten (orderset) */
    height:150px;
    width:500px;
    float:left;
}

.search         
{
    /* zoeken kader */
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

/* PRODUCT MENU */

.catalogusmenu    
{
    /* container catalogusmenu */ 
    width:190px;
    float:left;
    padding-left:5px;
    margin-top:0px;
    margin-right:10px;
    }
    
.menuitem 
{
    /* hoofdmenu kader */
    width:175px;
    height:15px;
    background-color:White;
    padding-left:2px;
    padding-top:2px;
}

.selected 
{
    /* geselecteerd hoofdmenu kader */
    background-color:Orange;
}

.submenuitem 
{
    /* submenu */ 
    background-color:#E7EAF9;
    padding-left:5px;
}
   
/* CATALOGUS INHOUD */   
    
.catalogusinhoud    
{
    /* inhoud afbeeldingen en beschrijvingen, zonder marges */
    float:left;
    width:770px;
}   

.inhoud
{
    /* inhoud afbeeldingen en beschrijvingen, met marges */
    float:left;
    width:760px;
    margin-left:5px;
    margin-top:5px;
}

.inhoud2
{
    /* inhoudelijke statische pagina, met marges */
    width:720px;
    height:auto;
    float:left;
    margin-left:10px;
} 


.subgroup       
{
    /* subgroep onderverdeling producten */
    border:solid black 0px;
    padding:0px;
}

.product
{
    /* kader van één product */
    padding:2px;
    width:185px;
}  

select          
{
    /* input velden */
    font-family:Arial, helvetica, Sans-Serif;
    font-size:1em;
}

.screenimage 
{
    /* dimensies "screen" productafbeelding*/
    width:180px;
    height:180px;
}

.standaard_afbeelding
{
    /* layer/rand "screen" productafbeelding */
    width:180px;
    float:none;
    text-align:center;
    border:solid 2px #123456;
}

.imagecontainer
{
    /* layer verzameling afbeeldingen */
    width:auto;
    text-align:center;
    margin-top:10px;
}

/* DETAILPAGINA */

td.beschrijving 
{
    /* detailpagina catalogus, beschrijving */
    font-weight:bold;
    color:#123456;
    padding-right:5px;
    text-align:right;
    width:250px;
    background-color:#E7EAF9;
}

td.waarde
{
    /* detailpagina catalogus, waarde */
    font-weight:bold;
    padding-left:5px;
    color:Black;
    width:200px; 
}

.titelgrijs
{
    /* grijze titel */
    color:gray;
    font-size:1.3em;
    font-weight:bold;
}

.samenstellingheader
{
    /* samenstelling hoofding van de samenstelling afbeelding */
    color:white;
    background-color:#123456;
    font-weight:bold;
    padding:2px;
}

.samenstellingtabel
{
    /* tabel/rand van de samenstelling afbeelding*/
    border:solid 2px #123456;
    width:180px;
}
    
.producttitle
{
    /* titel product */
    font-size:1.4em;
    font-weight:bold;
}
    
.first 
{
    /* eerste titel = technische fiche X */
    background-color:#123456;
    color:White;
    height:20px;
    padding-top:2px;
    padding-left:5px;
    padding-right:20px;
    float:left;
    text-align:right;
    width:150px;
}
.second 
{
    /* tweede titel = component Y */
    color:#123456;
    
}

/* ADMIN */

.input 
{
    /* login form */
    font-size:1em;
    font-weight:bold;
 }
 
.picto_image 
{
    /* pictogram */
    background-image:url(../../Images/folder_image.gif);
}

.frameborder 
{
    /* rand kader */
    border-width:1px;
    border-style:solid;
    border-color: ButtonShadow ButtonFace ButtonFace ButtonShadow;
}

.frameheader 
{
    /* kader hoofding */
    padding:3px;
    background-color:#5D7B9D;
    color:White;
    background-position: 2px 2px;
    background-repeat:no-repeat;
}

.frametitle  
{
    /* titel kader */
    display:inline;
    background-color:Transparent;
    margin-left:20px;
    font-weight:bold;
}

.helper 
{
    /* tooltip help picto met ruimte voor uitleg */
    background-image:url(../../Images/help_gray.gif);
    background-position:5px 0px;
    background-repeat:no-repeat;
    padding-left:25px;
    color:White;
    background-color:Transparent;
}

.kalender
{
    /* kalender admin */
    background-color:Transparent;
    color:White;
    border:solid 0px;
    background-image:url(../../images/calendar.gif);
    width:16px;
    height:16px;
    cursor:pointer;
}


/* EXTRA STYLES INHOUDELIJKE/STATISCHE PAGINA'S */