html { overflow-y: scroll; }
html, body { margin:0;  padding:0; text-align: center; font-family: Arial; font-size: 100%; background-color: #ffffff; } 
body.homepage { background-image: url(http://www.beautiful-people.nl/pics/system/strip.jpg); background-repeat: repeat-x; background-color: #ffffff; } 

#header { height:305px; background-image: url(http://www.beautiful-people.nl/pics/system/header-1.png) }
#bp { width: 960px; height: 305px; overflow: hidden; margin: 0 auto; text-align:center; }

body#s1 { background-image: url(http://www.beautiful-people.nl/pics/system/strip.jpg); background-repeat: repeat-x; background-color: #fff; } 
  
#pagewidth { width:960px; text-align:left; margin-left:auto; margin-right:auto;} 

img { border: 0px; float: left; margin-right: 2em; } 
ul#servicemenu    { margin-top: 0em; padding: 0 0em; float: right; text-align: right; font-size: 0.75em;}
ul#servicemenu li { display: block; float: left; list-style: none; margin: 0; padding: 0; }
ul#servicemenu a          { float: left; padding: .5em .6em .6em .6em; color: #333; 
                                         text-decoration: none; text-transform: lowercase; }
ul#servicemenu a:visited  { color: #333; text-decoration: none; }
ul#servicemenu a:hover,
ul#servicemenu a:visited:hover { color: #d17000; text-decoration: underline; }
div#search { background-image: url(http://www.beautiful-people.nl/pics/system/zoekbox.gif); width: 201px; height: 22px; }

#navheader { height: 30px; position:relative; text-align: justify! important; font-family: 'CorbelBold', sans-serif;}
  #navheader ul#hoofdmenu { width: 960px; font-size: 0.75em; font-weight: bold; margin: 0; padding: 0em 0em 0em 3.8em; }
  #navheader ul#hoofdmenu li { display: block; float: left; list-style: none; margin: 0; padding: 0; }
  #navheader ul#hoofdmenu a { float: left; padding: 0.7em 4.5em 0em 0em; color: #333; text-transform: uppercase; 
                            font-family: arial,helvetica,sans-serif; text-decoration: none; letter-spacing: -0.03em; }
  #navheader ul#hoofdmenu a:hover,
  #navheader ul#hoofdmenu .actief a,
  #navheader ul#hoofdmenu .actief a:hover { color: #8a6b68; text-decoration: underline; }

#homecol h1 { font-family: "Times New Roman", "Serif"; font-size: 1.04em; line-height: 1.4em; text-align: center; width: 99%; color: #ccc; }

#tweecols   { width:720px; float:left; padding-top: 0.5em; }
  #tweecols a:link    { text-decoration: underline; color: #8b8a6d;}
  #tweecols a:hover   { text-decoration: underline; color: #8b8a6d;}
  #tweecols a:visited { text-decoration: underline; color: #8b8a6d;}

#linkscol   {  width:340px; float:left; font-size: 0.7em; padding: 0px 20px 0px 0px; }
  #linkscol  h1 { font-family: Arial; color: #8a6b68; font-size: 1.6em; padding-bottom: 0.5em; }
  #linkscol  h2 { font-family: Arial; color: #8a6b68; font-size: 1.3em; padding: 0px; margin: 20px 0px 0px 0px; }
  #linkscol  h3 { font-family: Arial; color: #8a6b68; font-size: 1.1em; padding: 0px; margin: 10px 0px 0px 0px; }

#rechtscol { width:340px; float:right; font-size: 0.7em; }
  #rechtscol img { border: 1px solid #8b8a6d; margin-right: 1em; }
  #rechtscol h1 { font-family: Arial; color: #8a6b68; font-size: 1.6em; padding-bottom: 0.5em; }
  #rechtscol h2 { font-family: Arial; color: #8a6b68; font-size: 1.3em; padding: 0px; margin: 20px 0px 0px 0px; }
  #rechtscol h3 { font-family: Arial; color: #8a6b68; font-size: 1.1em; padding: 0px; margin: 10px 0px 0px 0px; }

  div#downloads { clear: both; }
  #downloads h3 { font-family: Arial; color: #333; font-size: 0.9em; padding: 0px; margin: 10px 0px 15px 0.1em; }
  #downloads th { font-family: Arial; color: #000; font-size: 0.75em; text-align: left; }
  #downloads td { font-family: Arial; color: #000; font-size: 0.70em; line-height: 0.85em}
  #downloads td a { text-decoration: none; color: #000; }

#activiteiten      { width:200px; float:right; font-size: 0.65em; padding: 0px 20px 0px 0px; line-height: 1.6em; }
  #activiteiten h3        { font-family: Arial; color: #333; font-size: 1.3em; padding: 0px; margin: 15px 0px 0px 0px; padding-bottom: 0.7em;}
  #activiteiten a         { text-decoration: underline;}
  #activiteiten strong    { text-transform: uppercase; font-size: 0.9em; }
  #activiteiten a:link    { text-decoration: underline; color: #8b8a6d;}
  #activiteiten a:hover   { text-decoration: underline; color: #8b8a6d;}
  #activiteiten a:visited { text-decoration: underline; color: #8b8a6d;}

#motto    { height:91px; background: url("http://www.beautiful-people.nl/pics/system/motto2.jpg"); 
            margin-top: 3px; }

