@charset "utf-8";

/* HTML */

	*{ margin:0; padding:0; }
	
	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #231f20;
	}
	
	a {
		text-decoration: none;
		color: #231f20;
		outline: none;
	}
	
	img { border:none; }
	
	h1, h2, h3, h4, h5 {
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   line-height: 140%;
	   }
	   
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px; }
	h5 { font-size: 12px; }
		
	p {
		line-height: 140%;
		margin-bottom: 14px;
	}
	
	ul, ol {
		margin: 0 0 20px 20px;
	}
	
	.float-left { float: left; margin-right: 20px; }
	.float-right { float: right; margin-left: 20px; }
	.clear-both { clear: both; }
	.clear-right { clear: right; }
	.bottom-spacer { margin-bottom: 9.5pt; }
	
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.underline { text-decoration: underline; }
	.red { color: DarkRed; }
	.green { color: DarkGreen; }
	.orange { color: OrangeRed; }
	.error { color: red; }
	
	.align-left {
		text-align: left;
	}
	
	.align-right {
		text-align: right;
	}
	
	.align-center {
		text-align: center;
	}

/* CONTENT */

	#wrapper {
		width:980px;
		margin:auto;
		margin-top: 20px;
	}
	
	#wrapper.orderpage {
		width: 1024px;

	}
	
	#content {
		width: 760px;
		height: 470px;
		padding: 10px;
		float: left;
		overflow: auto;
	}
	.orderpage #content {
		width: 100%;
		height: 100%;

	}
	
	#sidebar {
		float: right;
		text-align: right;
	}
	
	#footer {
        margin-top: 40px;
        width: 760px;
        float: left;
    }
	
	#index-logo { margin-top: 250px; }
	
	#content a:hover {
	   background-color: #231f20;
       color: #fff;
	}
	
	.orderpage #footer {
		margin-top: 0px;
		width: 600px;

	}
	
		
/* MENU */

	a.block-link {     
        display: block;
        text-decoration: none;
        border: solid 1px #231f20;
        padding: 1px 10px 1px 0;
        width: 170px;
        text-align: right;
        font-weight: bold;
        color: #231f20;
        margin-bottom: 15px;
    }
    
    a.block-link:hover {
        background-color: #231f20;
        color: #fff;
    }
    
    .contact { margin-top: 50px; }
    
	
/* LOGIN FORM */

	.login-btn {		
		display: block;
		text-align: right;
		font-weight: bold;
		border: none;
		background-color: transparent;
		font-size: 18px;
		outline: none;
	}
	
	.login-text {
	   font-weight: normal;
	   font-size: 10px;
	}
	
	.help-pages, .order-menu {		
		display: block;
		margin-bottom: 60px;
		color: #231f20;
	}
	
	.order-menu {	
		margin-bottom: 10px;
		display: block;
	}
    
    a.help-pages:hover {
        background-color: #231f20;
        color: #fff;
    }
	
	
/* ORDER HELP */

	.order-help h4 {
		margin-top: 40px;
	}
	
	.numbered-phase {
		float: left;
		font-size: 20pt;
		margin-right: 10px;
		line-height: 100%;
	}
	

/* VOKO ZOEK TABLE */
	
	#result-wrapper {		
		height: 240px;
		overflow: auto;
	}
	
	#voko-zoek {
		width: 700px;
	}
	
	#voko-zoek td {
		vertical-align: top;
	}
	
	.highlight-cell {
		background-color: yellow;
		cursor: pointer;
	}
	
	.highlight-row {
		background-color: LightGray;
		cursor: pointer;
	}
	
	#tip {
		display: none;
		background:transparent url("/media/images/tooltip/black_arrow.png");
		font-size:12px; 
		height:70px; 
		width:160px; 
		padding:25px; 
		color:#fff;     
	}
	
	#ajax-loader {
		visibility: hidden;
		margin-top: -2px;
	}
	
	#items-to-order {
		width: 380px;
		height: 143px;
		font-size: 8.5pt;
		overflow: auto;
		font-family: sans-serif;
	}
	
	#list-datetime {
		font-weight: bold;
		font-size: 10.5pt;
		line-height: 170%;
		text-align: center;
	}