@import url(mainMenuFlowcentrum.css);

*{
	margin: 0000;
	padding: 0000;
	
}
A:active, A:focus {
	outline: 0px;
	border: 0px;
}

.link{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #8a398d;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.6em;
}
a.link, #content a{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #8a398d;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.6em;
}
A:visited.link, #content a:visited{
	color:#8a398d;
	font-weight:bold;
	text-decoration: none;
}
A:active.link, #content a:active{
color:#8a398d;
font-weight:bold;
	text-decoration: none;
}
A:hover.link, #content a:hover{
color:#8a398d;
font-weight:bold;
text-decoration: underline;
}

img{
	border: 0px;
}
.img{
	border: 3px solid;
	padding: 2px;
	border-color:#cccccc;
}
.imgNieuws{
	border: 3px solid;
	padding: 2px;
	border-color:#cccccc;
	float: right;
	margin-top: 30px;
	margin-right: -35px;
}
#banner{
	padding: 0;
	float: right;
	margin-top: 40px;
	margin-right: -35px;
}
.cmsplaatjelinks {
	padding: 5px 10px 2px 0;
	border: 0;
	float: left;
}
.cmsplaatjerechts {
padding: 5px 0 5px 0px;
border: 0;
float: right;


}
html, body {
	height: 100%; /* héél belangrijk */
	background-color: #ffffff;
	background-image:url(../img/flowcentrumBackShade.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.container {
	position: absolute;
min-height: 100%; */
	height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
	width: 994px;
	left: 50%;
	top: 0px;
	margin: 0 0 0 -497px;	


	
}

.img_header{
	position: relative;
	display: block;
	height: 250px;
}
.logoFlowcentrum{
	position: relative;
	display: block;
	left: 675px;
	top: 23px;
	width: 287px;
	height: 110px;
}
.header{	
	background-position: center top;
	display: block;
	width: 994px;
	height: 188px;
	background-image:url(../img/headerFlowcentrum.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:center;
	border: 0px solid #000;
}
.headerHome{	
	background-position: center top;
	display: block;
	width: 994px;
	height: 188px;
	background-image:url(../img/headerFlowcentrumHome.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:center;
	border: 0px solid #000;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}
/* Footer */
#footerarea{
	clear: all;
	padding: 0;
	width: 994px;
	margin: 15px auto 0 auto;
	padding-top: 2px;
	/*height:55px;*/
	height:88px;
	bottom:0;
background-image:url(../img/BackShadeFooter1.gif);
background-repeat:no-repeat;
	overflow:auto;
	
}

#footermenu{
	width: 964px;
	margin: 5px 15px 0 15px;
	padding: 5px 000;
	font-size: 12px;
	border-top-width:1px; 
	border-top-style:solid;
	border-top-color: #ad5ac6;
}
#footertxt{
margin: 0;
padding-left: 20px;
padding-top: 12px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
letter-spacing:1px;
color: #464646;
z-index: 601;
}
#footertxt a:link, a:visited, a:active{
color: #8a398d;
font-weight: bold;
text-decoration: none;
}
#footertxt a:hover{
color: #8a398d;
font-weight: bold;
text-decoration: underline;
}
#footermenu ul{
margin: 0;
padding-left: 0;
list-style-type: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
text-align:center;
}

#footermenu ul li{
display: inline;
}
#footermenu ul li a, a:visited{
color: #8a398d;
padding: 0;
text-decoration: none;
}

#footermenu ul li a:hover{
color: #8a398d;
text-decoration:underline;
padding-bottom: 0;
}
#footermenu ul li em{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
color: #c7cfd9;
font-weight: normal;
font-style:normal;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
	color: #925302;
	text-decoration: none;
	line-height: 1.3em;
}
h4{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
	color: #925302;
	text-decoration: none;
	line-height: 1.3em;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ad51a1;
	text-decoration: none;
	line-height: 1.3em;

}
h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #ad51a1;
	text-decoration: none;
	line-height: 1.3em;

}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
	line-height: 1.3em;
}
#photoDiv_1kolom{
	position: absolute;
	display: block;
	width: 175px;
	left: 50%;
	top: 233px;
	margin: 000 153px;
	z-index: 8;
	border: 0px solid #000000;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55274f;
}
#photoDiv_Start{
	position: absolute;
	display: block;
	width: 350px;
	left: 50%;
	top: 180px;
	margin: 000 73px;
	z-index: 1;
	border: 0px solid #000000;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55274f;
}

#photoDiv_2kolom{
	position: absolute;
	display: block;
