html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, dl, dt, dd, td, form, fieldset, a, img, button {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
}

ul {
    list-style-type: circle;
    margin-left: 0px;
    padding-left: 10px;
    font-size: 1.0em;
    color: #0033cc;
}

li {
    padding-left: 0px;
}

body {
    text-align: center;
    /*    background-color: #D6DBE9 !important;
*/ background-color: #B4B7C1 !important;
    /*background-image: url(Images/bg_tile.gif);
*/
    font: normal 80% "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
    color: black !important;
}

h1, h2, h3, h4, h5, h6, a {
    font-family: Trebuchet MS, Helvetica,Arial, Sans-Serif;
}

h1, h2 {
    color: black;
}

h3, h4, h5, h6 {
    color: black;
}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
    margin: 0.5em 0 0 0;
    font-size: 1.4em;
    font-weight: bold;
}

h2 {
    margin: 0.5em 0 0 0;
    font-size: 1.3em;
    font-weight: bold;
}

h3 {
    margin: 0.5em 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
}

h4 {
    margin: 0.5em 0;
    font-size: 1.1em;
    font-weight: bold;
}

h5 {
    margin: 0.5em 0;
    font-size: 1em;
    font-weight: bold;
}

h6 {
    margin: 0.5em 0;
    font-size: 0.9em;
    font-weight: bold;
}

p {
    margin: 1em 0em;
    line-height: 1.1em;
}

a {
    color: #0000AA;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

blockquote {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal !important;
    color: #2D2D2D;
}

HyperLink {
    color: #0000AA !important;
}

    HyperLink:hover {
        text-decoration: underline;
        color: #0000FF;
        height: 50px;
        padding-left: 1px;
        padding-right: 0px;
        font-size: 1.0em;
    }

#wrapper {
    width: 1090px;
    margin: 0 auto;
    padding-bottom: 0px;
    border-right: 1px solid #20B583;
    text-align: left; /*background-color: #0066CC;*/
    background-repeat: repeat-y;
    background-position: center top;
    max-width: 1200px;
    */
}

* html .wrapper { /*** IE5.x/win box model fix ***/
    width: 1092px;
    width: 1090px;
}

div.applicationWrapper {
    width: 1087px;
    border-left-color: #20B583;
    border-left-style: solid;
    border-left-width: 1px;
    margin-top: -1px;
}

#wrapper1columns {
    width: 1090px;
    margin: 0 auto;
    padding-bottom: 0px;
    border-right: 1px solid #20B583;
    text-align: left;
    background-repeat: repeat-y;
    background-position: center top;
}

#wrapper1columnsboekscherm {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: left;
    height: 890px;
}

* html .wrapper1columns { /*** IE5.x/win box model fix ***/
    width: 1092px;
    width: 1090px;
}

#header {
    height: 146px;
    position: relative;
    background-position: right;
    z-index: 10;
}

#contentwrapper {
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 788px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 150px; /*** Critical left col dimension value ***/
    border-left: 1px solid #20B583; /*** Critical left divider dimension value ***/
    border-right: 0px solid #20B583; /*** Critical right divider dimension value ***/
}

#contentwrapper1columns {
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 1086px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 0px; /*** Critical left col dimension value ***/
    border-left: 5px solid Indigo;
    /*border-left: 5px solid #d66FD6;*/
    border-right: 0px solid #20B583; /*** Critical right divider dimension value ***/
    height: 732px;
}

#contentwrapper1columnsboekscherm {
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 1086px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 0px; /*** Critical left col dimension value ***/
    /*border-left: 5px solid #d66FD6;*/
    height: 855px;
}

* html #contentwrapper1columns { /*** IE5.x/win box model fix ***/
    width: 1092px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    width: 1090px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

#floatwrapper {
    float: left;
    width: 748px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-right: -1px; /*** Static fix ***/
}

#floatwrapper1columns {
    float: left;
    width: 1086px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-right: -1px; /*** Static fix ***/
}

#copy {
    background-image: linear-gradient( Indigo, #8D68A0 20%, #9FA6B7 80%);
}

#copyboekscherm {
    background-image: linear-gradient( #937AA7, Lavender 20%, Lavender 80%);
}

