/* General styles
----------------------------------------------- */
body {
	margin-top:2em;
	padding:0;
	font-family:Verdana, Sans-Serif; 
	font-size:75%; 
	text-align:center
}

h1 {
	margin:0em 0em 0.2em;
	font-family:Tahoma;
	font-weight:normal;
	font-size:24px;
	color:#cc0000
}

h2 {
	font-family:Tahoma;
	font-weight:bold;
	font-size:24px;
	color:#000099;
	text-align:center;
	line-height:1.3em
}

h3 {
	margin:1em 0em 0.2em;
	font-size:0.90em;
	color:#000066
	
}

ul {
	margin:0;
	padding:1em 2em 1em 2em;
	list-style-image:url(/files/bullet_arrow.gif);
	font-size:1.05em;
}

li {
	margin-bottom:1.0em;
	line-height:1.5em;
}

table {
	/*border-top:#ccc 1px solid;
	border-right:#ccc 0em solid;
	border-bottom:#ccc 0em solid;
	border-left:#ccc 1px solid;
	width:100%;*/
	line-height:1.5em
}

td {
	/*border-top:#ccc 0em solid; 
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid ;
	border-left:#ccc 0em solid;*/
	padding:0.25em 0.5em 0.25em 0.25em; 
	font-size:11px; 
	vertical-align:top; 
}

img { 
	border:0
}

/* Layout
----------------------------------------------- */
#container {
	width:840px;
	margin:0 auto;

}

#header {
	margin-bottom:0.5em; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	clear:both;
}

#nav {
	margin-bottom:2em;
	background-color:#ccc;
	text-align:center;
	padding:5px;
	clear:both;
}

#main {
	width:800px;
	clear:both	
}

#dropin {
	width:700px;
	height:auto;
	padding:10px;
	border:2px solid #ffc000;
	background: #fff url('/images/dropin.png') repeat-x;
	visibility:hidden;
	position:fixed; /*absolute*/
	top:0px;
	left:40px;
	overflow: hidden;
}
#dropin a {
	color: red;	
}
#dropin table {
	border-collapse: collapse;
	border: none;
}
#dropin td {
	border: none;
}

input.buttonRegister {
	background:#d00;
	color:#fff;
	/*margin-top:20px;*/
	border:1px outset #d00;
	padding:5px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:visible;
}

#footer {
	margin-top:25px;	
	padding:5px;
	border-top:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	clear:both	
}

/* Lists
----------------------------------------------- */
#header ul, #nav ul, #footer ul {
	padding:0;
	font-family:Arial;
	list-style-type:none
}

#header ul li, #nav ul li, #footer ul li {
	display:inline
}

#header ul li a {
	padding-right:.3em;
	text-decoration:none
}

#nav ul li a, #footer ul li a {
	padding:.2em .6em;
	text-decoration:none
}

#header ul li a:link, #header ul li a:visited {
	color:#000;	
	text-decoration:none;
}

#header ul li a:hover { 
	text-decoration:underline
}

#nav ul li a:link, #nav ul li a:visited {
	color:#000;	
	font-weight:bold;
	text-decoration:none;
}

#nav ul li a:hover { 
	color:white;
	text-decoration:none
}

#dashboard { margin-bottom:10px; }
#dashboard ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#dashboard ul li { display: inline; }
#dashboard ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
}
#dashboard ul li a:hover {
	color: #fff;
	background-color: #369;
}

#footer ul li, #footer ul li a {
	color:#666
}

#footer ul li a:hover { 
	text-decoration:underline
}

/* Error/Message styles
----------------------------------------------- */
div.errors ul, div.messages ul {
	list-style-type:none;
	list-style-image:none;
	font-size:90%;
}

div.errors ul li, div.messages ul li {
	margin:0;
	line-height:1.2em;
}

div.errors {
	margin-bottom:1em;
	background-color:#ffdaca;
	border-top:1px solid #ff7349;
	border-bottom:1px solid #ff7349
}

div.messages {
	margin-bottom:1em;
	background-color:#e0ecff;
	border-top:1px solid #a5c9ff;
	border-bottom:1px solid #a5c9ff;
	color:#113355
}

/* Table styles
----------------------------------------------- */
table.seminar {
	border-spacing:3px;
	background:#fff;
}
table.seminar td {
	font-weight:bold;
}
table.preview {
	width:840px
}
table.preview td {
	text-align:left
}

