/* Global Styles */

body {
	margin:0px;
	background-color: #1B1F23;
	}
	
td {
	font:10px Arial, Helvetica, sans-serif;
	color:#1B1F23; /* aangepast voor oypo: was wit (ffffff) */
	}
	
a {
	color:#1B1F23; /* aangepast voor oypo: was wit (ffffff) */
	}
	
a:hover {
	color:#1B1F23; /* aangepast voor oypo: was wit (ffffff) */
	}

/* ID Styles */

#navigation td {
	border-bottom: 1;
	border-bottom-color: #666666;
	border-bottom-style: ridge;
	}
	
#navigation a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #000000;
	color:#FFFFFF;
	}
	
#logo 	{
	font:20px Arial;
	color: #CCCCCC;
	letter-spacing:0.1cm;
	line-height:25px;
	font-weight: normal;
	}

#tagline 	{
	color: #999999;
	letter-spacing:2px;
	line-height:2cm;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: top;
	border-bottom: color;
	border-bottom-color: #666666;
	border-bottom-style: ridge;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #FFFFFF;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:22px;
	letter-spacing:0.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.style1 {font-size: 16px}
.stijl2 {
	font-family: Geneva, Arial, Helvetica, sans-serif
}
.stijl3 {
	font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; 
}
.style7 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffa646;
	/* background-color: #000000; */
}
.style9  {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e2001a;
	font-weight:bold;
	text-decoration:none;
}
.style9Copy {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e2001a;
}
.style10 {color: #E9E9E9}
.style11 {
	font-size: 12px;
	color: #C6C7CA;
}
.style12 {
	font-size: 10px;
	color: #A0A0A4;
	font-style: italic;
}

/* CSS speciaal voor OYPO */

/* het blok waarin staat 'www.jaxpix.nl Born in The Hague...' */
#PixxerFolderInfoUplink {
background:#D0D0D0 none repeat scroll 0 0;
}
/* het blok waarin staat 'Fotomappen' */
h1 {
background:#D0D0D0 none repeat scroll 0 0;
color:#1B1F23;
display:block;
font-size:250%;
padding:4px;
}
/* bepaal de breedte van de strip met foto's aan de linkerkant */
#PixxerThumbs {
width:250px;
}
/* de fotomappen (bijv. '2009-04 DSVP..') */
.PixxerSubmapKop {
background:#D0D0D0 none repeat scroll 0 0;
font-size:12px;
font-weight:bold;
padding:2px 2px 2px 10px;
color:#1B1F23;
}
.PixxerSubmapKop:hover {
color:#1B1F23;
}
/* de knoppen met o.a. 'bekijk foto's'*/
.button {
background:#D0D0D0 none repeat scroll 0 0;
border:1px solid #333333;
cursor:pointer;
}
/* de knop met het pijltje omhoog (als je van een map met foto's klikt op de knop 'bekijk foto's', dan verschijnt 
linksbovenin (bijv. naast '2009-04 DSVP..') standaard het gele pijltje dat naar boven wijst) */
#PixxerUplink a {
background:transparent url(/pixxerimg/arrow_folderup.gif) no-repeat scroll 0 0;
float:left;
height:19px;
width:19px;
}
/* de knop 'besteloverzicht' */
#PixxerTblNL #PixxerOrderbutton a {
background:transparent url(http://www.oypo.nl/pixxerimg/naarwinkelwagen_nl.gif) no-repeat scroll 0 0;
}
/* de knop 'bestel deze foto!' */
#PixxerTblNL .PixxerSelectionAdd a {
background:transparent url(http://www.oypo.nl/pixxerimg/selectionadd_nl.gif) no-repeat scroll 0 0;
}
/* in besteloverzicht de knoppen 'foto's toevoegen' en 'volgende' */
.groteknop {
	height: 20px; /* IE hack */
	padding: 4px 8px 4px 8px;
	background: #d0d0d0;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	cursor:pointer
}
.groteknop:hover {
background:#d0d0d0 none repeat scroll 0 0;
color:#222222;
text-decoration:none;
}
/* in besteloverzicht de knop 'invoeren' */
.knop {
	height: 10px; /* IE hack */
	padding: 2px 4px 2px 4px;
	background: #d0d0d0;
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
	text-align: center!important;
	cursor:pointer
}
.knop:hover {color:#7F044E;text-decoration: none}
/* het pijltje voor de voorgaande foto als het muis-pijltje eroverheen gaat */
#PixxerPhotoPrev a {
background:transparent url(http://www.oypo.nl/pixxerimg/arrow_photoprev.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
vertical-align:middle;
width:30px;
}
/* het pijltje voor de navolgende foto als het muis-pijltje eroverheen gaat */
#PixxerPhotoNext a {
background:transparent url(http://www.oypo.nl/pixxerimg/arrow_photonext.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
width:30px;
}