#titlepanel {
    color: white;
    background-image: linear-gradient( Indigo, #8D68A0 94%, Violet 6%);
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    width: 1088px;
    border-left: 1px solid Darkviolet;
}

#header {
    height: 146px;
    position: relative;
    background-position: right;
    z-index: 10;
}

#footer {
    clear: both;
    margin-right: 0px;
    margin-bottom: 1px;
    padding-top: 4px !Important;
    padding-right: 15px;
    padding-left: 10px;
    border-top: 3px solid Darkviolet;
    border-bottom: 2px solid Indigo;
    font-size: 0.9em;
    color: white;
    background-color: #68217A !important;
    height: 20px;
}
/* Voor Validation summary */
ValidationSummary {
    padding: 10px;
    border: 1px solid Green;
}

.cancelbutton {
    margin-left: 25px;
}

.qsf-demo-canvas {
}

    .qsf-demo-canvas .breadcrumb {
        height: 50px;
        background: transparent url(Images/bg.png) repeat-x 0 0;
        padding-top: 10px;
    }

        .qsf-demo-canvas .breadcrumb h3 {
            font: 24px Georgia, Arial, "sans-serif";
            clear: left;
            margin: 20px 0 0 148px;
            color: #000;
        }
    /** Customize the menu */
    .qsf-demo-canvas .RadMenu {
        float: none;
    }
/** Mega-Menu t.b.v. Rapporteringen*/
div#SchermWrapper h3 {
    background-color: #2D4275;
    color: white;
    height: 33px;
    padding-left: 5px;
    width: 985px;
    font-size: 1.8em;
}

div#PrintWrapper h3 {
    background-color: #2D4275;
    color: white;
    height: 33px;
    padding-left: 5px;
    width: 985px;
    font-size: 1.8em;
}

div#SpreadSheetWrapper h3 {
    background-color: #2D4275;
    color: white;
    height: 33px;
    padding-left: 5px;
    width: 985px;
    font-size: 1.3em;
}

div#SchermWrapper {
    background-color: skyblue;
}

div#PrintWrapper {
    background-color: skyblue;
}

div#SpreadSheetWrapper {
    background-color: #C7D0DB;
}

div.RadSiteMap .rsmLink,
div.RadSiteMap .rsmTemplate {
    padding: 0;
}

.RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmItem {
    list-style: disc inside none;
    list-style-type: circle;
}

div.RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmTemplate {
    padding-left: 0;
    color: black !important;
    font-size: 8.6pt !important;
    font-family: Tahoma !important;
}

div.SchermWrapper .PrintWrapper .SpreadSheetWrapper {
    margin: 0 5px 0 0;
    padding: 0 0 5px 0;
    float: left;
    width: 890px;
}

    div.SchermWrapper .PrintWrapper .SpreadSheetWrapper h3 {
        text-transform: uppercase;
    }
/** Customize the site map (bread crumb) */
.qsf-demo-canvas .breadcrumb .RadSiteMap {
    border-left: 140px solid #ffa800;
}

.qsf-demo-canvas .breadcrumb ul.rsmFlow {
    padding-bottom: 0;
}

.qsf-demo-canvas .breadcrumb .rsmOneLevel li.rsmItem,
.qsf-demo-canvas .breadcrumb .rsmOneLevel .rsmItem a.rsmLink {
    color: #333;
}

    .qsf-demo-canvas .breadcrumb .rsmOneLevel .rsmItem a.rsmLink:hover {
        color: #555;
        text-decoration: underline;
        background: none;
    }
/**
 Radgrid rounded corners
	*/
.RadGrid {
    border-radius: 10px;
    overflow: hidden;
}
/** RadCombobox style elements*/
/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.col1,
.col2,
.col3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 180px;
    line-height: 14px;
    float: left;
}
/** Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 125px;
}
/*telerik-button en listbox styles*/
listbox {
    background: url(./Images/imagesLoterij2.jpg) no-repeat;
    font-size: 0,8em;
}

.mainWrap {
    padding: 30px 0 0;
    width: 120px;
    /*height: 497px;*/
    margin-left: -15px;
    margin-right: -15px;
}

.btnWrap {
    width: 90px;
    margin: auto;
    padding: 4px;
    background-color: #005440;
    border-radius: 4px;
    text-align: center;
}