#leftcol { width:200px; float:left; position:relative; font-size: 0.75em; margin: 45px 0px 0px 40px; padding: 0px 20px 0px 0px; }

#twocols { width:700px; float:right; position:relative; }
 
#rightcol { width:240px; float:right; position:relative; padding-top: 2em; text-align: right; }
  #rightcol img { border: 0px; padding-top: 1em; }

#maincol { float: left; color: #333333; display:block; 
           position: relative; width:620px; font-size: 0.82em; line-height: 1.5em; }
#maincol td {font-size: 0.9em; }
  #maincol img { border: 0px; } 
  #maincol p#kruimelpad { font-family: Arial; color: #ccc; font-size: 1em; padding: 0.5em 0em 0em 0em;} 
     #maincol p#kruimelpad span    { padding: 0px 5px 0px 5px; } 
     #maincol p#kruimelpad a       { color: #aaa; text-decoration: none; } 
     #maincol p#kruimelpad a:hover { color: #777; text-decoration: underline; } 
  #maincol h1 { font-family: 'CorbelBold', sans-serif; color: #8a6b68; font-size: 2em; padding-bottom: 0.0em; }
  #maincol h2 { font-family: 'CorbelBold', sans-serif; color: #8a6b68; font-size: 1.3em; padding: 0px; margin: 20px 0px 0px 0px; }
  #maincol h3 { color: #8a6b68; }
  #maincol strong { color: #8a6b68; }
  #maincol a         { text-decoration: none;}
  #maincol a:link    { text-decoration: underline; color: #8b8a6d;}
  #maincol a:hover   { text-decoration: underline; color: #fb8a6d;}
  #maincol a:visited { text-decoration: underline; color: #8b8a6d;}
  #maincol ul                   { margin: 0em; padding-left: 2em; }
  #maincol ul#sitemap           { margin: 0em; padding-left: 0em; }
  #maincol ul#sitemap a         { text-decoration: none;}
  #maincol ul#sitemap a:link    { text-decoration: none; color: #000;}
  #maincol ul#sitemap a:hover   { text-decoration: underline; color: #6d5410;}
  #maincol ul#sitemap a:visited { text-decoration: none; color: #6d5410;}
  #maincol ul#sitemap li          { list-style: none; margin: 0; padding: 0; }
  #maincol ul#sitemap li.sitemap1 { padding-left: 0px; font-weight: bold; }
  #maincol ul#sitemap li.sitemap2 { padding-left: 10px; }
  #maincol ul#sitemap li.sitemap3 { padding-left: 20px; }
  #maincol hr { color: #cacee2; background-color: #cacee2; height: 1px; }
  #maincol p.ervaring  { font-size: 0.85em; text-transform: uppercase; margin-top: 0em;  }

#footer { padding-top: 5em; height:70px; background-color: #fff; display:inline-block; font-size: 70%; color: #aaa;  }
  #footer a          { color: #999; padding: 0em 1em 0em 0em; }
  #footer a:hover    { color: #8a6b68; }
  #footer span#links { padding-left: 7em; }
 
.clearfix:after  {
 content: ".";  display: block; height: 0;  clear: both;  visibility: hidden;}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: inline-block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print { 
/*hide the left column when printing*/ 
#leftcol {display:none;} 

/*hide the right column when printing*/ 
#rightcol {display:none;} 
#twocols, #maincol {width:100%;float:none;}
}

