/* 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) */


body 	{
	background-attachment: fixed;
	background-image: url('../images/achtergrond/achtergrond.gif');
	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: 				#FFFFFF;
	font-family: 			arial, helvetica, sans-serif;
	font-size: 			12px;
	text-align: 			justify;
	margin: 			10px;
	margin-left: 			20px;
	}

/* p 	{display: 			inline} */

/* Onderstaande ID attributes zijn aan te roepen met id= */
*#wer345 {color: 			green}

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


.Poll{
	font-size: 18px;
	font-size: 10px;
	color: #000000;
	bottom: 0;
	float: left;
	margin-left: 2px;
	position: relative;
	border-top		:1px solid #FFFFFF;
	border-left		:1px solid #FFFFFF;
	border-right		:1px solid #FFFFFF;
	border-bottom		:1px solid #FFFFFF;
	padding-bottom		:5px;
	padding-top		:5px;
	padding-left		:6px;
	overflow		:hidden;
	background-color	:#210077;
	background-image	:url('../nieuws/images/Verloop200.jpg');
	background-repeat	:repeat-y;
	background-position	:right;
	width:				265px;
	
}

td.normal
	{
	BACKGROUND-COLOR	: #FF6600;
}



.ContactHeader 
{
background-color: #FF6600;
font-size: 12px; 
color: #ffffff;
text-indent: 10px;
}

.ItemHeader{
	font-size: 24px
}

.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;
	}

.afgelast
	{
	text-decoration: line-through; 
	}

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 	{
	empty-cells: 			show;
	border-collapse:		collapse;
	}

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

td.header {
	background-color: 		#8f8f8f;
	font-family: 			Arial, Helvetica, sans-serif;
	color: 				#ffffff;
	text-align: 			center;
	font-weight: 			bold;
	font-size: 			12px;
	}

tfoot, thead {	
	background: 			#8f8f8f;
	color: 				#ffffff;
	font-size:			12px;
	font-family: 			Arial, Helvetica, sans-serif;
	}	

tbody 	{
	font-size: 			12px;
	}		

th	{	
	text-align: 			left;
	font-size:			12px;
	font-weight:			bold;
	}	

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.thead:link {
	text-decoration:		none;
	color: 				#FFFFFF;
	}

a.thead:visited {
	text-decoration:		none;
	color: 				#FFFFFF;
	}

a.thead:hover {
	text-decoration:		underline;
	color: 				#FF6600;
	}

a.thead:active {
	text-decoration:		none;
	color: 				#FF6600;
	}

/* 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;
	}	

/* LINK 210077 */

a.link2:link	{	
	text-decoration:		none;
	color:				#210077;
	}	
		
a.link2:visited {	
	text-decoration:		none;
	color:				#210077;
	}	
		
a.link2:hover	{	
	text-decoration:		underline;
	color:				#210077;
	}

a.link2:active {	
	text-decoration:		none;
	color:				#210077;
	}	

/* LINK ffffff */

a.link3:link	{	
	text-decoration:		none;
	color:				#ffffff;
	}	
		
a.link3:visited {	
	text-decoration:		none;
	color:				#ffffff;
	}	
		
a.link3:hover	{	
	text-decoration:		underline;
	color:				#ffffff;
	}

a.link3:active {	
	text-decoration:		none;
	color:				#ffffff;
	}	

/* LINK 210077 BIG */

a.link4:link	{	
	text-decoration:		none;
	font-size:			20px;
	color:				#210077;
	}	
		
a.link4:visited {	
	text-decoration:		none;
	font-size:			20px;
	color:				#210077;
	}	
		
a.link4:hover	{	
	text-decoration:		underline;
	font-size:			20px;
	color:				#210077;
	}

a.link4:active {	
	text-decoration:		none;
	font-size:			20px;
	color:				#210077;
	}	

/* LINK 000000 BIG */

a.link5:link	{	
	text-decoration:		none;
	font-size:			16px;
	font-weight:			bold;
	color:				#000000;
	}	
		
a.link5:visited {	
	text-decoration:		none;
	font-size:			16px;
	font-weight:			bold;
	color:				#000000;
	}	
		
a.link5:hover	{	
	text-decoration:		underline;
	font-size:			16px;
	font-weight:			bold;
	color:				#000000;
	}	

a.link5:active {	
	text-decoration:		none;
	font-size:			16px;
	font-weight:			bold;
	color:				#000000;
	}		

/* 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 print
{
/* BEGIN MEDIA PRINT */

body 	{
	background-color: 		#FFFFFF;
	font-family: 			Arial, Helvetica, sans-serif;
	color: 				#000000;
	font-size: 			10px;
	text-align: 			justify;
	}

p 	{display: inline}

h1 	{
	color: 				#000000;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			700;
	text-transform:			capitalize;
  	display: 				inline;
	}

/* EINDE MEDIA PRINT */
}

@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}

/* table.kader {border: 1px solid #CDCDCD;} */

/* EINDE MEDIA SCREEN EN MEDIA PRINT */
}