/***************************************************************
	the whole page
***************************************************************/
body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-color: #E6E6DE;
	margin: 0px;
	padding: 0px;
	/* prevent jumpy pages in mozilla */
/*	overflow:-moz-scrollbars-vertical; */
	color: #777777;
}	

#main  { 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #FEFDF8; 
}

.menu_column {
	padding-left: 10px;
	width: 160px;
	border: solid; 
	border-width: 0px 1px 0px 0px; 
	border-color: #dddddd;
}

.middle_column {
	height: 300px;
	width: 180px;
	padding: 0px 15px 0px 15px;
}

.content_column {
	height: 500px;
	padding: 0px 0px 0px 10px;
	border: solid; 
	border-width: 0px 0px 0px 1px; 
	border-color: #dddddd;
}

/***************************************************************
	the header, which holds the menu and the big image
***************************************************************/
.header {	
	position: absolute;
	padding-top: 0px;	
	vertical-align: top;	
	/* background-image: url(../images/header_bg.jpg);	*/
}	

/***************************************************************
	logo image
***************************************************************/
.logo {	
	margin-top: 20px;
	margin-left: 50px;	
	align: left;
}

/***************************************************************
	mainmenu holder
***************************************************************/
.menuholder {
/*	position: absolute;
	top:121px;
	height: 47px;
	padding: 0px;	
	vertical-align: top;	*/
}

