/* 
	CSS Document
	huureenmotor.nl

 */
/************************************************************************************************************************************
** General styles
************************************************************************************************************************************/
.bordered {
	border-width: 2px;
	border-color: #000000;
	border-style: solid;
}

.graybordered {
	border-width:1px;
	border-style:solid;
	border-color: #CCCCCC;
}

.centered {
	text-align: center;
}

.clearer{
	clear:both;
	height:1px;
	width:1px;
}

.clickable {
	cursor: pointer;
}
	
.fullheight {
	height: 100%;
}

.fullwidth {
	width: 100%;
}

.question {
	font-weight: bold;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.verborgen{
	display:none;
}
/************************************************************************************************************************************
** Styles for page lay-out
************************************************************************************************************************************/
TABLE.kassabon {
	width: 230px;
	/*color: black;*/
}

TABLE.mark {
	border-color: #348701;
}

TABLE.unmark {
	border-color: #ffffff;
}

TD.headercol_1 {
	height: 163px;
	width: 230px;
}

TD.headercol_2 {
	height: 163px;
	width: 760px;
}

TD.pagecol_1 {
	background-image:url(../images/bg_leftcolumn.jpg);
	background-repeat:repeat-y;
	vertical-align: top;
	width: 230px;
	text-align: center;
}

TD.dealerpagecol_1 {
	vertical-align: top;
	text-align: center;
}

TD.pagecol_2 {
	background-image: url(../images/bg_rightcolumn.jpg);
	background-repeat:repeat-y;
	vertical-align: top;
	width: 760px;
}

TD.dealerpagecol_2 {
	vertical-align: top;
}

DIV.pagecol_2 {
	padding: 1px 15px 1px 15px;
}

DIV.dealerpagecol_2 {
	padding: 1px 5px 1px 5px;
}

#divid_zoeken {
	position: absolute;
	left: 250px;
	top: 50px;
	padding: 10px;
	border-width: 2px;
	border-color: #000000;
	/*border-color: #348701;*/
	border-style: solid;
	display: none;
	background-color: #ffffff;
}

#divid_zoeken table {
	background: none;
	width: 400px;
	height: 250px;
}

#spanid_zoeken {
	text-align: left;
	vertical-align: bottom;
	width:62px;
	border-width:1px;
	border-style:solid;
	border-color: #CCCCCC;
	overflow: hidden;
	white-space: nowrap;
}

#spanid_zoeken img { vertical-align: middle; }

TD.pagecol_2 #footer{
	width:760px;
	height:38px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	text-align:right;
	background-position:right;
	
}

TD.pagecol_2 #footer ul{
	margin:10px 10px 0px 0px;
	padding:0px;
}

TD.pagecol_2 #footer ul li{
	display:inline;
}

TD.pagecol_2 #footer ul li a{
	text-decoration:underline;
	color:#757373;
}

TD.pagecol_2 #footer ul li a:hover{
	text-decoration:none;
	background-color:transparent;
}

DIV.kolomLeft{
	width: 78%;
	float:left;
	margin-top:20px;
}

DIV.kolomRight{
	width:20%;
	float:left;
	margin-top:20px;
}

DIV.blockAdRight{
	text-align:right;
}

P.attention {
	text-align:center;
	font-size: 120%;
	margin-top: 40px;
}

/************************************************************************************************************************************
** Styles for menu
************************************************************************************************************************************/
TABLE.menu {
	background-image: url(/images/bg_menu.jpg);
	background-repeat: repeat-x;
}

TD.menu_item {
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}

TD.menu_sep {
	border-bottom: 1px solid #999999;
}

/************************************************************************************************************************************
** Styles for non-form buttons
************************************************************************************************************************************/
A.button {
	background-color: #348701;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	border-width: 1px;
	border-style: ridge;
}

A.button {
	padding: 1px 2px 1px 2px;
	height: 14pt;
}

A.smallbutton {
	text-decoration: underline;
}

A.button:hover, A.smallbutton:hover {
	background-color:#CCCCCC;
}

UL.button {
	display:inline;
	margin:0;
}

LI.button {
	display:inline;
	margin:0;
}

/************************************************************************************************************************************
** Styles for forms
************************************************************************************************************************************/
DIV.form {
	margin: 10px 1px 5px 0px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #999999;
	padding: 0px 0px 10px 0px;
}

