﻿/* reset styles */

html, div, span, applet, object, iframe,
 h2, h3, h4, h5, h6, p, blockquote, pre,
, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:                         0;
	padding:                        0;
	border:                         0;
	font-size:                      100%;
	font:                           inherit;
	vertical-align:                 baseline;
}


a {
   outline: 0;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:                        block;
}
body {
	margin:                         0;
	padding:                        0;
	background:					    url('Images/bgwhite_gray_gradient.jpg');
    font-size:                      14px;
    color:                          #666;

}

.white {
background-color:                   white;
}
.borderbelow {
	border-bottom:                  solid 1px silver;
}

.borderleft {
	border-left:                   solid 1px silver;
	padding-left:                  10px;
}


.borderright {
	border-right:                   solid 1px silver;
	padding-right:                  10px;
}

.bordertop
{
    border-top:solid 1px silver;
    margin:10px 0px 10px 0;
}

.userinputblock
{
    padding:10px;
}



blockquote, q {
	quotes:                         none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:                        '';
	content:                        none;
}

.maincontent {
    height:100%;
}


table {
	/*border-collapse:                collapse; 
	 border-spacing:                 0; */
}

.globalmenu {
    height:28px;
    padding:6px;
}

.globalmenu a {
    padding-left:16px;
}

a
{
    text-decoration: none;
} 

               

#footer_full
{
    background-color:           #b9b9b9;
}
    
#footer
{
    background-color:           #b9b9b9;
    padding-bottom:20px;

}


.vanbeeklogo {
	background:url('/images/vanbeek_logo_grey.png');
	width:41px;
	height:59px;
	display:block;
	}

.vanbeeklogo:hover {
	background:url('/images/vanbeek_logo_color.png');
}

    
.alignright {
    text-align:right;
}

.aligncenter {
    width:100%;
     text-align:center;
 }

h1
{
    font-size:                  20px;
    font-weight:                300;
    margin-top:                 15px;
    margin-bottom:              8px;}

h2
{
    font-size:                  1.2em;
    font-weight:                bold;
    margin-top:                 15px;
    margin-bottom:              8px;}

h3
{
    font-size:14px;
}

.objectindicator
{
    width:100%;
    text-align:right;
    font-size:                  1em;
    font-weight:                bold;
	margin-bottom:				20px;
	cursor:						pointer;
}


.selected_object
{
    font-size:18px;
    color:#808080;
    font-weight:bold;
}



.warning {
    display:block;
    border:solid 1px black;
    font-size:13pt;
    background-color:beige;
    min-height:60px;
    margin:10px 0 20px 0;
    width:100%;
    padding:10px;
}

/* tabs */

.tabbar {
    border-bottom:solid 1px silver;
    width:100%;
    height:26px; 
    margin-bottom:10px;
}

/* FF HACK: voor FF moet de tab 27px hoog zijn ;-((       */
@-moz-document url-prefix() { .tabbar { height: 27px; } } 

.tab
{
    border-bottom:solid 1px silver ;
    padding:10px;
    color:#808080;
}



.selected
{
    border-bottom:solid 1px white;
    border-left:solid 1px silver;
    border-right:solid 1px silver;
    font-weight:bold;
    color:black;
}


.pt {
    padding-top:34px;

}

.pb5 {
    padding-bottom:5px;
}

.pl5 {
    padding-left:5px;
}

.floatleft {
    float:left;

}

.clear
{
    clear: both;
    float:none;
}


.inline {
    display:inline;

}


.borderlesstable td
{
    border:none;
    padding:2px;
}

.borderlesstable td label
    {
        border: none;
        padding: 2px;
        font-style: italic;
        font-weight: bold;
}



ul {
    padding-left:20px;
}
    

.submenuitem {
    border-bottom:solid 1px silver;
    padding:5px 0 5px 0;
    height:28px;
}


.mediumsize
{
    font-size:24px;
}

.formline {
    padding:4px 0 4px 0;
}




.dxeCalendarWeekend {
    color:black !important;
}

.dxeCalendarDay {
    color:black !important;
}


.dxeCalendarToday
{
    background-color:beige;
    border-color:black;
}


.dxeCalendarSelected {
    border:solid 1px silver;
}











h4
{
    font-size:                  1em;
    font-weight:                bold;
    margin-top:                 15px;
    border-bottom:              dotted 1px;
    margin-bottom:              8px;
}



#footer h4
{
    font-size:                  1em;
    font-weight:                bold;
    margin-top:                 15px;
    border-bottom:              dotted 1px;
    margin-bottom:              8px;
    letter-spacing:             2px;
}

#footer p
{
    font-size:                  0.9em;
	color:white;
	}

#footer p a
{
    font-size:                  1em;
	color:						white;
	text-decoration:			none;
	}

#footer p a:hover
{
    font-size:                  1em;
	color:						white;
	text-decoration:			underline;
	}

ul.submenu_items
{
	font-size:					18px;
}







/* global menu bovenaan */




.subselected {
    font-weight:                bold;
}



/* main content */

.iconcolor {
	color:                      #aaaaaa;
	font-size:                  1.2em;
}

.iconcolor:hover {
	font-size:                  1.2em;
}








/* footer */

#footer a
{
    text-decoration:            none;
    color:                      white;
    line-height:                20px;
    font-size:                  10pt;
}

#footer a:hover
{
    text-decoration:            underline;
}




/* devexpress overschrijven */
.dxgvFocusedRow
{
    background-color:           #efefef;
    color:                      black;
    font-weight:                bold;
}


a.dxeHyperlink 
{
    font-size:                  16px;

}


a.dxeHyperlink:hover 
{
    font-size:                  16px;

}




.dxpControl td.dxpCtrl {
    text-align:                 center;
    width:                      100%;
}

.dxgvPagerTopPanel
{
/*     text-align:center; */
}

.dxpPageNumber
{
    font-size:                  11px;
}

.dxpSummary
{
    font-size:                  11px;
}


/* buttons alleen voor IE...*/

.dxButton,div.dxb {
    margin-top: 2px !important;
}

.raphael-group-8-creditgroup 
{ 
	display: none; 
}





