﻿

.editable {
    border: dotted 1px #493952;
}

div.site, div.content, div.contentLeft, div.contentRight {
    z-index: 500;
}
div.menu {
    z-index: 600;
}
ul.topnav ul {
    z-index: 700;
}

.ie7 ul.topnav ul  {
    z-index: 120000;
}

.none { display: none; }

/** colors */
.darkpurple, a.darkpurple, a.darkpurple:hover, .darkpurple:visited {
    color: #452e4b;
}
.darkpurple a, .darkpurple a:hover, .darkpurple a:visited {
    color: #452e4b;
}
.lightpurple, a.lightpurple, a.lightpurple:hover, .lightpurple:visited {
    color: #493952;
}
.lightpurpleLinks a, .lightpurpleLinks a:hover, .lightpurpleLinks a:visited  {
    color: #493952;
}
.white, a.white, a.white:hover, .white:visited {
    color: #fff;
}
.grey, a.grey, a.grey:hover, .grey:visited {
    color: #727272;
}
.bold 
{
	font-weight: bold; 
}
a, a:visited, a:hover {
    font-weight:bold;
}

/** basic layout */
html, body, td {
    font-size: 12px;
    font-family: Arial;    
}

h1
{
    margin-bottom:8px;
    color: #452e4b;
    font-size:20px;
}
h2
{
    margin-bottom:8px;
    color: #452e4b;
    font-size:16px;
}

.form {
    width: 100%;
}
html, body { 
    height: 100%;
    margin:0px;padding:0px;

 }
body {
 background-image:url(../../img/slices/bg.jpg);
 background-repeat: repeat;
}
div.clear {
    height:1px;
    clear:both;
}
div.header , div.header1 { 
    width: 100%; 
}
div.header , div.header1 , div.header1left, div.header1right {
    height:317px;
}
div.header1 { 
    position:absolute;
    z-index: 100;

}
div.header1left {
    position:absolute;
    left:0px;
    width: 50%;
    background-color:#82bd27;
    background-repeat: repeat-x;
    background-position: left 1px;
    background-image:url(../../img/slices/header-pixel-l.jpg);
}
div.header1right {
    position:absolute;
    right:0px;
    width: 50%;
    background-color:#82bd27;
    background-repeat: repeat-x;
    background-image:url(../../img/slices/header-pixel-r.jpg);

}
div.header {
    position:relative;
    top:0px;
    z-index: 200;
    width: 100%; 
    background-position: left 1px;
}
div.header div.headerphoto1 {
    /*position: relative;*/
    position:absolute;
    left:0px;
    top:0px;
    width: 990px;
    width: 775px;
    margin-left: auto;margin-right:auto;
}
div.header .loginlink 
{
    position:absolute;top: 4px;right:-215px;
}
.headerphoto1 {
    /*position: relative;*/
    position:absolute;
    left:300px;
    top:70px;
    
}
div.header div.headerphoto1 img {
    margin:0px;
    position: absolute;
    top:75px;
    z-index: 1000;
}


div.header img.headerphoto2 { 
    text-align:center;
    display:block;
    margin-left: auto;margin-right:auto;
    /*cursor:pointer;*/
}


div.menu {
    margin-top: 5px;
    width: 100%;
    height: 71px;
    background-image:url(../../img/slices/menubalk.jpg);
    background-position: left top;
    background-repeat:repeat-x;
}

div.menuInner 
{
  /*  z-index:999999;*/
    margin-left: auto;margin-right:auto;
    width: 992px;
    height: 45px;
    position:relative;
    top: 13px;
}
div.menuInner ul {
    position:relative;
    list-style-type:none;
    margin: 0px;
    padding:0px;
}
div.menuInner ul li {
    float:left;
    
    vertical-align:middle;
    /*padding:auto;*/
    padding-left:15px;
    padding-right:15px;
    height: 45px;
    border-left: solid 1px #cccccc;
    /*background-image:url(../../img/slices/scheidingslijnmenu.jpg);
    background-position:left top;
    background-repeat:repeat-y;*/
    /* scheidingslijnmenu.jpg */  
}

