html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../images/headerBack.jpg) repeat-x; /*#3f3f3f; grijs*/
	min-width: 1250px; /* 1000px;*/
}

td,th {
	font-size: 11px;
	white-space:nowrap;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #47b248; /*#8e1c22;*/
}

h4 {
	font-size: 11px;
	font-weight: bold;
}

img {
	border: 0px none;
}

.ico {
	margin-bottom: -10px;
}

/*td{
	font-size:11px;
}*/
a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

input,textarea {
	width: 200px;
}

.hoofdmenu-button {
	float: left;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #47b248; /*#4a4a4a;*/
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	height: 30px;
	line-height: 30px;
}

.hoofdmenu-button:hover {
	background-image: url(../images/button-right-hover.jpg);
	background-color: #6e6e6e;
}

div.itemSelect {
	background-color: transparent;
	cursor: default;
}

div.itemSelect:hover {
	background-color: #cccccc;
	cursor: pointer;
}

/* automatsch gegenereerde tabellen opmaak */
.table-style-table {
	width:100%;
}

.table-style-table td {
	border-top:1px #FFF solid;
	border-bottom:1px #FFF solid;
	padding-left:10px;
}
/*
.lastcell{
	border-right:1px #060 solid;
}
.lastcellhover{
	border-right:1px #FFF solid;
}
*/

.table-style-header {
	background-color: #47B248;
	font-weight: bold;
	color: #fff;
}

.table-style-header a{
	color: #fff;
}

.table-style-header-green {
	background-color:#47b248; 
	color:#FFF;
	padding:3px 0 3px 5px; 
	margin:20px 0 0 0;
}

.hasEvent{
	cursor:pointer;
}

.table-style-header td {
	line-height: 15px;
	vertical-align: middle;
}

tr.active {
	background-color:#FFF;
}

.table-style-row-odd {
	background-color: #F9F9F9;
	color: #444444;
	border:1px #060 solid;
}


.table-style-row-odd-over {
	background-color: #ccc;
}


.table-style-row-even {
	background-color: #F1F1F1;
	color: #444444;
}


.table-style-row-even-over {
	background-color: #ccc;
}

/**/
.green {
	color: #47b248;
}

/**/
	/****************************************************************************** WRAPPER */
#wrapper {
	min-height: 100%;
	position: relative;
	/*background-image: url(../images/main.jpg);
	background-repeat: repeat-x;*/
	background-color: #FFF;
}

/******************************************************************** TOP */
#wrapper #top { /*height: 104px;*/
	background-image: url(../images/headerBack.jpg);
	/*url(../images/top.jpg);*/ /*vertical-align: middle;*/
}

#wrapper #top #headerImage { /*float: left;
	padding-top: 25px;
	padding-left: 25px;*/
	height: 155px;
	padding: 0;
	margin: 0;
	background-image: url(../images/header.jpg);
	/* background-color?????? */
	background-position: left;
	background-repeat: no-repeat;
	color: #fff;
}

#wrapper #top #logoXinteractive {
	float: right;
	padding-top: 25px;
	padding-right: 25px;
	width: 197px;
	height: 60px;
	background-image: url(..images/logoXinteractive.png);
}

#languages{
	position:absolute;
	right:10px;
	top:130px;
	width:100px;
}

#languages img{
	cursor:pointer;
}
/****************************************************************************** NAVIGATION div */
#wrapper #nav {
	float: left;
	width: 385px;
	background-color: #fff;
	color: #555;
}

/********************************************************** ZOEKEN */
#wrapper #nav #search {
	float: left;
	width: 310px;
	height: 62px;
	/*line-height: 66px;*/
	padding:26px 0 0 75px;
	padding-left: 75px;
	background: url(../images/search.jpg) no-repeat bottom;
}

#wrapper #nav #search .veld {
	float: right;
}

/********************************************************** ACCOUNT */
#wrapper #nav #account {
	float: left;
	width: 310px;
	height: 140px;
	padding-left: 75px;
	background-color: #e8e8e8;
}

#wrapper #nav #account .veld {
	float: right;
	padding: 8px 20px 0 0;
	color: #333;
}

/*
#wrapper #menuBar {
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #fff;
	background-image: url(../images/menuBar.jpg);
	background-color: #3f3f3f;
	background-repeat: no-repeat;
	padding-left: 252px;
	color: #c0c0c0;
}
*/
/********************************************************** NAVIGATE */
#wrapper #nav #navigate a {
	cursor:pointer;
}
	
#wrapper #nav #navigate {
	float: left;
	width: 310px;
	/*line-height: 66px;*/
	padding-left: 75px;
	background-color: #FFF;
}