/*	width: 337px;
	left: 50%;
	top: 207px;
	margin: 000 153px; */
	width: 320px;
	left: 50%;
	top: 188px;
	margin: 000 140px;
	
	z-index: 8;
	border: 0px solid #000000;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55274f;
}
#photoDiv_2kolom p{
	margin-top: 5px;
}
#alg_voorwaarden_2kolom{
	position: absolute;
	display: block;
	width: 355px;
	left: 50%;
	top: 105px;
	margin: 000 108px;
	z-index: 8;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #464646;
}
#alg_voorwaarden_2kolom p{
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #464646;
}

#content{
	position: relative;
	display: inline-block;
	width: 400px;
	min-height: 383px;
	height: auto !important;
	height: 375px;
	left: 50%;
	top: 7px;
	margin: 000 -270px;
	padding-top: 35px;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	line-height: 1.6em;
	z-index: 600;
}

#contentHome{
	position: relative;
	display: inline-block;
	width: 542px;
	min-height: 383px;
	height: auto !important;
	height: 375px;
	left: 50%;
	top: -3px;
	margin: 000 -410px;
	padding-top: 35px;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	line-height: 1.6em;
	z-index: 600;
}

#contentHome p {
margin-bottom: 10px;
}
#content p {
margin-bottom: 10px;
}
#content ul ul{
margin: 0;
padding-left: 12px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
line-height: 1.6em;
}

#content ul ul li{
margin:0;
padding-left: 0;
list-style:  disc;
color: #ad51a1;
}

#content ul{
margin: 0;
padding-left: 15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
line-height: 1.6em;
}

#content ul li{
margin:0;
padding-left: 0;
list-style:  square;
color: #ad51a1;
}
#content ul li a{
color: #8a398d;
padding: 0;
text-decoration: none;
}
#content ul li a:visited{
color: #8a398d;
padding: 0;
	font-weight:bold;
text-decoration: none;
}
#content ul li a:active{
text-decoration:none;
font-weight:bold;
padding-bottom: 0;
}
#content ul li a:hover{
text-decoration:underline;
padding-bottom: 0;
}
#content ul li em{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif ;
color: #c7cfd9;
font-weight: normal;
font-style:normal;
}

#content_2kolom{
	position: relative;
	display: inline-block;
	width: 580px;
	left: 50%;
	top: 7px;
	margin: 000 -270px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	line-height: 1.6em;
}
#content_2kolom p {
margin-bottom: 10px;
}

#contentContainer {
width: 994px;
position:absolute;
top: 188px;
left: 50%;
margin: 000 -497px;
background-image:url(../img/BackShade.png);
	background-repeat:repeat-y;
 } 
 