div.menu div.menuItem a, div.menu div.menuItem a:visited {
    color: #452e4b;
    color: #493952;
    font-size: 16px;
    text-decoration:none;    
}
/*div.menuInner ul li:first-of-type, */
/*  IE compatibility => */ div.menuInner ul li.first {
    padding-left:10px;
}


/*div.menuInner ul li:last-of-type, */
/*  IE compatibility => */ div.menuInner ul li.last {
    border-right: solid 1px #cccccc;
}
div.menuItem {
    margin-top: 14px;
    height:13px;    

}

div.breadcrums {
    margin-left: auto;margin-right:auto;   
    width: 980px;    
    padding-left: 10px;
    height: 30px;
}

div.site {
    margin-left: auto;margin-right:auto;
    width: 990px;
}


div.site div.content {
    clear:both; 
    position:relative;
    width: 990px;   
    background-color: #fff;     
}
.ie7 div.site div.content {
    position: static !important;
}
.ie7 div.content
{
    background-image:url(../../img/slices/verloop_content.jpg);
    background-position:left top;
    background-repeat:repeat-y;
}
div.site div.content div.contentLeft {
    min-height: 550px;
    float:left;
    width: 783px;
    padding-left: 10px;
    width: 772px;
    width: 752px;
	padding-right: 20px;
    background-image:url(../../img/slices/verloop_content.jpg);
    background-position:left top;
    background-repeat:repeat-y;
}
div.site div.content div.contentRight {
    min-height: 350px;
    float:left;
    /* 990px - 783px = 207px */
    width: 206px;
    
    background-image:url(../../img/slices/verlooprechts.png);
    background-position:left top;
    background-repeat:repeat-x;
    background-color:#fff;
}


