/** opmaak header **/
body{margin:0px;background:#333;font:14px century;}
img{border:0;}
#container{width:920px;margin:0 auto;background:url(achtergrond/container.gif)}

#banner{background:url(achtergrond/banner.jpg);height:222px;margin:0 0 10px;}

#menu{margin:0;padding:0;float:left;width:150px;}    
/**Dit is omda de margin & pad ni altijd gelijk zijn is alle browsers**/
#menu li{display:inline;} /**Dit is omda in IE soms bugs komen als ge da ni doe**/
#menu a{display:block;background:url(achtergrond/menu.gif);width:115px;height:27px;
        text-decoration:none;color:#F2B907;font:18px Century;padding:3px 0 0 35px;
        margin:0 0 10px;} 
/*Ik maak er een block element van, da wil zeggen da na de
a en ervoor automatisch een "enter" is eigenlijk,*/
#content{float:left;width:725px;padding:0 0 0 15px;}

/** opmaak footer **/

#bottom{background: url(achtergrond/bottom.gif);height:25px;font-size:0; width:896px; margin:0 auto}

.clear{clear:both;font-size:0;}

.copyright{	text-align:center; color:#FFCC00; font-size: 11px; margin: 0px auto; width:750 px} 
a.copyright {color:#FFCC00}
a.copyright:visited {color:#FFCC00}
a.copyright:hover {color:#FFCC00}

/* tekst stijlen*/


 /* albums*/
#albumpaginas {margin-right:10px;  width:300px; text-align:right; float: right; font:14px century; color:#FFCC00}
#albumaantal { margin-left:10px; width:200px; text-align:left;  float: left ; font:14px century; color:#FFCC00}


 #dia{ margin-left:20px; margin-bottom:20px; margin-top:5px; width:208px; height:186px }
 
 #albumtekst{margin-left:50px;margin-top:5px; text-align:justify; width:590px}  
 #miniaturenlinks{margin-left:50px; margin-bottom:15px; margin-top:10px; width:180; height:120px; border:none}
 #miniaturen{margin-left:25px; margin-bottom:15px; margin-top:10px; width:180; height:120px; border:none }

 #bodyalbum {bgcolor:#333333; link:#333333}
 #diagroot{background-image: url(albums/album-07-06-16/dia%27s/00_Dia.png); width:643px; height:550px; margin-left:180px; margin-top:10px}
 #diasluiten {color: #333333;link:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-left:565px}
 #sluiten {link:#333333}
 #slides {width:600px; height:400px; border:0; margin-left:22px; margin-top:0px} /* foto's in dia's*/
 #diatekst {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-left:20px; margin-right:20px}
 #navigatie{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	position:absolute;
	width:643px;
	left: 180px;
	top: 530px;
}

/* OPMAAK LOKOMOTIEF TYPES */
#tabeleig { width:370px;}
#kolomlinks {width:240px;}
#kolomlinks2 {width:150px;}

#kolomrechts {width:120px;}
#afbeelding {width:600px;}
#nummer {width:70px; margin:inherit; border:none; float:left; text-align:right}
#eenheid {width:40px; margin:inherit; border:none; float:right; text-align:left }
#center { text-align:center;}
#titelgrijs {color: #333; font-size: 20px; margin-top:5px; clear:both;}
#titelrood {color: #cc0000;font-size:18px; font-weight: bold; clear:both;}
#ster {
	width:25px;
	float:left
}
#opmerking {
	width:600px;
	text-align: justify;
}

/* opmaak spotpunten */
#titelspotpunt {color: #333; font-size: 20px; margin-top:5px; width:500px;} /* = Titelgrijs, waar div breedte is in opgegeven */
#terug {text-align:right;width:100px;float:right; font-size:20px; margin-top:5px}
#map {width:600px; height:400px; margin-top:5px}
#spotpuntbody { background-color:#CCCCCC}
#spotpuntkaart {background-color:#CCCCCC; margin-left:0px ; margin-top: 0px }
/* de div (waar afbeeldingen in staan heeft de opmaak #center (lokomotieftypes) */
#spotpuntafbeeldingen { margin-left:5px; margin-right:5px}

/* index */

/*samenstelling*/
#samenstelling { background-color:#CCCCCC;width:600px}

/*rollend materieel */
#tekst {margin-top:5px}
.type{width:208px;height:186px;text-align:center;position:relative;float:left;margin:5px 0 5px 10px;}
  .type .typedia{position:absolute;top:0;left:0;}
  .type p{position:absolute;width:100%;top:130px;z-index:2;left:0;}

/*overzichtsplan stations (stationspagina)*/
.clear{clear:both;font-size:0;}
#kaart {background-image: url(stations/lijn-12.jpg);
		width: 600px;
		height: 997px;
		}

a.station:link img{background-image:url(stations/knop-statisch.png);border:none;}
a.station:visited img{background-image:url(stations/knop-statisch.png);border:none;}
a.station:hover img{background-image:url(stations/knop-actief.png);border:none;}
	
.station { font:Arial, Helvetica, sans-serif; font-size:20px ; text-align:left;}
a.station:link {color:#999999; text-decoration:none}
a.station:visited {color:#999999; text-decoration:none}
a.station:hover {color:#000000; text-decoration:none}