/* Custom styles
----------------------------------------------- */
#adsWorkshops {
	padding-right:1em;
	padding-left:0em;
	font-size:1.55em;
	padding-bottom:0em;
	margin:0em;
	vertical-align:middle;
	color:#cc0000;
	padding-top:0em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:ridge #999999;
	background-color:#CCCCCC;
	font:/4%;
}
#boxWorkshop {
	padding-right:2em;
	padding-left:2em;
	font-size:1.05em;
	padding-bottom:1em;
	margin:0em;
	vertical-align:middle;
	color:#000000;
	padding-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:#000000;
	background-color:#FFFF99;
	font-weight:bold;
}
#boxPayment {
	padding-right:2em;
	padding-left:2em;
	font-size:1.05em;
	padding-bottom:1em;
	margin:0em;
	vertical-align:middle;
	color:#000000;
	padding-top:1em;
	text-decoration:none;
	border:#000000;
	background-color:#F5F6F7;
}
#boxHeartDecision {
	margin:0.5em 5em 0.5em;
	padding:1em;
	color:#FF0000;
	border:thin solid #FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.1em;
}
#boxPromo {
	padding-top:2em;
	padding-right:2em;
	padding-left:2em;
	padding-bottom:2em;
	margin:2em 7em 2em 0em;
	border:thin solid #000000;
}
#photos {
	margin-bottom:1em;
	padding-right:1em;
	color:#FF3333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#photos img{
	margin-bottom:0.6em;
	margin-left:0.6em;
	margin-right:0.6em;
	margin-top:0.6em;
	
}
.FooterTxtPhoto{
	font-size:0.95em;
	color:#999999;
	font-weight:normal;
	line-height:1.2em;
}
img.boek {
	float:left;
	margin-right:1em;
}
.postscript {
	font-size:0.90em;
}
.postscriptRed {
	font-size:0.90em;
	color: #cc0000;
}
.logo {
	float:left; 
	margin:0em 0em 12px; 
}
.dagallemaal {
	float:left;
	margin:0.4em;
}
.gezondheid {
	float:left;
	margin:0.6em;
}
.logoTitle {
	font-weight:bold;
	font-size:24px;
	color:#cc0000;
	font-family:Tahoma;
}
.introText {
	font-weight:bolder;
	font-size:22px;
	font-family:Tahoma;
	color:#000000;
	height:120px;
}
.introTextwLogo {
	font-weight:bolder;
	font-size:22px;
	font-family:Tahoma;
	color:#000000;

}
.yellowTxt{
	background-color:#ffff00
}	
.bordeauxTxt{
	color:#cc0000;
}
.bordeauxTxtBold {
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
	line-height:1.5em;
}
.content {
	float:left;
	margin:0em 0em 1em 1em;
	width:64.97em;
	text-align:left;
	margin-top:0;
	line-height:1.5em;
}
.media {
	margin-left:1.8em;
	font-size:0.90em;
}
.legal {
	margin-left:1.8em;
	font-size:0.90em;
	color:#CCCCCC;
	line-height:1.5em;
}
.txtSmallGrey {
	font-size:0.90em;
	color:#CCCCCC;
}
.redTxtSmall {
	font-size:1.00em;
	color:#FF0033;
	font-weight:normal;
}
.boxWitness {
	padding-right:2em;
	padding-left:2em;
	font-size:1.05em;
	padding-bottom:1em;
	margin:0em;
	vertical-align:middle;
	color:#000000;
	padding-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:#000000;
	background-color:#FFFF99;
	font-weight:bold;
	font-style:italic;
}
.boxWitness .signature {
	font-size:1.00em; color:#666666; text-decoration:none
}

/* Pers styles
----------------------------------------------- */
#contentPers {
	width: 64em;
	float: left;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	line-height: 1.5em;
	text-align: left;
}
#contentPers #audio {
	width: 15em;
	float: right;
	margin: 0;
	padding: 0px;
	line-height: 1.5em;
}
#contentPers #video {
	width: 20em;
	float: left;
	margin: 0;
	padding: 5px;
}

#contentPers #persartikels {
	width: 25em;
	float: left;
	margin: 0;
	padding: 5px;
	background: #FFFF99;
	border-right: 1px dotted #CCCCCC;
}

#contentPers #informatie {
	width: 60em;
	clear: left;
	border-top: 1px dotted #CCCCCC;
	margin: 10px;
	padding-bottom: 5px;
}

