body
{
	background:			#636363 url(/images/bg.jpg) repeat-x;
	margin:				0px auto;
	font-family:		Arial, Verdana, "Times New Roman", Times, serif;
	color:				#222221;
	font-size:			13px;
	line-height: 		19px;
}

div#container
{
	width:				960px;
	overflow:			hidden;
	margin:				0px auto;
}

div#header
{
	background:			url(/images/watermerk.gif) 487px 3px no-repeat;
	width:				960px;
	height:				124px;
	overflow:			hidden;
}

div#logo
{
	width:				188px;
	height:				97px;
	overflow:			hidden;
	float:				left;
	margin:				10px 0px 0px 0px;
}

div#top_menu
{
	width:				772px;
	
	overflow:			hidden;
	float:				left;
	margin-top:			12px;
	text-align: 		right;
	font-size:			15px;
	color:				#ffffff;
}

div#top_menu li
{
	display: 			inline;
}

div#top_menu li a
{
	color:				#ffffff;
	text-decoration:	none;
}

div#top_menu li a:hover
{
	color:				#cccccc;
}

div#contentbox
{
	width:				958px;
	overflow:			hidden;
	margin-left:		2px;
}

div#image
{
	border:				1px solid #a2c037;
	width:				300px;
	height:				469px;
	overflow:			hidden;
	float:				left;
	margin-right:		24px;
}

div#image img
{
	display:			block;
}

div#image .schroef
{
	position: 			absolute;
	margin:				6px 0px 0px 8px;
}

#fancy_ajax 
{
	background: 		#E1E1E1 url(/images/bg_content_pop_up.jpg) bottom left repeat-x;
}

div#pop_up
{
	height:				auto	;
	padding:			18px 14px 0px 14px;
	min-height:			135px;
	_height:			auto;
	float:				left;
}

div#pop_up .dialog_buttons {
	position: absolute;
	bottom: 10px;
	right: 50%;
	margin-right: -62px;
}

div#pop_up #warning_dialog_buttons {
	bottom: 10px;
	position: absolute;
}

div#pop_up .dialog_content {
	margin-top: 10px;
	padding-bottom: 37px;
}

div#pop_up .warning_dialog_content {
	float: left;
	width: 270px;
}

div#pop_up .dialog_icon {
	float:	left;
	width:	75px;
	background:	url(/images/icon-warning.gif) top left no-repeat;
	height: 36px;
}

div#pop_up input.email,
div#content input.email {
	width: 200px;
}


div#content #check_question_pane {
	min-height: 330px;
}

div#content #check_question_title .open_question_right {
	padding-left: 15px;
	padding-top: 6px;
}

div#content #check_navi_pane {

}


div#content #check_question .remarks{

}
div#content #check_question select.areanames{
	width: 200px;	
}

div#content #check_question .open_question_left {
	vertical-align: 	top;
	width: 				525px;
	padding-left: 		30px;
	padding-right: 		10px;
	padding-bottom: 	28px;
	
}

div#content #check_question .open_question_left input.small {
	width: 30px;
} 

div#content #check_question .open_question_right {
	vertical-align: 	top;
	padding-bottom: 	20px;
}

div#content table.question_overview {
	border: medium solid #afafaf; 	
	width: 100%;
}

div#content table.question_overview td,
div#content table.question_overview th {
	border: thin solid  #afafaf; 
	padding-left: 10px;
	padding-right: 10px;		
}

div#content table.question_overview td.questioncol,
div#content table.question_overview th.questioncol
{
	width: 260px; 	
}

div#content form#searchForm td.td_label {
	width: 150px;
}

div.searchform {
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #AFAFAF;
	border-top: 2px solid #AFAFAF;
}

div#content
{
	border:				1px solid #bfbfbe;
	background:			#e2e1e1 url(/images/bg_content.gif) bottom left repeat-x;
	width:				602px;
	float:				left;
	padding:			18px 14px 75px 14px;
	min-height:			376px;
	_height:			376px;
}



div#content input.digits {
	width: 50px;
}

div#content	tr.border_td_top {
	border-top: 2px solid #afafaf;
}

