/* Start of CMSMS style sheet 'main' */
/*****************
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;
}

body {
background: #ffffff url('images/pge_background.png') top left repeat-x;
margin: 0;
padding: 0;
font-family: Verdana, Arial, "sans-serif";
font-size: 74%;
color: #303030;
}


img {
  border: 0px;
}

div#pagewrapper {
  width: 976px;
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
  
div#pageheader {
width: 976px;
height: 48px;
background: #ffbf18 url('images/pge_header.png') top left no-repeat;
}

div#pagecontent {
background: #ffffff url('images/con_background.png') top left no-repeat;
margin: 0;
width: 970px;
min-height: 477px;
padding-left: 6px;

}

div#quotephoto {
  width: 234px;
  height: 156px;
  float: left;
  padding-left: 1px;
}

div#quote {
  width: 414px;
  background: url('images/quote_background.png');
  height: 141px;
  float: left;
  padding-top: 15px;
  padding-right: 40px;
  padding-left: 15px;
  font-size: 1.4em;
  font-style: italic;
  color: #013b59;
  letter-spacing: -0.6px;
}

div#content {
  clear: both;
  padding-top: 0px;
}

div#sidebar {
   float: left;
   width: 210px;
}

div#maincontent {
  float: left;
  width: 710px;
  margin-left: 6px;
  min-height: 400px;
  margin-top: 40px;
}

div#maincontentparagraph {
  margin-left: 10px;
  float: left;
  margin-right: 10px;
  width: 680px;
  margin-bottom: 20px;
  clear: both;
}

div#maincontentparagraph_c3 {
  margin-left: 10px;

  margin-right: 10px;
  width: 680px;
  margin-bottom: 20px;
  clear: both;
}


div#maincontentparagraph_c1 {
  margin-left: 10px;
  float: left;
  margin-right: 10px;
  width: 320px;
  margin-bottom: 20px;
}
div#maincontentparagraph_c2 {
  margin-left: 10px;
  float: right;
  margin-right: 10px;
  width: 320px;
  margin-bottom: 20px;
}

div#maincontentparagraph p, div#maincontentparagraph_c1 p, div#maincontentparagraph_c2 p, div#maincontentparagraph_c3 p {
  margin-bottom: 8px;
}

div#maincontent a, div#maincontent a:active, div#maincontent a:visited {
  color: #013b59;
  font-weight: bold;
  text-decoration: none;
}

div#maincontent a:hover {
  text-decoration: underline;
}

div#maincontentparagraph ul, div#maincontentparagraph_c1 ul, div#maincontentparagraph_c2 ul, div#maincontentparagraph_c3 ul {
  margin-left: 20px;
  margin-bottom: 8px;
}

div#footer {
  font-size: 0.8em;
  color: #013b59; 
  border-top: 1px solid #b4d4e4; 
  margin-left: 10px; 
  float: left;
  width: 680px;

}

.knoplinks_klein {
  width: 185px;
  height: 28px;
  background: #ffffff url('images/buttonlinks_klein.png') top left no-repeat;
  font-size: 0.9em;
  margin-left: 16px;
  padding-left: 8px;
  padding-top: 10px;
  clear: right;
  color: #013b59;
}

.knoplinks_klein a, .knoplinks_groot a {
  color: #013b59;
  font-weight: bold;
  text-decoration: none;
}

.knoplinks_groot {
  width: 185px;
  height: 124px;
  background: #ffffff url('images/buttonlinks_groot.png') top left no-repeat;
  font-size: 0.9em;
  margin-left: 16px;
  padding-left: 8px;
  padding-top: 11px;
  clear: right;
  color: #013b59;
}


/* Headers */
h1 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 8px;
  color: #232323;
}

.boxheader {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 3px;
  color: #013b59;
  font-family: 'Arial', 'sans-serif';
  clear: both;
}

/* Various elements */
.boxtext {
  font-size: 0.8em;
  padding-right: 6px;
  color: #000000;
  border-bottom: 1px solid #b4d4e4;
  margin-bottom: 4px;
  margin-top: 5px;
  display: block;
  height: 90px;
  min-height: 90px;
}

.boxbutton {
  margin-top: 2px;
  text-align: right;

}


div#breadcrumbs {
  padding-bottom: 4px;
  border-bottom: 1px solid #4da4d0;
  width: 300px;
  font-size: 0.8em;
}

div#breadcrumbs_breed {
  padding-bottom: 4px;
  border-bottom: 1px solid #4da4d0;
  width: 600px;
  font-size: 0.8em;
}

div#breadcrumbs a, div#breadcrumbs_breed a {
  text-decoration: none;
  color: #4d4d68;
}

a.button img {
  margin-left: -12px;
  margin-top: -2px;

}


.cursusdatatabel {
  padding: 2px;
border-spacing:0px; 
}

 .cursusdatatabel td {
  border: 1px solid #c0c0c0;
  background: #f3f3f3;
  padding: 4px;

}




/* ROUNDED BOXES */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners1280x18.png'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */

	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #ffffff;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
        height: 150px;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/* FORMULIEREN */

.contactform label, .formbuilderform label {
  display: block;
  float: left;
  width: 150px;
  margin-top: 8px;
}

.contactform input, .contactform textarea, .formbuilderform textarea, .formbuilderform input, .contactform select, .formbuilderform select{
  margin-top: 8px;
}

.frmtest input{
 margin-bottom: 20px;
}

/* SMOELENBOEK */

div.smoelenboekitem-links {

width: 290px;
height: 200px;
float: left

}

div.smoelenboekitem-rechts {

width: 290px;
height: 200px;
float: right

}

.pasfoto-links {

margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
float: left

}

.pasfoto-rechts {

margin-bottom: 0px;
margin-left: 10px;
margin-right: 0px;
margin-top: 0px;
float: right

}

/* End of 'main' */