﻿* 
{
	margin:0;
	padding:0;
}
html,body
{
	margin:0;
	padding:0;
}
body
{
	height:100%;
	margin:0;
	font-family:Arial;
	font-size:12px;
}
               
                    
/* ======================= TEST ============== */
#inhoud {
/* Typical fixed height and fixed width example */
height: 90px;
overflow: auto;
overflow-y:hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}




.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 0px;
background-color: white;
}
.vscrollerbar {
width: 0px;
background-color: black;
}
.hscrollerbase {
height: 8px;
background-color: white;
}
.hscrollerbar {
height: 8px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
/* ======================= TEST ============== */




/* =====================  HEADER  ===================== */

#headerCMS{
	position:absolute;
	left:0px;
	right:0;
	top:0;
	height:150px;
	width:100%;
	background-image: url(images/background_header.jpg);
	z-index: 100;
}


#headerCMSlogin
{
	width:100%;
	float:right;
	height:26px;
	text-align:right;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#1d364f;
	padding-top:5px;
}

#headerCMSmenu
{
	float:left;
	vertical-align:bottom;
	padding-left:100px;
	height:28px;
}

#headerCMSonderdelen
{
	width:100%;
	float:left;	
	height:88px;
}

.CMSmenuOnderdeel
{
	width:89px;
	height:88px;
	float:left;
	background-image:url('images/onderdeel.png');
}
.divOnderdeelImage
{
	height:66px;
	width:100%;
	vertical-align:middle;
	text-align:center;
}
.divOnderdeelHeader
{
	height:22px;
	width:100%;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	margin-top:2px;
	vertical-align:middle;
	color:#4e7aa5;
}


#divAssetNaam
{
	float:left;
	background-image:url('images/assets.jpg');
	width:28px;
	height:78px;
	background-repeat:no-repeat;
}


#divNieuwsbriefAssets
{
	float:left;
	background-image:url('images/assets.jpg');
	width:28px;
	height:78px;
	background-repeat:no-repeat;
}


/* =====================  HEADER  ===================== */


#contentContainerCMS{
	padding-top:150px;
	width:100%;
	top:150px;
	bottom:0px;
}









/* =====================  popup  ===================== */

#aanpassenData
{
	margin: auto;
	width: 688px;
}


#aanpassenHeader
{
	background-image:url('images/popup_header.png');
	height:15px;
	width:100%;
	background-repeat:no-repeat;
}


#aanpassenCenter
{
	background-image:url('images/popup_center.png');
	width:100%;
	background-repeat:repeat-y;
	padding: 0 15px 0 15px;
}

#aanpassenCenterData
{
	width:640px;
}


#aanpassenFooter
{
	background-image:url('images/popup_footer.png');
	height:21px;
	width:100%;
	background-repeat:no-repeat;
}

/* =====================  popup  ===================== */



.tekstCMS
{
	font-family:Arial, Verdana;
	font-size:12px;
}

.h1CMS
{
	font-family:Arial, Verdana;
	font-size:20px;
	font-weight:bold;
}

.h2CMS
{
	font-family:Arial, Verdana;
	font-size:16px;
	font-weight:bold;
}

.breadCMS, .breadCMS a , .breadCMS a:link
{
	font-family:Arial, Verdana;
	font-size:12px;
	color:Black;
}



.breadCMSactief
{
	font-family:Arial, Verdana;
	font-size:14px;
	font-weight:bold;	
}


/* start ====> formulier -------------------------------    */  
INPUT.form
{
	border-right: #3688c9 1px solid;
	border-top: #3688c9 1px solid;
	border-left: #3688c9 1px solid;
	border-bottom: #3688c9 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
	width:250px;

}
SELECT.form
{
	border-right: #9e9672 1px solid;
	border-top: #9e9672 1px solid;
	border-left: #9e9672 1px solid;
	border-bottom: #9e9672 1px solid;
	background: #fffdfa;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
}

INPUT.submit
{
	background: #3688c9;
	color: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3688c9;
	border-right-color: #3688c9;
	border-bottom-color: #3688c9;
	border-left-color: #3688c9;
	width: 100px;
	font-family: Arial;
	font-size: 12px;

	
}
TEXTAREA.form
{
	border-right: #3688c9 1px solid;
	border-top: #3688c9 1px solid;
	border-left: #3688c9 1px solid;
	border-bottom: #3688c9 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:150px;
	width:250px;
	color: #6b6c64; 

}

/* eind ====> formulier ---------------------------------    */  











table.RadCalendar_Default {

    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin:auto;
}