#wrapper #nav #navigate {
	clear: both;
}

#wrapper #nav #navigate #beheer {
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border-bottom: 1px solid #e8e8e8;
	margin-left: -75px;
	padding-left: 75px;
}

#wrapper #nav #navigate #context {
	border-bottom: 1px solid #e8e8e8;
	margin-left: -75px;
	padding-left: 75px;
	background:#EEE; 
	margin-top:10px;
}

#wrapper #nav #context div.block h3 {
	float:left; 
	color:#FFF; 
	display:block; 
	width:100%; 
	margin-top:-10px; 
	padding-left:75px; 
	background:#47B248; 
	margin-left:-75px;
}

#wrapper #nav #navigate #beheer div.block {
	float: left;
	width: 130px;
}

#wrapper #nav #navigate #beheer div.aanbiedingBlock {
	float: left;
	width: 180px;
}


#wrapper #nav #navigate h3 {
	color: #093e1a;
	margin-top: 10px;
	margin-bottom: 5px;
}

#wrapper #nav #navigate ul {
	list-style-type: none;
	list-style-image: none;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
}

#wrapper #nav #navigate li {
	padding: 2px 0;
}

#wrapper #nav #navigate ul li.active {
	color:#47B248;
	font-weight:bold;
	list-style-type: square;
}

#wrapper #nav #navigate #productgroepen {
	clear: both;
}


/******************************************************************************* CONTENT  */
#wrapper #contentWrapper {
	margin-left: 375px;
	background-color: #FFF;
	padding: 0 20px 0 20px;
	min-width:600px;
}

#wrapper #contentWrapper h1 {
	height: 66px;
	line-height: 66px;
	font-size: 19px;
	color: #47b248;
	padding: 0;
	margin: 0;
}

#wrapper #contentWrapper #content { /*height: 100%;*/
	/*padding-left:10px;*/
	background-color: #FFF;
	overflow:auto;
	margin-right:260px;
	overflow-x:auto;
	overflow-y:hidden;
	padding:5px 5px 20px;
}

#wrapper #contentWrapper #content #topContent div {
	color:#666666;
	float:left;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	padding-left:20px;
}

/********************************************************* CONTENT TOP */
#wrapper #contentWrapper #content #topContent {
	background-color: #FFF;
	height: 66px;
	margin-right: -250px;
	line-height: 66px;
	font-weight: bold;
	overflow: visible;
}

#title, h1.title
	{
	float: left;
	font-size: 19px;
	color: #47b248;
	padding: 0;
	margin: 0;
}

#wrapper #contentWrapper #content #topContent div {
	float: left;
	font-size: 11px;
	color: #666666;
}

/********************************************************* MAIN CONTENT */
#wrapper #contentWrapper #content #mainContent {
	background-color:#FFF;
	padding-left:18px;
	overflow:auto;
}

.modeLink{
	font-weight:bold;
	text-decoration:underline;
}

.modeLink.active{
	text-decoration:none;
	color:#47B248;
	cursor: default;
}

/********************************************************* RIGHT SUB CONTENT */
#wrapper #contentWrapper #subContent {
	/*
	position: absolute;
	top: 66px;
	right: 0px;
	width: 220px;
	min-height: 450px;
	background-color: #fff;
	margin-right: 10px;
	padding: 10px;
	border: 1px #060 solid;
	bottom:0;
	height:100%;
	*/
}


#wrapper #contentWrapper #subContentDeenseKar {
	position: absolute;
	top: 470px;
	right: 0px;
	margin-right: 10px;
	padding: 10px;
	bottom:0;
	height:556px; 
	width:248px;
}

#wrapper #contentWrapper #subContent .labelSub{
	 color:darkgreen;
	 font-size:10px;
}

#wrapper #contentWrapper #subContent .subRow{
	width:100%;
	margin:8px 0 0 0;
}

/****************************************************************************** BOTTOM  */
#wrapper #bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	border-bottom: 1px solid #555;
	background-image: url(../images/bottom.jpg); /*bestaat niet?*/
	background-color: #0a381d;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 30px;
	color: #fff;
}

