body           	    { overflow:auto;font-weight: normal; font-size: 10px; text-align: center; font-family: arial; color:#000000;
 background-color: silver; margin:0px;
scrollbar-3dlight-color: #660000;
scrollbar-arrow-color: #660000;
scrollbar-base-color: #660000;
scrollbar-darkshadow-color: #660000;
scrollbar-face-color: #a9a9a9;
scrollbar-highlight-color: #c0c0c0;
scrollbar-shadow-color: #660000;
}

.bodyline{
background:#ffffff;
border:1px solid #98aab1;
}

.topbkg{border:1px solid #98aab1;
background: #dbe3ee url('http://www.jeroen-rozema.nl/afbeeldingen/w4w.jpg') repeat-x;
height:100px;
}
.gen {
	margin: 1px 1px;
	font-size: 1.2em;}
	

.verslag   	        { margin-left:6%;margin-right:6%;margin-top:10px;
                      font-weight: normal; font-size: 23px; font-family: verdana; color: gray; text-align:  justify; }
.laverslag   	        { margin-left:15%;margin-right:15%;margin-top:0px;margin-bottom:20px;
                      font-weight: normal; font-size: 24px; font-family: verdana; color: gray; text-align:  justify; }
.fotocenter   	    { width:400px;float:none;margin-right:10px;margin-top:5px;margin-bottom:5px }
.fotolinks   	    { width:200px;float:left;margin-right:10px;margin-top:5px;margin-bottom:5px }
.fotorechts   	    { width:200px;float:right;margin-left:10px;margin-top:5px;margin-bottom:5px }
.slidefotonr  	    { font-weight: bold; font-size: 15px; font-family: arial; color: gray; text-align: right; }
.slidetext    	    { font-weight: bold; font-size: 14px; font-family: arial; color: #FFFFFF; text-align: right; }
.slidefotograaf     { font-weight: bold; font-size: 12px; font-family: arial black; color: gray; text-align: right; }
.hoofdtitel    	    { font-weight: bold; font-size: 37px; font-family: arial; color: #6A5ACD; text-align: center; }
.legende  	        { width:80%; text-align: center; background-color:#c3c3c3; }
.navigatielegende   { border:1px;border-color:gray;background-color:gray;border-style:groove;text-align:center }
.navigatieknop      { border:thin;border-color:black;background-color:gray;border-style:none;text-align:center }
.titelbalktest 	    { width:100%; background-position:inherit; text-align: center; }
.titelbalk  	    { width:100%; border-bottom: 5px solid gray; border-top: 5px solid gray; text-align: center; background-color:#000000; }
.titelbalktekst	    { font-weight: bold; font-size: 20px; font-family: arial; color: yellow; text-align: center; }
.titelbalktekst2    { font-weight: normal; font-size: 35px; font-family: arial; color: yellow; text-align: center; }
.subtitelbalktekst  { font-weight: bold; font-size: 15px; font-family: arial; color: silver; text-align: center; }
.titel         	    { font-weight: bold; font-size: 27px; font-family: arial; color: navy; text-align: center; }
.beeld              { font-weight: normal; font-size: 18px; font-family: arial; color: blue; text-align: center; margin-left:15px; margin-right:15px; }
.toev               { font-weight: bold; font-size: 14px; font-family: arial black; color:#ffffff; text-align: center; margin-left:15px; margin-right:15px; }
.bron               { font-weight: normal; font-size: 15px; font-family: arial; color: #000099; text-align: center; }
.naam               { font-weight: normal; font-size: 15px; font-family: arial black; color:  red; text-align: center; }
.constructie        { font-style: normal; font-weight: normal; font-size: 22px; font-family: arial black; color: red; text-align: center; }
.tabel        		{ font-weight: bold; font-size: 15px; font-family: arial black; color: #0000CD; text-align: center; }
.titeltabel         { font-weight: normal; font-size: 13px; font-family: arial black; color: maroon; text-align: center; }
.homepagemenu       { font-weight: normal; font-size: 13px; font-family: arial black; color: maroon; text-align: left; }
.subtabel           { font-weight: normal; font-size: 13px; font-family: arial black; color: #0000CD; text-align: center; }
.tabelcel           { font-weight: normal; font-size: 13px; font-family: arial black; color: #0066FF; text-align: center; }
.routetabel         { font-weight: normal; font-size: 16px; font-family: arial black; color: #0000CD; text-align: center; }
.routetabel4        { font-weight: normal; font-size: 14px; font-family: arial black; color: #0066FF; text-align: center; }
.routetabel2        { font-weight: normal; font-size: 14px; font-family: "Courier New", Courier, monospace;; color: #0066FF; text-align: center; }
.wandeldagen        { text-decoration:none; font-weight: bold; font-size: 20px; font-family: arial; color:  green; text-align: left; margin-left:auto; margin-right:auto }
.afstand            { font-weight: bold; font-size: 15px; font-family: "Courier New", Courier, monospace; color: #0066FF; text-align: left; vertical-align:middle }
.afstandlogo        { width:35px; text-align: left; vertical-align:middle; font-style:normal; font-weight:normal }
.afstanden          { width:160px; text-align: center; vertical-align:middle }
.afstandkm          { width:80px; text-align: center; vertical-align:middle }
.afstandtijd        { width:80px; text-align: left; vertical-align:middle }
.afstandhoogte      { width:100px; text-align: left; vertical-align:middle }
.afstandbus         { font-family:Verdana;font-size:12px; text-align:center; color:purple}
.afstandtram        { font-family:Verdana;font-size:12px; text-align:center; color:red}
.afstandkabel       { font-family:Verdana;font-size:12px; text-align:center; color:green}
.hoogtemetersr      { width:130px; text-align: right; vertical-align:middle }
.hoogtemetersl      { width:130px; text-align: left; vertical-align:middle }
.routetabel3        { font-weight: normal; font-size: 26px; font-family: arial black; color: #0066FF; text-align: center; }
.gpstiteltekst      { width:750px;background-color:#0066FF;
                      font-weight: normal; font-size: 18px; font-family: arial black;
                      color: #ffffff; text-align: center; }
.gpstekst           { width:750px;background-color:gray;
                      font-weight: normal; font-size: 16px; font-family: arial black;
                      color: #ffffff; text-align: center; }
.gpstekst2          { font-weight: normal; font-size: 14px; font-family: arial black; color: blue; text-align: center; }
.gpsscreen          { width:150px;margin:auto; }
.menu               { font-weight: normal; font-size: 20px; font-family: arial ; color: #0000CD; text-align: right; }
.achtertabel        { background-color:#d3d3d3; }
.p                  { text-align: center; margin: 0px; }

.fotoroute  	    { width:85%; height:90%;margin-top:10px;margin-bottom:10px; }
.fotola     	    { width:640px; height:480px;margin-top:10px;margin-bottom:10px;z-index:0 }
#titelbalk {position: fixed;left:0px;top:0px;z-index:1;width:100%; }
#metmenu   {position: absolute;text-align:center;width:100%;margin-left:auto;margin-right:auto;left:0px;top:120px;z-index:0}
#zondermenu{position: absolute;overflow: auto; text-align:center;width:100%;margin-left:auto;margin-right:auto;left:0px;top:87px;z-index:0}
#routemenu {position:  absolute;overflow: auto; text-align:center;width:275px;;margin-left:auto;margin-right:auto;left:5px;top:100px;z-index:0}
#routezondermenu {position:  absolute;overflow: auto; text-align:center;width:275px;;margin-left:auto;margin-right:auto;left:5px;top:87px;z-index:0}
#wandelvrij{position:  relative;text-align:center;margin-left:auto;margin-right:auto;width:730px;top:100px;z-index:0}
#steden    {position:  relative;text-align:center;margin-left:auto;margin-right:auto;width:730px;top:100px;z-index:0}
#route     {position: absolute;left:300px;margin-left:auto;margin-right:auto;top:115px;width:auto;height:auto; z-index:0;text-align:center}
#routetrein     {position: absolute;left:300px;margin-left:auto;margin-right:auto;top:30px;width:auto;height:auto; z-index:0;text-align:center}
#foto      {width:100%;height:100%;position: absolute;left:0px;margin-left:auto;margin-right:auto;top:125px;z-index:0;text-align:center}
#fotoz     {width:100%;height:100%;position: absolute;left:0px;margin-left:auto;margin-right:auto;top:100px;z-index:0;text-align:center}
#video     {width:100%;height:100%;position: absolute;left:0px;margin-left:auto;margin-right:auto;top:135px;z-index:0;text-align:center}
  .googleroute  	    { width:80%; height:85%;margin-top:10px;text-align:center }
  .googleroute3d  	    { position:absolute;left:0px;top:0px;z-index:0;width:640px; height:480px;margin-top:10px;text-align:center }
  .googleroute2  	    { position:absolute;left:0px;top:0px;z-index:0;width:640px; height:480px;margin-top:10px;text-align:center }
  .googleroute2rel  	    { position: relative;left:0px;top:0px;z-index:0;width:640px; height:480px;margin-top:5px;text-align:center }
  .googleroute2-v  	    { position:absolute;left:0px;top:0px;z-index:0;width:480px; height:640px;margin-top:10px;text-align:center }
  .googleroute3  	    { position:absolute;left:0px;top:0px;z-index:0;width:800px; height:600px;margin-top:10px;text-align:center }
   #map_canvas          { width:640px;height: 480px } 
  .googleroute4  	    { position:absolute;left:300px;top:115px;z-index:0;width:640px; height:480px;margin-top:10px;text-align:center }
  .googleroutevak  	    { position:absolute;left:0px;top:35px;z-index:0;width:640px; height:480px;margin-top:10px;text-align:center }
  .googleroutevak-v	    { position:absolute;left:0px;top:35px;z-index:0;width:480px; height:640px;margin-top:10px;text-align:center }
#googledownload  	    { position:absolute;z-index:0;top:480px;width:640px;margin-top:20px;text-align:center }
#googledownload2  	    { position:absolute;z-index:0;top:480px;width:640px;margin-top:20px;text-align:center }
#googledownload2rel  	    { position: relative;z-index:0;width:640px;margin-top:40px;text-align:center }
#googledownload3  	    { position:absolute;z-index:0;top:600px;width:800px;margin-top:20px;text-align:center }
#googledownloadvak	    { position:absolute;z-index:0;top:480px;width:640px;margin-top:50px;text-align:center }
#msdownload  	    { position:absolute;z-index:0;top:350px;width:510px;margin-top:5px;text-align:center }
img                 { margin-top: 0px; border-width:0px; border: 0px; float:none; }
.slidehoofdfoto     { width:640px; float:none }
.foto               { width: 440px; float:none }
.fotov              { height:338px; }
.slidefoto          { width:100px; }
.slidefotov         { height:75px; }
.routefoto          { width:175px; }
.carryfoto          { width:215px;float:left;padding: 5px; }
.ikfoto             { width:375px; }
.lawandelfotol      { width:40%; float: left; margin-left:auto; margin-right:auto }
.lawandelfotor      { width:40%; float: right; margin-left:auto; margin-right:auto }
.wandelfoto         { width:175px; font-weight: bold; font-size: 14px; font-family: arial; color: #0066FF; text-align: center; margin-left:auto; margin-right:auto }
.wandelfotov        { height:113px; }

#bg1 {
	border-left: 1px #00bfff solid;
	position: fixed;
	top: 80px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.kilometerstand {font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
                font-size: 20px;font-weight:bold;}
.kilometerstandcel {height:24px; background-color:#2F4F4F;color: #FAEBD7;}
.muis1      { padding-left:25px;width:600px;border:1px solid navy;  background-color: aqua;text-align: center;cursor:pointer;}
.muis1home      { padding-left:25px;width:600px;border:1px solid aqua; background-color: aqua;text-align: center;cursor:pointer;}
.geenmuis1  { padding-left:25px;width:600px;border:1px solid gray; background-color: #c0c0c0;text-align: center;}
.geenmuis1home  { padding-left:25px;width:600px;border:1px solid gray; background-color: #c0c0c0;text-align: center;}
.vrijtekst  { padding-left:25px;width:600px;border:1px solid;color: navy; text-align: left; margin-left:auto; margin-right:auto }
.ovtekst  { padding-left:25px;width:300px;border:1px solid;color: navy; text-align: left; margin-left:auto; margin-right:auto }

.ovfoto1   { border: 1px solid #F4F8FF; width:180px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }
.ovfoto2   { border: 1px solid #F4F8FF; width:90px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }
.ovfoto3   { border: 1px solid #F4F8FF; width:60px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }
.ovfoto4   { border: 1px solid #F4F8FF; width:45px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }

.vrijfoto   { border: 1px solid #F4F8FF; width:130px;height:95px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }
.vrijfoto2   { border: 1px solid #F4F8FF; width:260px;height:190px;padding:0px;color: #0066FF;margin-left:auto; margin-right:auto }
.vrijfotohome   { width:90px;padding:0px;color: #EFF5FF;margin-left:auto; margin-right:auto ;  }

.vrijsubtekst0       { text-decoration:none; font-weight: bold; font-size: 16px; font-family: arial; color: navy; text-align: left; margin-left:auto; margin-right:auto }
.vrijsubtekst1       { text-decoration:none; font-weight: bold; font-size: 14px; font-family: arial; color: #0033CC; text-align: left; margin-left:auto; margin-right:auto }
.vrijsubtekst2       { line-height:17px; text-decoration:none; font-weight: bold; font-size: 15px; font-family: arial; color: teal; text-align: left; margin-left:auto; margin-right:auto }
.vrijsubtekst3       { text-decoration:none; font-weight: bold; font-size: 22px; font-family: arial; color: #0066FF; text-align: left; margin-left:auto; margin-right:auto }
.vrijsubtekst4       { vertical-align:top; line-height:22px; text-decoration:none; font-weight: bold; font-size: 20px; font-family: arial; color: teal; text-align: left; margin-left:auto; margin-right:auto }


.nr1                 { font-weight: bold; font-size: 22px; font-family: arial; color: blue; text-align: center; margin-left:auto; margin-right:auto }
.nr2                 { font-weight: bold; font-size: 18px; font-family: arial; color: blue; text-align: center; margin-left:auto; margin-right:auto }
.lijst              { font-weight: bold; font-size: 16px; font-family: arial; color: #0066FF; text-align: center; margin-left:auto; margin-right:auto }
.lijstnaam          { font-weight: normal; font-size: 17px; font-family: arial; color: #0066FF; text-align: center; margin-left:auto; margin-right:auto }
.lijstdatum         { font-weight: normal; font-size: 12px; font-family: arial; color: #0066FF; text-align: center; margin-left:auto; margin-right:auto }

a:link              { text-decoration:underline;color: #000000; }
a:visited           { text-decoration:underline;color: #000000; }
a:hover    		    {  margin-bottom:0px; text-decoration: none;font-weight:bold;color:#000000; background-color: aqua; }
a.wandelfoto:link                 { color: #0066FF; }
a.wandelfoto:visited              { color: #0066FF; }
a.wandelfoto:hover    		      { text-decoration:none;font-weight:bold;color:#000000; background-color: aqua; }
a.wandelmenu:link                 { color: maroon; }
a.wandelmenu:visited              { color: maroon; }
a.wandelmenu:hover    		      { text-decoration:none;font-weight:bold;color:#000000; background-color: aqua; }
a.lijst:link                      { text-decoration:underline;color: #0066FF; }
a.lijst:visited                   { text-decoration:underline;color: #0066FF; }
a.lijst:hover    		          { text-decoration:none;font-weight:bold;color:#000000; background-color: aqua; }
a.navigatieknop:link                 { color: gray; }
a.navigatieknop:visited              { color: gray; }
a.navigatieknop:hover    		     { color: gray; background-color: gray; }
a.toev:link                 { text-decoration: underline;color: #FFF5EE ; }
a.toev:visited              { text-decoration: underline;color: #FFF5EE ; }
a.toev:hover    		    { text-decoration: none;color: #000000 ; background-color:aqua; }
a.gpstekst:link                 { text-decoration:   underline;color: #cccccc ; }
a.gpstekst:visited              { text-decoration:    underline;color: #cccccc ; }
a.gpstekst:hover    		    { text-decoration: none;color: #000000 ; background-color:aqua; }
a.naam:link                       { color: red; }
a.naam:visited                    { color: red; }
a.naam:hover    		          { color: red; background-color: aqua; }
a.wandeltitel:link                 { color: red; }
a.wandeltitel:visited              { color: red; }
a.wandeltitel:hover    		       { color: #000000; background-color: gray; }
a.NotActiveStyleMMMenu:link                 { color: #ffffff; }
a.NotActiveStyleMMMenu:visited              { color: #ffffff; }
a.NotActiveStyleMMMenu:hover    		    { color: #000000; }
a.homepagemenu:link                 { color: maroon; }
a.homepagemenu:visited              { color: maroon; }
a.homepagemenu:hover    		    { color: white; }
a.orkaan:link                 { color: gray; }
a.orkaan:visited              { color: gray; }
a.orkaan:hover    		      { color: gray; }
a.w4w:link              { text-decoration:underline;color: #000000; }
a.w4w:visited           { text-decoration:underline;color: #000000; }
a.w4w:hover   		    { text-decoration:none;font-weight:bold;color:#000000;background-color:#48d1cc; }

/* Mozilla/Netscape bug with making sure images display correctly */
td img {
	display: block;
}

 	#fotosliderdiv {
	width:925px;
	overflow:auto;
	overflow-x:scroll; /*IE-bug*/
	position:relative;
 	left:0px;
	top:0px;
	margin: 3px 0px 0px 0px;
		} 

/****************** MENU **************************/

/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
#FWTableContainer {
    text-align:center;
	position:relative;
	margin:0px;
	width:420px;
	height:35px;
 	text-align:left;
}
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
#FWTableContainer1 {
    text-align:center;
	position:relative;
	margin:0px;
	width:140px;
	height:35px;
}
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
#FWTableContainer2 {
    text-align:center;
	position:relative;
	margin:0px;
	width:280px;
	height:35px;
}
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
#FWTableContainer3 {
    text-align:center;
	position:relative;
	margin:0px;
	width:420px;
	height:35px;
}
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
#FWTableContainer4 {
    text-align:center;
	position:relative;
	margin:0px;
	width:560px;
	height:35px;
}
#FWTableContainer5 {
    text-align:center;
	position:relative;
	margin:0px;
	width:700px;
	height:35px;
}
#FWTableContainer6 {
    text-align:center;
	position:relative;
	margin:0px;
	width:840px;
	height:35px;
}
#FWTableContainer7 {
    text-align:center;
	position:relative;
	margin:0px;
	width:980px;
	height:35px;
}

/* This ID is related to the master menu div for menu MMMenuContainer and contains the important positioning information for the menu as a whole */
#MMMenuContainer {
    text-align:center;
 	position:absolute;
	left:2px;
	top:2px;
	visibility:visible;
	z-index:300;
}

/* This class defines things about menu MMMenu's div. */
#MMMenu {
    text-align:center;
	position:absolute;
	left:0px;
	top:0px;
	visibility:visible;
	background-color:transparent;
	width:400px;
	height:24px;
}

/* This class determines the general characteristics of NOT-ACTIVE menu items in menu MMMenu */
.NotActiveStyleMMMenu {
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	background: url("http://www.jeroen-rozema.nl/afbeeldingen/menu_zwart.gif");
	vertical-align: baseline;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:124px;
	height:18px;
}

/* This class determines the general characteristics of the ACTIVE menu items in menu MMMenu */
.ActiveStyleMMMenu {
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	background: url("http://www.jeroen-rozema.nl/afbeeldingen/menu_wit.gif");
	voice-family: "\"}\"";
	voice-family:inherit;
	width:124px; /**/
	height:18px; 
 }

/* Controls the general apperance for menu MMMenuContainer's items, including color and font */
#MMMenuContainer a {
	text-decoration:none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	display:block;
	position:absolute;
}

/* Controls the MOUSE OVER effects for menu MMMenuContainer */
#MMMenuContainer a:hover {
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	background: url("http://www.jeroen-rozema.nl/afbeeldingen/menu_groen.gif");
}

/* Unique ID for item 0 of menu MMMenu so we can set its position */
#MMMenu_Item_0 {
	left:0px;
	top:-5px;
}

/* Unique ID for item 1 of menu MMMenu so we can set its position */
#MMMenu_Item_1 {
	left:140px;
	top:-5px;
}

/* Unique ID for item 2 of menu MMMenu so we can set its position */
#MMMenu_Item_2 {
	left:280px;
	top:-5px;
}

/* Unique ID for item 3 of menu MMMenu so we can set its position */
#MMMenu_Item_3 {
	left:420px;
	top:-5px;
}

/* Unique ID for item 4 of menu MMMenu so we can set its position */
#MMMenu_Item_4 {
	left:560px;
	top:-5px;
}

/* Unique ID for item 5 of menu MMMenu so we can set its position */
#MMMenu_Item_5 {
	left:700px;
	top:-5px;
}
/* Unique ID for item 6 of menu MMMenu so we can set its position */
#MMMenu_Item_6 {
	left:840px;
	top:-5px;
}

/* needed for Mozilla/Camino/Netscape */
#MMMenuContainer img {
	border:0px;
}


/******************** SLIDESHOW ******************************/

h1#header span {
    display: none;
}
h1#header {
    padding: 0;
    margin: 0;
    height: 58px;
    width: 184px;
    background: transparent url('http://www.synthesizergreatest.eu/afbeeldingen/cdrewind1.gif') no-repeat top left;
    border: none;
}

/* hide the items */
#slideshow-items {
    display: none;
}

/* cell sizes/paddings/margins */
#slideshow .left {
    width: 500px;
}
#slideshow-footer,
#slideshow-content {
    position: relative;
    border:0px;
    border-width:0px;
    width: 800px;
	padding: 0;
}
#slideshow-content {
    background: #000000 repeat-x top right;
    border:0px;
    border-width:0px;
    border-bottom: 1px solid black;
}
#slideshow-footer {
    height: 30px;
    border:0px;
    border-width:0px;
    background: #000000 repeat-x bottom left;
    color: black;
}

#slideshow .topper {
    position: relative;
}

#slideshow .name {
     position: absolute;
     top: 0;
     left: 0;   
}

#slideshow .topper_pic {
     position: absolute;
     top: 0;
     right: 0;   
}

#slideshow .details {
    position: absolute;
     bottom: 2px;
     left: 0;
}

/* colors/backgrounds */
#photo {
    width: 608px;
    height: 456px;
    text-align: left;
    float: left;
    background-color: #000000;
}
#photo p {
    margin: 5px;
}
#slideshow .clearer { clear: both; }
#info {
    float: right;
    width: 150px;
    padding: 5px 5px 71px 5px;

    text-align: right;
    font-size: 11px;
    color: #000000;
}
#info h2 {
    color: #d40000;
    font-size: 100%;
}
#info h3 {
    font-size: 150%;
    color: blue;
}

#slideshow-controls {
    position: relative;
    border:0px;
    border-width:0px;
    width: 650px;
    height: 30px;
    border-right: 0px solid #c0c0c0; /* rechter streepje aan controls */
}

#slideshow-controls-range {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 160px;
}
#slideshow-controls-range select{
    margin-top: 5px;
}

#slideshow-controls-speed h4 {
    font-size: 110%;
      border:0px;
    border-width:0px;
  margin-top: 5px;
    padding: 5px 5px 0 5px;
    color: #000000;
    display: inline;
}
#slideshow-controls-speed select {
    margin-top: 5px;
}
#slideshow-controls-playback {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    padding: 0 5px;
    border-left: 0px solid #000000;   /* linker streepje aan controls */
}
#slideshow-controls-playback span {
    display: none;
}
#slideshow-controls-playback a {
    display: block;
    height: 22px;
    width: 46px;
    float: left;
    margin: 4px;
}
#slideshow-controls-playback-previous { background: url('http://www.synthesizergreatest.eu/afbeeldingen/cdrewind1.gif'); }
#slideshow-controls-playback-stop { background-image: url('http://www.synthesizergreatest.eu/afbeeldingen/cdstop1.gif'); }
#slideshow-controls-playback-play { background-image: url('http://www.synthesizergreatest.eu/afbeeldingen/cdplay1.gif'); }
#slideshow-controls .play-active { background-image: url('http://www.synthesizergreatest.eu/afbeeldingen/cdpause1.gif'); }
#slideshow-controls-playback-next { background-image: url('http://www.synthesizergreatest.eu/afbeeldingen/cdforward1.gif'); }