/* 
	
	Stijlblad voor projectenquêtes van Projecten LTO Noord
	Gerealiseerd door Albert Plomp ICT, http://www.albertplompict.nl/
	
*/

.arealabel span {
	display : block;
}

textarea {
	margin : 0px 0px 1em 0px;
}

html {
	margin	: 0px;
	padding	: 0px;
	border  : 0px;
	font-family : Arial, Helvetica, sans-serif;
}

body {
	margin		: 0px;
	padding		: 0px;
	font-family	: Arial, helvetica, sans-serif;   
  background  : url(../images/background.png) #d6e2e9 repeat-x left top; 
}

body, p, html, table, td {
	font-family	: Arial, helvetica, sans-serif;   
	font-size   : small;
}

h1 {
	margin-top	: 0px;
	font-family	: Arial, helvetica, sans-serif;   
	font-size	: medium;
} 

h2 {
	font-size	: small;
	font-weight : bold;
} 


table {
  margin				: 0px 0px 20px 0px;
  padding				: 0px;
  border				: 0px;
  border-collapse		: collapse; 
}  

caption {
	text-align		: left;
}

th {
	text-align		: center;
}

tr {
  margin				: 0px;
  padding				: 0px;
  border				: 0px;
}  

td {
  vertical-align 		: top;
  margin				: 0px;
  padding				: 0px;
  border				: 0px;
}  

div, p {
  margin				: 0px;
  padding				: 0px;
  border				: 0px;
}  

img {
  border				: 0px;
  margin  				: 0px 0px 0px 0px;
}

#frame {
	text-align			: center;
	padding 			: 0px 4px 4px 4px;
	margin-bottom		: 20px; 
}

#container {
	width: 931px;
	margin: 0 auto;

}

#header {
	float: left;
	display	: block;
	background: url(../images/bodytile.png) repeat-y;  
/* background : transperant; */
	height	: 293px; /* 230px; */
	width: 931px;
/*	padding	: 0px 51px 0px 38px; */
	border	: 0px solid green;
/*	clear 	: both; */
}

#banner {
	display	: block;
	margin	: 0px 48px 0px 38px;
	border	: 0px solid green;
	height	: 229px;
	background: url(../images/banner_plus_logo.jpg) no-repeat	; 
}

#header-logo {
	display	: block;
	margin 	: 14px auto 10px 38px;
	text-align : left;
	
	height		: 83px;
	background : transparent;

}

#body {
	float: left;
	text-align			: left;
	width: 931px;
	display	: block;
	background: url(../images/bodytile.png) repeat-y; 
	overflow: auto;

/*	padding-top: 10px;  */
	
}

#left {
	display	: inline;
	float		: left;
	width		: 155px;
	background : transparent;
	margin	: 0px 0px 0px 38px;

}

#navigation {

}

#sidebar-left {
	margin : 0px 0px 43px 0px;
	padding: 0px;
/*	line-height: 0px; */
	
}

#sidebar-left h1 {
	font-size : 15px;
	font-weight : bold;
	margin-bottom : 0px;
	
}

#sidebar-left h2 {
	font-size : 11px;
	font-weight : bold;
	margin : 3px 6px 0px 6px;
}

#sidebar-left span.right {
	/* float : right; */
	width					: 100%;
	
	
/*	background: url(../images/background-inloggen.png) no-repeat;  */
}

input.button {
	font-size	: 10px;
	width			: 70px; 
	margin		: 12px 0px 12px 75px;
}

#right {
	background : transparent;
	display	: block;
	float		: left;
	width		: 690px;
	margin	: 0px 0px 0px 0px;
}

#content {
	margin			: 0px 18px 19px 38px;
	color				: #888877;
}

#right #content h1 {
	font-size		: 15px;
	font-weight	: bold;
	color				: #1e5e29;
	margin			: 0px 38px 13px 0px;
}

#right #content p {
	font-size		: 13px;
	font-weight	: normal;
	line-height : 19px;
	margin			: 0px 0px 19px 0px;
}

.link_to_next a {
	color : #72b52a;
}

#right #content #animatie {
	margin			: 6px 0px 0px 0px;
}

#footer {
	text-align : left;
/*	height: 11px; */
	clear: both;
	background: url(../images/bodytile.png) repeat-y; 
}

#footer img {
	margin-left : 38px;
}

#login {
	margin-top: 0px;
	background: url(../images/background-inloggen.png) no-repeat; 
	background-position : 0px 21px;
}	
	
.nopadding {
	padding	: 18px 0px 0px 0px;
	margin	: 0px;
	border	: 0px;
}	
	
.introduction {
	font-weight		: bold;
	margin-bottom	: 1em;
}

strong {
	color					: #888877;
	font-weight		: bold;
}

a {
	color : #888877;
}

a:hover {
	color : #1e5e29;
	font-weight : normal;
}

#navlist a {
	font-size: 11px;
	color : #888877;
}

#navlist a:hover {
	font-size: 11px;
	color : #1e5e29;
	font-weight : bold;
}
	
#navlist {
	padding-left: 0;
	margin: 5px 0px 29px 0px;
	border-bottom: 1px solid #888877;
	width: 155px;
}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 4px 1px 4px 1px;
	line-height: 20px;
	border-top: 1px solid #888877;
}

a.hoofdmenu-active {
	color : #1e5e29!important;
	font-weight : bold;
}

#navlist li a { text-decoration: none; }

input.input {
	margin: 2px 8px 2px 6px;
	width	: 135px; 
}

.scale-row-even {
	background-color : #E5F1F6; /* #EEF9FE; #F0FAE6; #e1f4cc;  */
}

.scale-value-even {
	background-color : #EEF9FE; /* #F0FAE6; #e1f4cc;  */
}

span.helptext {
	font-style : italic;
}

tr.scale-row-even td, tr.scale-row-odd  td {
	vertical-align : middle;
}

.label-optgroup {
	font-weight : bold;
}

select {
	margin : 2px;
}

.scale-label { 
	width : 500px;
}

td.textfield input {
	margin : 0px 2px;
  /* middens verticaal uitlijnen */	
}

input.text {	border: 1px solid #888877; }
input.checkbox { border: none }
input:focus { border: 1px dotted  #888877; }
input.error { border: 1px dotted red; }

div#validatorerrors { 
	color  : red;
	margin : 10px 0px;
}