/* Start of CMSMS style sheet 'ALF_voorpagina' */
/* standaard elementen */
html {min-height: 100%}
* {
	margin: 0px;
	padding: 0px;
}
a,
a:link 
a:active {
                text-decoration: none;
                background-color: D8ECB8; 
                color: #1C455E;
                font-weight: bold; 
}

a:visited {
               text-decoration: none;
               background-color: inherit;
               color: #1C455E;         
}


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

body {
	background: #D8ECB8;	
                font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

li {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 40px;
                line-height: 19px;
                font-size: 11px;
}

p {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
             font-family: Verdana, sans-serif;
	font-size: 11px;
             line-height: 16px;
}


img {
                border: 0;
                padding: 0px 10px 0px 0px;
}
               
h1 {
   font-size: 16px; /* font size for h1 */
   line-height: 1em;
   margin: 25px 10px 10px 20px;
   color: #1C455E;
}
h2 {
   color: #1C455E;
   font-size: 15px;
   line-height: 1.3em;
   margin: 25px 10px 10px 20px;
}
h3 {
   color: #1C455E; 
   font-size: 14px;
   line-height: 1.3em;
   margin: 25px 10px 10px 20px;
}
h4 {
   color: #1C455E; 
   font-size: 14px;
   line-height: 1.3em;
   margin: 15px 10px 10px 20px;
}
h5 {
   color: #1C455E; 
   font-size: 12px;
   line-height: 1.3em;
   margin: 25px 10px 10px 20px;
}
h6 {
   color: #1C455E; 
   font-size: 11px;
   line-height: 1.3em;
   margin: 25px 10px 10px 20px;
}


.clear {
	clear: both;
}


/* divers */
/* structuur */

#header {
	background-color: #FFFFF;
	height: 130px;
	width: 950px;
}

#headerlinks {
	float: right;
	width: 699px;
	height: 130px;
	background:url(images/cms/header17.jpg) no-repeat;
}

#headerrechts {
             float: left;
             width: 250px;
             height: 130px;
             background:url(images/cms/alflogo_nieuw.jpg) no-repeat;
             display: block;

}

#container {
	font-size: 12px;
	background-color: #FFFFF;
	width: 950px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
                border: 10px solid #FFFFFF;
	
}


#hoofdbox {
	background-color: #FFFFF;
	height: 400px;
                margin-top: 1px;
}
 

#content {
	float: left;
	width: 950px;
}


#kolomlinks{
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 575px;     /* sidebar width, if you change this please also change #main margins */
   background-color: #F2F2F2;
   height: 400px;
   border-right: 10px solid white;
}

#kolomrechts1{
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 170px;     /* sidebar width, if you change this please also change #main margins */
   background-color: #F5F5F5;
   height: 190px;
   border-bottom: 10px solid white;

}

#kolomrechts2{
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 185px;     /* sidebar width, if you change this please also change #main margins */
   background-color: #F5F5F5;
   height: 190px;
   border-left: 10px solid white;
   border-bottom: 10px solid white;
}


#kolomrechts3{
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 170px;     /* sidebar width, if you change this please also change #main margins */
   background-color: #F5F5F5;
   height: 200px;
}

#kolomrechts3 img {
   margin-left: 0px;
}


#kolomrechts4{
   float: left;
   width: 185px;     /* sidebar width, if you change this please also change #main margins */
   background-color: #F5F5F5;
   height: 200px;
   border-left: 10px solid white;
}



#search {
   margin: 130px 0px 0px 15px;
   position: absolute;
}



#cbf {
	float: right;
             width: 50px;
             height: 50px;
	background-image: url(images/cms/cbf.gif);
             margin: 5px 10px 10px 0px;
}


#footer {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
                background-color: white;
	height: 30px;
                width: 950px;
                padding: 5px 0px 0px 0px;
}



#hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #84B73E;
   margin: 1em;
}

/* relational links under content */
#left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

#right49 {
  float: right;
  width: 40%;
  text-align: right;
  padding-top: 0px;
}


