@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: Myriad Pro;
    src: url(/MyriadPro-Regular.otf);
}
@font-face {
    font-family: berlinSans;
    src: url(/style/font/brlnsr.ttf);
}
@font-face {
    font-family: berlinSansBold;
    src: url(/style/font/brlnsdf.ttf);
}
@font-face {
    font-family: FloridaRegular;
    src: url(/style/font/FloridaRegular.otf);
}

@font-face {
    font-family: sicuroHandwriting;
    src: url(/style/font/Blokletters-Balpen.ttf);
}

/*
    LOGOBLUE = #002d51
    LOGOGREEN = #96c11f
*/


*
{
	padding:0;
        margin:0;
        font-family: berlinSans, "Myriad Pro", "Lucida Grande", "Tahoma", sans-serif;
}

html
{
	/* background: url(/style/images/bg-main-transparent.png) #fff5ea; #f9fff9*/
        background: #fafcfa;
        background-size: 100% auto;
        color: #002d51;
        font-family: berlinSans, "Myriad Pro", "Lucida Grande", "Tahoma", sans-serif;
        -webkit-font-smoothing:  antialiased !important;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        background: url(/style/images/mainbg_bw.jpg) repeat;
        overflow: hidden;
}


a
{
    color:#6f8f17;

    text-decoration:none;
}
a:hover
{
    color:#96c11f;
}


h1
{
	font-size:22px;
	color:#7b996b;
	 -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h2
{
    font-size:15px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    color:#c3cfd9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

h3
{
	padding-top:20px;
        font-size:18px;
        letter-spacing: 1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        /*color:rgb(83, 91, 80);*/
}

header
{
	display:block;
        height:65px;
        width:100%;
	clear:both;
        border-bottom: 1px solid #4a5e47;
        background: #fff;
}

#header-right
{
	text-align:right;
	padding:17px 25px 0 0;
        width:30%;
        margin:0;
        float:right;
}

#header-left
{
    width:30%;
    margin:0;
	padding:10px 0 0 25px;
	float:left;
    height:55px;
}
#header-center
{
	text-align:center;
	margin:0 auto;
	padding-top:10px;
        width:40%;
}

#header-titleBig
{
    font-size:20px;
    color:#7b996b;
	 -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         vertical-align:top;
         line-height:22px;
}
#header-titleBig a
{
	color:#7b996b;
}
#header-titleBig a:hover
{
	color:#97bc84;	
}
#header-titleBig img
{
    margin-top: -10px;
}
#header-titleSmall
{
    font-size:18px;
    color:#1d5a8b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-style:italic;
        vertical-align:top;
        padding-top: 0px;
        margin-top: -10px;
        height:60px;
}
#rightSideText
{
	font-size:14px;
        color:#6f8040;
        font-style:italic;
}
#breadcrumbs
{
    position: absolute;
    width:100%;
    padding:0px;
    line-height: 14px;
    padding-left:0px;
    font-size: 13px;
    background: whitesmoke;
    top:51px;
    color: slategray;
    height: 14px;
}




/* VERTICAL MENU STYLING */
#v_menu-wrapper
{
	height: 25px;
        background-color: #002d51;
        border-bottom:1px solid #667e91;
        width: 100%;
        color:#c3cfd9;
        padding: 7px 0 0 0px;
}
#v_menu-wrapper li 
{
    float:left;
    list-style:none;

    margin-right:30px;
}
#v_menu-wrapper li a
{
    color:#c3cfd9;
}
#v_menu-wrapper li a:hover
{
    color:#e5f4ff;
}
/* submenu */
#v_menu-wrapper #submenu{
    display: none;
    position: absolute;

    background: #103d61;
    border: 3px solid #002d51;
    border-top: 8px solid #002d51;
    margin: 0px 0 0 -20px;
    padding: 10px 10px 10px 10px;
}
#v_menu-wrapper #submenu li{
    float: none;
    position: relative;
    padding:8px;
}

#v_menu-wrapper li:hover > ul {
    display: block !important;
}
/* END VERTICAL MENU STYLING */