.RadCalendar_Default .rcTitlebar {
    display:none; 
}

    .RadCalendar_Default .rcTitlebar table {
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 23px;
    }

    .RadCalendar_Default .rcTitlebar td {
        padding: 0 0 1px;
    }

    .RadCalendar_Default .rcTitlebar .rcPrev, .RadCalendar_Default .rcTitlebar .rcNext, .RadCalendar_Default .rcTitlebar .rcFastPrev, .RadCalendar_Default .rcTitlebar .rcFastNext {
        background-image: url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
        color: #ccc;
    }

    .RadCalendar_Default .rcTitlebar .rcFastPrev {
        margin-left: 6px;
        background-position: 1px -197px;
    }

    .RadCalendar_Default .rcTitlebar a.rcFastPrev:hover {
        background-position: 1px -247px;
    }

    .RadCalendar_Default .rcTitlebar .rcPrev {
        background-position: 4px -297px;
    }

    .RadCalendar_Default .rcTitlebar a.rcPrev:hover {
        background-position: 4px -347px;
    }

    .RadCalendar_Default .rcTitlebar .rcNext {
        background-position: 3px -397px;
    }

    .RadCalendar_Default .rcTitlebar a.rcNext:hover {
        background-position: 3px -447px;
    }

    .RadCalendar_Default .rcTitlebar .rcFastNext {
        margin-right: 6px;
        background-position: 1px -497px;
    }

    .RadCalendar_Default .rcTitlebar a.rcFastNext:hover {
        background-position: 1px -547px;
    }

.RadCalendar_Default .rcMain {
    border-color: #868686;
}

.RadCalendar_Default .rcMainTable {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin:5px;
    width:205px;
}

.RadCalendar_Default .rcHeader, .RadCalendar_Default .rcFooter {
    border-color: #868686;
}

.RadCalendar_Default .rcWeek th {
    padding: 4px 6px 3px 0;
    color: #83b817;
}

.RadCalendar_Default .rcWeek .rcViewSel {
    width: 13px;
    padding: 0 7px 0 9px;
    background: #eee;
}

.RadCalendar_Default .rcRow th {
    width: 13px;
    padding: 0 7px 0 9px;
    background: #eee;
    color: #696969;
}

.RadCalendar_Default .rcRow td {
    border-color: #fff;
    width:30px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    border:solid 1px white;
}

.RadCalendar_Default .rcMain .rcRow a, .RadCalendar_Default .rcMain .rcRow span {
    color: black;
}

.RadCalendar_Default .rcMain .rcWeekend a {
    color: black;
}

.RadCalendar_Default .rcRow .rcToday {
    border-color: black;
}

.RadCalendar_Default .rcMain .rcOtherMonth a, .RadCalendar_Default .rcMain .rcOutOfRange span {
    color: white;
}

.RadCalendar_Default .rcRow .rcSelected {
        background-color:black;
}

.RadCalendar_Default .rcMain .rcRow .rcSelected a {
    color: white;

}

.RadCalendar_Default .rcRow .rcHover {
}

.RadCalendar_Default .rcMain .rcRow .rcHover a {
    color: white;
}

.RadCalendarMultiView_Default .rcTitlebar {
    border-color: #9a9a9a #9c9c9c #9c9c9c;
    background: #c5c5c5 0 -1199px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
}

    .RadCalendarMultiView_Default .rcTitlebar table {
        border: 1px solid;
        border-color: #fdfdfd #f3f3f3 #e7e7e7;
        line-height: 27px;
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcFastPrev:hover {
        background-position: 1px -647px;
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcPrev:hover {
        background-position: 4px -747px;
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcNext:hover {
        background-position: 3px -847px;
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcFastNext:hover {
        background-position: 1px -947px;
    }

.RadCalendarMultiView_Default .rcMain {
    border-color: #9b9b9b;
}

.RadCalendarMultiView_Default .rcCalendar {
    border-color: #868686;
}

    .RadCalendarMultiView_Default .rcCalendar .rcMainTable {
        height: 176px;
    }

.RadCalendarMultiView_Default .rcMainTable .rcTitle {
    padding: 0 0 2px;
    line-height: 22px;
    font-family:'Comic Sans MS', Arial;
    color:white;
    text-align:center;
    font-size:20px;
    background-image:url(images/agenda-header.png);
    background-repeat:no-repeat;
    height:32px;
    text-transform:capitalize;

}

table.RadCalendarMonthView_Default {
    border-color: #979797;
    background: white;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
}

.RadCalendarMonthView_Default #rcMView_Feb, .RadCalendarMonthView_Default #rcMView_Apr, .RadCalendarMonthView_Default #rcMView_Jun, .RadCalendarMonthView_Default #rcMView_Aug, .RadCalendarMonthView_Default #rcMView_Oct, .RadCalendarMonthView_Default #rcMView_Dec {
    border-right: 1px solid #e0e0e0;
}

.RadCalendarMonthView_Default a {
    color: #333;
}

.RadCalendarMonthView_Default .rcSelected a {
    border-color: #8d8d8d #7d7d7d #6c6c6c;
    background: #828282 0 -1700px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #fff;
}

.RadCalendarMonthView_Default #rcMView_PrevY a, .RadCalendarMonthView_Default #rcMView_NextY a {
    width: 17px;
    height: 14px;
    background-image: url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #ccc;
}

.RadCalendarMonthView_Default #rcMView_PrevY a {
    background-position: 7px -196px;
}

.RadCalendarMonthView_Default #rcMView_NextY a {
    background-position: 7px -496px;
}