.menuholder img {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

/***************************************************************
	actual content (pages on the left and right), unused ??
***************************************************************/

.content {
	width: 700px;
	position: relative; 
	top: 300px;
	margin: 0px auto 0px auto;
}

/***************************************************************
	navigation / location
***************************************************************/
.pagelocation a {
	color: #b4b4b4;
}



/***************************************************************
	footer text
***************************************************************/
.footer {	
	clear: both;
	padding-top: 10px;
	font-style: normal;	
	line-height: normal;	
	font-weight: normal;	
	font-size: 9px;
	color: #777777;	
	text-align: left;	
}




/***************************************************************
	change the HR into something less boring (warning: IE issues!!)
***************************************************************/
hr {
	font-size: 0px;
	padding: 0px;
	height: 1px;
	border: none;
	font-size:1px;
	margin: 10px 0px 10px 0px;
	backgroundcolor: none;
	background-image: url(../images/px_line.gif);
	background-repeat: repeatx;
}

/***************************************************************
	style for default titles
***************************************************************/
.title {
	color: #cc0033;
	font-size: 14px;
}

.box_title, .subtitle  {
	font-size: 11px;
	color: #666666;
/*	padding: 0 20px 0px; */
   	margin: 5px 0px 0px 0px;
	font-weight: bold; 
}

/***************************************************************
	default stsyle for hrefs
***************************************************************/
a {	
	font-family: Verdana;	
	color: #cc0033;
}

a:link {
	text-decoration: none;
}
a:visited {	
	text-decoration: none;	
}
a:hover {	
	text-decoration: underline;	
}

/***************************************************************
	default style for images
***************************************************************/
img {	
	border: none 0px;
}

/***************************************************************
	table styles
***************************************************************/
.edittable td {
	font-family: Verdana;
	font-size: 10px;
	color: #777777;
}

.edittable td input, .edittable td textarea {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	border: solid 1px #aaaaaa;
}



/***************************************************************
	4 versions of a hyperlink, all include an icon on the left
***************************************************************/
.hyperlink, .hyperlink:visited , .hyperlink:hover, a, a:hover{
	/*background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px; */
	/* color: #3399CC; */
	color: #28914B;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}

.hyperlink_red, .hyperlink_red:visited , .hyperlink_red:hover{
	background-image: url(../images/link_red.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px;
	color: #3399CC;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}

.hyperlink_top, .hyperlink_top:visited , .hyperlink_top:hover{
	background-image: url(images/link_topimg.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px;
	color: #3399CC;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}

.hyperlink_back, .hyperlink_back:visited , .hyperlink_back:hover{
	background-image: url(images/hlink_back.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px;
	margin-left: 4px;
	color: #3399CC;
}

/***************************************************************
	add a bit of spacing at the bottom of  LI's 
***************************************************************/
li {
	margin-bottom: 10px;
}

.solid {
    height: 1px;
    color: #D9D8D7;
    border-width: 0px;
    background-image: url('../img/solid.gif');
    background-repeat: repeat-x;
    padding: 0px;
    margin: 10px 0px 10px 0px;
   font-size: 0px;
}

.dotted {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    height: 1px; 
   font-size: 0px;
    color: #D9D8D7;
    border-width: 0px; 
    background-image: url('../img/dotted.gif');
    background-repeat: repeat-x; 
}

/* BEGIN SEARCH ENGINE */ 
#searchEngine a {
	color: #28914B;
}
.searchEngine  {
	color: #666666;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}
.searchEngine_title {
	color: #666666;
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
}
.searchjump {
	color: #666666;
}
div#dline  {
	padding-top: 4px;
	padding-bottom: 4px;
}
/* END SEARCH ENGINE */ 

/* BEGIN CONTACT FORM */
.contactForm {
	color: #666666;
	padding-top: 5px;
	padding-left: 14px;
	padding-bottom: 5px;
	padding-right: 0px;
	text-align: right;
	line-height: 25px;
}

.contactFormLeft {
	color: #666666;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	text-align: left;

}

.contactFormLeft label {
	display: block;
	width: 120px;
	text-align: left;
	float: left;
	margin-right: 5px;
}

.contactFormLeft .contactField {
	
}

.contactField {
	color: #666666;
	border-style: solid;
	border-color: #D9D8D7;
	background-color: #FEFDF8;
	border-width: 1px;
}

.radioField{
	border: none;
}

.radioFieldMissing {
	border: solid 1px #eeeeee;
}

/* END CONTACT FORM */

input.contactFieldmissing, textarea.contactFieldmissing
{
    background-color: #FFFFFF;
}

input.minimal, textarea.minimal, select.minimal 
{
    padding: 1px;
    border: 1px solid #D9D8D7;
}

input.button
{
    padding: 1px;
    border: 1px solid #fefdf8;

    padding-left: 10px;
}

.submitBtn {
    padding: 1px 10px 1px 10px;
    border: 1px solid #D9D8D7;
    background-color: #FFFFFF;
    color: #666666;
	
}

/* call for proposals */
div.wordimg{
	width: 21px;
	height: 27px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 0px;
	float:left;
}

/*****************************************************

	project and event pictures

*****************************************************/
.ep_img {
	padding: 0px 10px 10px 0px;
}


/*****************************************************

	THESE need to be added to the editor

*****************************************************/
.rightContent_redsubtitle {
	color: #781F1C;
	font-weight: bold;
}

.rightContent_subtitle {
	color: #666666;
	font-weight: bold;
	padding-left: 14px;
	padding-top: 10px;
}

/****************************

	project/event images
****************************/

.projectimg {
	padding-top: 7px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 7px;
	float: left;
}

.legend { 
	line-height: 10px;
	width: 180px;
	color: #666666;
	font-size:9px;
}

.store_name {
	padding-top: 3px;
	width: 110px;
	float: left;
}
.store_count {
	width: 51px;
	float: left;
	text-alignment: right;
}

.store_count select {
	font-size: 10px;
	padding: 0px;
	mergin: 0px;
}

.sides_left {
	background-color: #E6E6DE;
}

/*
Center positioner for Mozilla like browsers.
*/
#container     
	{
	text-align: center;
	margin-top: -96px;
	margin-left: -353px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 706px;
	height: 192px;
	visibility: visible;
}

.rightalign {
	text-align: right;
	padding-right: 15px;
}

.customoption {
	width: 200px;
}

select.contactField{

	width: 174px;
}

.enqueteform {
	font-family: Verdana;
	font-size: 11px;
	margin: 30px;
}

.enquetetitle {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}

.enqueteheader {
	margin-bottom: 20px;
}

.question_section {
	
}
.q_title{
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 10px;
	font-size: 13px;
}

.q_table1, .q_table2, .q_table3 {
	margin: 0px;
	padding: 3px;
	font-size: 11px;
	margin-bottom: 20px;
	margin-left: 10px;
}

/* tabel breedte: 600 pixels*/
.q_table1 td {
}

.q_table2 td {
	width: 200px;
}

.q_table3 td {
	width: 100px;
}

enqueteform.textarea {
	width: 400px;
	height: 80px;
}