/*
basic content sections layout
*/
body {
	height:100%;
}

.clr { clear: both; }

#page-container {
	display: block;
	
	position: absolute; left: 0px; top: 0px;
	width: 100%;
	min-height: 100%;
	z-index: 0;
}

#header-stripe, #menu-stripe {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	font-size: 0px;
}

#header-stripe {
	height: 90px; /* header height */
}
#menu-stripe { 
	top:91px; /* header str bottom + 1 */
	height: 22px; /* menu height */
}

#container { 	
	margin:0px auto;
	width:960px;
	padding-bottom: 60px;
}

#header {
	height:90px;
	margin-bottom: 1px;
	/*border: solid thin white;*/
}

#current-user-info {
	float:right;
	text-align: right;
	padding-top: 5px;
}
#flyOutLoginHelp
{
    border: 1px solid #737f94; 
    width: 200px; 
    font-size: 12px; 
    line-height: 15px; 
    background-color: #ffffff; 
    color: #535353; 
    padding: 5px;
}
#flyOutLoginHelp a
{
    color: #708aad;
    text-decoration: underline;
}
#flyOutLoginHelp a:hover
{
    color: #708aad;
    text-decoration: none;
    background-color: transparent;
}

#menu {
	height:22px;
	padding-left: 190px; /* cat sect width + 10px */
}
#menu .twitter
{
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    color: #ffffff;
}
#menu .twitter a
{
    background-color: transparent;
    color: #c3deef;
    text-decoration: none;
}
#menu .twitter a:hover
{
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}

#category-section {
	float:left;
	width:160px;
	margin-top: -18px;
	width: 164px;
	padding: 8px;
}
#category-section-content {
	min-height: 480px;
	_height: 480px;
	padding: 0px 5px;
}

#content-section { 	
	margin-left: 190px;
}
#category-footer
{
    float: left;
    padding: 0px;
    margin: 0px;
}

#footer-container {
	/* stick to the bottom of the frame */
	position: absolute; 
	bottom: 0px;
	left: 50%;
	z-index: 0;
	
	/* center content */
	margin-left: -480px; 
	width:960px;
	
	height: 40px;
}

#footer {
	/*width: 100%;*/
	height: 100%;
	padding: 0px 20px;
}
#divUitlegLinks
{
    float: left;
    width: 920px;
    background-color: #416492;
    padding: 10px 20px;
}
#divUitlegLinks .column1, #divUitlegLinks .column2, #divUitlegLinks .column3, #divUitlegLinks .column4
{
    float: left;
    width: 25%;
    line-height: 16px;
}
#divUitlegLinks .column1 a, #divUitlegLinks .column2 a, #divUitlegLinks .column3 a, #divUitlegLinks .column4 a
{
    color: #ffffff;
    text-decoration: none;
}
#divUitlegLinks .column1 a:hover, #divUitlegLinks .column2 a:hover, #divUitlegLinks .column3 a:hover, #divUitlegLinks .column4 a:hover
{
    color: #ffffff;
    text-decoration: underline;
    background: none;
}

#footer-left, #footer-right {
	float:left;
	width:50%;
}

/* 
search grid controls 
*/
#search-controls {
	position: relative;
}

#search-num-results,
#search-results-page-size {
	position: absolute;
	top: 0px;
	width: 22%;
	line-height: 25px;
}

#search-num-results {
	left: 0px;
}

#search-results-page-size {
	right: 0px;
}

#search-pages {
	margin-left: 18%;
	margin-right: 18%;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
#search-pages-klanten
{
	height: 25px;
	line-height: 25px;
    text-align: left;
}

/*
detail page sections
*/

.company-details {
	float: right;
	width: 40%;
}

#content-section div.auction-details h2 {
	width: 50%;
}

.company-logo {
	float: left;
}
.titleLaatstgeplaatst
{
    float: left;
    width: 100%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #5e8cbe;
    padding: 10px 0px 5px 5px;
    border-bottom: 1px solid #e4e4e4;
}
.searchParameters
{
    float: left;
    width: 100%;
    padding: 10px 5px 10px 5px;
}
.searchRubrieken
{
    float: left;
    padding-right: 30px;
}
.searchRubrieken label
{
    float: left;
    padding-top: 5px;
    padding-right: 20px;
}
.searchProvincies
{
    float: left;
    padding-right: 30px;
}
.searchProvincies label
{
    float: left;
    padding-top: 5px;
    padding-right: 20px;
}
.searchPeriod
{
    float: left;
}
.searchPeriod label
{
    float: left;
    padding-top: 5px;
    padding-right: 20px;
}
.moreresults
{
    float: left;
    width: 731px;
    height: 25px;
    text-align: right;
    background-color: #f1f1f1;
    padding: 0px 20px 0px 20px;
    line-height: 25px;
}
.moreresults a
{
    font-size: 12px;
    color: #ef6b00;
    text-decoration: none;
}
.moreresults a:hover
{
    font-size: 12px;
    color: #ef6b00;
    background-color: #f1f1f1;
    text-decoration: underline;
}