/*********************************************
*   cascading style sheet 'trimsalon noord' 
*        (c) Kars Veltman 2004-2005
*********************************************/


/*
   bruin
   licht: #FCEFFF
   midden: #E5C8F3 
   donker: #C583DE  
   heel donker: #000
*/


/***********************************************/
/*                main makeup                  */
/***********************************************/  
body {
   background-color: #FCEFFF;
   color: #000;
   font-family: verdana, sans-serif;
   font-size: 12px;
   padding: 30px;
   padding-top: 15px;
}

#enclosing {
   min-width: 750px;
}

#banner {
   border: 1px solid #C583DE;
   background: url('images/logo.png');
   background-color: #E5C8F3;
   background-position: center;
   background-repeat: no-repeat;
   margin: 0 0 0.5em 0;
   padding: 3px 8px 3px 0;
   min-height: 115px;
}

#companyname {
   font-family: "comic sans ms", sans-serif;
   font-size: 36px;
   font-weight: bolder;
   color: #C583DE;
   background-color: transparent;
}

#adres {
   /*float: right;
   text-align: left;*/
   text-align: right;
   vertical-align: middle;
   position: relative;
}



#sitenavigatie {
   border: 1px solid #C583DE;
   background-color: #E5C8F3;
   margin: 0 0 0.5em 0;
   padding: 5px 2px 5px 5px;
   width: 10.6em;
   float: left;
}

#sitenavigatie ul {
   padding: 0 0 0 1.5em;
   margin: 0;
   list-style-image: url('images/paw.png');
}

#sitenavigatie li {
   margin-bottom: 0.2em;
}

#sitenavigatie a {
   color: #000;
   background-color: transparent;
   text-decoration: none;
}

#sitenavigatie a:hover {
   text-decoration: underline;
}

#maincontent {
   border: 1px solid #C583DE;
   background-color: #E5C8F3;
   padding: 10px;
   margin: 0 0 0.5em 11.9em;
}

/* IE hacks, thanks to Samuel for leading me to this page: http://www.positioniseverything.net/explorer/threepxtest.html */

/*** IE5/mac does not have the 3px jog, but does have a version of the float model problem,
so this fix must be hidden from IE5/mac. The comment above with the escape character
just before the closing tag does not close in IE5/mac, hiding the Tan hacks from that browser.
The second comment after the hacks has the effect of "closing" the first comment for IE5/mac. ***/

/*** The right margin on the float in the Tan hack is 3px less than it should be, because of a 
mystery margin added to the float in IE/win when the paragraph has a dimension. ***/

/* Hide from IE5-mac \*/

* html #banner {
   height: 100px;
}

* html #sitenavigatie {
   margin-right: 0.3em;
}

* html #maincontent {
   height: 1%;
   margin-left: 0;
}

/* End IE5/mac hide */

div.clear {
   clear: both;
}

#footer {
   text-align: center;
}





/******************************************************/
/*            main content specific items             */
/******************************************************/

#maincontent h1 {
   margin: 0 0 5px 0;
   padding: 2px;
   color: #000;
   background-color: #C583DE;
   border: 1px solid #000;
   font-family: verdana, sans-serif;
   font-size: 14px;
   font-weight: bolder;
}

#maincontent h1.noborder {
   border: 0;
   background-color: transparent;
   font-family: verdana, sans-serif;
   font-size: 16px;
   font-weight: bolder;   
}



#maincontent h2 {
   margin: 3px 0 4px 0;
   padding: 2px;
   background-color: transparent;
   font-family: verdana, sans-serif;
   font-size: 12px;
   font-weight: bolder;   
}

#maincontent h2.border {
   margin: 3px 0 4px 0;
   padding: 2px;
   background-color: transparent;
   font-family: verdana, sans-serif;
   font-size: 12px;
   font-weight: bolder;
   background-color: #C583DE;
   border: 1px solid #000;      
}


#maincontent ul {
   margin-bottom: 10px;
}

#maincontent p {
   margin-top: 0;
   margin-bottom: 10px;
}








/******************************************************/
/*                  padding items                     */
/******************************************************/

.padding_20px {
   padding-bottom: 20px;
}

.margin_20px {
   margin-bottom: 20px;
}


/******************************************************/
/*                    link items                      */
/******************************************************/

a {
   color: #000;
   background-color: transparent;
   text-decoration: underline;
}

a:hover {
}








/******************************************************/
/*              definition list items                 */
/******************************************************/

dl.border {
   border: 1px solid #000;
   margin-bottom: 25px;
}

.border dt {
   font-weight: bolder;
   text-align: center;
   background-color: #C583DE;
   margin-bottom: 10px;
   border-bottom: 1px solid #000;
}

.border dd {
   margin: 10px;
}


.border img {
   width: 113px;
   height: 88px;
   border: 1px solid #000;
}




/**********************************************************/
/*                     span classes                       */
/**********************************************************/

span.caption {
   font-size: 11px;
   font-style: italic;
   color: #444444;
   background-color: transparent;
}