span.rbLinkButton.RadButton.loten,
span.rbLinkButton.RadButton.delete,
span.rbLinkButton.RadButton.deleteall,
span.rbLinkButton.RadButton.allesloten {
    position: relative;
    padding: 0;
    margin: 2px;
    border: 0;
    border: 6px solid;
}

    span.rbLinkButton.RadButton.RadButton.loten:hover,
    span.rbLinkButton.RadButton.delete:hover,
    span.rbLinkButton.RadButton.deleteall:hover,
    span.rbLinkButton.RadButton.allesloten:hover {
        border-color: #fff;
    }

span.rbLinkButton.RadButton.loten,
span.rbLinkButton.RadButton.delete {
    margin-bottom: 5px;
}

.btnText {
    display: block;
    height: 24px;
    line-height: 14px;
    position: absolute;
    left: -1px;
    bottom: 5px;
    color: #fff;
    text-align: center;
}

span.rbLinkButton.RadButton.loten {
    background-color: #8ebc00;
    text-align: center;
    vertical-align: middle;
    border-color: #8ebc00;
}

    span.rbLinkButton.RadButton.loten:hover {
        background-color: #8ebc00;
    }

    span.rbLinkButton.RadButton.loten img {
        vertical-align: middle;
        margin-top: -28px;
    }

span.rbLinkButton.RadButton.delete {
    background-color: #ff6900;
    text-align: center;
    vertical-align: middle;
    border-color: #ff6900;
}

    span.rbLinkButton.RadButton.delete:hover {
        background-color: #ff6900;
    }

span.rbLinkButton.RadButton.deleteall {
    background-color: #25a0da;
    text-align: center;
    vertical-align: middle;
    border-color: #25a0da;
}

    span.rbLinkButton.RadButton.deleteall:hover {
        background-color: #25a0da;
    }

span.rbLinkButton.RadButton.allesloten {
    background-color: #ed1691;
    text-align: center;
    border-color: #ed1691;
}

    span.rbLinkButton.RadButton.allesloten:hover {
        background-color: #ed1691;
    }

    span.rbLinkButton.RadButton.allesloten img {
        vertical-align: middle;
        margin-top: -28px;
    }

* + html span.rbLinkButton.RadButton.loten img,
* + html span.rbLinkButton.RadButton.delete img {
    margin-top: -28px;
}

* + html span.rbLinkButton.RadButton.deleteall img {
    margin-top: -15px;
}

* + html span.rbLinkButton.RadButton.allesloten img {
    margin-top: 8px;
}
/* Voor Tiles op default pagina*/
.wideContent {
    width: 270px;
    height: 130px;
    font-family: Segoe UI;
    padding: 10px;
}

.squareContent {
    width: 110px;
    height: 130px;
    padding: 10px;
}

.shortContent {
    height: 105px;
}

.font14 {
    font-size: 14px;
}

.font18 {
    font-size: 18px;
}

.font22 {
    font-size: 22px;
}
/*RadListView*/
.listLayout {
    width: 1050px;
    margin: 0px;
    padding: 5px;
    font: normal 13px/26px "Segoe UI", "Trebuchet MS", sans-serif;
    background: #f1f3f4;
}

.dataGroup {
    margin-bottom: 10px;
    padding-left: 0px;
    background: #dde0e1;
}

    .dataGroup fieldset {
        position: relative;
        padding: 0px 0px 5px 0px;
        *padding: 0;
        border: 0 none;
    }

.RadForm.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm.rfdFieldset fieldset {
    border: 0 none !important;
}

.dataGroup fieldset .car_brand_img {
    position: absolute;
    right: 26px;
    top: 0;
}

.logo_img {
    text-align: right;
    position: absolute;
    top: 0;
}

.dataGroup fieldset legend {
    width: 92%;
    height: 45px;
    *margin: 0px 0 20px -7px;
    padding-right: 0;
    line-height: 20px;
    font-weight: bold;
    font-size: 17px;
    padding-left: 85px;
    padding-top: 5px;
    border-bottom: 1px solid #ffffff;
}

.groupFooter {
    line-height: 46px;
    font-weight: bold;
    color: #1276bc;
}

.clearfix {
    clear: both;
    display: block;
}