/********************
MENU BOVEN
*********************/
#navigatieboven  {
             background-color: #84B73E;
             background-repeat: repeat;
             border-top: 2px solid white;
             border-bottom: 2px solid white;
             height: 25px;
             padding-left: 162px;
}


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


/* the links, that is each list item */
#navigatieboven a {
            margin: 0; /* margin outside each list item box */
            text-decoration: none; /* no underline for links */
            color: #1C455E;
            font-size: 11px;
            list-style: none; /* hides the list bullet */ 
            display: block;   /* IE has problems with this, fixed above */
            padding-left: 18px;
            padding-right: 18.5px;
            line-height: 25px;
}


/* right border is provided by the li elements */
/* menu list items */

#navigatieboven li {
            float: left; /* makes the list horizontal */   
            margin: 0px;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            border-right-width: 1.5px;
            border-right-style: solid;
            border-right-color: #D8ECB8;
            list-style-type: none;
}

/* hover state links */
#navigatieboven li a:hover {
            color: #D8ECB8; /* mint*/
            background-color: none;
            font-weight: bold;
            list-style-type: none;
            display: block;
}



/* active parent, that is the first-level parent of a child page that is the current page */
#navigatieboven li.activeparent a {
            color: #1C455E; /* actieve link subpagina*/
            background-color: #D8ECB8; /* achtergrond mint*/
            list-style-type: underline;
}


#navigatieboven h3 {
            margin: 0; /* margin outside each list item box */
            text-decoration: none; /* no underline for links */
            color: #1C455E;
            font-weight: bold;
            padding-left: 18px;
            padding-right: 18.5px;
            line-height: 25px;
            background-color: #D8ECB8;
            display: block; /* IE has problems with this, fixed above */
            font-size: 11px;   /* instead of the normal font size for <h3> */
} /* actieve link */




/********************
MENU RECHTS
*********************/
#navigatielinks {
             float: right;
             width: 175px;
             display: inline;
             padding-top: 10px;
}

/* 1e niveau */
#navigatielinks a {
             text-decoration:none; /* no underline for links */
             display: block; /* IE has problems with this, fixed above */
             color: #1C455E; /* this will be link color for all levels */
             border-bottom-width: 1px;
             border-bottom-style: dotted;
             border-bottom-color: #d8ecb8; 
}


/* 2e niveau */
#navigatielinks ul ul a {
             font-size: 11px;
             font-weight: bold;
             padding-top: 3px;
             padding-left: 8px;
             padding-right: 0px;
             padding-bottom: 5px;
}

/* hover state for all links */
#navigatielinks a:hover {
             background-color: none;
             color: #D8ECB8;
             font-weight: bold;
}

/* menu li block */
#navigatielinks li {
             list-style: none;
             margin: 0;
             display: block;
}

#navigatielinks ul h3 {
             background-color: none;
             display: block; 
             padding-top: 3px;
             padding-left: 8px;
             padding-right: 0px;
             padding-bottom: 5px;   /* some air for it */
             color: #D8ECB8;
             font-weight: bold;                                 /* this will be link color for all levels */
             font-size: 11px;                           /* instead of the normal font size for <h3> */
             margin: 0;                                   /* as <h3> normally has some margin by default */
             border-bottom-width: 1px;
             border-bottom-style: dotted;
             border-bottom-color: #d8ecb8; 
}

/* 3e niveau */
#navigatielinks ul ul ul a {
             font-size: 11px;
             padding-top: 3px;
             padding-left: 20px;
             padding-right: 8px;
             padding-bottom: 5px;
}

/* current page on third level, more padding */
#navigatielinks ul ul ul h3 {
             font-size: 11px;
             padding-top: 3px;
             padding-left: 20px;
             padding-right: 8px;
             padding-bottom: 5px;
}


/** fix stupid ie bug with display:block; **/
* html #navigatielinks li a { height: 1%; } 
* html #navigatielinks li hr { height: 1%; }
/** end fix **/





/* End of 'ALF_voorpagina' */