.content_breed
{
	width:	928px !important;
}

div#content p,
div#popup_bottom p,
div#pop_up p
{
	line-height:		22px;
	padding-bottom:		20px;
}

div#content a,
div#popup_bottom a, 
div#pop_up a

{
	cursor:				pointer;
	color:				#222221;
	text-decoration:	underline;
}

div#content h2 a {
	text-decoration:	none;
}

div#content h2 a {
	color:				#012F50;
}

div#content h2 a:visited {
	color:				#012F50;
}

div#content a:visited,
div#popup_bottom a:visited,
div#pop_up a:visited
{
	color:				#2361a1;
}

div#content a:hover,
div#popup_bottom a:hover,
div#pop_up a:hover
{
	color:				#73a723 ;
}

div#content ul,
div#popup_bottom ul,
div#pop_up ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

div#content li,
div#popup_bottom li,
div#pop_up li
{
	list-style-image:	url(/images/buttons/bullet.png);
	margin-left:	20px;
	padding-top:	5px;
	padding-bottom:	5px;
}

div#content label {
	float:				left;
	line-height:		24px;
}

div#register_form label {
	float:				none;
	line-height:		19px;
}

div#footer
{
	width:				960px;
	text-align:			right;
	padding-top:		25px;
}

div#footer li
{
	display:			block;
	margin-left:		35px;
	float:				right;
}

/*
	Overige posities
*/

.ww_vergeten
{
	line-height:		38px;
}

div#pop_up div#content_left {
	width:				275px;
	position: absolute;
	z-index: 1;
}

div#pop_up div#content_full {
	float:	left;
	height:	176px;
}

div#pop_up div#content_full p.submitButton {
	margin-top: 80px;
}

div#pop_up div#content_right {
	width:				300px;
	text-align:			right;
	left: 275px;
	position: absolute;
	z-index: 2;	
}

/*
	Popup
*/

div#popup
{
	background:			#e2e1e1 url(/images/popup.gif) bottom left no-repeat;
	width:				600px;
	min-height:			348px;
	_height:			348px;
}

div#popup_top
{
	background:			url(/images/popup_top.gif) no-repeat;
	width:				600px;
	height:				64px;
	overflow:			hidden;
}

div#popup_bottom
{
	width:				458px;
	padding:			0px 71px 64px 71px;
	overflow:			hidden;
}



.popup_left
{
	width:				220px;
	float:				left;
	margin-right:		12px;
}

.popup_right
{
	width:				226px;
	float:				left;
}

/*
	Standaard waarden
*/

h1 { font-family: "American Typewriter"; font-weight: bold; font-size: 24px; color: #012F50; line-height: 28px; padding-bottom: 7px; }
h2 { font-family: "American Typewriter"; font-weight: bold; font-size: 20px; color: #012F50; line-height: 22px; }
h3 { font-size: 16px; font-weight: bold; line-height: 20px; color: #012F50;}
h4 { font-size: 14px; font-weight: bold; line-height: 18px; color: #012F50;}
h5 { font-size: 14px; font-weight: bold; line-height: 18px; color: #012F50;}

input, textarea, select { 
	font-family: 					Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 						3px; 
	border: 						1px solid #555555; 
	background: 					#ffffff url(/images/bg_input.gif) bottom repeat-x;
}

input.btn_small
{
	width:				120px !important;
}

h1 span {
	margin-left: 10px;
	position: relative;
	top: 4px;
	z-index: 2;
}

h2 span {
	margin-left: 5px;
	position: relative;
	top: 5px;
	z-index: 2;
}


.statusbar
{
	float: 				left;
	width: 				70%;
}

.buttons
{
	float: 				right;
	width: 				30%;
	text-align: 		right;
}

.overzicht_left
{
	vertical-align: 	top;
	width: 				25px;
	text-align: 		right;
	padding-left: 		25px;
}

.overzicht_mid
{
	padding-right: 		10px;
	padding-bottom: 	28px;
	padding-top:		3px;
}

.overzicht_right
{
	vertical-align: 	top;
	padding-bottom: 	20px;
}

.navi_left
{
	width:				30%;
}

.navi_mid
{
	text-align:			right;
	width:				30%;
}

.navi_right
{
	text-align:			right;
	width:				40%;
}

.navi
{
	width:				600px;
}

.breed_left
{
	width:				290px;
	float:				left;
	margin-right:		39px;
}

.breed_right
{
	width:				585px;
	float:				left;
}
#error {
	color:				#FF0000; 				
}

div#footer .disclaimer {
	float: left;
	vertical-align: middle;
	color: #ffffff;
	font-size: 15px;
}

div#content label.error,
div#pop_up label.error,
div#pop_up div.error,
div#register_form div.error {
	color: #FF0000;	
	font-style: italic;
	margin-left: 15px;
}

div#pop_up input.error,
div#register_form input.error { 
	border-style: solid;
	border-color: #FF0000;
	border-width: 1px;
}

div#pop_up div.radiogroup,
div#content div.radiogroup {
	float: left;
	margin-left:15px;
}

