/**
 * Printer stijl formatting van Order-Direct WEB
 * Door Nick Hooijenga
 * In 2009
**/
    a {
        text-decoration: none;
        border: none;
		
    }

    div.printOnly {
        display: block;
        width: 100%;
        font-weight: bold;
        font-size: 18px;
        border-bottom: 1px solid black;
    }

	.screenOnly {
		display: none;
	}
    
	img.ico_print {
		display: none;
	}

    h3 {
        font-family: "Calibri", "Verdana", "Arial";
		font-weight: bold;
    }

    p {
        font-family: "Calibri", "Verdana", "Arial";
		font-weight: normal;
    }

	body {
		background-color: #FFF;
		font-family: "Calibri","Arial";
	}

    div#wrapper {
        border: none;
        text-decoration: none;
    }
    
	div#header {
		display: none;
	}

/*        height: 60px;
		width: 100%;
		background: #FFF;
		margin: 5px 0px 5px 0px;
		display: block; */

    img#headerLogo {
        display: inline;
        width: 200px;
        height: 60px;
        vertical-align: middle;
        text-align: left;
        margin: 5px 0px 5px 0px;
        border: none;
    }

    div#headerText {
        position: absolute;
        right: 20px;
        top: 17px;
        display: inline;
        font-size: 1.2em;
        font-weight: bolder;
        vertical-align: middle;
        text-align: right;
        border: none;
        color: black;
    }

	div#navBar {
		display: none;
	}
    
	div#navMenu {
		display: none;
	}
	div#main {
		margin-top: 5px;
		font-size: 11px;
		width: 100%;
	}
		input.knopTekst {
			display: none;
		}
		/* Expand/Collapse functie */
		div.mainTabel {
			border: none; /* 1px solid black; */
			display: block;
			margin-bottom: 15px;
		}
			img.expandimg {
				display: none;
			}

    div.mainTabelTitel {
        /* border-bottom: 1px solid black; */
        font-size: 12px;
        /*color: white;*/				/* witte teksten */
    }

    div.mainTabelTekst {
        text-decoration: none;
        width: 100%;
        display: block;
        color: #000;				/* zwarte teksten */
    }
		
		/* begin 2 kolommen details */
		table.tabelLinks {
			display: block;  
			margin: 10px 5px 10px 20%;
		}
		table.tabelRechts {
			display: block;  
			margin: 10px 20% 10px 5px;
		}
			div.kolomLinks {
				float: left;
				width: 49%;
				border: none; 
			}
			div.kolomRechts {
				float: right;
				width: 49%;
				border: none;
			}
		/* einde 2 kolommen details */


		/* Fieldset */
		fieldset#loginFieldset {
			display: inline;
			float: left;
			border: none;
			width: 360px;
		}
			div.rij{
				margin-bottom: 5px;
				background-color: transparent;
			}
				label.loginLabel {
					float: left;
					width: 150px;
					font-size: 12px;
					font-weight: bold;
				}
				input.invoerAlg {
					width: 200px;
					background-color: transparent;
					border: none;
				}
				input.buttonOD {
					display: none;
				}
				textarea.tekstveld {
					width: 125px;
					height: 100px;
					background-color: #FFFF80;
					background-image: url("../image/gadget/bericht.png");				
					color: #000000;
					border: 1px solid black;
				}				
		/**/
		
		/* Tabellen */
		table.mainTable {
			width: 100%;
		}
		tr {
			width: 100%;
			text-align: left;
		}
		th {
			text-align: left;
		}
		
		/* Afbeeldingen */
			img.dbIMG {
				width: 16px;
				height: 16px;
			}
			.ZoomIMG {
				display: none;
			}
		/**/
		
	div#footer {
		display: none;
	}

    table#terugKnop {
        display: none;
    }

	div.kolommen {
		clear: both;
		overflow: hidden;
		width : 100%;
        margin-top: 6px;
        margin-left: 6px;
        margin-bottom: 3px;
/*        border: 1px solid black;  */
	}

	div.kolom1 {
		float: left;
		width : 30%;
/*		margin-right: 10px; */
/*        border: 1px solid black; */
	}

	div.kolom2 {
		float: left;
        width: 30%;
/*		margin-right: 10px; */
/*        border: 1px solid black; */
	}

	div.kolom3 {
		float: left;
		width : 35%;
/*		margin-left: 10px;		*/
/*        border: 1px solid black;  */
	}

    div.column2 {
		clear: both;
		overflow: hidden;
		width : 100%;
        margin-top: 6px;
        margin-left: 6px;
        margin-bottom: 3px;
	}

	div.column21 {
		float: left;
		width : 45%;
	}

	div.column22 {
		float: left;
		width : 50%;
	}

    img.thumbnail {
        clear: both;
        width: auto;
        height: auto;
        border: none;
        text-decoration: none;
    }