/* Start of CMSMS style sheet 'Screen' */
@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:url(uploads/images/template/bg.gif) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin:0;
	padding:0;
}

body.sub {
	background:url(uploads/images/template/bg-sub.gif) top repeat-x;
}

img {
	border: 0px;
}

ul {
	margin:0;
	padding:0;
}

p {
	line-height: 20px;
	color:#000;
	margin-bottom: 12px;
	font-size: 11px;	
}

p a {
	color: #f2930e;
}

a { 
       color: #f2930e;
}

a:hover { 
       color: #000000;
}

h1 {
	font-size: 20px;
	color: #f2930e;
	margin-bottom: 12px;
}

div.col-left h1 img {
        border: none;
	margin-bottom: 0px;
}

h2 {
	color: #000;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

h3, h4, h5, h6 {
	font-size: 12px;
	margin-bottom: 0px;
	color: #f2930e;
	font-weight: bold;
}

.tabelkop-boven {
}

.tabelkop-links {
}

div.error p {
       line-height: 14px;
       margin-bottom: 3px;
}

div#container {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:3;
top:0px;
}

div#header {
	width: 960px;
	height: 100px;
	position:relative;
}

div#header-bg {
	width: 635px;
	height: 100px;
	position:absolute;
	left: 0px;
	top:0px;
	z-index: 3;
}

div#logo {
	position:absolute;
	width: 208px;
	height: 82px;
	left: 0px;
	top:0px;
	padding-top:8px;
	z-index: 4;
}

div#nav {
	width: 960px;
	height: 38px;
	position:relative;
	background:url(uploads/images/template/bg-nav.gif) left no-repeat;
	margin-bottom: 25px;
}

div#nav ul {
	width: 960px;
	height: 38px;
	list-style:none;
position:relative;
}

div#nav ul li {
	position: relative;
	float:left;
	background:url(uploads/images/template/bg-nav.gif) right no-repeat;
	padding: 12px 13px 0 13px;
	margin:0;
}

div#nav ul li a {
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
}

div#nav ul li a:hover {
	color: #f2930e;
}

div#navsub {
        height: 65px;
        width: 960px;
	position:relative;
	background:url(uploads/images/template/bg-subnav.gif) left no-repeat;
	margin-bottom: 25px;
}

div#navsub ul {
        list-style:none;
        position: absolute;
        left: 0;
        width: 960px;
}

div#navsub ul li {
	float:left;
	background:url(uploads/images/template/bg-nav.gif) right no-repeat;
	padding-top: 12px;
	padding-left: 13px;
	padding-right: 13px;
}

div#navsub ul li a {
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
}

div#navsub ul li a:hover {
	color: #f2930e;
}

div#navsub ul li ul {
        top: 40px;
}

div#navsub ul li ul li {
	position: relative;
	float:left;
	background:url(uploads/images/template/bg-subnavigatie.gif) right no-repeat;
	padding-top: 5px;
	padding-left: 13px;
	padding-right: 13px;
}

div#navsub ul li ul li a {
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
}

div#navsub ul li ul li a:hover {
	color: #000000;
}

div.content {
	width: 960px;
	position:relative;
	margin-top: 17px;
}

div#footer {
	width: 960px;
	height: 50px;
	position:relative;
	background:url(uploads/images/template/footer.gif) top no-repeat;
}

div#footer p {
	font-size: 10px;
	padding-top: 10px;
}

div#footer p a {
	color: #000000;
        text-decoration: none;
}

div.col-left ul li a {
       color: #000000;        
}

div.col-left ul li a:hover {
       color: #f2930e;        
}

div.col-middle ul li a {
       color: #000000;   
}

div.col-middle ul li a:hover {
       color: #f2930e;   
}

div.content-text {
	width: 960px;
	position:relative;
	margin-top: 35px;
	background:url(uploads/images/template/bg-text.gif) repeat-y;	
}

body.singlecolumn div.content-text {
	background:url(uploads/images/template/bg-text-singlecolumn.gif) repeat-y;
}

