@charset "utf-8";
/* CSS Document */

@import url(menuUp.css);
@import url(menuLeft.css);
@import url(menuBottom.css);

/*
 * 100% height layout with header and footer using divs
 * 
 */
html,body{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#B3DD11;
}

/*html {
     overflow: -moz-scrollbars-vertical;
}
*/

* {
	margin:0;
	padding:0;
	font-size:11px;
	color:#000000;
	font-family: "Trebuchet MS", Verdana;
}
td {
	font-size:12px;
}
a {
	text-decoration:none;
	color:#669933;
}

a:hover {
	text-decoration:underline;
}

div#mainContainer {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:964px;
/*	
	height:auto !important; /* real browsers */
/*	height:100%; /* IE6: treaded as min-height*/

/*	min-height:100%; /* real browsers */

	background-attachment: scroll;
	background-image: url(../images/backgr_main_content.gif);
	background-repeat: repeat-y;
}
#topBox {
	height:30px;
	background-color:#B3DD11;
}
#headerBox {
	height:182px !important;
	height:180px;
	background-color:#B3DD11;
}
.logo {
	width:142px;
	float:left;
}
.headerRight {
	float:left;
	width:822px;
}

.clear {
	clear:both;
	font-size:0;
	height:0;
}

.slogan {
	float:right;
	width:297px;
	margin-right:27px;
	margin-top:19px;
	height:30px;
}
.imageHeader {
	clear:both;
}

#mainContent {
}
.contentBox {
	float:left;
	background-color:#FFFFFF;
	width:822px;
	padding-top:30px;
	padding-bottom:40px;
}
.content {
	width:822px;
}
.content H1,
.content H2{
	padding-bottom:10px;
	font-size:16px;
}

.content p{
	padding-bottom:20px;

	padding-right:20px;
}

.bg .bgc {
	padding-left:30px;
}

.content ul {
	margin-left:20px;
	margin-bottom:10px;
}
.content li {
	margin-left:10px;
}

