body {
	font-family: arial;
	font-size: 11px;
	line-height: 20px;
	background: #FFF;
}

p {
	line-height: 22px;
}

a {
	color: #D3056E;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

li a {
	color: #000;
}

strong {
	font-weight: bold;
	color: #616161;
}

p {
	color: #61656a;
	padding: 0 0 25px 0;
	text-align: justify;
}

.normaal {
	font-weight: normal;
}

.oranje {
	color: #f79232;
}

.error {
	color: #cc0000;
}

#container {
	position: relative;
	width: 940px;
	margin: auto;
	margin-top: 10px;
}

#logo {
	position: relative;
	width: 227px;
	float: left;
	left: -35px;
}

#inloggen {
	position: absolute;
	right: 2px;
	top: 50px;
}

#inloggen a {
	background: url(../gfx/bullet_gr_roze.gif) no-repeat right;
	padding: 0 20px 0 0;
}

#topright {   /*vervangt inloggen*/
    position: absolute;
    right: 2px;
    top: 50px;
}

#topright a {
    padding-left: 10px;
}

#flash {
	float: left;
	
	width: 100%;
}

#frontpage_nav {
	float: left;
	margin: 2px 0 2px 0px;
}

#frontpage_nav li, #sec_nav li, #colA .sectie {
	float: left;
	background: #D3056E;
	width: 186px;
	height: 26px;
	border-right: 2px solid #fff;
	text-align: center;	
}

#frontpage_nav li a, #sec_nav li a, #colA .sectie {
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	/*padding: 7px 20px 5px 20px; - dit gaat mis in FF en Chrome*/
	display: block;
}

#front_cols, #cols {
	width: 100%;
	float: left;	
	padding-bottom: 20px;
}

#front_colA, #colA {
	width: 186px;
	height: 350px;
	background: #cecfd2;
	float: left;	
}

#front_colA #corpnav {
	padding: 204px 0 0 0;
}

#colA .foto {
	background: #61656a;
	height: 228px;
	border-bottom: 2px solid #fff;
}

#colA .sectie {
	/*padding: 6px 0 6px 0;
	height: 24px;*/
	border-bottom: 2px solid #fff;	
}

#sec_nav li {
	border-bottom: 2px solid #fff;
	height: 24px;
	padding: 3px 0 0 0;
}

#sec_nav li a.actief {
	background: url(../gfx/actief_sec.gif) no-repeat 0 7px;
}

#sec_nav li a {
	font-size: 13px;
	font-weight: bold;
	padding: 3px 20px 0 20px;
	display: inline;
}	

#navholder {
	position: relative;
	float: left;	
	width: 184px;
	height: 265px;
}

#corpnav, #corpnavFront {
	margin: 20px 0 0 0;	
	position: absolute;
	bottom: 14px;
}

#corpnav, #hoofdnav, #corpnavFront {
	width: 160px;
}

#corpnavFront {
	position: relative;
	float: left;
	top: 204px;		
}

#hoofdnav, #corpnavFront {
	margin: 15px 0 0 0;
}

#corpnav li, #hoofdnav li, #corpnavFront li {
	text-align: right;
	line-height: 24px;
}

#corpnav li a, #hoofdnav li a, #disclaimer a, #inloggen a, #corpnavFront a {
	color: #61656a;	
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#disclaimer {
	 float: left;
	 text-align: right;
	 width: 100%;
	 margin: 20px 0 0 0;
	 z-index: 99;
}

#disclaimer a {
	font-weight: normal; 
	font-size: 12px;
}

/* frontpage columns */

#front_colB, #colB {
	width: 378px;
	height: 350px;
	float: left;		
	z-index: 1;
}

#front_colB_over{
     text-align: justify;
  
     width: 342px;
     float: left;
     font-size:12px;
     padding-left:18px;
     padding-right:18px;
     padding-top:36px;    
     color:#646466;
    display: block; 
}

#front_colB_over strong.black{
   font-family: "Arial Black";
}


#front_colC, #colC {
    width: 334px;
    height: 310px;    
    background: #dadbde;    
    float: left;    
    padding: 20px;
    text-align: justify;
}

#front_colC_nieuws{
   background: #dadbde;
   width: 374px;
   float: left;    
   text-align: justify;
   color: #61656a;


        
}

#front_colC p, front_colC_nieuws p {
	letter-spacing: 0.7px;
}


#front_colC_nieuws tr.actueel td {
    height: 29px;
    padding-left:33px;
    padding-top:36px;
    background-color: #E3E4E6; 
    font-size: 18px; 
    font-weight: bold;
    color: #61656a;
    display: block;      
} 