div.depth1  {letter-spacing: 0.01em;
             padding: 8px; 
             border-top: solid #dccea8 1px;
             margin: 0px 0px 0px 0px;
             color: #dccea8; }

a.depth1               {color: #8b8a6d; text-decoration: none;}
a.depth1:hover         {color: #d17000; text-decoration: underline;}
a.depth1selected       {color: #d17000; text-decoration: none; font-weight: normal;}
a.depth1selected:hover {color: #123292; text-decoration: underline; font-weight: normal;}

div.depth2             {padding: 4px 4px 4px 20px; line-height: 0.90em; font-size: 0.92em; }
a.depth2               {color: #8b8a6d; text-decoration: none; font-weight: normal;}
a.depth2:hover         {color: #d17000; text-decoration: underline; font-weight: normal;}
a.depth2selected       {color: #d17000; text-decoration: none; font-weight: normal;}
a.depth2selected:hover {color: #123292; text-decoration: underline; font-weight: normal;}

div.depth3             {padding-left:20px; margin: 0px 0px 3px 0px; }
a.depth3               {font-size: 10px; color: #aaa; text-decoration: none; font-weight: bold;}
a.depth3:hover         {font-size: 10px; color: #d17000; text-decoration: underline; font-weight: bold;}
a.depth3selected       {font-size: 10px; color: #d17000; text-decoration: none; font-weight: bold;}
a.depth3selected:hover {font-size: 10px; color: #aaa; text-decoration: underline; font-weight: bold;}      

/* main */
#navMenu    { width: 210px; text-align: left;}
#navMenu ul { list-style: none; margin: 0; padding: 0; }
#navMenu li { display:inline; }

/* menu */
#navMenu li a:link, #navMenu li a:visited { text-decoration: none; color: #333; display: block; padding: 9px 0 6px 5px; }
#navMenu li a:hover { color: #8a6b68; text-decoration: underline; padding: 9px 0 6px 5px; }
#navMenu li a.selected:link, #navMenu li a.selected:visited { border-top: 2px solid #fff; text-decoration: underline; color: #8a6b68; display: block; padding: 9px 0 6px 5px; }
#navMenu li a.selected:hover { color: #8a6b68; text-decoration: underline; padding: 9px 0 6px 5px; }

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited { font-weight: normal; padding: 4px 0 6px 15px; border-top: 1px solid white; }
#navMenu li li a:hover { padding: 4px 0 6px 15px; }
#navMenu li li a.selected:link, #navMenu li li a.selected:visited { color: #856864; font-weight: normal; padding: 4px 0 6px 15px; border-top: none; }
#navMenu li li a.selected:hover { color: #8a6b68; padding: 4px 0 6px 15px; }

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited { padding: 0 0 1px 30px; }
#navMenu li li li a:hover { padding: 0 0 1px 30px; }   
#navMenu li li li a.selected:link, #navMenu li li li a.selected:visited { color: #856864; padding: 0 0 1px 30px; }
#navMenu li li li a.selected:hover { color: #856864; padding: 0 0 1px 30px; }   
   
div.line { width: 100%; border-bottom: 1px solid #cacee2; }
div.formulier { font-size: 0.9em; }
div.formulier input { border: 1px solid #ddd; }
div.formulier input.rad { border: 0px; }
div.formulier input#postcode2 { margin-left: 1em; }
div.formulier textarea.area { width: 360px; height: 100px; }
div.formulier .submitbutton { background:url(http://www.beautiful-people.nl/pics/system/versturen.gif) no-repeat left top; width: 108px; height: 24px; border: 0px; }   
   
a[href $='.pdf'] { padding-left: 18px;   background: transparent url(http://www.beautiful-people.nl/pics/system/pdf.gif) no-repeat center left; }
a[href $='.doc'] { padding-left: 18px;   background: transparent url(http://www.beautiful-people.nl/pics/system/word.gif) no-repeat center left; }   
   
table.table1 {width: 100%; border: 1px solid grey; background: #ccc;}
td.cell1 {width: 200px;}
td.cell2 {width: 100px;}
td.cell3 {width: 100px;}
td.cell4 {width: 100px; text-align: right;}