#mainFooter {
	position:relative;
	width:964px;
	background-attachment: scroll;
	background-image: url(../images/corner_right_bottom.gif);
	background-repeat: no-repeat;
	background-position: 927px 0;
	margin-top:-38px;
	padding-top:38px;
	bottom:0;
}
.logoBottom {
	width:142px;
	background-attachment: scroll;
	background-image: url(../images/line_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:114px;
/*	position:absolute; */
	bottom:29px;
	float:left;
	margin-top:-112px;
}

.footerRight {
	float:right;
	width:822px;
	background-color:#B3DD11;

}
.copyright {
	float:right;
	width:550px;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	padding-top:7px;
	padding-right:30px;
}
.copyright a{
	color:#FFFFFF;
	font-size:10px;
}

.csc-mailform p {
	padding-bottom:5px;
}
.field_from_name input,
.field_from_email input{
	margin: 0 4px 0 0;
	vertical-align: top;
	padding: 1px;
	clear: left;
	border:solid 1px black;
	width:200px;
}
.field_formtype_mail input{
	background-attachment:scroll;
	background-image:url(../images/bullet_download.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:27px;
	padding-left:21px;
	border:0;
}
.tx-a1teasermenu-pi1 {}

.tx-a1teasermenu-pi1 .item{
	float:left;
	margin-right:10px;
}

/* FCE */

.fce70_30 {
}
.fce70_30 td{
	vertical-align:top;
}

.fce70 {
	float:left;
	width:60%;
	padding-left:3em;
}
.fce30 {
	float:left;
	width:30%;
	padding-right:3em;
}

.fceGray {
	background-color:#F2E4F1;
	padding:20px 0;
}
.fceWhite {
	padding:0px 30px;
}

/* tabs for fce */
.fcetabs { width: 100%; height: 25px; overflow: hidden; margin: 3px 0 0 0; position: relative; z-index: 2; }
.fcetabs ul { height: 20px; list-style: none; padding: 0; margin: 0; float: left; margin-left:29px; }
.fcetabs ul li { list-style: none; float: left; border-right:2px solid #FFFFFF; margin:0; padding:0;}
.fcetabs ul li a:link, .fcetabs ul li a:visited { height: 19px; line-height: 19px; text-decoration: none; background-position: left top; background-repeat: no-repeat; padding: 0 5px; float: left; zoom: 1; }
.fcetabs ul li a{ padding:3px 10px; }
.fcetabs ul li a:hover {  }
.fcetabs ul li.act a:link, .fcetabs ul li.act a:visited { cursor: default; }

.cb01 .fcetabs ul li a:link, .cb01 .fcetabs ul li a:visited { color: #FFFFFF; border-bottom: 2px solid #FFFFFF; background-color: #B15CAF; background-image: url(../images/schema01/common/blocks/bg_tab01.gif); }
.cb01 .fcetabs ul li a:hover { border-bottom: 2px solid #FFFFFF; background-color: #844081; background-image: none; }
.cb01 .fcetabs ul li.act a:link, .cb01 .fcetabs ul li.act a:visited { border-bottom: 2px solid #B15CAF; background-color: #FFFFFF; background-image: none; color:#B15CAF;font-weight:bold; }

/*
.cb02 .fcetabs ul li a:link, .cb02 .fcetabs ul li a:visited { color: #27696f; border-bottom: 2px solid #F8FFD7; background-color: #ebf7b0; background-image: url(../images/schema01/common/blocks/bg_tab02.gif); }
.cb02 .fcetabs ul li a:hover { border-bottom: 1px solid #c5d382; background-color: #dbe89a; background-image: none; }
.cb02 .fcetabs ul li.act a:link, .cb02 .fcetabs ul li.act a:visited { border-bottom: 1px solid #F8FFD7; background-color: #F8FFD7; background-image: none; }

.cb03 .fcetabs ul li a:link, .cb03 .fcetabs ul li a:visited  { color: #27696f; border-bottom: 1px solid #bfd8d3; background-color: #c6e0db; background-image: url(../images/schema01/common/blocks/bg_tab03.gif); }
.cb03 .fcetabs ul li a:hover { border-bottom: 1px solid #adcfc8; background-color: #adcfc8; background-image: none; }
.cb03 .fcetabs ul li.act a:link, .cb03 .fcetabs ul li.act a:visited { border-bottom: 1px solid #d7f5ef; background-color: #d7f5ef; background-image: none; }

.cb04 .fcetabs ul li a:link, .cb04 .fcetabs ul li a:visited { color: #27696f; border-bottom: 1px solid #D9E4A2; background-color: #edf6c5; background-image: url(../images/schema01/common/blocks/bg_tab04.gif); }
.cb04 .fcetabs ul li a:hover { border-bottom: 1px solid #D9E4A2; background-color: #e2ecb4; background-image: none; }
.cb04 .fcetabs ul li.act a:link, .cb04 .fcetabs ul li.act a:visited { border-bottom: 1px solid #F4FFC0; background-color: #F4FFC0; background-image: none; }
*/

/* image headers */
/* fix image bottom margin in sctrict doctype */
.fceimage img { margin: 0 0 -2px 0; }

.fceOverzicht {
	margin:30px;
}

.fceOverzicht .imageBox{
	float:left;
	width:230px;
}

.fceOverzicht .textBox{
	float:left;
	margin-left:20px;
	width:343px;
}
.fceOverzicht .textBox{
	float:left;
	margin-left:20px;
	width:150px;
}
.fceOverzicht .textBox .textLeft {}



/* ---------------------------------------------------- */
.FCE-box-tabs-v01 {
	margin-top:9px;
}
.bgc {
	background-color:#F2E4F1;
	margin-top:-6px;
	padding:20px 0;

}

.fceWhite .fceImgContButtons {
	background-attachment: scroll;
	background-image: url(../images/backgr_fce_image_cont_buttons.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#F2E4F1;
	margin-bottom:10px;
}

.fceGray .fceImgContButtons {
	background-attachment: scroll;
	background-image: url(none.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#F2E4F1;
	margin-bottom:10px;
}


.fceImgContButtons .imageBox{
	float:left;
	width:262px;
}
.fceImgContButtons .imageBox img{
	padding:3px;
	border:1px solid #848283;
}


.fceImgContButtons .contentBox{
	float:left;
	width:500px;
	background-color:#F2E4F1;
	margin:0;
	padding:0;
}

.fceImgContButtons .textBox{
	float:left;
	width:320px;
	font-size:12px;
}
.fceImgContButtons p {
	font-size:12px;
}
.fceImgContButtons .buttonsBox{
	float:left;
	width:180px;
}


.fceProject .textLeft{
	font-weight:bold;
	width:107px;
	padding-left:13px;
}
.fceProject .textRight{
	width:197px;
}
.fceProject .textRight p{
	padding:0;
	margin:0;
}

.fceProject td {
	padding-bottom:12px;
	
}
.fceProject table {
	margin:0;
	padding:0;
	padding-top:15px;
}



/* RTE */
p.button {
	text-align:right;
}

a.button {
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../images/bullet_meer.jpg);
	background-repeat: no-repeat;
	height: 27px;
	font-weight:bold;
	display:block;
	padding-top:4px;
	padding-left:21px;
	padding-right:21px;
	float:right;
	font-size:12px;
}
a.buttons {
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../images/backgr_buttons.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 165px;
	font-weight:bold;
	display:block;
	text-align:center;
	padding-top:5px;
}
a.download {
	background-attachment:scroll;
	background-image:url(../images/bullet_download.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:27px;
	padding-left:21px;
	padding-right:21px;
	padding-top:5px;
}

.contenttable {
	margin:0;
	padding:0;
	margin-top:10px;
}
.contenttable p {
	margin:0;
	padding:0;
}
.label{
	font-weight:bold;
	width:107px;
	padding-left:13px;
	text-align:left;
	padding-bottom:12px;
}
.value{
	width:197px;
	padding-bottom:12px;
}


/* DER PHOTOGAL */

.tx-drephotogal-pi2 {
	width:270px;
}

.galleryLeft {
	float:left;
	width:192px;
}
.galleryRight {
	float:left;
	width:60px;
	margin-left:10px;
}

.galleryLeft img {
	padding:3px 2px;
	border:1px solid #868281;
}
.galleryRight img {
	padding:1px;
	border:1px solid #868281;
	margin-bottom:5px;
}
.galleryRight td {
	width:60px;
}

.tx-sremailsubscribe-pi1 {
	background-color:#EFD1ED;
}

.tx-sremailsubscribe-pi1 fieldset {
	border:none;
}

.tx-sremailsubscribe-pi1 input {
	border:solid 1px black;
}

.tx-sremailsubscribe-pi1-submit {
	background-color:#AFD812;
	color:white;
	font-weight:bold;
	border:solid 2px #688203;
}

.newsletterArchieve p {
	margin:0px;
	margin-left:20px;
	padding:0px;
	padding-left:10px;	
	background:url(/fileadmin/nieuwe_tuinen/templates/images/bullet_newsletterArchive.gif) no-repeat 0% 50%;
}

.newsletterArchieve a {
	color:black;

}

/* FCE 4 columns */
.fce4columnContainer {
	margin:10px;
	width:100%;
}

.fce4columnColumn1 {
  width:25%;
  float:left;
}

.fce4columnColumn2 {
  width:25%;
  float:left;
}

.fce4columnColumn3 {
  width:25%;
  float:left;
}

.fce4columnColumn4 {
  width:25%;
  float:left;
}