DIV.dealerzoekform {
	margin: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

INPUT.button, BUTTON.button {
	background-color: #348701;
	border-width: 1px;
	color: #ffffff;
	font-weight: bold;
	font-size: 9pt;
	padding-right: 5px;
	padding-left: 5px;
}


button.button_x {
	border-width:0px;
	background:none;
	padding:0px;
}


INPUT.date {
	width: 70px;
}

INPUT.postalcode {
	width: 60px;
}

INPUT.general {
	width: 100px;
}

INPUT.smallnumber {
	width: 30px;
}

P.formheader {
	background-color: #2d7700;
	color: #FFFFFF;
	font-weight: bold;
	height: 30px;
	padding: 10px 20px 10px 10px;
	text-align: right;
}

TD.buttons {
	padding-top: 5px;
	text-align: right;
}

TD.formfield {
	vertical-align:baseline;
}

TD.formlabel {
	vertical-align:baseline;
}

/************************************************************************************************************************************
** Styles for lists
************************************************************************************************************************************/
TABLE.motorlist {
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}

P.motorlist, TABLE.motorlist {
	width: 728px;
	margin: 0;
}

TD.listlabel {
}
	
TD.listfield {
	font-weight: bold;
}

TD.listnumber {
	text-align: right;
}

TD.moc1, TH.moc1 {
	width: 150px;
}

TD.moc2, TH.moc2 {
}

TD.moc3, TH.moc3 {
	width: 100px;
}

TD.moc4, TH.moc4 {
	width: 100px;
}

TH.moc3, TH.moc4 {
	text-align: right;
}

TH.listlabel {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

TR.listlabel {
	background-color: #cccccc;
}

/************************************************************************************************************************************
** Web styles
************************************************************************************************************************************/
A {
	text-decoration: none;
	color: black;
}

A:hover {
	background-color:#CCCCCC;
}

BODY,TABLE {
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:18px;
	margin:0px;
	padding:0px;
}
BODY,BODY.dealersite {
	overflow: auto;
}

H1 {
	color: #2d7700;
	font-size:15px;
	margin-bottom: 2px;
}

/* default opacity for IE */
IMG {
	filter:alpha(opacity=100);
}

/* duplicate image positioning */
IMG.idupe {
	position:absolute;
	z-index:8888;
	visibility:hidden;
}

IMG.thumb {
	/* width: 50px; */
	height: 50px;
}

IMG.listthumb {
	width: 120px;
	/* height: 60px;*/
}

IMG.photo {
	width: 160px;
}

IMG.motordealerphoto {
	width: 310px;
}

FORM {
	padding:0px;
	margin:0px;
}

UL, P.nomargin {
	margin-top: 2px;
}

legend{
	color:#2e7d00;
	font-weight:bold;
}

fieldset{
	width:400px;
	-moz-border-radius: 7;
}

/************************************************************************************************************************************
** Styles per ID
************************************************************************************************************************************/
#infopopup {
	position: relative;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	background-color: #CCCCCC;
	line-height: 10pt;
	display: none;
	padding: 5px;
}

#mainContainer {
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #999999;
}

#bannerKadobonHolder{
	/*position:absolute;*/
	z-index:9999;
	right:160px;
	top:179px;
	text-align:right;
	width:250px;
}

a#kadobonBannerLink:hover{
	background-color:transparent;
}





/************************************************************************************************************************************
** Styles for kolom
************************************************************************************************************************************/


.kolom{
	float:left;
	margin-left:3px;
	background-color:#FFFFFF;
}

#kolomClub1{
	width:280px;
}

#kolomClub2{
	width:280px;
}

#kolomClub3{
	width:150px;
}

#kolom1{
	width:425px;
}

#kolom2{
	width:425px;	
}

#kolom3{

	width:15px;
	padding-top:5px;
	margin-left:10px;
}

#kolomFullItem{
	width:650px;
}

#kolomRelated{
	width:200px;
}

#kolom3 img{
	border:1px solid #2e7d00;
}

.blockClubItem{
	width:261px;
	height:auto;
	border:1px solid #2e7d00;
	margin:5px 10px 10px 10px;
	padding:5px;
}

.blockClubItem2{
	width:150px;
	height:auto;
	border:none;
	margin:5px 10px 10px 10px;

}

.blockClubItem .kop{
	background-color:#FFFFFF;
	color:#07519a;
	width:250px;
	font-size:12px;
	font-weight:bold;
	padding:1px 1px 1px 1px;
	margin:0px;
	border-bottom:1px solid #2e7d00;
}


#evenementtekst{
position:absolute;
top:60px;
left:30px;
width:700px;
display:none;
border-width:2px;
border-style:solid;
border-color:#000000;
background-color:#FFFFFF;
padding:3px;
}

img.banner{
border-width:1px;
border-color:#2e7d00;
border-style:solid;
}