.top-website-name {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

.top-website-slogan {
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
}

.odd {
	
}

.even {
	
}

.error {
	color:#6a6c6a;
	border:1px dotted red !important; 
	background: none repeat scroll 0% 0% rgb(255, 221, 221);
}

span.errorTooltip {
	position: relative;
}

span.errorTooltip span.errorTooltipMessage {
	display: none;
}

span.errorTooltip:hover span.errorTooltipMessage {
	display: block;
	z-index: 100;
	position: absolute;
	top: 2em;
	left: 0.4em;
	width: auto;
	padding: 3px 7px 4px 6px;
	background: #fff;
	border: 1px dotted #aa0000;
	text-align: left;
	color: #aa0000;
}

/* JQUERY AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/ /*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.datepicker {
	margin: -20px 0 0 90px;
}
div.uploadButton
{
	float: left;
	width: 200px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	background-color:#e5e5e5;
	border: 1px solid #cccccc;
	background-image: url(../images/button.jpg);
	background-position: 0 0;
}
div.uploadButton.hover
{
	background-color:#bfbfbf;
	background-position: 0 25px;
}
.errorMessage {
	font-weight: bold;
	color: #a00;
}





/****************************************************************************** DEENSE KAR  */
#deensekarWrapper{
	position:relative;
	width:252px;
	height:420px;
	background-color:#FFF;
	float:left;/* wellicht weghalen? */
}


#deensekarWrapper #karFront{
	/*background-image:url(../images/deensekar/kar_front.png);*/
	position:absolute;
	width:252px;
	height:420px;
	top:0;
	left:0;
	z-index:3;
}

#deensekarWrapper #karMiddle{
	position:absolute;
	width:250px;
	height:384px;
	margin:0 6px 0 6px;
	text-align:center;
	top:0;
	left:0;
	z-index:2;
}
#deensekarWrapper #karMiddle .karLaag{
	width:240px;
	/*min-height:79px; variabel */
	border-bottom:#FFF 1px solid;
	background-image:url(../images/deensekar/no_pic.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#b2b2b2;
}

#deensekarWrapper #karBack{
	/*background-image:url(../images/deensekar/kar_back.jpg);*/
	position:absolute;
	width:252px;
	height:420px;
	top:0;
	left:0;
	z-index:1;
}

.spanLink{
	text-decoration:underline;
	cursor:pointer;
}



div#users-contain { 
	width: 550px; 
	margin: 20px 0; 
}

div#users-contain table { 
	margin: 1em 0; 
	border-collapse: collapse; 
	width: 100%; 

}
div#users-contain table td, div#users-contain table th { 
	border: 1px solid #eee; 
	padding: .6em 10px; 
	text-align: left; 
}

.ui-dialog .ui-state-error { 
	padding: .3em; 
}

.validateTips { 
	border: 1px solid transparent;
	padding: 0.3em; 
	display:none; 
	color:red;
}

#dialog-form{
	display:none; 
}

.custom-ui-state-error{
	background-color:#FFDDDD; 
	border:1px dotted red !important;
}

.overgang{
	display:none; 
	border-top:1px solid green; 
	border-bottom:1px solid green; 
	position:absolute; 
	right:251px; 
	z-index:999; 
	background:#FFF; 
	width:50px; 
	padding:0;
	height:70px;
	margin:-44px 20px 0 0;
}

#dialog-form-lading{
	display:none;
}

.labelSub{
	width:130px;
}

.bold{
	font-weight:bold;
}

input.submit{
	margin-top:6px;
	background:url(../images/knop.jpg);
}

.createAanbieding, .addAantal, input.submit{
	font-size:11px;
	color:#FFF;
	font-weight:100;
	font-family:Verdana;
	background:url(../images/knop.jpg);
	border:none;
	padding:3px 4px;
	cursor:pointer;
	display:block;
	text-decoration:none;
	width:200px;
	text-align:center;
	height:18px;
}

.createAanbieding
{
	padding-top:6px; 
}

.addAantal
{
	padding-top:1px; 
}

input.submit{
	margin-left:6px;
	width:210px;
	height:26px;
}

.createAanbieding:hover. .addAantal:hover{
	background:url(../images/knop.jpg) 180px 0;
}

#sub{
	
}

.follow{
	float:right;
	border:1px solid green;
	width:220px; 
	padding:10px 10px 10px 10px; 
}

.logout{
	margin-right:-6px;
}

.buttonSave, .buttonDelete{
	display:block;
	background:url(../images/ico_sprite.jpg);
	color:#FFF;
	width:120px;
	height:16px;
	text-decoration:none;
	padding:4px 0 0 30px;
	font-size:10px;
	float:left;
	margin:0 0 0 10px;
	cursor:pointer;
}

.buttonHolder{
	float:right; 
	width:322px; 
	height:20px; 
	overflow:hidden; 
	margin-top:-2px;
}

.buttonSave{
	background-position:0 0;
}

.buttonSave:hover{
	background-position:0 60px;
}

.buttonDelete{
	background-position:0 40px;
}

.buttonDelete:hover{
	background-position:0 20px;
}

.multiSelectOptions input{
	width:auto;
}
}