/**
 * VSCD referenties css
 * powered by peppered : www.peppered.nl
 *
 */

@import url("base.css");

/* pagination menu -> base css */


#contentColumn1.wide {
	width: 550px;
	margin-right: 0;
}

#alphabetList {
	float: left;
	margin: 0;

	width: 100%;
}

#alphabetList li {
	display: block;
	float: left;
	border: 1px solid #990099;
	margin: 0 1px 0 0;
}

#alphabetList a {
	display: block;
	color: white;
	background: #990099;
	padding: 2px 4px;
	line-height: 100%;
}

#alphabetList a:hover,
#alphabetList li.active a {
	background: white;
	color: #990099;
}

#referenties {
	width: 550px;
}

#referenties h4.leveranciergroepHeader span.buttonDropDown {
	display: block;
	float: left;
	width: 20px;
	margin: 0 10px 0 0;
	background:transparent url(/images/button_dropdown.gif) no-repeat scroll 100% 50%;<br>
}

#referenties h4.opened span.buttonDropDown {
	background:transparent url(/images/button_pullup.gif) no-repeat scroll 100% 50%;<br>
}

#referenties h4 {
	clear: both;
	height: 18px;
	background:#9F9F9F none repeat scroll 0%;
	color:#990099;
	padding: 8px 2px 3px 3px;
	cursor: pointer;
}

div#columnTitles {
	padding: 10px 0 0 0;
}

div#columnTitles li span{
	font-weight: bold;
}

ul.leveranciergroepContainer li {
	width: 100%;
	clear: both;
	float: left;
	padding: 3px 0 3px 0;
	line-height: 1.2em;
}

ul.leveranciergroepContainer li.even {
	background:#B5AFB1 none repeat scroll 0%;
}

ul.leveranciergroepContainer li span, div#columnTitles li span {
	float: left;
}

span.leverancierNaam {
	width: 180px;
	padding: 0 3px 0 0;
}

span.lidNaam {
	width: 220px;
}

span.referentieContactPersoon {
	width: 120px;
	padding: 0 3px 0 0;
}

span.referentieOmschrijving {
	display: block;
	font-style: italic; 
	text-indent: 2em;
}

/* - forms - */

#referenties #formLogin {
	padding: 1em 0 2.5em 0;
	width: 320px;
}

#referenties #formLogin label {
	float: none;
	font-weight: bold;
}

#referenties #formLogin div {
	float: left;
	wwidth: 160px;
	clear: none;
	padding-right: 5px;
}

#referenties #formLogin div.right {
	float: right;
	text-align: left;
}

#publicaties #formLogin input {
	width: 140px;
}

#formReferentielijstSort {
	float: none;
	float: left;
}

#formReferentielijstSort label,
#formReferentielijstSort span {
	display: inline;
	float: none;
	/* vertical-align: middle; */
}

#formReferentielijstSort input {
	vertical-align: middle;
}
width: 140px;
}