/* Start of CMSMS style sheet 'T&P - style' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 140%;
   background-color: #fff;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #fff; 
   font-weight: bold;
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #fff; 
}

body#leeg a {
color: #000;
}

h2 a {
text-decoration: none;
font-weight: normal;
}

#rechts-box a,
#box a {
   text-decoration: none;
   color: #656565;
}

#rechts-box a:hover,
div#box a:hover {
  text-decoration: underline;
}

#footer a {
color: #000;
}

div#box-home a {
color: #f7af00;
}

/*****************
basic layout 
*****************/
/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   width: 961px; /* IE wont understand these, so we will use javascript magick */
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 105px; /* adjust according your image size */
   background: #fff;           
}

div#main {
   min-height: 432px;
   background: transparent url(images/main-bg-vervolg.jpg) no-repeat left top;
   padding-left: 120px;
   padding-top: 30px;
   padding-right: 30px;
   color: #fff;
}

div#content {
background: #0074bd url(images/content-bg.jpg) repeat-y left top;
width: 732px;
padding-bottom: 30px;
}

div#home-content {
padding: 20px 0px 0px 20px; width: 712px; height: 183px; background: transparent url(images/main-bg.jpg) no-repeat left top;
}

div#rechts-box {
text-align: left; margin: 5px 0 5px 78px; background: transparent url(images/rechts-bg.jpg) no-repeat right top; overflow: hidden; width: 151px; color: #656565;
}

div#box-home {
width: 205px; overflow-x: hidden; margin: 10px; float: left;
}

/********************
CONTENT STYLING
*********************/
/* HEADINGS */
h1 {
   font-size: 1.4em;
   line-height: 1.4em;
   margin: 0 0 0.5em 0;
   font-weight: normal;
   text-align: left;
}

div#box-home h1 {
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 2px 0 6px 0;
   font-weight: normal;
   background: transparent url(images/h2-verloop.png) no-repeat left top;
   padding-left: 4px;
}

h2 {
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 28px 0 10px 0;
   font-weight: bold;
   padding-left: 4px;
   border-bottom: 1px solid #f7af00;
   border-top: 1px solid #f7af00;
   color: #fff;
   text-align: center;
}
h3 {
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 2px 0 6px 0;
   font-weight: normal;
   background: transparent url(images/h2-verloop.png) no-repeat left top;
   padding-left: 4px;
}
h4 {
   font-size: 12px;
   line-height: 1.3em;
   margin: 3px 0 0.25em 7px;
   color: #fff;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* END TEXT */

/* LISTS */
div#algemeen ul,
div#algemeen ol,
div#algemeen dl {
   font-size: 1.0em;
   line-height:1.4em;
   margin: 10px 0 1.5em 0;
}
div#algemeen ul li,
div#algemeen ol li {
   margin: 0 0 0.25em 2em;
   list-style-image: url(images/bull.png);
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

table#portefeuille td {
color: #fff;
}
/* End of 'T&P - style' */