/* formulier */
fieldset {border: 2px solid #eeeeee;  margin-top: 15px;  margin-bottom: 15px;}
legend {margin: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color:#666666}
.formregel {clear: both; margin-top:5px; margin-left: 9px;}
input.veld {
	width: 320px;
	border: 0px;
	background-color: #d9d2da;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	left: 165px;
	position: absolute;
}
textarea.veld {
	width: 320px;
	border: 0px;
	background-color: #d9d2da;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	left: 165px;
	position: absolute;
}
input.smalveld {width: 50px; border: 0px; background-color: #d9d2da; padding-left: 4px; padding-right: 4px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; left: 165px; position: absolute;}
.button {cursor: pointer; font-size:10px; padding: 0 10px 0 10px;}
.buttonright {cursor: pointer; float:right; margin-right:2px; font-size:10px;}
.knoppen  {margin-top: 0px; margin-bottom: 10px; width:100%;}



.sub_menu{
	position: absolute;
	display: block;
	width: 175px;
	left: 50%;
	top: 210px;
	margin: 000 -220px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #464646;
	line-height: 1.6em;
}
.Xtra_menu{
	display: block;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #8a398d;
	text-decoration: none;
	line-height: 1.6em;
	border-bottom: 1px solid;
	border-color:#AEAEAE;
}
A:link.Xtra_menu a{
	display: block;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #8a398d;
	text-decoration: none;
	line-height: 1.6em;
	border-bottom: 1px solid;
	border-color:#AEAEAE;	
}
A:active.Xtra_menu{
	text-decoration:none;
		border-bottom: 1px solid;
	border-color:#AEAEAE;
}
A:visited.Xtra_menu{
color: #8a398d;
	text-decoration:none;
		border-bottom: 1px solid;
	border-color:#AEAEAE;
}

A:hover.Xtra_menu{
	text-decoration:none;
	color:#55274f;
		border-bottom: 1px solid;
	border-color:#AEAEAE;
	font-weight: bold;
}
.Xtra_menu_active{
	display: block;
	position: relative;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #b9a88d;
	text-decoration: none;
	line-height: 1.6em;
		border-bottom: 1px solid;
	border-color:#AEAEAE;
}

table {
     margin: 0;
	 font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	font-style: normal;
}
td {
     border-top: 2px solid #eeeeee;
     vertical-align:top;
	 padding-bottom: 20px;
}
td.margeRight {
padding-right: 15px;
}
th {
    padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 13px;
	font-style: bold;
	color: #464646;
	text-align: left;
	vertical-align: bottom;
}
blockquote {
display: block;
padding: 0;
width: 380px;
font-size: 16px;
text-align:left;
margin: 0;
color:#ad51a1;
}
.kaderBlockquote {
background-image:url(../img/shade.gif); 
background-repeat:no-repeat; 
padding: 10px; 
margin-bottom: 10px;

}

.linkBQ{
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #ad51a1;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;

}
A:visited.linkBQ{
	color:#ad51a1;
	font-weight:bold;
	text-decoration: none;
}
A:active.linkBQ{
color:#ad51a1;
font-weight:bold;
	text-decoration: none;
}
A:hover.linkBQ{
color:#ad51a1;
font-weight:bold;
	text-decoration: underline;
}




/* Home*/
.boxContainer
{

padding-bottom:15px;
width:542px;
margin:0 0 55px -5px;
height:210px;
}
.box
{
width:175px;
border-right:1px solid #D1D1D1;
text-align:left;
float:left;
padding-left:5px;
}
.boxInside
{
width:170px;
height:auto;
}
.boxTh
{
background:url(../img/imgBoxBg.gif) left top no-repeat;
margin-top: 10px;
padding-left:0;
padding-top:12px;


}
.boxTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #ad51a1;
	text-decoration: none;
	line-height: 1.3em;
	letter-spacing: 3px;
	}
.boxTitleV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #ad51a1;
	text-decoration: none;
	line-height: 1.3em;
	letter-spacing: 2px;
	}
.indexTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;	
	color: #ad51a1;
	line-height: 1.3em;
}

.quote{
	position: absolute;
	display: block;
	width: 145px;
	left: 50%;
	top: 230px;
	margin: 000 330px;
	z-index: 4;
	border: 0px solid #000000;
}
.quoteStart{
	position: absolute;
	display: block;
	width: 155px;
	left: 50%;
	top: 480px;
	margin: 000 310px;
	z-index: 4;
	border: 0px solid #000000;
}
.quoteContact{
	position: absolute;
	display: block;
	width: 175px;
	top: 280px;
	margin: 0000;
	z-index: 4;
	border: 0px solid #000000;
}
.quoteWerkwijze{
	position: absolute;
	display: block;
	width: 250px;
	top: 350px;
	margin: 0000;
	z-index: 4;
	border: 0px solid #000000;
}
.spreuk {
	display: block;
	padding: 0;
	width: 145px;
	font-size: 15px;
	text-align:left;
	margin: 20px 0 30px 0;
	color:#666699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.spreukContact {
	display: block;
	padding: 0;
	width: 175px;
	font-size: 15px;
	text-align:left;
	margin: 20px 0 30px 0;
	color:#666699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.spreukWerkwijze {
	display: block;
	padding: 0;
	width: 260px;
	font-size: 15px;
	text-align:left;
	margin: 20px 0 30px 50px;
	color:#666699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.spreukBron{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
}
 .bqstart {
	float: left;
	height: 85px;
	margin-top: -33px;
	padding-top: 0px;
	margin-bottom: -50px;
	margin-left: -10px;
	margin-right: 5px;
	font-size: 700%;
	color: #ECECF2;
 }

 .bqend {
     float: right;
     height: 1px;
     margin-top: -1px;
     padding-top: 0px;
     font-size: 700%;
     color: #ECECF2;
 }
 .bqstartContact {
	float: left;
	height: 45px;
	margin-top: 17px;
	padding-top: 0px;
	margin-bottom: -50px;
	margin-left: -10px;
	margin-right: 5px;
	font-size: 700%;
	color: #ECECF2;
 }

 .bqendContact {
     float: right;
     height: 1px;
     margin-top: 35px;
     padding-top: 0px;
     font-size: 700%;
     color: #ECECF2;
 }
 .3vBox {

 width: 100px;
 margin-right: 15px;
 }
 .3vBoxLast {
 float: left;
 width: 100px;
 margin-right: 0px;
 }