/* MAIN CONTENT */
#main-content
{
    height:500px;
    overflow: auto;
    background: url(/style/images/mainbg_blue.jpg) repeat #d7e5d5;
}
#main_left-wrapper
{
	width:50%;
        height:500px;
        float:left;
}
#main_right-wrapper
{
	width:50%;
	height:500px;
	float:right;
}

#offerte-btn{
    height: 55px;
    width: 300px;
linear-gradient(#002d52, #00345e, #002d52);
    border: 1px solid #002d51;
    padding: 10px;
    background: -webkit-linear-gradient(blue, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(blue, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(blue, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5e7e07, #6f8f17, #5e7e07); /* Standard syntax */

    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    margin-top:50px;
    cursor: pointer;
    color: #002d51 !important;
}

#offerte-btn:hover {
    background: linear-gradient(#66a100, #76b10f, #66a100); /* Standard syntax */
    border: 1px solid #4f6f07;

}

#offerte-btn #offerte-title{
    width:100%;
    font-size: 18px;
    font-weight: bold;
    display:block;
    margin-bottom:5px;
    margin-top: 5px;
    color:#e3eff9 !important;
}
#offerte-btn #offerte-sub{
    width:100%;
    font-style: italic;
    font-size: 12px;
    color:#e3eff9 !important;
}
#offerte-btn:hover #offerte-sub,#offerte-btn:hover #offerte-title{
    color:white !important;
}

/* Left top */
#main_left_top-wrapper, #main_right_top-wrapper, #main_right_bottom-wrapper
{
	
}
#main_left_top-header, #main_right_top-header, #main_right_bottom-header
{
	width:90%;
	margin:auto;
	margin-top:20px;
        background:#002d52;
        border: 1px solid #667e91;
        border-bottom: none;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#002d52, #00345e, #002d52); /* Standard syntax */
}

#main_left_top-results
{
	width:90%;
	overflow-y:auto;
	height:400px;
	margin:auto;
        background: url(/style/images/mainbg2.jpg) repeat #fff;
        border: 1px solid #667e91;
        border-radius: 5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
        font-size:12px !important;
}
.main_left_top-result, .main_right_top-result, .main_right_bottom-result
{
    font-size:13px;
    width:100%;
	padding: 5px 0px 5px 0px;
        background-color:#fcfcfc;
        /*
	border-left: 4px solid #7b3200    e6d7c4;
	*/
        border-bottom: 1px dotted #667e91;
        color: #394d5e;
}




.main_left_top-result:hover, .main_right_top-result:hover, .main_right_bottom-result:hover, .main_left_top-result-attention:hover, .main_right_top-result-attention:hover, .main_right_bottom-result-attention:hover, .main_left_top-result-prio:hover, .main_right_top-result-prio:hover, .main_right_bottom-result-prio:hover
{
    background-color: #edffd9;	/*f1d997*/
}

.main_left_top-result-prio, .main_right_top-result-prio, .main_right_bottom-result-prio
{
    font-size:13px;
    width:100%;
	padding: 5px 0 5px 0;
        border-bottom: 1px dotted #667e91;
        color: #394d5e;
        background-color:#fcfcfc;
}

.main_left_top-result-attention, .main_right_top-result-attention, .main_right_bottom-result-attention
{
    font-size:12px;
    width:100%;
	padding: 5px 0 5px 0;
	/*
	border-left: 4px solid #7b3200    e6d7c4;
	*/
	border-bottom: 1px dotted #746d6a;
	color: #535b50;
	background-color:#ffddaa;
}



.inspectionResultRed{
    font-style: italic;
    background:#ffdcdc;
}
.inspectionResultRed:hover{
    background:#eecbcb;
}
.inspectionResultOrange{
    font-style: italic;
    background:#ffeedc;
}
.inspectionResultOrange:hover{
    background:#eeddcb;
}
.inspectionResultGreen{
    font-style: italic;
    background:#dcffdc;
}
.inspectionResultGreen:hover{
    background:#cbeecb;
}