#contentPers h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em
}
#contentPers h3 {
	font-size: 0.90em;
	margin: 1em 0em 0.2em;
	color: #000066;
}
#contentPers img {
	margin-top: 0.1em;
	margin-left: 0.2em;
	margin-right: 0.4em;
}
#contentPers .mediaVideo {
	margin-left: 1.8em;
	FONT-SIZE: 0.90em;
}
#contentPers .mediaPers {
	FONT-SIZE: 0.90em;
}

/* Inschrijving workshop styles
----------------------------------------------- */
#purchase {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	FONT-SIZE: 1.00em;
	PADDING-BOTTOM: 1em;
	MARGIN: 0em;
	PADDING-TOP: 1em;
	TEXT-DECORATION: none;
	border: none #CCCCCC;
	FONT-FAMILY: Verdana, Sans-Serif;
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	LINE-HEIGHT: 1.7em;
	BORDER-BOTTOM: #ccc 1px solid;
	text-align: center;
	background-color: #FFFFCC;
	
}
#cookieWarning {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	FONT-SIZE: 0.90em;
	color: #cc0000;
	PADDING-BOTTOM: 1em;
	MARGIN: 0em;
	PADDING-TOP: 1em;
	TEXT-DECORATION: none;
	border: none #cc0000;
	BORDER-RIGHT: #cc0000 1px solid;
	BORDER-TOP: #cc0000 1px solid;
	BORDER-LEFT: #cc0000 1px solid;
	LINE-HEIGHT: 1.5em;
	BORDER-BOTTOM: #cc0000 1px solid
}
.bordeauxTxtBoldYellow {
	font-size: 26px;
	font-weight: bold;
	color: #cc0000;
	background-color: #ffff00;	
}
.bordeauxTxtYellow {
	font-size: 18px;
	color: #cc0000;
	background-color: #ffff00
}
.titleworkshop{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.textworkshop{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	
}

/* Form inschrijving styles
----------------------------------------------- */
#clientFields, #visitorFields {display: none;}
#content input, #content select, #content textarea {
margin-bottom : 0.5em;
border : 1px solid #999;
font-family: Verdana, Arial, sans-serif;
font-size : 1em;
background-color: #FFF;
}
#content textarea {width : 30em; height : 12em;}
#content input.checkbox, #content input.radio {
width: auto; border: 0px solid #ccc; background-color : transparent;
}
#content input.btnImage {
width : auto;
border : 0px;
}
#content input.btn {
	background:#d00;
	color:#fff;
	/*margin-top:20px;*/
	border:1px outset #d00;
	padding:5px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:visible;
}
span.requiredField {color : #F03;}
#errorMessages {
background-color : #fff;
font-size : 0.92em;
color : #F03;
}
.btnImg {
line-height : 1em;
vertical-align : bottom;
margin-bottom : 0.5em;
}
/* Moved from General END */

#contentContainer_ {text-align : center;}
#content {float : none;margin : auto;}

hr.double {
margin : 0.8em 0 0.8em 0;
height : 0.35em;
border-width : 1px 0 1px 0;
clear : both;
}
/*
table.addressTable, table.addressTable td {
	border : 0px solid gray;
	padding : 0px 0px 0px 0px;
}
*/
.activeRadioLabel {font-weight : bold;}
.unActiveRadioLabel {font-weight : normal;}

.radioLabelLong, .radioForLongLabel {
border : 0px solid green;
clear : none;
float : left;
margin-top : 0.5em;
margin-bottom : 0.5em;
line-height : 1.3em;
}
.radioLabelLong {
width : 49.14700em;
font-size : 0.95em;
}

div.debug {
display : none;
border:1px dotted red; 
background-color : #FF9; 
width : 500px; 
padding : 10px;
margin-top : 10px;
margin :auto;
}

div#cookieWarning {display : none; color : #000; border-bottom : 1px solid red;
font-size : 1.1em;
line-height : 1.5em;
margin-bottom : 2em;
}

div#cookieWarning p{
line-height : 1.5em;
}

div.odd {
border : 1px solid #CFCFCD;
border-width : 1px 0px 1px 0px;
padding : 0;
background-color : #EBEFF6;
clear : both;
}

#content form div {clear:both; margin : 1em 0em 1em 0em;}

#content form label {
display : block;
float : left;
text-align : right;
width : 18em;
padding : 0 1.5em 0 0;
font-size : 0.95em;
}

#odd label.mandat {
background-image: url("http://www.artikel12.be/test/images/icon_mandatory.gif");
background-repeat: no-repeat;
background-position : top right;
}

#content label.notMandat {background-image: none;}

#content span.mandat {color : red;}

#content form input {
margin-left : 0.2em;
padding : 0.1em 0.2em 0.1em 0.2em;
color : #666;
font-size : 0.95em;
width : 25em;
}