div.content-subsub-text {
	width: 960px;
	position:relative;
	margin-top: 35px;
	background:url(uploads/images/template/bg-subsub-text.jpg) repeat-y;	
}

body.nologin div.content-subsub-text {
	background:url(uploads/images/template/bg-subsub-text-nologin.gif) repeat-y;
}

div.content-text ul, div.content-subsub-text ul {
       margin-bottom: 20px;
}

div.content-text ul li, div.content-subsub-text ul li {
       margin-left: 15px;
       margin-bottom: 3px;
       line-height: 18px;
}

div.content-text ol, div.content-subsub-text ol {
       margin-bottom: 20px;
}

div.content-text ol li, div.content-subsub-text ol li {
       margin-left: 15px;
       margin-bottom: 3px;
       line-height: 18px;
}

.clear {
	clear: both;
	width: 100%;
	height: 0px;
}

div#container ul.clearfix {
       list-style: none;
        margin-left: 0px;
}

div#container ul.clearfix li {
        width: 100%;
        margin-bottom 15px;
        float: left;
        background-color: #F1F1F1;
        padding: 10px;
        margin-left: 0px;
}

div#container ul.clearfix li a {
        color: #000000;
        font-weight: bold;
}

div#container ul.clearfix li ul li {
        list-style: none;
        float: left;
        width: auto;
        margin-right: 3px;
        margin-left: 0px;
       padding: 0 5 0 5;
}

div#container ul.clearfix li ul li a {
        color: #f2930e;
        font-weight: bold;
}

div#container ul.clearfix li ul li ul li {
        list-style: none;
        margin-left: 0px;
        margin-bottom: 0px;
        float: none;
}

div#container ul.clearfix li ul li ul li a {
        color: #f2930e;
        font-weight: normal;
   
}


/* P2000 */


div#p2000 {
	position:relative;
	float:right;
	width: 210px;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
	height: 168px;
	background:url(uploads/images/template/P2000bg.gif);
        margin-top: 20px;
}

div#p2000 p {
         font-weight: bold;
         text-transform: lowercase;
         line-height: 14px;
}

/* login scherm */

div#logout {
       position: absolute;
       left:  0px;
       top: -30px;
}

div#vlak-login {
	position:relative;
	float:right;
	width: 250px;
	height: 218px;
	background:url(uploads/images/template/bg-vlak-login.gif);
}

div#vlak-login img {
       margin: 0px;
}

div#tekst-login {
	position: absolute;
	height: 19px;
	top: -35px;
	left: -0px;
}

div#login-text {
	position: absolute;
	width: 120px;
	height: 216px;
	top: 0px;
	left: 0px;
}

div#login-form {
	position: relative;
	width: 220px;
	height: 106px;
	top: 50px;
	left: 15px;
}

div#login-form label {
         width: 80px;
         float: left;
}

div#login-form input {
         width: 80px;
         float: left;
}

div#zoektekst {
         position: absolute;
         width: 38px;
         height: 19px;
         left: 10px;
         top: 163px;
}

div#login-form .loginknop {
	width: 63px;
	height: 22px;
 	background:url(uploads/images/template/bg-login-knop.gif);
        position: relative;
        font-size: 1px;
        text-align: left;
        color: #f2930e;
        float: right;
        clear: both;
}

div#login-form .veld {
       height: 20px;
       position: relativel
       margin-bottom: 5px;
}

div#login-form input {
	position:relative;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
        height: 18px;
        width: 120px;
        padding: 0px;
        border: none;
}

div#zoekscherm {
        position: absolute;
        right: 20px;
        height: 22px;
        width: 125px;
        top: 112px;
 	background:url(uploads/images/template/spacer-search.gif) right no-repeat;
}

div#zoekscherm form {
         height: 22px;
	position:relative;
}

div#zoekscherm input {
	position:relative;
        height: 16px;
        padding: 0px;
        padding-top: 2px;
        border: none;
        margin: 0px;
}

