/**********************************/			
/*  Stijl voor de nieuwe forms    */
/**********************************/


/**********************************/			
/*              Body              */
/**********************************/

body	{font-family: Arial, Helvetica, sans-serif; 
		 color: #000000; background-color: #FCFCFC; margin-top: 0px;
		 margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
}

/**********************************/			
/*        Standaard Tekst         */
/**********************************/

p		{font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

td p	{font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}

  .font1	{font-family: Arial, Helvetica, sans-serif;}
  .font2	{font-family: Arial, Arial, Helvetica, sans-serif;}
  .xsmall 	{font-size : .8em;}
  .small	{font-size : .9em;}
  .large	{font-size : 1.1em;}
  .xlarge	{font-size : 1.2em;}		 

/**********************************/			
/*             Links              */
/**********************************/			

a 				{color: #FF6600; font-weight: bold; text-decoration: underline;}
a:hover 		{color: #333333; font-weight: bold; text-decoration: underline;}

/**********************************/			
/*         Koppen (headers)       */
/**********************************/			

h1		{font-size: 1.1em; font-weight: bold; color: #009999;}
		 
h2		{font-size: .9em; font-weight: bold; color: #ffffff;}

h3		{font-size: 1em; font-weight: normal; color: #FFFFFF;}

h4		{font-size: 0.8em; font-weight: bold; color: #333333;}

h5 		{font-size: 1em; font-weight: bold; color: #009999;}

h6 		{font-size: 1em; font-weight: bold; color: #ffffff;}

/**********************************/			
/*            Overige             */
/**********************************/
#logo {
	position:absolute;
	width: 100%;
	height:80px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 0px;
	padding-left: 0px; 
	padding-right: 0px;
	
}

#logo_back
{
	position:absolute;
	width: 100%;
	height:71px;
    vertical-align: bottom;
	left: 0px;
	right: 0px;
	top: 9px;
	bottom: 0px;
	padding: 0px;
	padding-left: 0px; 
	padding-right: 0px;
	background-color: #F3950C; 
}

#titel {
	position:absolute;
	width: 100%;
	height: 30px;
	vertical-align:middle;
	left: 0px;
	right: 0px;
	top: 80px;
	bottom: 0px;
	padding-left: 18px;
	padding-top: 12px;  
	padding-right: 0px;
	background-color: #666666;
	border-top: 1px solid #FFFFFF;  
}

#formulier {
	position:absolute;
	width: 100%;
	height: 536px;
	z-index:3;
	left: 0px;
	right: 0px;
	top: 120px;
	bottom: 0px;
	padding-left: 18px;
	padding-top: 18px;  
	padding-right: 18px;
	background-color: #ffffff;
}

#melding {
	position:absolute;
	width:380px; 
	height:200px; 
	z-index:3; 
	left: 110px; 
	top: 130px;
}

.title {
	float: left;
}
.print{
	float:right;
}

hr{
	color : #009999;
}

.xxlogo {
	border-top: 0px; 
	border-right: 0px; 
	border-bottom: 0px; 
	border-left: 0px;
	background-color: ##FF6300;
	width: 100%;
	padding: 0px;
}

table.form {
	border-top: 1px solid #FF6600; 
	border-right: 1px solid #FF6600; 
	border-bottom: 1px solid #FF6600; 
	border-left: 1px solid #FF6600;
	background-color: #FF6600;
	width: 100%;
}

th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-top: 1px solid #60696F;
	border-bottom: 1px solid #60696F;
	background-color: #FF9900;
	color: white;
	text-align: left;
	height : 26px;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: .8em;}

td {
	font-family: Arial, verdana, Helvetica, sans-serif;
	border-bottom: 0px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: .7em;
}

td.buttons {
	font-family: arial, verdana, Helvetica, sans-serif;
	height: 40px;
	text-align: left;
}

td.empty {
	font-family: Arial, verdana, Helvetica, sans-serif;
	border-bottom: none;
	font-size: .20em;
	height: 5px;
}

.form p {
	font-family: Arial, verdana, Helvetica, sans-serif;
	margin-top: 3px; margin-right: 0px; margin-bottom: 7px;
	margin-left: 0px;
}

.formheader td {
	width: 100%;
	border: none;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

input {
	color : black;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #000000;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color : #FAF0E6;
	color : black;
	padding-top : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-bottom : 1px; 
	font-size: 1em;
} 

.textinput {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #333333;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	background-color: #FAF0E6;
	color : black;
	padding-top : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-bottom : 1px;
	xxx_height : 20px;
	font-size: 1em;
}

.pulldown {
	font-family: Arial, verdana, Helvetica, sans-serif;
 	border-width: 0px 1px 1px 0px;
	border-color: #009999 #009999 #009999 #009999;
	background-color : #F0F9FF;
	color : black;
	padding-top : 3;
	padding-left : 2;
	padding-right : 2;
	padding-bottom : 1;
	height : 22px;
	font-size: 1em;	
}

.button {
	font-family: Arial, verdana, Helvetica, sans-serif;
 	border-width: 0px 0px 1px 1px;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	background-color : #FF8C00;
	color : white;
	font-weight: normal;
	padding-top : 0;
	padding-left : 2;
	padding-right : 2;
	padding-bottom : 1;
	height : 22px;
	font-size: 1em;	
} 

.radio {
	border-width: 0px 1px 1px 0px;
	border-color: #009999 #009999 #009999 #009999;
 	border-top-width: 4px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
} 

.checkbox {
	border-width: 0px 1px 1px 0px;
	border-color: #009999 #009999 #009999 #009999;
 	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
} 

.tooltip {
	position:absolute;
	right: 40px;
	width: 200px;
	height: 50px;
	z-index:99;
	visibility: hidden;
	background-color: #F0F9FF;
	border: 1px solid #009999;
	padding: 2px;
}