#content form select {
margin-left : 0.2em;
color : #666;
font-size : 0.93em;
width : 45em;
}

#content form textarea {
color : #666;
font-size : 0.93em;
}

#content form .comment {
margin-left : 12.495em;
padding : 0 1em 0 1em;
color : #666;
font-size : 0.95em;
padding : 0 0 0 1.75em;
}

#content form div.cr {
border : 0px solid;
margin-left : 12.495em;
padding : 0.5em 0 0 1em;
}

#content form div.cr label {
display : inline;
width : auto;
font-size : 0.95em;
margin : 0px;
padding : 0px;
float : none;
}

#content form div.cr_2___ {clear : both;}

#content form div.cr_2 label {float : left; border:0px solid;}
#content form div.crGroup label {float : left; text-align : left;  width : auto;}
#content form div.crGroup {border:0px solid purple; margin : 0px; width : 425px; float : left; clear : none;}
#content form div.crGroup div {border:0px solid; margin : 0px; }
#content form div.crGroupTitle {color : #000080; font-size : 0.95em; padding-left : 0.5em; margin-bottom: 0.3em;}

#content form #subscribeToBlock .crGroup label, #content form #subscribeToBlockProspect .crGroup label  
{border : 0px solid green; width : 380px; margin : 0em 0em 1em 0.5em;}


#content form div.cr input.checkbox, #content form div.cr input.radio {
width : auto;
font-size : 0.95em;
padding : 0;
margin : 0.5em 0 0em 0.95em;
float : none;
}

#content form div.cr_2 input.checkbox, #content form div.cr_2 input.radio {
float : left;
clear : both;
}


#content form div.cr input.checkbox {
margin : 0.5em 0.2em 0em 0.25em;
}

/* Added for feedback form */
#content form div.straightLayout {
border : 0px solid red;
float : left;
clear : none;
margin : 0.75em 0em 1em 0em;
padding : 0em;

}

#content form div.straightLayout input.radio {
margin : 0px;
padding : 0em;
}

#content form div.straightLayout div {border : 0px solid blue; margin:2px 0px 0px 0px;}

div#onelineFields {
border : 3px double #FFCCCC;
background-image : url("/i/bgndOneLine.gif");
background-repeat : no-repeat;
background-position : center left;
background-color : #F5F6F6;
clear : both;
}



#stepsOverview span{
display:block;width:10.3em;
}
#stepsOverview span.stepMark{
margin:0 0 0 0;padding:.2em 2em .2em .4em;
border-bottom:1px solid #CCC
}
#stepsOverview span.stepTitle{
height:3em;padding:.2em 2em .2em .4em;
}
#stepsOverview li.currentStep span.stepMark{
border-bottom:1px solid #000080
}
/* Steps (Funds Subscription)  END */

/* From FundSub*/
#content input.buttonWithBgnd {
font-size : 0.95em;
font-weight : 700;
font-family : Arial, sans-serif;
width : 10em;
width : 122px;
height : 25px;
background-image : url("/i/btnBgndLightBlue.gif");
background-color : #d1dded; 
color : #003399;
text-align : center;
border : 0px solid #000;
}
.WarningTxt{
	FONT-SIZE: 0.85em;
	font-weight: normal;
	FONT-FAMILY: Verdana, Sans-Serif;
}
/* From FundSub END */


/* Privacy styles
----------------------------------------------- */
.privacy  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #000099;
	FONT-FAMILY: Tahoma;
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 0.2em;
}

/* Custom styles
----------------------------------------------- */
.clear			{ clear:both }

.float-left 	{ float:left }
.float-right 	{ float:right }

.center 		{ margin-left:auto; margin-right:auto }

.text-left 		{ text-align:left }
.text-right 	{ text-align:right }
.text-center 	{ text-align:center }
.text-justify 	{ text-align:justify }

.bold 			{ font-weight:bold }
.italic  		{ font-style:italic }
.underline 		{ border-bottom:1px solid }
.highlight 		{ background:#ffc }
.strike 		{ text-decoration:line-through }

.img-left 		{ float:left; margin:4px 10px 4px 0 }
.img-right  	{ float:right; margin:4px 0 4px 10px }

.nopadding  	{ padding:0; }
.noindent 		{ margin-left:0; padding-left:0; }
.nobullet 		{ list-style:none; list-style-image:none }

.red			{ color:red }
.small			{ font-size:75% }
.icon 			{ vertical-align:text-bottom }