/* Start of CMSMS style sheet 'v2_default_css' */
/* VVE - DEFAULT.CSS */


/* COLOURS
================================================================
gray-nav: #e5e5e5
gray-subnav: #999589
content-brown: #827d6d
link blue: #275387
logo blue: #004387
logo red: #E5232E
================================================================*/


/* RESETS
================================================================ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* STRUCTURE
================================================================*/
div#pagewrapper { text-align: left; margin: 10px auto 30px auto; border: 1px solid #827d6d; }
.container { width: 960px; margin:0 auto; }
.container_small { width: 630px; margin:0 auto; }
div.span-200, div.span-250, div.span-350, div.span-450, div.span-550, div.span-650 { float:left; margin-right: 20px; }
div.span-200 { margin-right: 15px; } /* 3 berichten middenkolom */
.last, div.last { margin-right: 0; }
.indent, div.indent { margin-left: 20px; }
.span-200 { width: 200px; } 
.span-250 { width: 250px; }
.span-350 { width: 350px; }
.span-450 { width: 450px; }
.span-550 { width: 550px; }
.span-650 { width: 650px; }

.clearfix:after, .container:after, .container_small:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
.clearfix, .container, .container_small { display:block; }
.clear { clear:both; }
.center { text-align: center; }

#contentmain { display: inline; } /* fixing IE double margin bug */


