/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl

	
	KOPIEREN EN/OF AFKIJKEN IS NIET NETJES ;-) - COPYRIGHT Jaarsma & De Boer B.V.	 	*/


/* ontwikkeld tbv de website www.kroam.org - juni 2004 - FdB */


body			{
			background-color:#000000;
			margin-top: 0px;
			margin-left: 0px;
			
			scrollbar-arrow-color: #0D9E0A;
			scrollbar-base-color: #000000;
			scrollbar-shadow-color: #0D9E0A;
			scrollbar-highlight-color: #0D9E0A; 
			scrollbar-3dlight-color: #000000;
			scrollbar-darkshadow-color: #000000; 
			scrollbar-track-color: #000000;
			scrollbar-face-color: #000000;
			}



/* ----- BEGIN TOPTABEL ----- */

.kroam1			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #0D9E0A; 
			vertical-align: middle;
			text-align: center; 
			}

.kroam2			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #6FA82B; 
			}

.kroam3			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #8FC550; 
			}

.kroam-hoofd			{
			width: 350px;
			height: 525px;
			border-collapse: collapse;
			border: 0px;
			background-color: #A9D675; 
			}

.hydra-hoofd			{
			width: 350px;
			height: 525px;
			border-collapse: collapse;
			border: 0px;
			background-color: #6028D0; 
			}

.pv-hoofd			{
			width: 350px;
			height: 525px;
			border-collapse: collapse;
			border: 0px;
			background-color: #FF3030; 
			}

.pv1			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background: #FF3030 url(../images/foto-home-b1.jpg);
             
			}

.pv2			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #F7941D; 
			}

.pv3			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #F26522; 
			}

.hydra1			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #5500FF; 
			vertical-align: middle;
			text-align: center; 
			}

.hydra2			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #A440FF; 
			}

.hydra3			{
			width: 175px;
			height: 175px;
			border-collapse: collapse;
			border: 0px;
			background-color: #5500FF; 
			}



/*input velden*/
.velden{
	font-size:10px; 
  	font-weight: none; 
  	font-style:normal;
  	font-family:"verdana";
	border-style: normal;
	border-width:1px;
	border-color: #000000;
}

.knop{
	font-size:10px; 
  	font-weight: none; 
  	font-style:normal;
  	font-family:"verdana";
	border-style: normal;
	border-width:1px;
	border-color: #000000;
}

/*20040702:eelco div met tekst*/
.kroam_content{
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #9BCB64;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #9BCB64;
	scrollbar-darkshadow-color: #9BCB64; 
	scrollbar-track-color: #9BCB64;
	scrollbar-face-color: #9BCB64;
	padding: 10px;

	font-size:10px; 
  	font-weight: none; 
  	font-style:normal;
  	font-family:"verdana";
	position: relative;
	overflow: auto;
	width: 350px;
	height: 525px;
	border-collapse: collapse;
	border: 0px;
	background-color: #A9D675; 
	background-image: url("../images/achtergrond-kroam.gif");
	
}

.overig_p{
			font-size:11px; 
			color: #FFFFFF; 
			line-height: 175%;
			}

.kroam_p	{
			font-size:11px; 
			line-height: 175%;
			color: #000000;
			}

.kroam_titel{
			font-size:12.5px; 
			font-weight: bold;
			color: #000000; 
			line-height: 175%;
			}
			
.overig_titel{
			font-size:12.5px; 
			font-weight: bold;
			color: #FFFFFF; 
			line-height: 175%;
			}			

.hydra_content{

			scrollbar-arrow-color: #FFFFFF;
			scrollbar-base-color: #5500FF;
			scrollbar-shadow-color: #FFFFFF;
			scrollbar-highlight-color: #FFFFFF; 
			scrollbar-3dlight-color: #5500FF;
			scrollbar-darkshadow-color: #5500FF; 
			scrollbar-track-color: #5500FF;
			scrollbar-face-color: #5500FF;

			padding: 10px;

  	font-weight: none; 
  	font-style:normal;
  	font-family:"verdana";	
	position: relative;  	
	overflow: auto;
	width: 350px;
	height: 525px;
	border-collapse: collapse;
	border: 0px;
	background-color: #6028D0; 	
	background-image: url("../images/achtergrond-hydra.gif");
	
}

a		{ line-height: 140%; font-size: 11px; color: #FFFFFF; font-family: verdana; margin-left: 190px;}
a:link  		{ margin-left: 0px; color: #FFFFFF; font-size: 11px;text-decoration: none;}
a:visited  		{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
a:active  		{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
a:hover 		{margin-left: 0px;font-size: 11px; text-decoration: underline; background-color: none; color: #FFFFFF;} 


.pv_content{

			scrollbar-arrow-color: #FFFFFF;
			scrollbar-base-color: #E92323;
			scrollbar-shadow-color: #FFFFFF;
			scrollbar-highlight-color: #FFFFFF; 
			scrollbar-3dlight-color: #E92323;
			scrollbar-darkshadow-color: #E92323; 
			scrollbar-track-color: #E92323;
			scrollbar-face-color: #E92323;

			padding: 10px;

  	font-size:10px; 
  	font-weight: none; 
  	font-style:normal;
  	font-family:"verdana";	
	position: relative;  		
	overflow: auto;
	width: 350px;
	height: 525px;
	border-collapse: collapse;
	border: 0px;
	background-color: #FF3030; 	
	background-image: url("../images/achtergrond-pv.gif");

}
/*20040702:eelco div met tekst*/


.jdb		{ line-height: 140%; font-size: 11px; color: #FFFFFF; font-family: verdana; margin-left: 190px;}
.jdb:link  		{ margin-left: 0px; color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdb:visited  	{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdb:active  	{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdb:hover 	{margin-left: 0px;font-size: 11px; text-decoration: underline; background-color: none; color: #FFFFFF;} 

.jdbhome		{ line-height: 140%; font-size: 11px; color: #FFFFFF; font-family: verdana; margin-left: 15px;}
.jdbhome	:link  	{ margin-left: 0px; color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdbhome	:visited  	{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdbhome	:active  	{ margin-left: 0px;color: #FFFFFF; font-size: 11px;text-decoration: none;}
.jdbhome	:hover 	{margin-left: 0px;font-size: 11px; text-decoration: underline; background-color: none; color: #FFFFFF;} 

a.hoofdmenu         { font-weight: bold; line-height:25px; font-size:12px; font-family: Verdana,sans-serif; margin-left: 15px; text-decoration: none;}
a.hoofdmenu:link    { font-weight: bold; line-height:25px; font-size:12px; font-family: Verdana,sans-serif; margin-left: 15px; text-decoration: none;}
a.hoofdmenu:visited { font-weight: bold; line-height:25px; font-size:12px; font-family: Verdana,sans-serif; margin-left: 15px; text-decoration: none;}
a.hoofdmenu:active  { font-weight: bold; line-height:25px; font-size:12px; font-family: Verdana,sans-serif; margin-left: 15px; text-decoration: none;}
a.hoofdmenu:hover   { font-weight: bold; line-height:25px; font-size:12px; font-family: Verdana,sans-serif; margin-left: 15px; text-decoration: none;}