html, body
{
	width: 100%;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	background-color: #262626;
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100.1%;
	background-image: url(../img/bg/bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}
#wrapper
{
	position: relative;
	width: 954px;
	height: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

a:link,
a:visited,
a:active { color: #F30; }
a:hover { color: #FC0; }

/* ----------------------------------------------------------------------
FORMULIER
---------------------------------------------------------------------- */

#content label
{
	color: #ccc;
	width: 120px; 
	float: left;
}
#content input.fld,
#content input.select,
#content textarea
{
	background-color: #333;
	border-color: #900;
	border-width: 1px;
	border-style: solid;
	width: 200px;
	color: #e5e5e5;
	font-family: verdana, arial, helvetica, sans-serif;
}

#content input.btn
{
	background-color: #333;
	color: #CCC;
	font-family: Verdana, arial, helvetica, sans-serif;
	border-color: #999 #000 #000 #999;
	border-width: 1px;
	border-style: solid;
}

/* ----------------------------------------------------------------------
MENU
---------------------------------------------------------------------- */
#menu
{
	position: absolute;
	width: 236px;
	margin: 0;
	padding: 1px 0 0 0;
	left: 1px;
	vertical-align: top;
	background-image: url(../img/menu/divider.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#menu a,
#menu a img
{
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 0;
	font-size: 0;
}

#menu a
{
	padding-bottom: 1px;
}

/* ----------------------------------------------------------------------
ADRES
---------------------------------------------------------------------- */
#adres
{
	position: absolute;
	width: 196px;
	margin: 0;
	padding: 1px 0 0 0;
	left: 20px;
	top: 560px;
	vertical-align: top;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}

/* ----------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------- */
#content
{
	position: absolute;
	left: 257px;
	top: 210px;
	width: 510px;
	margin: 0;
	padding: 0;
	color: #999;
	text-align: left;
}

/* ----------------------------------------------------------------------
TITLEBAR
---------------------------------------------------------------------- */
/* set the image to use and establish the lower-right position */
.titlebar, 
.titlebar-body, 
.titlebar-head, 
.titlebar-head h2 
{ 
	background: transparent url("../img/img.png") no-repeat bottom right;
	text-align: left;
}

.titlebar
{
	/* intended total box width - padding-right(next) */
	width: 96% !important;
	/* IE Win = width - padding */
	/* the gap on the right edge of the image (not content padding) */
	padding-right: 15px;			/* use to position the box */
	margin: 0px;
}

/* set the top-right image */
.titlebar-head
{
	background-position: top right;	/* pull the right image over on top of border */
	margin-right: -15px;			/* right-image-gap + right-inside padding */
	padding-right: 40px;
}

/* set the top-left image */
.titlebar-head h2
{
	background-position: top left;
	margin: 0;						/* reset main site styles */
	border: 0;						/* ditto */
	/* padding-left = image gap + interior padding ... no padding-right */
	padding: 5px 0 0 10px;
	height: auto !important;
	font-size: 13px;
	line-height: 1em;
	color: #E5E5E5;
}

/* IE Holly Hack */
/* set the lower-left corner image */
.titlebar-body
{
	background-position: bottom left;
	margin-right: 25px;				/* interior-padding right */
	padding: 0px 0 10px 40px;
	font-size: 1px;
	line-height: 1px;
/*	height:1px;*/
}


div.disabled, div.disabled-prev, div.disabled-next{
	display: block;
	float: left;
/*	background-color: red;*/	
}

div.disabled-next {
	position: relative;
	display: inline;
/*	float: right;*/
}

/* The paging indicators need to be set a font-size */
div.titlebar-body-paged
{
	font-size: 11px;
	line-height: 1em;	
}


/* ----------------------------------------------------------------------
TRUCKDETAILS
---------------------------------------------------------------------- */
table.details
{
	width: 500px;
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
}

table.details td
{
	padding: 6px 4px;
	text-align: left;
	vertical-align: top;
	background-color: #333;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	color: #e5e5e5;
	font-family: verdana, arial, helvetica, sans-serif;
}

table.details td.lbl { background-color: #252525; }

td.cell p {
	margin: 0px;
}

/* ----------------------------------------------------------------------
MESSAGE
---------------------------------------------------------------------- */
.error
{
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #F00;
	background-color: #442300;
}

.success
{
	font-weight: bold;
	font-size: 12px;
	color: #CCC;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	background-color: #333;
	border-color: #6C0;
	border-width: 1px;
	border-style: solid;
}