div.sitemap {    
/*position:relative;*/
    clear:both;
    /*padding-left: 10px;*/
    padding-top: 3px;
    /*padding-bottom: -1px;*/
    border-top: solid 1px blue;
    background-image: url(../../img/slices/balk_sitemapmenu.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    border: solid 1px #dfdfdf;
    border-top: none;
    
}
div.sitemap ul { 
    list-style-type: none; 
    margin:0px; padding:0px;
    /*float: left;*/
    margin-top:5px;
    margin-right:10px;
    margin-bottom:25px;
}
div.sitemapItem a, div.sitemapItem a:visited, div.sitemapItem a:hover {
    color: #727272;
    text-decoration:none;
    font-weight:normal;
    line-height:20px;
}
/*div.sitemap ul li:first-of-type a, div.sitemap ul li:first-of-type a:visited, div.sitemap ul li:first-of-type a:hover {*/
div.sitemap ul li.first a, div.sitemap ul li.first a:visited, div.sitemap ul li.first a:hover {
    color: #493952;
    line-height:30px;
}
.sitemapCell{
    vertical-align:top;
    border-right-width:1px;
    border-right-color: Black;
    border-right-style:solid;
    padding-left: 10px;
    border-right-color:#dfdfdf;
}


div.site div.footer { 
    clear:both;
    width: 990px;
    margin-top:5px;
    padding-bottom:5px;
    text-align:right;
}

/** details */

/** right column */
div.rightblockContent {
    padding-left: 10px;
}
div.rightblockTitle {
    background-image:url(../../img/slices/knoprechts.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    
    width: 206px;
    height: 34px;
    overflow:hidden;
    vertical-align:middle;
}
div.rightblockTitle h1, div.rightblockTitle h2, div.rightblockTitle h3 {
    font-size: 16px;
    margin:0px;
    padding:0px;
    color:#fff;
    
    margin-top: 5px;
}
/** end right column */


/** news page */
.niewsItemOverzicht p {
    margin-top:12px;
    margin-bottom:12px;
}

.nieuwsoverzicht div.niewsItemOverzicht {
    _height: 100px;
    height: 100px;
    overflow-y:hidden;
}
.nieuwsoverzicht .even {
    background-color: #F1F5F4;
    position:relative;
    left:-10px;
    padding:1px 0px 5px 10px;
}
.ie7 .nieuwsoverzicht .even {
    background-color: #F1F5F4;
    position:relative;
    left:-10px;
    padding:1px 0px 20px 10px;
}


.contentLeft { position:relative; z-index: 10;}
/*.nieuwsoverzicht {
    padding-bottom: 185px;
}*/
.nieuwsoverzicht .bottomLinks, .nieuwsoverzicht .morenews {
    clear:left;
    /*position:absolute;
    bottom:0px;*/
    left:auto;
    padding:1px 0px 5px 10px;
    margin-left:-10px;
}

/*
.nieuwsoverzicht { 
    background-color: #F1F5F4; 
}
.nieuwsoverzicht .newsContent {

    background-image:url(../../img/slices/verloop_content.jpg);
    background-repeat:repeat-y;
    
    position:relative;
    left:-10px;
    padding:1px 0px 5px 10px;
}
*/
.nieuwsoverzicht h2 {
    /* data */
    margin-left:2px;
}



/** end news page */

.nieuwsbriefform {
    
}
.nieuwsbriefform input.text {
    border: solid 1px black;
    width: 150px;
}


/** jquery validation */
label.error { display:block; }

.subsubmenu
{
    position:absolute;
    /*top: 523px;
    *top:588px;
    *right:595px;
    */
    right:595px;
    bottom: 10px;
}
.subsubmenuLink  {
    margin-right: 5px;
}

/** toegevoegd */
.beforeCrumbs{
    color: #452e4b;
    margin-left: 3px;
}
.homeContent{
    margin-left: 6px;
}
.ie7 .homeContent{
    margin-left: 0px;
}
.homeTitel{
    margin-left: -3px; 
}
.ie7 .homeTitel{
    margin-left: 0px;  
}
.profielTable{
    width: 830px;
    vertical-align:top;
}
.locatie_cell{
    width: 120px;
    color: #452e4b;
}
.nbTableHeader
{
    width:250px;
    color: #452e4b;
    text-align:left;
}
.moreNewsItem
{
    line-height:20px;
}
.foutMelding
{
    color: Red;
}
.invalidInput
{
    color: Red;
    border-color: Red;
}
.notAgree
{
    color: red;
}
#aspnetForm label.error {
	width: auto;
	display: block;
	color: red;
}
input.error {
    
    border: solid 1px red;    
}
.home_image1
{
    padding-top:10px;
}
.home_image2
{
    padding-top:10px;
}
.home_image3
{
    padding-top:35px;
}
.contentLeft p
{
    /*width:740px;*/
    text-align:justify;
    line-height:18px;
    margin-left:4px;
}
.contentleft b
{
    margin-left:4px;
}

.ie7 .contentLeft h1 {
    margin-top: 10px;
}

.ie7 .contentLeftContent {
    margin-top: 3px;
    display:inline-block;    
}

.ie7 .morenews {
    padding-bottom: 5px;
    margin-bottom:-18px;
    margin-bottom:-19px;
    
}


.homeContent {
    /*display:block;*/
    position:relative;
    left: -6px;
    height:470px; 
}
.homeContent p
{
    width:auto;
    text-align:left;
    line-height:18px;
}

.newsarchiefLnk {
    position:relative;
    left:-4px;
}
.contentLeft td {
	vertical-align: top;
}

.searchDiv {
    height:30px;
    position:relative;
    float:right;
    width:210px;
}

.searchBox {
    position:relative;
    float:left;
    margin-top:12px;
    width:137px;
}
.searchButton {
    position:relative;
    float:right;
    margin-top:11px;
    padding-left:3px;
    padding-right:4px;
}