body { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height:11pt; background: url(../images/background.jpg) repeat-x #000000;}
#container {display: block; width: 914px; margin: auto;}
#logo a{ display: block; width: 170px; height: 140px; background: url(../images/logo.gif); margin: 25px auto 30px auto; }

/* Content */
#wrapper {display: block; width: 914px; }
#wrapper .logo a{ display: block; width: 250px; height: 206px; background: url(../images/logo2.gif); margin: 65px auto 65px auto; }

#media {display: block; width: 450px; height: 340px; background: #E20B80; float: left; margin-right: 7px;}

#content {display: block; width: 450px; height: 340px; background: #fff; float: left; margin-left: 7px;}

.inner-tube {display: block; height: 195px; margin: 22px;}
.paragraph  {display: block; height: 270px; overflow: auto; margin: 5px 0 0 0;}
.paragraph2 {display: block; height: 185px; overflow: auto; margin: 5px 0 0 0; }
.paragraph3 {display: block; height: 270px; overflow: auto; margin: 5px 0 0 0;}

.paragraph li{ margin-bottom: 5px;}

#thumbs {display: block; width: 406px;}
#thumbs li {float: left;}
#thumbs .space {margin-right: 23px;}

/* Menu */
#menu ul {display: block; width: 603px; height: 25px; padding-top: 20px; margin: auto;}
#menu li { float: left; margin: auto 17px auto 17px; }
#menu a { display: block; height: 14px;}

#about{ background-image: url(../images/about.jpg); width: 136px;  }
#about a:hover{ background-image: url(../images/about_active.jpg); width: 136px;  }
#work{ background-image: url(../images/work.jpg); width: 161px;}
#work a:hover{ background-image: url(../images/work_active.jpg); width: 161px;}
#projects{ background-image: url(../images/projects.jpg); width: 73px;}
#projects a:hover{ background-image: url(../images/projects_active.jpg); width: 73px;}
#information{ background-image: url(../images/information.jpg); width: 80px;}
#information a:hover { background-image: url(../images/information_active.jpg); width: 80px;}

#contact{ background-image: url(../images/contact.jpg); width: 58px;}
#contact a:hover { background-image: url(../images/contact_active.jpg); width: 58px;}

/* Menu Active */
#page_about #about{ background-image: url(../images/about_active.jpg); width: 136px; }
#page_work #work { background-image: url(../images/work_active.jpg); width: 161px; }
#page_projects #projects{ background-image: url(../images/projects_active.jpg); width: 73px;}
#page_information #information{ background-image: url(../images/information_active.jpg); width: 80px;}

ul.lijst { margin-left: 30px; list-style-type:inherit; }
ul.menubottom { float: left; width: 180px; margin: 10px 0 0 0; }

a:link { color: #E20B80; text-decoration: none; font-weight: bold; }
a:visited{ color: #000000; text-decoration: none; font-weight: bold; }
a:hover{ color: #000000; text-decoration: none; font-weight: bold; }
a:active{ color: #000000; text-decoration: none; font-weight: bold; } 

.borderbottom { border:1px solid grey; height:2px; }