/* Start of CMSMS style sheet 'Website Michiel de Vlam' */
body {
background:#3C3C3C url(../uploads/images/squarestrife.jpg) repeat;
color:#FFF;font-family: Times, Verdana, Arial, Helvetica, sans-serif;font-size:14px;
margin:0
}

p {
padding: 2px 0px 2px 0px;
}

a {
color:#CCC;
}

a:hover {
color:#FFF;
text-decoration:underline
}

h1 {
color: gold;
font-size:17px; 
font-family:Times, Verdana, Arial, Helvetica, sans-serif;
}

h2 {
color:#CB8034;
font-size:17px; 
font-family:Times, Verdana, Arial, Helvetica, sans-serif;
}

h3,h4 {
font-size:14px
}

h5,h6 {
font-size:12px
}

div.maincontainer {
display:table;
margin:0 auto;
width:900px
}

div.topcontainer {
display:table;
height:75px;
margin:0 auto;
width:800px
}

div.tp_left {
display:table;
float:left;
height:75px;
width:500px
}

div.tp_left_logo {
display:table;
float:left;
font-size:11px;
height:50px;
margin-top:25px;
width:300px
}

div.tp_spc_right {
display:table;
float:left;
height:50px;
width:300px
}

div.tp_right_bottom {
display:table;
float:left;
height:25px;
text-align:right;
width:300px
}

div.tp_right_bottom a:active,div.tp_right_bottom a:visited,div.tp_right_bottom a:link {
color:#FFF;
font-weight:700;
text-decoration:none
}

div.tp_right_bottom a:hover {
color:#CB8034
}

div.contentholder {
border-color:#1D1D1D;
border-style:solid;
border-width:10px 10px 20px;
display:table;
margin:0 auto;
width:785px
}

div.mainlinkcontainer {
display:table;
margin:0 auto;
width:785px
}

/* MENU TOP*/

ul.topmenu {
list-style-type:none;
margin:0;
padding:0
}

ul.topmenu li {
float:left
}

ul.topmenu li a {
border-top:3px solid #000; 
color:#CCC;
display:block;
height:auto;
line-height:1.3em;
margin-left:.5em;
margin-right:.5em;
padding:.6em 1em 1.5em;
text-align:center;
text-decoration:none;
width:auto
}

ul.topmenu li a:hover {
background-color:grey;
border-top:3px solid gold;
color:orange;
text-decoration:none
}

/* MENU TOP & MENU SIDE active appearance*/

ul.topmenu li a.currentpage {
color:black;
background-color: none;
border-top:3px solid gold;
}

ul.topmenu li a.activeparent {
color:#ddd;
background-color: none;
}

ul.sidemenu li a.currentpage {
color:black;
}

ul.sidemenu li a.activeparent {
color:#ddd;
}

/* HEADER */

div.headerimgcontainer {
background-color:#000;
background-image:url(../uploads/images/headerimg.jpg);
background-repeat:no-repeat;
border-color:#000 #FFF;
border-left-width:0;
border-right-width:0;
border-style:solid;
border-top-width:5px;
display:table;
height:115px;
margin:0 auto;
width:800px
}

/* CONTENT SECTIE */

div.subcontentcontainer {
background-color:#000;
border:0 solid #999;
color:#999;
display:table;
font-size:11px;
line-height:130%;
width:785px
}

div.subcontentholder {
display:table;
}

div.maincontentcontainer {
background-color:#1A1A1A;
color:#999;
display:table;
width:800px;
}

/* CONTENT SECTIE LINKS */

div.mainc_left {
border-color:#CCC;
border-style:solid;
border-width:0;
color:#CCC;
display:table;
float:left;
line-height:130%;
width:566px;
}

div.mainc_left_f {
color:ivory;
display:table;
padding:5px;
}

div.mainc_left_s {
color:#CCC;
display:table;
margin:0;
width:600px
}

/* CONTENT SECTIE RECHTS */

div.mainc_right {
background-color:#000;
color:#CCC;
display:table;
float:right;
height:auto;
padding:0 0 1em;
width:200px; 
font-family:Times, Verdana, Arial, Helvetica, sans-serif;
}

div.mainc_right_box {
background-color:#000;
color:#CCC;
display:table;
float:left;
margin:25px;
padding:0px 0px 0px 10px;
}

ul.sidemenu {
display:table;
list-style-type:none;
margin:0;
padding:0
}

ul.sidemenu li {
border-color:#666;
border-style:none;
border-width:0 0 1px;
display:table;
padding:0;
width:150px
}

ul.sidemenu li a {
color:#999;
display:block;font-family:Times, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
height:auto;padding:5px;
text-decoration:none;
width:150px
}

ul.sidemenu li a:hover {
background-color:#171717;
color:#E6EEF7;
text-decoration:none
}

.mainc_right_box h2{
color:gold;
display:block;
font-family:Times; Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
height:auto;
margin-bottom:0;
margin-top:-4px;
padding:0px 5px 5px 5px;
}

/* FOOTER */

div.mainfootercontainer {
background-color:#333;
border:0 dashed #CCC;
color:#999;
display:table;
line-height:130%;
width:800px
}

div.mainfooter_holder {
color:#999;
display:table;
height:auto;
padding:5px
}

div.thinfootercontainer {
background-color:#000;
color:#CCC;
display:table;
height:auto;
padding:0;
width:800px
}

div.thinfooter_holder {
color:#CCC;
display:table;
height:auto;
padding:5px
}

ul.topmenu li a.currentpage,ul.sidemenu li a.currentpage {
color:#fff;
background-color:grey;
}

ul.topmenu li a.activeparent,ul.sidemenu li a.activeparent {
color:#ddd;
background-color:black;
}

/* ---------------------   NIEUWS OPTIONEEL--------------------------------------------- */

.NewsSummary{border-bottom:1px solid #232323;margin-bottom:1em}
.NewsSummaryPostdate{float:right;font-size:110%;font-weight:700;margin:0 2em 0 6em}
.NewsSummaryLink{font-size:125%;font-weight:700;margin-bottom:.8em}
.NewsSummaryCategory{clear:right;float:right;font-style:italic;margin:0 2em 0 6em}
.NewsSummaryAuthor{clear:right;float:right;font-style:italic;margin:0 2em 1.2em 6em}
.NewsSummaryContent{line-height:1.25em;margin-bottom:1.5em}
fieldset{color:#999}
label{font-size:115%}
textarea,input{background:#232323;color:#ccc;padding:.2em}
input.button{background:#323232;border:1px solid #000;color:#ccc;padding:.5em}
div#NewsPostDetailDate{color:#909090;float:right;font-weight:700;margin:0 3em 0 6em}
h3#NewsPostDetailTitle{font-size:125%}
hr#NewsPostDetailHorizRule{background:#333;border:0;height:2px;margin:0 0 1.5em;width:99%}
div#NewsPostDetailCategory{float:right;font-style:italic;margin:0 6em 0 3em;text-align:right}
div#NewsPostDetailAuthor{clear:right;float:right;font-style:italic;margin:0 6em 0 3em;text-align:right}
div#NewsPostDetailContent{margin-right:200px}
div#NewsPostDetailPrintLink{float:right;font-weight:700;margin:2em 200px 2em 0}
div#NewsPostDetailReturnLink{float:left;font-weight:700;margin:2em 0 2em 200px}
/* EOF */

/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */



/* End of 'Website Michiel de Vlam' */