@charset "utf-8";
/* CSS Document */

html, body	{ margin: 0; font-family: Arial, Helvetica, sans-serif; }
img	{ border: 0; }
a 		{ text-decoration: none; color: #8CC63F; }
a:hover { text-decoration: none; color: #777777; }

.green	{ color: #8CC63F; }

.clear	{ clear: both; font-size: 1px; line-height: 1px; margin: 0; }

#container	{ width: 680px; margin: auto; padding: 24px 0; }

#splitMain	{ width: 340px; float: left; }

#menu	{ width: 275px; height: 40px; background: url(../img/bgMenu.jpg) no-repeat; }
.mainMenu		{ position: absolute; margin: 58px 0 0 32px; padding: 24px 0 0 5px; }
.contentMenu	{ margin: 10px 0 0 47px; padding: 24px 0 0 5px; }
#menu img	{ float: left; margin: 0 4px 0 0; }

a.menuItem 	{ }

#bottom		{ text-align: center; color: #777777; font-size: 10px; margin: 5px 0 0 0; }
#bottom img	{ position: absolute; margin: -90px 0 0 360px; }

#content	{ margin: 0 0 0 80px; }
#contentTop	{ width: 586px; height: 244px; background: url(../img/bgContentTop.jpg) no-repeat; }
#contentTop .logo	{ padding: 40px 0 0 55px; }

#content h1	{ color: #FFFFFF; position: absolute; margin: 121px 0 0 350px; text-transform: uppercase; font-size: 20px; font-weight: normal; }
#content h2	{ background: url(../img/bgContentHeader.jpg) repeat-y; padding: 0 110px 25px 50px; color: #FFFFFF; text-transform: uppercase; font-size: 15px; margin: 0; }
#content h3	{ background: url(../img/bgContentHeader.jpg) repeat-y; padding: 0 130px 25px 50px; color: #FFFFFF; font-size: 12px; margin: -10px 0 0 0; }
#content h4	{ font-size: 12px; color: #777777; margin: 0; padding: 0; }

#contentText	{ background: url(../img/bgContent.jpg) repeat-y; padding: 25px 130px 0 50px; }
#contentText p	{ font-size: 12px; margin: 0; padding: 5px 0; line-height: 16px; color: #7F8082; }
p.topLine	{ border-top: 1px dashed #7F8082; margin: 10px 0 0 0 !important; padding: 15px 0 5px 0 !important; }
#contentText ul	{ margin: 0; padding: 10px 35px; list-style: circle; }
#contentText li	{ font-size: 12px; line-height: 16px; color: #7F8082; }
#contentBottom	{ background: url(../img/bgContentBottom.jpg) no-repeat; height: 50px; }

.contentImgLeft	{ position: absolute; margin: 285px 0 0 -210px; }
.contentBtn		{ position: absolute; margin: 590px 0 0 -172px; }

#bedankt	{ margin: 0 0 0 26px; }
#bedanktTop		{ height: 177px; background: url(../img/bedanktTop.jpg) no-repeat; }
#bedanktTop .logo	{ margin: 33px 0 0 300px; }
#bedanktTop h1	{ color: #FFFFFF; position: absolute; margin: 117px 0 0 75px; text-transform: uppercase; font-size: 24px; font-weight: normal; }
#bedanktText	{ background: url(../img/bgContent.jpg) repeat-y; padding: 25px 130px 0 50px; margin: 0 0 0 54px; }
#bedanktText p	{ font-size: 11px; margin: 0; padding: 5px 0; line-height: 16px; color: #7F8082; }
.terugBtn	{ margin: 15px 0 0 200px; }
#bedanktBottom	{ background: url(../img/bgBedanktBottom.jpg) no-repeat; height: 150px; margin: 0 0 0 -1px; }
#bedanktBottom #bottom	{ margin: 0; padding: 54px 12px 0 0; }

.x-form-item-label	{ font-size: 11px; color: #989898; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; margin: 0 0 0 -10px; }

#form-div .button	{ width: 204px; height: 81px; background: url(../img/verstuurBtn.jpg) no-repeat; border: none; cursor: pointer; margin: 15px 0 0 190px; }
input, textarea	{ color: #777; }

.upload-icon {
	background: url(../img/image_add.png) no-repeat 0 0 !important;
}
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}