#front_colC_nieuws tr.donker td {
    background-color: #D7D7D7;
    height: 63px; 
    padding-top:2px;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:0px;
}
#front_colC_nieuws tr.licht td {
    background-color: #E3E4E6;
    height: 63px; 
    padding-top:2px;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:0px;
}

#front_colC_nieuws tr.footer td { 
   background-color: #cecfd2;
   height: 29px;    /*25px voor IE eigenlijk...*/
}
	

/* columns */

#colA, #colB, #colC {
	height: 617px;
	padding: 0;
}

#colB {
	overflow-y: auto;
	/*overflow-Y:scroll;*/
}

#colC {
	width: 374px;
	z-index: 1;
}

/* teaser */

#front_colB .teaser, #colC .teaser {
	width: 298px;
	margin: auto;
	height: 100%;
}

#front_colB .teaser td, #colC .teaser td {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0 0 0;
}

#front_colB .teaser h1, #colC .teaser h1 {
	font-weight: normal;
}

#front_colB .teaser h1, #front_colB .teaser p, #colC .teaser h1, #colC .teaser p {
	font-size: 20px;
	line-height: 30px;
	color: #61656a;
}

#front_colB .teaser p, #colC .teaser p {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

#front_colB .teaser strong, #front_colB .teaser strong a, #colC .teaser strong, #colC .teaser strong a, #front_colB .teaser a  {
	color: #D3056E;
	text-decoration: none;
}

#front_colB .teaser strong a:hover, #colC .teaser strong a:hover,  #front_colB .teaser a:hover {
	text-decoration: underline;
}

#colC .teaser {
	width: 100%;
	height: auto;
	background: #fff;
}

/* slideshow */

.slideshow {
	width: 100%;
	height: 29px;
	background: #fff;
	color: #61656a;	
	font-weight: bold;
	padding: 8px 0 0 26px;
	font-size: 12px;
	z-index: 1;
}

.slideshow .actief {
	color: #D3056E;	
}

.slideshow span {
	padding: 0 0 0 30px;
}

.slideshow a {
	color: #61656a;
	text-decoration: none;
	padding: 0 5px 0 0;
}

.slideshow a:hover {
	text-decoration: underline;
}

/* content area */

#content {
	margin: 25px 25px 5px 25px;
	/*overflow-x:hidden;  - werkt niet meer met jscrollpane */
}

#content li {
	padding: 0 0 20px 0;
	width: 300px;
}

#content ol {
		margin: 0 0 0 0px;
		color: #61656a;
}

#content ol li {
	vertical-align: top;
	list-style-type: none;
	padding: 0 0 0 14px;
	background: url(../gfx/bullet_li.gif) no-repeat 0 6px;
	color: #61656a;
}

#content a {
	color: #61656A;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;	
}

#content li a {
	color: #61656a;
	font-style: italic;
	text-decoration: none;
}

#content li a:hover {
	text-decoration: underline;
}

#content ul.links {
	margin: 0 0 15px 0;
}

#content ul.links li {
	padding: 0;
}

#content ul.links li a {
	margin: 0 0 0 20px;
	font-style: normal;
	font-weight: normal;
}

#content h1 {
	color: #61656a;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 6px 0;
}

#content h2, .right_content h2, #overlay h2, #disclaimerDiv h2 {
	color: #61656a;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 20px;
}

.right_content  {
	width: 330px;
}

.right_content .download {
	margin-top: 10px;
}

.right_content #foutformulier {
	position: relative;
	float: left;
	width: 300px;
	color: #cc0000;
}

#content .inspring {
	padding: 15px 0 15px 20px;
}

#content p {
	font-size: 11px;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 100%;
}

#content li p {
	padding: 10px 10px 10px 20px;	
	width: 97%;
}

#content h2.bul_oranje {
	background: url(../gfx/bullet_oranje.gif) no-repeat 0 6px;	
}

#content h2.bul_groen {
	background: url(../gfx/bullet_groen.gif) no-repeat 0 6px;
}

#content h2.bul_blauw {
	background: url(../gfx/bullet_blauw.gif) no-repeat 0 6px;
}

#content h2.no_bul {
	background: none;
}

#content h2, h2.bul_roze {
	background: url(../gfx/bullet_roze.gif) no-repeat 0 6px;
}


.right_content {
	line-height: 26px;
	margin: 15px 25px 5px 25px;
}

.right_content a {
	color: #61656A;
	text-decoration: none;
}

.right_content h2 {
	font-size: 13px;
	padding: 0;
}

.right_content p {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.right_content td input {
	float: left;
	margin-right: 6px;
	border: none;
	background: none;
}

.right_content td {
	color: #61656A;
}

/* formulieren */

.content form input {
	border: 1px solid;
	height: 14px;
}

.right_content form {
	margin: 10px 0 0 0;
}

.right_content label, form .annuleren {
	color: #61656a;
	float: left;
	height: 20px;
}

.right_content form div.holder {
	padding: 0 0 3px 0;
	float: left;
	width: 330px;
}

.right_content input, .right_content textarea, #select_mevr, #select_heer  {
	border: none;
	background: #fff;
	float: right;
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	margin-top: 3px;
	font-family: arial;
	font-size: 11px;	
}

