* { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0px; margin:0px; }
/* {border:1px #F00 solid;} */
/* algemeen */

/* menu */
body * {color:#000; }
#menu { position:absolute; top:80px; left:20px; width:210px;}

#menu a {text-decoration:none; color:#656565; }
#menu a.black {color:#656565;; border-bottom:dotted 1px #656565;}
#menu a:hover { text-decoration:underline; color:#000;}
#menu ul#tags { list-style:none; width:200px; }
#menu ul#tags li {list-style:none; margin:0 0 1px;}

#menu ul#tags li span {float:left; clear:left; margin:2px 0px; text-indent:-1000px; overflow:hidden; width:200px;}
#menu ul#tags li span.projects { background:url(../gfx/projects.png) no-repeat 0 0 #FFF; height:32px;  }
#menu ul#tags li span.home { background:url(../gfx/home.png) no-repeat 0 0 #FFF; height:32px;  }
#menu ul#tags li span.contact { background:url(../gfx/contact.png) no-repeat 0 0 #FFF; height:32px; }
#menu ul#tags li span.about { background:url(../gfx/about.png) no-repeat 0 0 #FFF; height:32px;  }

#menu ul#tags li ul { padding:0px 0px 10px; float:left;}
#menu ul#tags li.invisible a.invisible {display:none; height:0px; width:0px; padding:0px; margin:0px; visibility:hidden; }
#menu ul#tags li a.white { color:#FFF; }

#menu ul#tags li span.contactstuff { float:left; color:#888; text-indent:0px; }
#menu ul#tags li span.credits { float:left; color:#888; text-indent:0px; margin:10px 0xp; padding:10px 0px;}
#menu ul#tags li span.disclaimer { float:left; color:#888; text-indent:0px; font-size:9px;}
/* content*/
h1 { position:absolute; top:80px; left:240px; font-size:28px; color:#83A640;}

#content {position:absolute; top:130px; left:240px; width:550px;  height:auto; color:#444;}
#content h2 { font-weigth:bold; font-size:16px; color:#000;}
#content h3 { font-weight:bold; font-size:14px; color:#000;}
#content p { padding:0 0 10px 0px; color:#444;}
#content p strong {font-weight:bold; }
#content p:after { content:"."; color:#FFF; }
#content p img { float:left;  margin:0px 15px 5px 0px; }
#content p a { color:#83A640; text-decoration:none;  }
#content p a:hover { color:#444; border-bottom:dotted 1px #444;}
#content .date p { padding:0px; font-weight:bold; }
#content ul { list-style:none; color:#888;}
#content ol { padding:0 0 0 30px;}

#content .movimg { width:628px; overflow:visible; position:relative;}
#content .movimg a img { border:0px; }
#content .movimg img.norm {float:right; clear:right; margin:2px 0px 5px;}
#content .movimg .image img { margin:0px 0px 20px; position:relative; float:left; clear:left;}
#content .movimg #movimg_container { float:left; }
#content .movimg .movie object { margin:0px 0px 20px; padding:0px; position:relative; float:left; clear:left; }

#content ul.summary li { color:#000; }
#content ul.summary li strong {color:#656565; font-weight:bold;}
#content ul.resume { list-style:disc; padding:0px 0px 10px 10px; color:#000; }
#content ul.resume_over { padding:0px 0px 10px 10px; color:#000; color:#000; }
#content ul.resume li strong {color:#656565; font-weight:bold; }
#content ul.resume_over li strong {color:#656565; font-weight:bold; }


#design { position:absolute; top:22px; left:20px; width:600px;  padding:0px 0px 20px 0px;}
#design p#name { background:url(../gfx/sophie_logo.png) no-repeat 0 0 #FFF; height:42px; width:220px; float:left; text-indent:-1000px;}
#design p#category span { text-indent:-1000px; float:left; width:200px; height:42px; background-repeat:no-repeat;;}
#design p#category span.projects { background-image:url(../gfx/projects.png); }
#design p#category span.home { background-image:url(../gfx/home.png); }
#design p#category span.contact { background-image:url(../gfx/contact.png); }
#design p#category span.about { background-image:url(../gfx/about.png);  }