/* set up the font to be used for the page */ body {font-family: tahoma; arial, sans-serif;} /* set the size of the definition list
and add the background image */ #imap {display:block; width:340px; height:440px; background:url(./img/kaart.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #imap a#title {display:block; width:340px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(./img/kaart.gif) no-repeat 340px 440px; cursor:default;} /* the hack for IE pre IE6 */ * html #imap a#title {height:240px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #imap a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #imap dd {position:absolute; padding:0; margin:0;} #imap #DeKeverboet {left:126px; top:138px; z-index:20;} #imap #VWVeteranenCoenen {left:240px; top:380px; z-index:20;} #imap #KaagKevers {left:107px; top:218px; z-index:20;} #imap #Wolfsburcht {left:117; top:294px; z-index:20;} #imap #vanGilst {left:68px; top:297px; z-index:20;} #imap #ClassicCentre {left:104px; top:322px; z-index:20;} #imap #vanKranen {left:105px; top:266px; z-index:20;} #imap #Calimero {left:211px; top:240px; z-index:20;} #imap #hotrod {left:246px; top:234px; z-index:20;} #imap #Bugboys {left:230px; top:223px; z-index:20;} #imap #Schipper {left:281px; top:185px; z-index:20;} #imap #Brams {left:270px; top:119px; z-index:20;} #imap #Bugworld {left:274px; top:109px; z-index:20;} #imap #frankys {left:185px; top:344px; z-index:20;} #imap #ABCTuning {left:130px; top:232px; z-index:20;} #imap #Aircooledcenter {left:309px; top:103px; z-index:20;} #imap #Beetspeed {left:249px; top:341px; z-index:20;} #imap #Kevermobiel {left:300px; top:210px; z-index:20;} #imap #Kieftenklok {left:200px; top:231px; z-index:20;} #imap #Oldtimerparts {left:118px; top:312px; z-index:20;} #imap #Paalman {left:97px; top:246px; z-index:20;} #imap #Pinocar {left:135px; top:150px; z-index:20;} #imap #Speedservice {left:228px; top:377px; z-index:20;} #imap #VolksRepairs {left:98px; top:257px; z-index:20;} #imap #VolkswagenKevercentrum {left:159px; top:215px; z-index:20;} #imap #VWClassics {left:212px; top:334px; z-index:20;} /* style the
links physical size and the background image for the hover */ #imap a#DeKeverboet, #imap a#VWVeteranenCoenen, #imap a#KaagKevers, #imap a#Wolfsburcht, #imap a#vanGilst, #imap a#ClassicCentre, #imap a#vanKranen, #imap a#Calimero, #imap a#hotrod, #imap a#Bugboys, #imap a#Schipper, #imap a#Brams, #imap a#Bugworld, #imap a#frankys, #imap a#ABCTuning, #imap a#Aircooledcenter, #imap a#Beetspeed, #imap a#Kevermobiel, #imap a#Kieftenklok, #imap a#Oldtimerparts, #imap a#Paalman, #imap a#Pinocar, #imap a#Speedservice, #imap a#VolksRepairs, #imap a#VolkswagenKevercentrum, #imap a#VWClassics, #imap a#george {display:block; width:7px; height:7px; background:transparent url(./img/hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imap a span, #imap a:visited span {display:none;} /* move the link background image to position 0 0 when hovered */ #imap a#DeKeverboet:hover, #imap a#VWVeteranenCoenen:hover, #imap a#KaagKevers:hover, #imap a#Wolfsburcht:hover, #imap a#vanGilst:hover, #imap a#ClassicCentre:hover, #imap a#vanKranen:hover, #imap a#Calimero:hover, #imap a#hotrod:hover, #imap a#Bugboys:hover, #imap a#Schipper:hover, #imap a#Brams:hover, #imap a#Bugworld:hover, #imap a#frankys:hover, #imap a#ABCTuning:hover, #imap a#Aircooledcenter:hover, #imap a#Beetspeed:hover, #imap a#Kevermobiel:hover, #imap a#Kieftenklok:hover, #imap a#Oldtimerparts:hover, #imap a#Paalman:hover, #imap a#Pinocar:hover, #imap a#Speedservice:hover, #imap a#VolksRepairs:hover, #imap a#VolkswagenKevercentrum:hover, #imap a#VWClassics:hover, #imap a#george:hover {background-position:0 0;} /* define the common styling for the span text */ #imap a:hover span {position:absolute; width:300px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;} /* the hack for IE pre IE6 */ * html #imap a:hover span {width:400px; w\idth:300px;} /* move the span text to a common position at the bottom of the image map */ #imap a#DeKeverboet:hover span {left:10px; top:10px; } #imap a#VWVeteranenCoenen:hover span {left:104px; top:-380px; } #imap a#KaagKevers:hover span {left:240px; top:-217px; } #imap a#Wolfsburcht:hover span {left:10px; top:-10px; } #imap a#vanGilst:hover span {left:10px; top:-10px; } #imap a#ClassicCentre:hover span {left:10px; top:-10px; } #imap a#vanKranen:hover span {left:10px; top:-10px; } #imap a#Calimero:hover span {left:10px; top:-10px; } #imap a#hotrod:hover span {left:10px; top:-10px; } #imap a#Bugboys:hover span {left:10px; top:-10px; } #imap a#Schipper:hover span {left:10px; top:-10px; } #imap a#Brams:hover span {left:10px; top:-10px; } #imap a#Bugworld:hover span {left:10px; top:-10px; } #imap a#frankys:hover span {left:10px; top:-10px; } #imap a#ABCTuning:hover span {left:10px; top:-10px; } #imap a#Aircooledcenter:hover span {left:10px; top:-10px; } #imap a#Beetspeed:hover span {left:10px; top:-10px; } #imap a#Kevermobiel:hover span {left:10px; top:-10px; } #imap a#Kieftenklok:hover span {left:10px; top:-10px; } #imap a#Oldtimerparts:hover span {left:10px; top:-10px; } #imap a#Paalman:hover span {left:10px; top:-10px; } #imap a#Pinocar:hover span {left:10px; top:-10px; } #imap a#Speedservice:hover span {left:10px; top:-10px; } #imap a#VolksRepairs:hover span {left:10px; top:-10px; } #imap a#VolkswagenKevercentrum:hover span {left:10px; top:-10px; } #imap a#VWClassics:hover span {left:10px; top:-10px; } /* add the style for the link span text - first line */ #imap a span:first-line {font-weight:bold; font-style:italic;} .foto { border: 1 solid black; } .stdInputTable { background-color:#D8CF67; } body { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 14px; font-weight: normal; text-decoration: none; color: #000000; } .textinput { background : E1DB8C; border : 1px inset; font-size : 12px; margin-top : 2px; top: 4px; color: black; font-family: "Book Antiqua", "Bookman Old Style", Garamond; } .textinput1 { background : #FFFFFF; font-size : 12px; color: black; font-family: "Book Antiqua", "Bookman Old Style", Garamond; width:100%;; border-top: 1px inset #000000; border-right: 1px inset #000000; border-bottom: 1px inset #000000; border-left: 1px inset #000000; } .textareainput1 { background : #FFFFFF; font-size : 12px; color: black; font-family: "Book Antiqua", "Bookman Old Style", Garamond; width: 300px; border-top: 1px inset #000000; border-right: 1px inset #000000; border-bottom: 1px inset #000000; border-left: 1px inset #000000; } .menutext { font : 14px/normal "Bookman Old Style"; color: #000000; margin-bottom: 3px; clip: rect(8px auto auto auto); top: 8px; } h2 { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 12px; font-weight: bold; color: #FFA806; background : E1DB8C; } h1 { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 16px; background : E1DB8C; } h3 { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 18px; font-weight: bold; color: #FFA806; } .submit { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 12px; font-style: normal; color: #000000; background-color: #FFA806; border: 1px inset #000000; font-weight: bold; height: 20px; width: 141px; cursor: hand; } .submitsmall { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 12px; font-style: normal; color: #000000; background-color: #FFA806; border: 1px inset #000000; font-weight: bold; height: 20px; width: 80px; top: 4px; cursor: hand; } .parttablehighlighted { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 12px; font-style: normal; color: #000000; background-color: #FFA806; border: 1px inset #000000; font-weight: bold; height: 20px; cursor: hand; } .parttable { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 12px; font-style: normal; color: #000000; background-color: #FF0000; border: 1px inset #000000; font-weight: bold; height: 20px; cursor: hand; } p { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 14px; font-weight: normal; text-decoration: none; color: #000000; } h4 { font-family: "Bookman Old Style", "Book Antiqua", Garamond; font-size: 14px; color: #FF0000; } .menubutton { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-color: E1DB8C; top: 5px; cursor: hand; } a:link,a:visited { font-family: "Book Antiqua", "Bookman Old Style", Garamond; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; } a:hover { font-family: "Book Antiqua", "Bookman Old Style", Garamond; font-size: 14px; color: #FF0000; text-decoration: none; font-weight: bold; }