body { background-color: #ffffff; background-image: url(../images/bg_blauw2.jpg); background-repeat: no-repeat; background-position: 500px 300px; color: #000; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none; text-align: left; margin: 0; padding: 0 }

b { font-weight: bold;}

/*nieuwsflash tabelinstelling*/
td.nieuws { height: 25px;}

	a:link { color: #000; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none; }
	
	a:visited { color: #000; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none;  }
	
	a:hover { color: #808080; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: underline; }
	
	a:active { color: #000; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none; }

#logo_naam { background-image: url(../images/naam-yves-motors.gif); position: absolute; top: 20px; left: 55px; width: 252px; height: 72px; }

#logo_citroen { background-image: url(../images/logo-citroen.gif); position: absolute; top: 0px; left: 325px; width: 103px; height: 99px; }

#menubalk { background-color: #f00; position: absolute; top: 100px; left: 55px; width: 851px; height: 20px; margin: 0; z-index: 10; }

#iframe { position: absolute; top: 120px; left: 55px; width: 930px; height: 1000px; }

iframe { background: transparent;}

table.menu { color: #fff; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: bold; text-decoration: none; letter-spacing: 0px; width: 100%; }
td.menu { width: 120px; text-align: center;}

	a:link.menu { color: #fff; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: bold; text-decoration: none; }
	
	a:visited.menu { color: #fff; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: bold; text-decoration: none;  }
	
	a:hover.menu { color: #fff; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: bold; text-decoration: underline; }
	
	a:active.menu { color: #fff; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: bold; text-decoration: none; }

/*animated afbeelding links onder menubalk*/
#reclame { position: absolute; top: 0px; left: 0px; width: 445px; height: 211px; z-index: 0;  }

/*ontdek C5 C4 promoties rechts onder menubalk*/
#ontdekC5 { background-image: url(../images/promotieC5.jpg); position: absolute; top: 0px; left: 445px; width: 406px; height: 69px; z-index: 1; }

#ontdekC4 { background-image: url(../images/promotieC4.jpg); position: absolute; top: 69px; left: 445px; width: 406px; height: 70px; z-index: 1; }

#promoties { background-image: url(../images/promoties.jpg); border-bottom: 1px solid #808080; position: absolute; top: 139px; left: 445px; width: 406px; height: 71px; z-index: 1; }

/*tekst van promoties*/
.promos { color: #000; font-size: 11px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none; }
#tekstC5 { position: absolute; top: 0px; left: 445px; width: 190px; height: 69px; z-index: 2; }
#tekstC4 { position: absolute; top: 66px; left: 645px; width: 220px; height: 69px; z-index: 2; }
#tekstpromoties { position: absolute; top: 136px; left: 445px; width: 190px; height: 69px; z-index: 2; }

/*nieuwsflash*/
#yves { background-image: url(../images/yves.jpg); position: absolute; top: 230px; left: 10px; width: 65px; height: 149px; z-index: 2; }
#kadernieuwsflash { background-image: url(../images/radiator.jpg); background-repeat: no-repeat; background-position: center right; position: absolute; top: 240px; left: 94px; width: 350px; height: 122px; z-index: 2; border: 1px solid #d7d7d7; }
#nieuws { position: absolute; top: 270px; left: 96px; width: 346px; height: 90px; z-index: 3; border: 1px dashed #d7d7d7; }

/*directie en tweedehands*/
#directie { position: absolute; top: 380px; left: 94px; width: 350px; height: 34px; z-index: 2; border: 1px dashed #f00; }
.rollover a { display:block; width:350px; height: 34px; background-image: url(../images/directie.gif); background-repeat: no-repeat; background-position: center;}
.rollover a:hover { background-image: url(../images/directie_over.gif); background-repeat: no-repeat; background-position: center;}


/*adres & openingsuren */
#blokje1 { position: absolute; top: 264px; left: 454px; width: 8px; height: 100px; z-index: 2; background-color: #808080; float: left; }
#blokje2 { position: absolute; top: 264px; left: 645px; width: 8px; height: 100px; z-index: 2; background-color: #808080; float: left; }
#adres { position: absolute; top: 264px; left: 467px; width: 175px; height: 122px; z-index: 2; border: 0px solid #d7d7d7;  }
.adres  { color: #000; font-size: 10px; font-family: verdana; font-weight: normal; text-decoration: none; line-height: 12px; }
#uren { position: absolute; top: 264px; left: 658px; width: 175px; height: 122px; z-index: 2; border: 0px solid #d7d7d7;  }

/*colofon*/
#colofon { background-image: url(../images/autootjes.gif); background-repeat: no-repeat; position: absolute; top: 445px; left: 0px; width: 851px; height: 50px; z-index: 2; }
table.colofon { color: #808080; font-size: 9px; font-family: verdana,arial, sans-serif; font-weight: normal; text-decoration: none; letter-spacing: 0px; width: 100%; margin-top: 25px }

	a:link.print { color: #808080; font-size: 9px; font-family: verdana, arial, sans-serif; font-weight: normal; text-decoration: none; }
	
	a:visited.print  { color: #808080; font-size: 9px; font-family: verdana, arial, sans-serif; font-weight: normal; text-decoration: none;  }
	
	a:hover.print  { color: #000; font-size: 9px; font-family: verdana, arial, sans-serif; font-weight: normal; text-decoration: underline; }
	
	a:active.print  { color: #808080; font-size: 9px; font-family: verdana, arial, sans-serif; font-weight: normal; text-decoration: none; }

/*PAGE OVER YVES MOTORS */
/*ontdek C5 C4 promoties rechts onder menubalk*/
#oym_adres { background-color: #f1f1f1; position: absolute; top: 0px; left: 0px; width: 200px; height: 240px; z-index: 1; padding-left: 5px  } 

#oym_firma { background-color: #d3d3d3; position: absolute; top: 0px; left: 200px; width: 646px; height: 240px; z-index: 1; padding-left: 5px }

#oym_foto { background-image: url(../images/ingang.jpg); position: absolute; top: 0px; left: 435px; width: 320px; height: 240px; z-index: 2; }

#oym_infra { background-color: #fff; position: absolute; top: 250px; left: 0px; width: 200px; height: 200px; z-index: 1; padding-left: 5px  } 

#oym_personeel { background-image: url(../images/personeel.gif); position: absolute; top: 270px; left: 150px; width: 776px; height: 213px; z-index: 1; } 

#oym_colofon { position: absolute; top: 425px; left: 0px; width: 851px; height: 50px; z-index: 2; }

/*PAGE MODELLEN */
/**/
#m_positie {position: absolute; top: 10px; left: 50px; width: 590px; z-index: 1; padding-bottom: 70px;} 

#m_c1 img {border: thin solid #000; margin: 0 10px;}

#m_c1 {background-color: #f1f1f1; position: relative; top: 0; left: 50px; height: 70px; z-index: 1; padding: 10px; border: thin dashed #949494; margin-top: 10px   } 

#m_c1 table {width: 550px; text-align: center; border: 0px;}

#m_c1 td {width: 135px;}
