/* Suckerfish */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99;
}

#nav a {
	display: block;
	padding-left: 15px;
	padding-right: 13px;
	text-decoration: none;
	color: White;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 0;
	padding-top: 10px;
	
}

#nav a img
{
	border: 0;
}

#nav li {
	float: left;
	height: 43px;
	padding-top: 0px;
}

#nav li.active {
	background: url('../images/backgrounds/navigation_selected.png');
}

#nav li.active a
{
	background: url('../images/backgrounds/navigation_selected_right.png');
	background-position: top right;
	background-repeat: no-repeat;	
}

#nav li:hover, #topmenu li.hover {
	position: static;
}

#nav li ul {
	position: absolute;
	left: -999em;
	margin-top: 5px;
	background: #4F5155;
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	
}

#nav li ul.active
{
	background: #33B1E3;
}

#nav li ul li.active, #nav li ul li.active a
{
	background: #33B1E3;
}

#nav li ul li {
	float: left;
	height: auto;
	background: #4F5155;
	padding-top: 4px;
	padding-bottom: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	
}

#nav li ul li a
{
	font-weight: normal;
	font-size: 9pt;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* /Suckerfish */


body
{
	font-family: Arial, helvetica, sans-serif;
	background: #D8D7D7 url('../images/backgrounds/background.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0;
	padding: 0;
	color: #5A5B5F;
}

.green
{
	color: #009900;
}

.orange
{
	color: #ff9900;
}

.red
{
	color: #cc0000;
}

select.select, input.text, textarea.textarea
{
	width: 230px;
	border: 1px solid #839CBA;
	padding: 4px 2px;
	font-size: 8pt;
	color: #5A5B5F;
	font-family: arial;
}

select.select
{
	width: 236px;
	padding: 3px 2px;
}

#container #content table.select select
{
	width: auto;
	padding: 3px 2px;
	border: 1px solid #839CBA;
	font-size: 8pt;
	color: #5A5B5F;
	font-family: arial;
}

.orange, a.orange
{
	color: #F59423;
	text-decoration: none;
}

#container #content input.button
{
	width: 126px;
	height: 30px;
	border: 0;
	background: url('../images/buttons/button.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	color: #888888;
	padding-top: 0;
	text-align: center;
}

#container #content input.next
{
	width: 160px;
	height: 30px;
	border: 0;
	background: url('../images/buttons/button_next.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	color: White;
	padding-top: 0;
	padding-right: 20px;
}

#container
{
	position: relative;
	width: 960px;
	margin: auto;
	margin-top: 30px;
	padding-bottom: 10px;
	background: White;
	
}

#container #header
{
	position: relative;
	width: 900px;
	height: 60px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#container #header #logo
{
	position: absolute;
	top: 12px;
	left: 30px;
	width: 250px;
	height: 60px;
}

#container #header #logo img
{
	border: 0;	
}

#container #header div.top_item
{
	position: relative;
	float: right;
	margin-left: 20px;
	padding-left: 20px;
	height: 55px;
	padding-top: 5px;
	border-left: 1px solid #E5E5E5;
	font-size: 8pt;
	color: #6E7882;
}

#container #header div.top_item a
{
	height: 100%;
	width: 100%;
	
	display: block;
	
	color: #6E7882;
	text-decoration: none;
}

#container #header div.top_item a img
{
	border: 0;
}

#container #header div.top_item span.orange
{
	color: #F59423;
	text-decoration: none;
}

#container #header div.top_item span.h2
{
	padding: 0;
	margin: 0;
	display: block;
	color: #4FC3E8;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#container #navigation
{
	position: relative;
	height: 43px;
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 6px;
	background: url('../images/backgrounds/navigation_bar.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 7px;
	z-index: 99;
}

#container #content
{
	position: relative;
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
	z-index: 10;
}

#container #content #image
{
	position: relative;
	float: left;
	width: 690px;
	height: 340px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#container #content #steps
{
	position: relative;
	float: left;
	width: 240px;
	height: 340px;
	margin-bottom: 10px;
	padding: 0px;
}

#container #content #steps div.info, #container #content div.order_now
{
	position: relative;
	height: 59px;
	width: 214px;
	background: url('../images/backgrounds/order_info_background.png');
	background-repeat: repeat-x;
	background-position: top left;
	color: #fff;
	font-size: 8pt;
	padding: 13px;
	line-height: 160%;
}

#container #content #steps div.info h2, #container #content div.order_now h2
{
	padding: 0;
	margin: 0;	
	font-size: 11pt;
	margin-bottom: 5px;
}

#container #content div.order_now h2 a
{
	font-size: 11pt;
}

#container #content #steps div.info h2 a, #container #content div.order_now h2 a, #container #content div.order_now a
{
	color: #fff;
	text-decoration: none;
}

#container #content #steps div.info h2 img, #container #content div.order_now h2 img
{
	margin-bottom: -3px;
}

#container #content #steps div.step
{
	position: relative;
	height: 50px;
	width: 224px;
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 14px;
	padding-left: 16px;
	color: #fff;
}

#container #content #steps div.step img
{
	float: left;	
}

#container #content #steps div.step div.step_info
{
	padding-top: 7px;
	margin-left: 18px;
	float: left;
	font-weight: bold;
}

#container #content #steps div.step1
{
	background: url('../images/backgrounds/order_step1_background.png');
	height: 49px;
}

#container #content #steps div.step2
{
	background: url('../images/backgrounds/order_step2_background.png');
}

#container #content #steps div.step3
{
	background: url('../images/backgrounds/order_step3_background.png');
}

#container #content #steps div.step4
{
	background: url('../images/backgrounds/order_step4_background.png');
}

#container #content #blocks
{
	position: relative;
	float: left;
	width: 690px;
	height: 140px;
	margin-bottom: 10px;
}

#container #content #blocks div.image
{
	position: relative;
	float: left;
	width: 305px;
	height: 100px;
	padding: 20px;
	font-size: 8pt;
	line-height: 160%;
	color: #6F767C;
	cursor: default;
}

#container #content #blocks div.withLink
{
	height: 240px;
	width: 345px;
	
	padding: 0px;
}

#container #content #blocks div.image a
{
	height: 100px;
	width: 305px;
	
	padding: 20px;
	
	display: block;
}

#container #content #blocks div.image span.h2
{
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	display: block;
	font-size: 11pt;
	font-weight: bold;
	color: #4EC6E9;
}

#container #content #home_body
{
	position: relative;
	float: left;
	width: 690px;
	margin-bottom: 10px;
}

#container #content div.side_items
{
	position: relative;
	float: left;
	width: 240px;
}

#container #content #body
{
	position: relative;
	width: 432px;	
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 20px;
}

#container #content #side_items_left
{
	margin-right: 10px;
}

#container #content #side_items_right
{
	margin-left: 10px;
}

#container #content #home_body div.home_body
{
	position: relative;
	width: 301px;
	padding: 22px;
	color: #575A61;
	font-size: 8pt;
	line-height: 160%;
}

#container #content #home_body div.home_body div.home_link
{
	background: url('../images/arrows/arrow_right_orange.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}

#container #content #home_body div.home_body div.home_link a
{
	color: #FF960F;
	text-decoration: none;
}

#container #content #home_body div.home_body h2, #container #content #order h1
{
	padding: 0;
	margin: 0;
	color: #00B6F0;
	font-size: 12pt;
}

#container #footer
{
	position: relative;
	width: 920px;
	height: 204px;
	margin-left: 10px;
	margin-right: 10px;
	background: url('../images/backgrounds/background_footer.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px;
}

#container #footer div.footer_item
{
	float: left;
	margin: 5px;
}

#container #footer div.footer_item h2
{
	margin: 0;
	padding: 0;
	font-size: 11pt;
	color: White;
	margin-left: 12px;
}

#container #footer div.footer_item div.hr
{
	height: 2px;
	background: url('../images/layout/hr.png');
	margin-top: 5px;
	margin-bottom: 5px;
}

#container #footer div.footer_item div.footer_sub
{
	font-size: 8pt;
	color: White;
	padding-left: 12px;
	padding-right: 12px;
}

#container #footer div.footer_item div.footer_sub a
{
	color: White;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#container #body div.body
{
	font-size: 8pt;	
	line-height: 160%;
	color: #5A5B5F;
}

#container #body h1
{
	margin: 0;
	padding: 0;
	color: #00B9F2;
	font-size: 14pt;
	margin-bottom: 10px;
}

#container #body h2
{
	margin: 0;
	padding: 0;
	color: #00B9F2;
	font-size: 12pt;
	margin-bottom: 5px;
}

#container #content ul#submenu
{
	padding: 0;
	margin: 0;
	list-style: none;
	padding-top: 20px;
	margin-bottom: 20px;
}

#container #content ul#submenu li
{
	padding-left: 24px;
	padding-top: 8px;
	height: 22px;
	border-bottom: 1px solid #E4E4E4;
	font-size: 10pt;
}

#container #content ul#submenu li a
{
	color: #595A5E;
	text-decoration: none;
}

#container #content ul#submenu li.active
{
	background: url('../images/arrows/arrow_right_blue.png');
	background-repeat: no-repeat;
	background-position: center left;
}

#container #content ul#submenu li.active a
{
	color: #00B8F1;
}

#container #content div.side_item_default
{
	border: 1px solid #E6E6E6;
	padding: 18px;
	font-size: 8pt;
	line-height: 160%;
	margin-bottom: 10px;
	background: #FAFAFA;
	color: #585B60;
}

#container #content div.side_item_default div.link
{
	margin-top: 5px;
	background: url('../images/arrows/arrow_right_blue_small.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;	
}

#container #content div.side_item_default div.link a
{
	color: #17B5E5;
	text-decoration: none;
	font-weight: bold;
}

/*#container #content div.side_item_comment
{
	position: relative;
	width: 200px;
	height: 142px;
	background: url('../images/backgrounds/comment.png');
	background-repeat: no-repeat;
	background-position: top left;
	color: #879773;
	font-size: 8pt;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	line-height: 160%;
	margin-bottom: 10px;
}

#container #content div.side_item_comment div.link a
{
	color: #879773;
	font-weight: bold;
	text-decoration: none;
}*/

#container #content .side-item-comment .top
{
	background: url("../images/backgrounds/comment-top.png") center top no-repeat;
	height: 10px;
}

#container #content .side-item-comment .mid
{
	background: url("../images/backgrounds/comment-mid.png") center top repeat-y;
}

#container #content .side-item-comment .bot
{
	background: url("../images/backgrounds/comment-bot.png") center bottom no-repeat;
	min-height: 142px;
	height: auto !important;
	height: 142px;
}

#container #content .side-item-comment .inner
{
	color: #879773;
	font-size: 8pt;
	line-height: 160%;
	margin: 0 20px;
	padding-bottom: 50px;
}

#container #content .side-item-comment .inner a.link
{
	font-weight: bold;
	text-decoration: none;
	color: #879773;
}

#container #content div.delivery
{
	text-align: center;
	font-size: 11pt;
	margin-top: 10px;
	color: #16B4E1;
}

#container #content #order
{
	position: relative;
	width: 876px;
	margin-left: 32px;
	margin-right: 32px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #575A61;
	font-size: 8pt;
}

#container #content #order div.info
{
	width: 600px;
	margin-bottom: 16px;
}

#container #content #order div.tab
{
	position: relative;
	width: 872px;
	border: 2px solid #32B0E0;
	clear: both;
}

#container #content #order div.notify
{
	position: relative;
	width: 872px;
	border-left: 2px solid #32B0E0;
	border-bottom: 2px solid #32B0E0;
	border-right: 2px solid #32B0E0;
	padding: 3px;
	clear: both;
}

#container #content #order #tab_selector
{
	position: relative;
	width: 876px;
}

#container #content #order #tab_selector div
{
	position: relative;
	float: left;
	width: 203px;
	height: 45px;
	background: url('../images/order_tabs/tab.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 4px;
	padding-top: 13px;
	padding-left: 13px;
	color: #B0B0B0;
	cursor: default;
}

#container #content #order #tab_selector div.active
{
	background: url('../images/order_tabs/tab_active.png');
	background-repeat: repeat-x;
	background-position: top left;

}

#container #content #order #tab_selector div img
{
	position: relative;
	float: left;
}

#container #content #order #tab_selector div div.info, #container #content #order #tab_selector div span.info
{
	position: relative;
	float: left;
	background: transparent;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	padding-top: 9px;
	font-weight: bold;
	font-size: 10pt;
}

#container #content #order #tab_selector div.tabLink
{
	height: 58px;
	width: 216px;
	
	padding: 0px;
}

#container #content #order #tab_selector div a
{
	height: 45px;
	width: 203px;
	
	display: block;
	
	padding: 13px 0px 0px 13px;
	
	color: #B0B0B0; 
}

#container #content #order #tab_selector div.active div.info
{
	color: White;
}

#container #content #order div.step_content
{
	position: relative;
	margin: 35px;
	line-height: 160%;
}

#container #content #order div.step_content table tr th
{
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	padding-right: 30px;
}

#container #content #order div.step_content div.left
{
	position: relative;
	float: left;
	width: 455px;
	margin-right: 100px;
}

#container #content #order div.step_content div.left table
{
	width: 455px;
}

#container #content #order div.step_content div.text
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
}

#container #content #order div.step_content div.right
{
	position: relative;
	float: right;
	width: 247px;
}

#container #content #order div.step_content h2
{
	margin: 0;
	padding: 0;
	color: #00B9F2;
	font-size: 10pt;
	margin-bottom: 5px;
}

#container #content #order div.step_content table
{
	border: 0;
	border-collapse: collapse;
}

#container #content table.register
{
	width: 432px;	
}

#container #content table.register input.button
{
	padding:0; 
	color: #888888; 
	width: 126px;
}

#container #content label.failed, #container #content th.failed
{
	color: #ff0000;
	font-size: 8pt;
}

#container #content table tr th, #container #content table tr td
{
	font-size: 8pt;
	vertical-align: top;
}

#container #content table.register
{
	color: #5A5B5F;
}

#container #content table.register tr td.input
{
	width: 200px;	
}

#container #content a
{
	color: #4FC3E8;
	text-decoration: none;
	font-size: 8pt;
}

#container #content img
{
	border: 0;
}

#container #content div.step_content table .topborder
{
	border-bottom: 1px dotted #4FC3E8;
}

#container #content div.step_content table .big
{
	font-size: 10pt;
}

#container #content div.step_content input.order_now
{
	width: 161px;
	height: 29px;
	background: url('../images/buttons/order_now.png');
	background-repeat: no-repeat;
	background-position: top left;
	border: 0;
	font-weight: bold;
	color: White;
	font-size: 10pt;
	padding-top: 0;
}

ul.sitemap {
	margin-left: 0px;
}

ul.sitemap li a {
	color: #5A5B5F !important;
	font-size: 12px;
	text-decoration: none;
}

ul.sitemap li a:hover {
	text-decoration: underline !important;
}

ul.sitemap li a.root {
	font-size: 14px;
}

#container #body div.body div#ordersDiv.loader, #container #content #filter_order.loader, #container #content #customersDiv.loader
{
	background-image: url('../images/icons/loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#container #body div.body table.management
{
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

#container #body div.body table.management td
{
	padding: 3px;
}

#container #body div.body table.management td a
{
	height: 100%;
	width: 100%;
	
	display: block;
	
	color: #5A5B5F;
}

#container #body div.body table.management th
{
	text-align: left;
	color: #fff;
	background-color: #5A5B5F;
}

#container #body div.body table.management tr.over, #container #body div.body table.management tr.over a
{
	background-color: #00B8F1;
	color: #fff;
}

#container #body div.body table.management tr.out, #container #body div.body table.management tr.out a
{
	background-color: #fff;
	color: #5A5B5F;
}

#container #body div.body table.management tr.new a
{
	color: #00B9F2;
}

#container #body div.body table.management tr.finished a
{
	color: #9ACD32;
}

#container #body div.body table.management tr.pickup a
{
	color: #C600FF;
}

#container #body div.body table.management tr.new.over a, 
#container #body div.body table.management tr.finished.over a,
#container #body div.body table.management tr.pickup.over a
{
	color: #fff;
}

#container #body table.search
{
	border: 0;
	border-collapse: collapse;
}

#container #body table.detail
{
	width: 500px;
	border: 0;
	border-collapse: collapse;
}

#container #content table.detail th
{
	color: #00B9F2;
}

#container #content table.detail td, #container #content table.detail th
{
	text-align: left;
	vertical-align: top;
	/*border:1px solid #000;*/
	padding: 3px;
}

#container #content table.detail td.border
{
	border-top: 1px solid #839CBA;
}

#container #content table.detail td.border_thick
{
	border-top: 2px solid #839CBA;
	font-weight: bold;
}

#container #content table.detail td.right
{
	text-align:right;
	padding-right: 20px;
	width: 60px;
}

#container #content #filter_order
{
	width: 432px;
	font-size: 8pt;
}

#container #content #filter_order table
{
	width: 432px;
}

#container #content #filter_order table th
{
	text-align: left;
	color: #00B9F2;
}

#container #content div#filter_order table td.border
{
	border-top: 1px solid #BFBFBF;
}

input.ideal_button
{
	width: 231px;
	height: 50px;
	border: 0;
	background: url('../images/buttons/betaal_met_ideal.png');
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}

table.problem tr th
{
	text-align: left;	
}

input.problem
{
	width: 320px;
	font-family: Arial, helvetica, sans-serif;
	color: #5A5B5F;
	font-size: 8pt;
	border: 0;
	cursor: default;
}

input.normal, table.problem tr td textarea
{
	width: 320px;
	font-family: Arial, helvetica, sans-serif;
	color: #5A5B5F;
	font-size: 8pt;
	border: 1px solid #00B9F2;
}

table.problem tr td textarea
{
	height: 100px;
}

#container div#body.middleEndBody
{
	width: 682px;
}

.orderBody
{
	width: 674px;
}

/*************************** messages ***************************/

.messages
{
	margin-top: 10px;
}

.messages h3
{
	margin: 0;
	margin-bottom: 5px;
}

.messages .message
{
	border: 1px solid #aaa;
	background-color: #f2f2f2;
	width: 400px;
	position: relative;
	line-height: normal;
}

.messages .message .inner
{
	margin: 5px;
}

.messages .message .author
{
	font-weight: bold;
}

.messages .message .date
{
	color: #4FC3E8;
	margin-bottom: 3px;
}

.messages .message .msg
{
	font-style: italic;
}

.messages .message .delete
{
	position: absolute;
	right: 4px;
	bottom: 0;
}

/***************************** misc *****************************/

.clearer
{
	clear: both;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 0;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}