h1{
font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
h2{
font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #d1eaf5;
}
h3{
font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999999;
font-size: 11px;
}
/* Standaard waarden */
* {
padding: 0;
margin: 0;
list-style: none;
border: 0;
text-decoration: none;
}
html, body {
height: 100%; /* heel belangrijk */
font: 13px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
html {
background: #EDEDED url('/_img/htmlbg.gif') repeat-x top left;
}
/* Container */
div#container {
width: 100%;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
}
/* Header */
div#header {
width: 740px;
margin: 0px auto;
background: url('/_img/headerbg.gif') no-repeat bottom left;
height: 106px;
padding-top: 7px;
}
div#header div#downloads {
padding-right: 160px;
color: #fff;
line-height: 14px;
float: right;
}
div#header div#downloads h2 {
color: #fff;
font-weight: bold;
font-size: 13px;
}
div#tipDiv 
{
position: absolute; 
visibility: hidden; 
left: 0;
top: 0;
z-index: 10000;
width: 315px;
padding: 0px;
color: #000; 
font-size: 11px; 
line-height: 1.3;
}
/* These are used in the wrapTipContent function */
div#tipDiv div.img 
{ 
text-align: left;
}
div#tipDiv div.txt 
{ 
text-align: left;
padding-left: 20px;
margin-top: -190px 
}
div#header ul li a {
color: #fff;
text-decoration: none;
}
div#header h1 {
float: right;
}
div#header h1 a {
display: block;
width: 300px;
height: 100px;
text-indent: -9999px;
overflow: hidden;
}
/* Content */
div#content {
width: 740px;
margin: 0px auto;
padding: 23px 0px 52px 0px;
}
div#content a {
color: #1d1f41;
}
div#content h3 a
{
color: #999999;
}
/* Nieuw */
div#links, div#rechts {
padding-top: 10px;
_padding-top: -10px;
_margin-top: -20px;
}
div#midden {
margin-top: 10px;
_margin-top: -10px;
}
div#content div#nieuw h2 {
height: 12px;
width: 166px;
background: url('/_img/h2nieuw.gif') no-repeat top left;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
margin-bottom: 18px;
}
div#content div#nieuw div {
float: left;
background: url('/_img/nieuwdivbg.gif') no-repeat top left;
width: 151px;
height: 87px;
margin-left: 8px;
padding: 10px 14px 14px 14px;
}
div#content div#nieuw div.first {
margin-left: 0px;
}
div#content div#nieuw p.left {
float: left;
width: 80px;
padding-right: 8px;
}
div#content div#nieuw p.left big {
font-weight: bold;
text-decoration: underline;
font-size: 13px;
margin-bottom: 5px;
display: block;
float: left;
padding-left: 4px;
}
div#content div#nieuw p.right {
float: left;
font-size: 9px;
width: 60px;
padding-top: 8px;
line-height: 13px;
}
/* De 3 rijen */
div#links, div#rechts {
width: 179px;
float: left;
background: url('/_img/linksrechtsbg.gif') no-repeat bottom left;
padding-bottom: 14px;
}
div#midden {
float: left;
width: 367px;
padding: 0px 7px 0px 8px;
}
div#rechts {
width: 179px;
float: left;
}
div#content h2 {
text-indent: -9999px;
overflow: hidden;
height: 34px;
}
/* Classes h2 */
div#content h2.menu { background: url('/_img/h2menu.gif') no-repeat top left; }
div#content h2.stats { background: url('/_img/h2stats.gif') no-repeat top left; }
div#content h2.topdownloads { background: url('/_img/h2topdownloads.gif') no-repeat top left; }
div#content h2.ledenmenu { background: url('/_img/h2ledenmenu.gif') no-repeat top left; }
div#content h2.aanraders { background: url('/_img/h2aanraders.gif') no-repeat top left; }
div#content h2.aanraders2 { background: url('/_img/h2links.gif') no-repeat top left; }
div#content h2.linkpartners { background: url('/_img/h2linkpartners.gif') no-repeat top left; }
div#content h2.links { background: url('/_img/h2links.gif') no-repeat top left; }
div#content h2.downloads { background: url('/_img/h2downloads.gif') no-repeat top left; }
div#content div.content { background: url('/_img/contentbg.gif') no-repeat bottom left; padding-bottom: 17px; }
div#content div.content div.innercontent { border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #F4F4F4; padding: 15px 15px 0px 15px; }
div#links ul, div#links form, div#links ol, div#rechts ul, div#rechts form, div#rechts ol, div#rechts p, div#links p {
background-color: #F4F4F4;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 6px 6px 6px 10px;
line-height: 16px;
}
/* Footer */
div#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
width: 100%;
background: url('/_img/footer.gif') repeat-x top left;
height: 42px;
text-align:center;
color: #EEE;
}
div#footer div#inner {
padding-top: 5px;
width: 740px;
margin: 0px auto;
}
div#footer p.left {
float: left;
}
div#footer ul {
float: right;
}
div#footer ul li {
display: inline;
background: url('/_img/footerlibg.gif') no-repeat center left;
padding-left: 7px;
}
div#footer ul li.first {
background: none;
}
div#footer ul li a {
color: #fff;
}
div#footer p.info {
clear: both;
font-size: 9px;
}
/* Classes h2 */
A {
text-decoration:none;
}
A.link {
text-decoration:underline;
}
div#tipDiv {
position: absolute; 
visibility: hidden;
left: 0;
top: 0;
z-index: 10000;
width: 315px;
padding: 0px;
font-size: 11px; 
line-height: 1.3;
}
/* These are used in the wrapTipContent function */
div#tipDiv div.img { 
text-align: left;
}
div#tipDiv div.txt { 
text-align: left;
padding-left: 20px;
margin-top: -190px 
}
#tagcloud {
width: 325px;
background:#FFFFCC;
color:#0066FF;
padding: 10px;
border: 1px solid #FFE7B6;
text-align:center;
}
#tagcloud a:link, #tagcloud a:visited {
text-decoration:none;
color: #1366B4;
}
#tagcloud a:hover, #tagcloud a:active {
text-decoration: underline;
color: #000;
}
#tagcloud span {
padding: 4px;
}
.smallest {
font-size: x-small;
}
.small {
font-size: small;
}
.medium {
font-size:medium;
}
.large {
font-size:large;
}
.largest {
font-size:larger;
}