.RadCalendarMonthView_Default .rcButtons {
    padding: 6px 7px 5px;
}

.RadCalendarMonthView_Default input {
    border-color: #a7a7a7 #7b7b7b #7b7b7b #a7a7a7;
    background: #e9e9e9 0 -2300px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #000;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
}

table.RadCalendarTimeView_Default {
    border-color: #868686;
    background: white;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.RadCalendarTimeView_Default th {
    border-bottom: 1px solid #c4c4c4;
    padding: 0 0 1px;
    background: #eaeaea 0 -1000px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #000;
    line-height: 23px;
}

table.RadCalendarTimeView_Default td {
    border-color: #c5c5c5;
}

.RadCalendarTimeView_Default a {
    color: #333;
}

.RadCalendarTimeView_Default td.rcSelected a {
    border-color: #8d8d8d #7d7d7d #6c6c6c;
    background: #828282 0 -1700px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #fff;
}

.RadCalendarTimeView_Default td.rcHover a {
    border-color: #c4c4c4 #b2b2b2 #9e9e9e;
    background: #c5c5c5 0 -1600px repeat-x url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
    color: #000;
}

.RadCalendarTimeView_Default .rcFooter {
    border-color: #c5c5c5;
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    background-image: url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTKPvhqXHx1XSNHwiPvlmZmEMkHoIeq-9EBB4nmi5D5pH4PjVQV41AUM-10AZE12cGKw8-0JlNgJkCSH3gdnjwpiTVgrBRrp70q88GCydSZGvC1Kx7gqlW-Rp7hrZLwxEKhJJTAWkq7pZXPgeKsyySj01&t=635017189600000000');
}

.RadPicker_Default .rcCalPopup {
    background-position: 0 0;
}

.RadPicker_Default a.rcDisabled.rcCalPopup:hover {
    background-position: 0 0;
}

.RadPicker_Default a.rcCalPopup:hover, .RadPicker_Default a.rcCalPopup:focus, .RadPicker_Default a.rcCalPopup:active {
    background-position: 0 -50px;
}

.RadPicker_Default .rcTimePopup {
    background-position: 0 -100px;
}

.RadPicker_Default a.rcDisabled.rcTimePopup:hover {
    background-position: 0 -100px;
}

.RadPicker_Default a.rcTimePopup:hover, .RadPicker_Default a.rcTimePopup:focus, .RadPicker_Default a.rcTimePopup:active {
    background-position: 0 -150px;
}

.RadCalendarRTL_Default .rcTitlebar .rcFastPrev {
    background-position: 1px -497px;
}

.RadCalendarRTL_Default .rcTitlebar a.rcFastPrev:hover {
    background-position: 1px -547px;
}

.RadCalendarRTL_Default .rcTitlebar .rcPrev {
    background-position: 3px -397px;
}

.RadCalendarRTL_Default .rcTitlebar a.rcPrev:hover {
    background-position: 3px -447px;
}

.RadCalendarRTL_Default .rcTitlebar .rcNext {
    background-position: 4px -297px;
}

.RadCalendarRTL_Default .rcTitlebar a.rcNext:hover {
    background-position: 4px -347px;
}

.RadCalendarRTL_Default .rcTitlebar .rcFastNext {
    background-position: 1px -197px;
}

.RadCalendarRTL_Default .rcTitlebar a.rcFastNext:hover {
    background-position: 1px -247px;
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcFastPrev:hover {
    background-position: 1px -947px;
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcPrev:hover {
    background-position: 3px -847px;
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcNext:hover {
    background-position: 4px -747px;
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcFastNext:hover {
    background-position: 1px -647px;
}




.RadCalendar_Default .rcRow .opentotseven {
    color:white;
background-color:#83b817;
}
.RadCalendar_Default .rcRow .opentotseven span {
    color:white;
}



.RadCalendar_Default .rcRow .opentotnegen {
        color:white;
background-color:#56a2be;
}

.RadCalendar_Default .rcRow .opentotnegen span {
    color:white;
}



.RadCalendar_Default .rcRow .opentotvijf {
        color:white;
background-color:#904bd1;
}

.RadCalendar_Default .rcRow .opentotvijf span {
    color:white;
}


.RadCalendar_Default .rcRow .opentotzes {
        color:white;
background-color:#ff00f0;
}

.RadCalendar_Default .rcRow .opentotzes span {
    color:white;
}




.RadCalendar_Default .rcRow .alleenreserveren {
        color:white;
background-color:#ffa800;
}
.RadCalendar_Default .rcRow .alleenreserveren span {
    color:white;
}



.RadCalendar_Default .rcRow .gesloten {
        color:white;
background-color:#ff0000;
}
.RadCalendar_Default .rcRow .gesloten span {
    color:white;
}


.RadCalendar_Default .rcRow .rcOtherMonth  {
    background-color:transparent;
    color:transparent;
}

.RadCalendar_Default .rcRow  .rcOtherMonth span{
    display:none;
}