div#zoekscherm .submit {
	position:absolute;
        height: 22px;
        width: 25px;
        background: #ff2930e;
        border: none;
        padding: 0px;
 	background:url(uploads/images/template/bg-zoeken-knop.gif) no-repeat;
        margin: 0px;
        right: 0px;
}

.wijzig {
        width: 100px;
}

.wijzig td .naam {
         width: 150px;
}

/* homepage */

div#header-image {
	position:absolute;
	right: 0px;
	top: 0px;
	height: 100px;
	background:url(uploads/images/template/header-image.jpg) right top no-repeat;
	width: 75%;
	z-index:1;
}

div#header-left {
	position:absolute;
	right: 960px;
	top: 0px;
	height: 100px;
	background: #FFF;
	width: 25%;
	z-index:2;
}

div#overlay-header {
	position:absolute;
        left: 0px;
        top: 0px;
        z-index: 99;
	width: 694px;
	height: 218px;
}

div#sfeerbeelden-home {
	position:relative;
	float:left;
	width: 694px;
	height: 218px;
}

div#actualiteiten {
	width: 694px;
	height: 129px;
	position: relative;
	float: left;
	background:url(uploads/images/template/bg-actualiteiten.jpg);
        z-index: 7;
        overflow: hidden;
}

div#actualiteiten .NewsSummary {
        width: 187px;
        height: 60px;
        padding: 20px;
        position: relative;
        margin-top: 48px;
        float: left;
        color: #FFFFFF;
        z-index: 10;
}

div#actualiteiten .NewsSummary a {
       color: #000000;
       text-decoration: none;
}

div#actualiteiten .NewsSummary p {
       color: #FFFFFF;
       line-height: 15px;
}

div#actualiteiten .NewsSummary .NewsSummaryPostdate {
        position: absolute;
        right: 10px;
        top: -5px;
        color: #FFFFFF;
        display: none;
}

div#actualiteiten .NewsSummary .NewsSummaryMorelink  a {
        position: absolute;
        right: 7px;
        top: 60px;
        color: #FFFFFF;
}

div#actualiteiten .NewsSummary .NewsSummaryLink {
      position: absolute;
       width: 200px;
       top: -6px;
       color: #000000;
}

div#actualiteiten .NewsSummary .NewsSummaryLink a {
       font-weight: normal;
       color: #000000;
       line-height: 12px;
}

.newsitem {
      padding-top: 4px;
      padding-bottom: 11px;
      border-bottom: 1px solid #cccccc;
      width: 160px;
}

div#werkgebied {
	position:relative;
	float:right;
	height: 129px;
	width: 250px;
}

div.col-left {
	width: 310px;
	padding-left: 0px;
	padding-right: 35px;
	padding-top: 0px;
        padding-bottom: 15px;
	position:relative;
	float:left;
}

body.singlecolumn div.col-left {
	width:658px;
}

div.col-left table {
        background-color: #ebebeb;  
        padding-top: 5px;
        padding-bottom: 5px;
}

div.col-left table tr {
        border-bottom: 1px solid #FFFFFF;   
}

div.col-left table tr td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
}

div.col-left table tr td.tabelkop-links {
        color: #f2930e;
        font-weight: bold;
}

div.col-left-subsub {
	width: 206px;
	padding: 0 19px 15px 0;
	position:relative;
	float:left;
}

div#subsubmenu {
        width: 206px;
	position:relative;
       background:url(uploads/images/template/spacer-subsubnav-bg.gif);
}

div#subsubkop {
        width: 206px;
        height: 20px;
	position:relative;
	background:url(uploads/images/template/subsub-menu-kop.jpg);        
}

div#subsubmenu ul {
       list-style: none;
       background:url(uploads/images/template/spacer-subsubnav-bg.gif);
       padding: 10px 0 10px 10px;
       margin:0px;
}

div#subsubmenu ul li a {
       color: #000000;
       text-decoration: none;
       font-weight: bold;
}