/* GENERAL SETTINGS
================================================================*/
html, body { height: 100%; }
body { font-size: 62.5%; font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, Verdana, sans-serif; color:#222; background: #000; }
div#pagewrapper { background: #827d6d; }

a { color: #275387; text-decoration: underline; padding: 0px; }
a:hover { background: #275387; color: #fff; text-decoration: none; padding: 1px; }
a:active { outline: none; -moz-outline-style: none; }
a:focus { outline: none; -moz-outline-style: none; }
.sideblock a:hover, .imgblock a:hover  { padding: 0; background: none; }

.links { float: left; padding: 0 15px 8px 0; background: #fff; }
.rechts { float: right; padding: 0 0px 8px 15px; background: #fff; }

#ie6 { text-align: center; }

/* HEADER
================================================================*/
#header { height: 215px; width: 960px; }
#header h1 { line-height: 1em; }
#header h1 a { height: 215px; width: 960px; text-indent: -9999px; background: url(graphics/vve_header.jpg) 0 0 no-repeat; display: block; text-decoration: none; }
#header h1 a:hover { padding: 0; }


/* NAVIGATION
================================================================*/
#menu { border-top: 1px solid #999589; border-bottom: 1px solid #999589; }
#subnav { height: 30px; background: #999589; }


/* BREADCRUMBS
================================================================*/
#breadcrumbs { padding: 6px 0 0 0; text-transform: lowercase; font-size: 12px; }
#breadcrumbs_inner { padding-left: 10px; }
#breadcrumbs span.lastitem { font-weight: bold; } 

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:active,
#breadcrumbs a:visited { 
        text-transform: lowercase; 
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #666; }

#breadcrumbs a:hover { font-weight: normal; background: transparent; padding: 0; color: #fff; }


/* SEARCH
================================================================*/
#search { padding-top: 4px; text-align: right; }
.zoekbutton {background: #4A3C31; color: #fff; border: 1px solid #aaa; padding: 0px 1px;}
.zoekveld {background: #827d6d; color: #fff; border: 1px solid #aaa; padding: 2px; margin-bottom: 0px;}

#search a.sitemap { font-size: 11px; background: #827d6d; color: #ddd; text-decoration: none; padding: 1px 4px;}
#search a.sitemap:hover { background: #275387; color: #fff; text-decoration: none; padding: 1px 4px; }

/* AFGELASTINGEN
================================================================*/
div#afgelastingen { width: 630px; text-align: center;  background: #ccc;}
div#afgelastingen ul { margin: 0; }
div#afgelastingen li {  list-style-type: none; text-transform: uppercase; margin: 0; }
div#afgelastingen li a { font-size: 16px; color: #fff; background:  #275387; padding: 2px; text-decoration: none; }


/* PRINT
================================================================*/
div#printicon { text-align: right; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc; }


/* CONTENT
================================================================*/
#content { padding: 20px 0; background: #827d6d; }

#contentmain_inner { background: #fff; padding: 10px; }
.contentblockmain { background: #fff; margin-bottom: 10px; padding: 10px; }
.sideblock { background: #fff; padding: 10px; margin-bottom: 10px; }

div.hidden { display: none; }

/* FOOTER
================================================================*/
#footertop { height: 70px; background: url(graphics/footertop.jpg) 0 0 no-repeat; }
#footer { height: 70px;  color: #fff; background: url(graphics/footerbg.jpg) 0 0 repeat; }
#footer_inner { padding-top: 10px;  }

#footer a { background: #275387; color: #fff; text-decoration: none; padding: 1px; }
#footer a:hover { background: #000; color: #fff; text-decoration: none; padding: 1px; }

#footer_left { margin-left: 20px; }
#footer_right { text-align: right; }

#footer_right p.counter a { padding: 0; background: none; }
#footer_right p.counter a:hover { padding: 0; background: none; }


/* TYPOGRAPHY
================================================================*/
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

h2.title { display: none; } /* slider */
h2 { color:#fff; background: #000; padding: 3px 8px; margin-bottom: 10px; font-weight: normal; }
h3 { color: #fff; background: #000; margin-bottom: 5px; margin-top: 20px; padding-left: 5px; }
.contentblockmain h3 { margin-top: 0; }
.contentblockmain h3>h3 { margin-top: 20px; }
h4, #contentside h4 { padding: 3px 0 2px 5px; margin: 10px 0; color: #fff; background: #E5232E; border-bottom: none; font-weight: normal; font-size: 13px; letter-spacing: 0px; }
#contentside h4:first-child, .container_small h4:first-child { margin-top: 0px; }
p { font-size: 14px; line-height: 1.4em; padding-bottom: 6px; }
p.smalltext { width: 600px; font-size: 12px; line-height: 1.2em; background: #eee; padding: 10px; margin: 15px 0; border: 1px solid #aaa; }


/* TABLES
================================================================*/
table { font-size: 14px;  }
#pages table { margin-bottom: 10px; }
table td { line-height: 1.6em; }
table.headlines { font-size: 14px; }
table.headlines td { padding: 3px 0; border-bottom: 1px solid #ccc;  }  


/* LISTS
================================================================*/
ul, ol { font-size: 14px; margin-left: 20px; }


/* ICON LINK STYLES
================================================================*/
a[href^="mailto:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"] {
  padding: 2px 22px 0 0;
  background-repeat: no-repeat;
  background-position: right bottom;}

a[href^="mailto:"] { background-image: url(graphics/icons/email.png);}
a[href$=".pdf"]  { background-image: url(graphics/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(graphics/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(graphics/icons/xls.png); }  
 
/* 
a[href^="http"]
a[href^="http"] { background-image: url(graphics/icons/external.png);}
*/

.sideblock a[href^="mailto:"],
.sideblock a[href$=".pdf"],
.sideblock a[href$=".doc"],
.sideblock a[href$=".xls"] {
  padding: 0;
  background-repeat: no-repeat;
  background-position: right bottom;}

.sideblock a[href^="mailto:"] { background-image: none;}
.sideblock a[href$=".pdf"]  { background-image: none; }  
.sideblock a[href$=".doc"]   { background-image: none; }  
.sideblock a[href$=".xls"]   { background-image: none; }  

.imgblock a[href$=".pdf"], a[href^="mailto:"] { background-image: none; padding: 0; }

/* End of 'vve_default.css' */

/* End of 'v2_default_css' */

