/* Start of CMSMS style sheet 'SF-stylehome' */
/* CSS Document */

body {
   margin:1em;    /* gives some air for the pagewrapper */
   text-align: left;
   font-family: arial;
   font-size: 75.01%;
   line-height: 1em;
}

/*
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:none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
 
}

a:visited {
   text-decoration:none;
              /* a different color can be used for visited links */
}


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


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;       /* this centers wrapper */
   width:1002px;
}

div#logo	{
width:407px;
height:85px;
position:absolute;
z-index:1;
}

div#topmenu	{
 font-family: Arial, Verdana, Geneva,, Helvetica, sans-serif;
width:595px;
height:74px;
margin-left:407px;
position:absolute;
}

div#sfeerbeeld	{
width:770px;
height:264px;
margin-left:232px;
margin-top:74px;
position:absolute;
z-index:0;
}


div#linkerspace	{
width:22px;
height:500px;
margin-top:85px;
position:absolute;
}

div#pink	{
background-color:#c80678;
width:170px;
height:213px;
margin-left:22px;
margin-top:85px;
position:absolute;
padding:20px;
line-height:20px;
color:#ffffff;
}


div#bannerruimte{
width:210px;
height:200px;
margin-left:22px;
margin-top:350px;
position:absolute;
text-align:center;
padding-top:20px;
}

div#titelbalk	{
background-color: #5a5757;
background-image:url(uploads/images/templ/schaduwtitel.gif);
background-position:top;
background-repeat:no-repeat;
width:520px;
height:36px;
margin-left:0px;
margin-top:44px;
position:absolute;
color:#ffffff;
vertical-align:middle;
padding:20px;
}



div#content {
 font-family: Arial, Verdana, Geneva,, Helvetica, sans-serif;
   width:520px;
   background-color: white;
   color:#231f20;
   position:absolute;
   margin-top:120px;
   height:150px;
   padding:20px;
}


div#content p {font-family: Arial, Verdana, Geneva,, Helvetica, sans-serif;
}


div#space	{
width:560px;
height:44px;
position:absolute;
}

div#grey	{
width:170px;
background-color: #918f8f;
margin-left:560px;
margin-top:0px;
position:absolute;
height:266px;
line-height:18px;
padding:15px 20px 20px 20px;
background-image:url(uploads/images/templ/grijsverloop.jpg);
background-position:bottom;
background-repeat:no-repeat;

}


div#contentwrapper	{
width:770px;
position:absolute;
margin-left:232px;
margin-top:294px;
background-color: red;
}


div#footer {
margin-top:20px;;
}


div#footer a:link  {
color:#7f7f7f;
text-decoration:none;
}

div#footer a:visited  {
color:#7f7f7f;
text-decoration:none;
}

div#footer a:hover  {
color:#7f7f7f;
text-decoration:underline;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #294B5F; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #e7ab0b; 
   border-left: 1.1em solid #e7ab0b; 
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   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;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
border: 0px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */   
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

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

/* Start of CMSMS style sheet 'SF-navigatie horiz' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
    height:1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
   background-color:#ffffff;  /* background color for the entire menu row */
   padding-top: 30px;
   padding-left:10px;
   float:left;
   font-size:10pt;
}


div#menu_horiz ul {
   margin: 0;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   border-right: 1px solid #C0C0C0;
   line-height:18px;
}


/* the links, that is each list item */
div#menu_horiz a {
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #908e8f;
   font-weight:bold;
   padding-left:8px;
   padding-right:8px;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #ffffff;
   color: #c80678;

}
div#menu_horiz a.activeparent:hover {
   background-color: #ffffff;
   color: #c80678;
   
  
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background: #ffffff; 
   color: #c80678;


}

div#menu_horiz h3 {
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #c80678;
   background: #ffffff;
   display: block; /* IE has problems with this, fixed above */
   font-size:1em;
   padding-left:8px;
   padding-right:8px;

   }

/* End of 'SF-navigatie horiz' */