.groepheader {
    margin-bottom: 0px !important;
    line-height: 26px;
    color: Black;
    font-weight: 500;
    /*background-color:#C7F5B8 !important;*/
    border-radius: 4px 4px 0 0;
    height: 40px;
}
/*styles voor Tabbladen*/
.DefaultActueelTab {
    background: transparent url(../Images/bluetab80x28withborder.gif) no-repeat left top;
    width: 80px;
    padding-left: 5px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -4px;
    font: 9.2pt/25pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: #000099 !important;
}

.DefaultActueelTab100 {
    background: transparent url(../Images/bluetab100x28withborder.gif) no-repeat left top;
    width: 100px;
    padding-left: 0px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -4px;
    font: 9.2pt/25pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: #000099 !important;
}

.DefaultTabSmall {
    background: transparent url(../Images/bluetab80x28.gif) no-repeat left top;
    width: 80px;
    padding-left: 2px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -4px;
    font: 9.2pt/25pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !Important;
    color: #000099 !important;
}

.DefaultTabDubbel {
    background: transparent url(../Images/bluetab75x28.gif) no-repeat left top;
    width: 75px;
    padding-left: 0px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -2px;
    font: 9.2pt/10pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !Important;
    color: #000099 !important;
}

.DefaultTab100Dubbel {
    background: transparent url(../Images/bluetab100x28.gif) no-repeat left top;
    width: 100px;
    padding-left: 0px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -2px;
    font: 9.2pt/10pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !Important;
    color: #000099 !important;
}

.DefaultTab120Dubbel {
    background: transparent url(../Images/bluetab120x28.gif) no-repeat left top;
    width: 130px;
    padding-left: 0px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -2px;
    font: 9.2pt/10pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: #000099 !important;
}

.DefaultTabActueel100 {
    background: transparent url(../Images/bluetab100x28withborder.gif) no-repeat left top;
    width: 105px;
    padding-left: 0px !important;
    height: 28px;
    text-decoration: none;
    text-indent: -4px;
    font: 9.2pt/9pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: #000099 !important;
}

.DefaultTab {
    background: transparent url(../Images/graytab115x28.gif) no-repeat left top;
    width: 115px !important;
    padding-left: 0px !important;
    height: 35px;
    text-decoration: none;
    text-indent: -3px;
    font: 9pt/11pt Segoe UI,Trebuchet MS, Tahoma,Helvetica, Arial !important;
    color: darkslategray !important;
}

.DefaultTabSmall {
    background: transparent url(../Images/graytab90x28.gif) no-repeat left top;
    width: 100px !important;
    padding-left: 0px !important;
    height: 35px;
    text-decoration: none;
    text-indent: -3px;
    font: 9pt/11pt Segoe UI,Trebuchet MS, Tahoma,Helvetica, Arial !important;
    color: darkslategray !important;
}

.DefaultTab100 {
    background: transparent url(../Images/graytab100x28.gif) no-repeat left top;
    width: 125px;
    padding-left: 0px !important;
    float: left;
    height: 35px;
    text-decoration: none;
    text-indent: -4px;
    font: 9pt/11pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: darkslategray !important;
}

.DefaultTab120 {
    background: transparent url(../Images/graytab120x28.gif) no-repeat left top;
    width: 155px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    float: left;
    height: 35px;
    text-decoration: none;
    text-indent: -4px;
    font: 9pt/11pt Segoe UI,Trebuchet MS, Tahoma, Helvetica, Arial !important;
    color: darkslategray !important;
}

.TabSelected {
    background-image: url(../Images/grayselectedtab115x28.gif);
    color: black !important;
}

.TabSelectedSmall {
    background-image: url(../Images/grayselectedtab90x28.gif);
    color: black !important;
}

.TabSelected100 {
    background-image: url(../Images/grayselectedtab100x28.gif);
    color: black !important;
}

.TabSelected120 {
    background-image: url(../Images/grayselectedtab120x28.gif);
    color: black !important;
}

.TabHovered {
    background-image: url(../Images/grayhoovertab115x28.gif);
}

.TabHoveredSmall {
    background-image: url(../Images/grayhoovertab90x28.gif);
}

.TabHovered100, .TabActueelHovered100 {
    background-image: url(../Images/grayhoovertab100x28.gif);
}

.TabHovered120 {
    background-image: url(../Images/grayhoovertab120x28.gif);
    color: #0F3789 !important;
}