.right_content textarea {
	width: 322px;
	height: 75px;
	float: left;
}

form .lab {
	float: left;
	width: auto;
}

form .lab2{
	float: right;
	padding: 0 10px 0 10px;
} 

form .organisatie {
	width: 256px;
}

form .functie {
	width: 276px;
}

form .naam {
	width: 284px;
}

form .voorletters {
	width: 257px;
}

form .voornaam {
	width: 260px;
}

form .heer{
	width: 30px;
}

form .mevrouw{
	width: 188px;
}

form .adres {
	width: 280px;
}

form .postcode {
	width: 60px;
}

form .plaats {
	width: 140px;
}

form .aanhef {
	width: 14px;
}

form .telefoonnummer {
	width: 231px;
}

form .telefoonnummer_mobiel {
	width: 198px;
}

form .emailadres {
	width: 256px;
}


form .organisatie2 {
	width: 235px;
}

form .functie2 {
	width: 255px;
}

form .naam2 {
	width: 256px;
}

form .voorletters2 {
	width: 229px;
}

form .heer2{
	width: 109px;
}

form .mevrouw2{
	width: 109px;
}

form .telefoonnummer2 {
	width: 210px;
}

form .emailadres2 {
	width: 227px;
}

form .emailadres_oud {
	width: 204px;
}

form .emailadres_nieuw {
	width: 193px;
}

form div.holder2 {
	padding: 0 0 3px 0;
	float: left;
	width: 350px;
}

div.lab3 {
	padding-left: 19px;
	float: left;
	width: auto;
}

form .inp2 input {
	margin: 4px 0 0 4px;
}

form input.annuleren {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 70px;
	height: 20px;	
	font-size: 11px;	
	vertical-align: bottom;	
	margin: 16px 0 0 0;	
}

form input.verzenden {
	background: none;
	border: none;
	font-weight: bold;
	color: #D3056E;
	cursor: pointer;
	width: 70px;
	height: 20px;
	font-size: 11px;
	vertical-align: bottom;
	margin: 16px 0 0 0;
}

form p.upload {
	padding: 20px 0 4px 0;
	width:300px;
}

form input.bladeren {
	float: left;
}

#select_mevr, #select_heer {
	width: 10px;
	height: 13px;
	margin: 4px 0 0 4px;
	cursor: pointer;
}

#select_mevr .actief, #select_heer .actief {
	height: 8px;
	width: 8px;
	background: #D3056E;
	margin: 3px 0 4px 1px;
}

#overlay, #disclaimerDiv {
	position: absolute;
	background: #fff;
	z-index: 999;
	top:200px;
	left: 170px;
	height: 200px;
	width: 500px;
	border: 2px solid #CECFD2;
	padding: 20px; 
	display: none;
}

#overlay p, #disclaimerDiv p {
	line-height: 20px;
	padding: 10px 0 0 0;
}

#overlay form {
	color: #61656a;	
}

#overlay input {
	margin: 0 10px 0 10px;
}

#overlay .inlog {
	padding: 20px 0 10px;
}

#overlay .sluit, #disclaimerDiv .sluit {
	position: absolute;
	right: 20px;
	top: 10px;
}

#overlay a, #disclaimerDiv a {
	color: #dc7c16;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#disclaimerDiv {
	display: none;
	overflow: auto;
	height: 350px;
	padding: 0;
}

#disclaimerDiv .content {
	padding: 10px;
}

#verzendDiv {
	position: absolute;
	top:650px;
	right: 18px;
	width: 200px;
}

#download {
	position: absolute;
	top: 653px;
}

#download2 {
	position: absolute;
	top: 663px;
}

#download, #download2  {
	color:#61656A;
	font-size: 12px;
}

.right_content textarea.opm_algemeen {
	height: 178px;
}

.right_content textarea.opm_bureauvisie {
	height: 216px;
}

.right_content textarea.opm_themaboekjes {
	height: 82px;
}

#nieuwsbrief {
	margin: 0 0 0 20px;
}

#nieuwsbrief label {
	display: block;
	clear: both;
	float: left;
	height: 20px;
	padding: 2px 0 0 0;
}

#nieuwsbrief input {
	width: 218px;
	clear: both;
	float: left;
}

#nieuwsbrief div {
	clear: both;
	height: 35px;
}

#nieuwsbrief .verstuur {
	margin: 20px 0 0 0;
	width: 218px;
	text-align: right;
}