div#pop_up label.error {
	float: right;
}

.floatleft {
	float: left;
}

div#content #check_question label.error {
	float: none;
}

div#pop_up span label,
div#register_form span label {
	margin-right:	10px;
	float:	left;
	padding-top:	3px;
}

div#pop_up table tr td.text,
div#register_form table tr td.text{
	height:35px;
	width: 150px;	
}

div#register_form label.error {
	float: right;
}

div#pop_up table tr td.input,
div#register_form table tr td.input{
	height:34px;
	width: 500px;	
}

div#pop_up table tr.extendedinput,
div#register_form table tr.extendedinput {
	height:34px;
	width: 500px;
}

div#pop_up table tr.extendedinput td, 
div#register_form table tr.extendedinput td {
	padding-bottom: 10px;
}

div#pop_up table tr.extendedinput label.caiw, 
div#register_form table tr.extendedinput label.caiw {
	font-style: italic;
}

tr.extendedinput.disabled {
	display: none;
}	


.mediumInput {
	width: 225px;
}


.normalInput {
	width: 150px;
}

.smallInput {
	width: 75px;
}

.extrasmallInput {
	width: 55px;
}

/* styles for specific umique elements */

/* updateinvitations */
div#inviteelist {
	height: 275px;
	width: 300px;
	overflow: auto;
}

div#pop_up div.invitation_dialog {
	height: 330px;
}

div#pop_up div.appointment_dialog {
	height: 405pxpx;
}


div#inviteelist td#inviteelist_left {
	width: 270px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Ask for help */
div#pop_up div.askforhelp_dialog {
	height: 244px;
}

/* login form */
div#pop_up form#LoginForm table {
	width: 500px;
}

select#AddWorkspaceCheckSelector {
	margin-top: 5px;
}

/* custom form elements styles 
TODO use this when trying to fix custom radio buttons in IE7
*/

span.checkbox {
	width: 0;
	height: 22px;
	padding: 4px 25px 0 0;
	background: url(/images/images/checkbox.png) no-repeat;
	display: block;
	display: inline;
	float: left;
}
span.radio {
	width: 0px;
	height: 25px;
	padding: 4px 25px 0 0;
	background: url(/images/images/radio.gif) no-repeat;
	display: block;
	/* clear: left; fixed for register form */
	float: left;
}

/* table css */
.td_overzicht_left_top
{
	height: 40px;
	vertical-align: top;
}

.td_overzicht_mid_top
{
	border-right: 2px solid #afafaf;
	width: 115px;
}

.td_overzicht_right
{
	padding-left: 20px;
	text-align: center;
	width: 100px;
	padding-top: 10px;	
}

.td_overzicht_left
{
	width: 400px;
	padding-bottom: 10px;
	padding-top: 10px;	
}

.td_border_bottom
{
	border-bottom: 2px solid #afafaf;
}

.td_overzicht_mid
{
	border-right: 2px solid #afafaf;
	padding-top: 10px;
	width: 115px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.td_no_border_bottom
{
	border-bottom: 0px !important;
}

.td_border_bottom h5
.td_no_border_bottom h5
{
	font-size: 16px;
	color: #014E8E;
}