.proceed_button
{
	font-size:22px; 
	margin:0px 10px 0px 0px;
	border-radius: 20px; 
	padding:6px 15px 6px 15px; 
	text-align:right; color:#FFF; 
        background-color:#96c11f;
        box-shadow: 2px 2px 0px #495c6b;
        color:#002d52;
}

.proceed_button:hover
{
    background-color:#002d52;
    color:#96c11f;
    margin:0px 8px 0px 0px;
	box-shadow: 0px 0px 0px #485C5A;
}


input[type=text] {
    border-radius:1px;
	border:1px solid #6e7a81;
	background-color:#f9f9f9;
	padding-left:5px;
	margin-right:4px;
        color:#002d52;
}

input[type=submit] {
    border:1px solid #6e7a81;
    background-color:#f9f9f9;
    border-radius:25px;
    padding:1px 5px 1px 5px;
    margin-right:12px;
    color:#002d52;
}
input[type=button] {
    border:1px solid #6e7a81;
    background-color:#f9f9f9;
    border-radius:25px;
    padding:1px 5px 1px 5px;
    margin-right:12px;
    color:grey;
}

#main_right_top-results, #main_right_bottom-results
{
	width:90%;
	overflow-y:auto;
	height:175px;
	margin:auto;
        background: url(/style/images/mainbg2.jpg) repeat #fff;
        border: 1px solid #667e91;

    border-radius: 5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

/* END MAIN CONTENT */


/* SIMPLEPAGE */
#simplePage-wrapper
{
	width:960px;
	margin:0 auto;
	height:500px;
}













.bar
{
    border-bottom: 1px solid #746d6a;

}

footer
{
	margin-top:10px;	
        color:#746d6a;
        height:30px;
}
#footerLeft
{
    width:290px;
    padding:0;
    margin:0;
    margin-top:-3px;
    float:left;
        font-size:12px;
    height:40px;
}
#footerRight
{
    width:640px;
    padding:0;
	margin:0;
	float:right;
        text-align:right;
        font-size:14px;
    height:40px;
}
#footerLeft ul, #footerRight ul
{
	margin-bottom: 25px;
	margin-left:25px;	
	margin-right:25px;	
	list-style:none;		
}
#footerRight ul li
{
	display:inline;	
}

#errorbar-wrapper
{
    padding-top:2px;
    background:#DE3330;
    color:#E9FFAE;
}
#errorbar
{
    width:960px;
    margin:0 auto;
}
#successbar-wrapper
{
    padding-top:2px;
    background:#97bc84;
    color:#060;
}
#successbar
{
    width:960px;
    margin:0 auto;
}

.currentSection
{
    padding: 10px;
    border:2px solid blue;
}

.badge
{
    background: #cc0000;
    color:white;
    border-radius: 5px;
    padding-bottom:2px;
    padding-left:1px;
}

#switchbutton{
    border: 1px solid #4f6f07;
    background: #96c11f;
    color: #002d51;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 2px 0;
}
#switchbutton:hover{
    background: #002d51;
    color: #96c11f;
}


/*
#switchbutton{
    border: 1px solid #4f6f07;
    background: #6f8f17;
    color:whitesmoke;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 2px 0;
}
*/


#greyOut{
    color:#EEE;
    display:none;
    background: rgba(0,0,0,0.9);
    width:100%; height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 200;
    text-align: center;
}



#tbl_grayOut{
    vertical-align: middle !important;
    min-height: 50px;
    min-width: 50px;
    border-collapse: collapse;
}
#tbl_grayOut td{
    vertical-align: middle !important;
}

#tbl_grayOut img{
    border: 1px solid #EEE !important;
    max-height: 100px;
    max-width: 90%;
    z-index:2000;
    margin:2px 0 2px 0;
}

.badge{
    background:inherit;
}
.badge-active{
    background: #cc0000;
    color:white;
    border-radius: 5px;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:5px;
}

.verwijderd{
    color: grey !important;
    background: #eee !important;
}

#templateDescription{
    font-family: arial !important;
    line-height: 13px !important;
    padding: 5px !important;
    font-size: 11px !important;
}

.mail-content,.mail-content *{
    all: revert !important;
}