div#subsubmenu ul li a:hover {
       color: #f2930e;
       text-decoration: none;
}

div#subsubmenu ul li {
width:181px;
}

div#subsubmenu ul li ul {
background: none;
padding: 10px 0 10px 0;
}

div#subsubmenu ul li ul li {
       color: #000000;
       text-decoration: none;
       font-weight: normal;
       background: none;
       width: 161px;
       margin-left: 0px;
     padding-left: 10px;
     padding-right: 0px;
}

div#subsubmenu ul li ul li ul li {
   width: 141px;
}

div#subsubmenu ul li ul li ul li ul li {
   width: 121px;
}

div#subsubbottom {
        width: 206px;
        height: 20px;
	position:relative;
	background:url(uploads/images/template/subsub-menu-bottom.jpg);        
}

div.col-left img {
       border: 1px solid #ebebeb;
       margin-bottom: 10px;
}

div.col-middle {
	width: 278px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 43px;
	position:relative;
	float:left;
}

div.col-middle-subsub {
	width: 400px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 0px;
	position:relative;
	float:left;
}

body.nologin div.col-middle-subsub {
	width:700px;
	padding: 0 0 0 35px;
}

div.col-right {
	width: 260px;
	position:relative;
	float:right;
       margin-bottom: 15px;
}
	
div.col-right img {
	position:relative;
	margin-top: 15px;
	float:right;
}

div#fotosrechts {
position:relative;
float:right;
margin-top:15px;
width:248px;
}

div#fotosrechts div.fotokader {
width:248px;
background:#dddddd;
}

div#fotosrechts img {
float:none;
margin:0;
}

.footright {
        position: absolute;
        right: 0px;
        top: 0px;
}

div.snellinks {
        position: relative;
        margin-top: -40px;
}

table.tablesorter tbody tr.odd td, table.tablesorter tbody tr.even td  {
         padding-left: 20px;
         padding-top: 6px;
         padding-bottom: 6px;         
         background-color: #dddddd;
}

table.tablesorter tbody tr.odd td, table.tablesorter tbody tr.odd td  {
   padding-left: 20px;
         padding-top: 6px;
         padding-bottom: 6px;
         background-color: #f1f1f1;
}

td.pubdatum {
         text-align: right;
         padding-right: 20px;
         font-style: italic;
}

td a {
        color: #000000;
}

div#extranetbutton {
       position: relative; 
       left: 0px;
       color: #f2930e;
       font-weight: bold;
       text-decoration: none;
       font-size: 12px;
       width: 75px; 
       height: 20px;
       margin-bottom: 10px;
}

div#logout p {
       line-height: 10px;
       margin-bottom: 13px;
}

div.content-text table.wijzig {
      width: 300px;
      background-color: #FFFFFF;
}

div.content-text table.wijzig tr {
      vertical-align:text-bottom;
}

input#cntnt01feu_input_email {
        width: 150px;
}

div.formulier {
     width: 300px;
     margin-top: 30px;
}


div.formulier .invoer {
     height: 30px;
}

div.formulier label {
       width: 145px;
       float:left;
}

div.formulier input {
       width: 150px;
       float:left;
       background-color: #ebebeb;
       border: 1px solid #cccccc;
       height: 16px;
}

div.formulier textarea {
       width: 290px;
       float:left;
       background-color: #ebebeb;
       border: 1px solid #cccccc;
     margin-top: 10px;
     margin-bottom: 10px;
}

div.formulier .fbsubmit {
       width: 80px;
       float:right;
       background-color: #f2930e;
       border: 1px solid #cccccc;
     margin-bottom: 10px;
        height: 22px;
       color: #FFFFFF;
        margin-right: 10px;
}

hr {
      margin-top: 17px;
      margin-bottom: 17px;
       color: #cccccc;
}

.NewsSummarySummary p {
      margin-bottom: 0px;
}

li.empty {
    display:none;
}
/* End of 'Screen' */