/* CSS Stylesheet voor de hoofdpagina's van Gryphons.nl  */

@media screen
{
/* BEGIN MEDIA SCREEN */
/* blauw: #210077 (RGB: R15 G10 B109) */
/* oranje: #FF6600 (RGB: R255 G102 B0) */
/* grijs: #8F8F8F (RGB: R143 G143 B143) */
/* geel: #FFFF99 */


body 
	{
	background-attachment		: fixed;
	background-image		: url('../images/achtergrond/achtergrond.gif');
	scrollbar-arrow-color		: #ff6600;
	scrollbar-base-color		: #ffffff;
	scrollbar-darkshadow-color	: #ffffff;
	scrollbar-face-color		: #ffffff;
	scrollbar-highlight-color	: #000033;
	scrollbar-shadow-color 		: #000033;
	color  				: #ffffff;
	font-family			: arial, helvetica, sans-serif;
	font-size			: 12px;
	text-align			: justify;
/*	border-top			: 2px solid #ffff99;
	border-left			: 2px solid #ffff99;
	border-right			: 2px solid #ffff99;
	border-bottom			: 2px solid #ffff99;*/
	margin				: 10px;
	margin-left			: 20px;
	}

/* p 	{display: inline} */

/* Onderstaande . class attributes zijn met class= aan te roepen */
.left 	{text-align: left} 
.center	{text-align: center} 
.right 	{text-align: right} 

.tekst 
	{
	color			: #505050;
	font-family		: arial, helvetica, sans-serif;
	font-size		: 12px;
	}

.editveld
	{
	border: 1px; 
	border-style: solid; 
	border-color: #FF6600;
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
	color : #210077; 
	background: #FFFFFF;
	}

h1 	
	{
	color 			: #ffffff;
	font-family 		: arial, helvetica, sans-serif;
	font-size		: 14px;
	font-weight		: 700;
/*	text-transform	: capitalize; */
	}

h2 	
	{
	color			: #FFFFFF;
	font-family		: arial, helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: 700;
	text-decoration		: underline;
  	display			: inline;
	}

h6 	
	{
	color			: #8f8f8f;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: 500;
	font-style		: italic;
  	display			: inline;
	}

hr 	
	{
	height			: 1px;
 	color			: #CDCDCD;
	}

table.hoofd
	{
	border-collapse		: collapse;
	border-color		: #ffff66;
	border-width		: 4px;
	}

table.sub	
	{
	empty-cells		: show;
	border-collapse		: collapse;
	border-color		: #ffff66;
	}

thead.hoofd 
	{	
	background		: #ffff66;
	text-align		: center;
	color			: #210077;
	font-size		: 12px;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	}	

thead.sub
	{	
	background		: #8f8f8f;
	text-align		: left;
	color			: #ffffff;
	font-size		: 10px;
	font-weight		: normal;
	font-family		: Arial, Helvetica, sans-serif;
	}	

tbody 	
	{
	font-size		: 12px;
	}		

th.hoofd
	{
	font-weight		: bold;
	} 

th.sub
	{
	text-align		: left;
	font-weight		: normal;
	} 

td.sub 
	{
	font-family		: Arial, Helvetica, sans-serif;
	color			: #ffffff;
	}

td
	{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #ffffff;
	}

fieldset 
	{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #FFFFFF;
	}

legend
	{
	padding			: 0.2em 0.5em;
	color			: #FFFFFF;
	text-align		: right;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
	color			: #FFFFFF;
	}


SELECT..textbox {
	color: #210077;
	border-style: solid;
	border-width: 1px;
	border-color: #8F8F8F;
	background-color: #FFFFFF;
	scrollbar-arrow-color: 		#FF6600;
	scrollbar-base-color: 		white;
	scrollbar-darkshadow-color: 	white;
	scrollbar-face-color: 		white;
	scrollbar-highlight-color: 	#000033;
	scrollbar-shadow-color: 	#000033;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

a.th.hoofd:link 
	{
	text-decoration		: none;
	color			: #8f8f8f;
	}

a.th.hoofd:visited 
	{
	text-decoration		: none;
	color			: #8f8f8f;
	}

a.th.hoofd:hover 
	{
	text-decoration		: underline;
	color			: #8f8f8f;
	}

a.th.hoofd:active 
	{
	text-decoration		: none;
	color			: #8f8f8f;
	}

/* DEFINIEREN VAN LINKS */
/* STANDAARD LINK */

a:link	
	{	
	text-decoration		: none;
	color			: #ffaa44;
	}	
		
a:visited 
	{	
	text-decoration		: none;
	color			: #ffaa44;
	}	
		
a:hover	
	{	
	text-decoration		: underline;
	color			: #ffaa44;
	}

a:active 
	{	
	text-decoration		: none;
	color			: #ffaa44;
	}	

/* EINDE LINK */

pre	
	{	
	font-size		: 12px;
	font-family		: Arial, Helvetica, sans-serif;
	}

input.field, textarea.field
	{ 
	background			: #FFFFFF;
	scrollbar-arrow-color		: #FF6600;
	scrollbar-base-color		: white;
	scrollbar-darkshadow-color	: white;
	scrollbar-face-color		: white;
	scrollbar-highlight-color	: #000033;
	scrollbar-shadow-color		: #000033;
	color				: #000033;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	border				: 1px solid #CDCDCD;
	}

input.button 
	{
	background		: #8f8f8f;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	border 			: 1px solid #ff6600;
	text-align			: center;
	}

/* EINDE MEDIA SCREEN */
}


@media screen, print
{
/* BEGIN MEDIA SCREEN EN MEDIA PRINT */

ul {list-style			: square outside}
ol {list-style			: decimal outside}
li {font-size			: 12px}

ul.image {list-style-image	: url("arrow.gif")}
ul.disc {list-style-type	: disc}
ul.circle {list-style-type	: circle}
ul.square {list-style-type	: square}
ul.none {list-style-type	: none}
ul.inside {list-style-position	: inside}
ul.outside {list-style-position	: outside}
ol.decimal {list-style-type	: decimal}
ol.lroman {list-style-type	: lower-roman}
ol.uroman {list-style-type	: upper-roman}
ol.lalpha {list-style-type	: lower-alpha}
ol.ualpha {list-style-type	: upper-alpha}
ol.inside {list-style-position	: inside}
ol.outside {list-style-position	: outside}


/* EINDE MEDIA SCREEN EN MEDIA PRINT */
}