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

/**** definities LCMS content engine ****/


/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	padding: 0;
	margin: 0;
	text-align: left;
}

div.container {
	width			:935px;
	margin			:0 auto;
	border			:0;
	text-align		:left;
}

a, a:visited {color:#820458;}
a:hover {color: #820458;}

img  {border: 0px;}

/* End basic */


/* -- basic layout elements --- dont change! ---------------------------------------------------------- */
div.wrapper {overflow:hidden;width:100%;margin:0px;padding:0px;position:relative; float:left;}
.right {float:right;}
.left {float:left;}
.abs {position: absolute;}
.rel {position: relative;}
div.clearboth { clear: both;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h3{
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:130%;
	color			:#820458;
	line-height		:18px;
	padding			:0px;
	margin			:0px;
}

h2{
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:140%;
	color			:#820458;
	line-height		:18px;
	padding			:0px;
	margin			:0px;
}
h3{
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:100%;
	color			:#000000;
	padding			:0px;
	margin			:0px;
}
h4{
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:100%;
	color			:#820458;
	line-height		:18px;
	padding			:0px;
	margin			:0px;
}
p{
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:100%;
}
hr{
	position		:relative;
	border			:none;
	border-bottom   :1px solid;
	height			:0px;
	color			:#bebebe;
	margin			:0px;
	padding			:0px;
}

a.small, a.small:visited {color:#820458; font-size:80%;}
a.small:hover {color: #820458; font-size:80%;}


/* specific layout elements ---------------------------------------------------------------------------- */
div.alinea_home_wrapper{
	position		:relative;	
	float			:left;
	width			:310px;
	left			:20px;
	padding			:0px 0px 0px 0px;
	margin			:0px 0px 0px 0px;
	background-color:transparent;
	text-align		:left;
}
div.alinea_wrapper{
	position		:relative;	
	float			:left;
	width			:653px;
	left			:20px;
	padding			:0px 0px 0px 0px;
	margin			:0px 0px 0px 0px;
	background-color:transparent;
	text-align		:left;
}
div.alinea_head_left{	
	position		:relative;
	float			:left;
	width			:80%;
	text-align		:left;
}
div.alinea_head_right{	
	position		:relative;
	float			:right;

	text-align		:right;
}
div.alinea_titel{	
	position		:relative;
	float			:left;
	width			:100%;
}
div.alinea_datum{
	position		:relative;
	min-height		:10px;
	width			:100%;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:80%;
}
div.alinea_text{
	position		:relative;
	padding			:0px 0px 10px 0px;
	line-height		:18px;
	text-align		:left;
}
div.alinea_text ul{
	margin			:0px 0px 0px 10px;
	padding			:0 0 20px 20px;
	text-transform	:none;
	text-decoration	:none;
	list-style-position: outside;
	list-style-image:url(../images/bullet.gif);
	list-style-type	:square;
}
div.alinea_hr{
	position		:relative;
	width			:100%;
	min-height		:10px;
	float			:left;
}


/* list nieuws categories */
.list_cats{list-style:none;padding:0;margin:0;line-height:18px;padding:2px; left:20px; list-style-image:url(../images/li-raquo.gif); list-style-position:outside;}
.list_cats li{float: left; clear:both; margin-left:16px;}
/*.list_cats li:before{content:"\00BB";padding-right:2px;list-style-position:outside;}*/
li.cat_active a{
	color:#990066;
	text-decoration:none;
}
li.cat_in_active a{

	color:#444444;

	text-decoration:none;
}


/* login form */
div.login_wrapper{
	margin			:0 0 0 20px;
	float			:left;
	width			:390px;
	height			:200px;
	border			:1px solid #efcee4;
}
div.login_wrapper .login_submit {
	border			:1px solid #efcee4;
	background		:#990066;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#FFFFFF;	
	height			:20px;
	width			:70px;
	padding			:0 0 1px 0;
	cursor			:pointer;	
}
div.login_wrapper .login_submit:hover {
    border			:1px solid #efcee4;
	background		:#efcee4;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#990066;
	height			:20px;
	width			:70px;
	padding			:0 0 1px 0;
	cursor			:pointer;
}
div.login_wrapper input.loginfield{width:150px;border:1px solid #990066; background:#efcee4;}
div.login_wrapper input.loginfield:focus{width:150px;border:1px solid #990066; background:#FFFFFF;}
div.login_wrapper input.loginfield:hover{background-color:#FFFFFF;}


/* nieuws zoeken form */
div.searchnews_wrapper{
	margin			:0 0 0 20px;
	position		:relative;
	float			:left;
	width			:300px;
}
div.searchnews_wrapper .search_submit {
	border			:1px solid #efcee4;
	background		:#990066;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#FFFFFF;	
	height			:20px;
	width			:55px;
	padding			:0 0 2px 0;
	cursor			:pointer;	
}
div.searchnews_wrapper .search_submit:hover {
    border			:1px solid #efcee4;
	background		:#efcee4;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#990066;
	height			:20px;
	width			:55px;
	padding			:0 0 2px 0;
	cursor			:pointer;
}
div.searchnews_wrapper input.searchfield{width:120px;border:1px solid #990066; background:#efcee4;}
div.searchnews_wrapper input.searchfield:focus{width:120px;border:1px solid #990066; background:#FFFFFF;}
div.searchnews_wrapper input.searchfield:hover{background-color:#FFFFFF;}

/* leden overzicht */
div.ledenoverzicht_wrapper{
	position		:relative;
	float			:left;
	left			:20px;
	float			:left;
	background-color:transparent;
	width			:640px;
}
div.ledenoverzicht_header{
	background-color:#efcee4;
	width			:100%;
	line-height		:18px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	color			:#9b0669;
	min-height		:18px;
}
div.ledenoverzicht_header_naam{
	width			:170px;
	float			:left;
	padding			:0 0 0 3px;
}
div.ledenoverzicht_header_achternaam{
	float			:left;
	padding			:0 0 0 3px;
}
div.ledenoverzicht_header_options{
	float			:right;
	padding			:0 3px 0 0;
}
div.ledenoverzicht_record_even{
	width			:100%;
	background-color:#FFFFFF;
	line-height		:18px;
	min-height		:18px;
}
div.ledenoverzicht_record_odd{
	width			:100%;
	background-color:#e6e6e6;
	line-height		:18px;	
	min-height		:18px;
}
div.ledenoverzicht_naam{
	width			:170px;
	float			:left;
	padding			:0 0 0 3px;
}
div.ledenoverzicht_achternaam{
	float			:left;
	padding			:0 0 0 3px;
}
div.ledenoverzicht_options{
	float			:right;
	padding			:0 3px 0 0;
}

/* leden detail */
div.ledendetail_wrapper{
	position		:relative;
	float			:left;
	left			:20px;
	float			:left;
	background-color:transparent;
	width			:640px;
}
div.ledendetail_header{
	background-color:#efcee4;
	line-height		:18px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	color			:#9b0669;
	padding			:0 0 0 3px;
}
div.ledendetail_col_left{
	float			:left;
	width			:148px;
}
div.ledendetail_col_right{
	float			:left;
	width			:492px;
}
div.ledendetail_cont{
	float			:left;
	padding			:4px 4px 4px 4px;
	width			:148px;
}
img.ledendetail_img{
	border			:1px solid #820458;
}
td.ledendetail_row_even{
	background-color:#FFFFFF;
	line-height		:18px;
	padding			:0 3px 0 3px;
}
td.ledendetail_row_odd{
	background-color:#e6e6e6;
	line-height		:18px;	
	padding			:0 3px 0 3px;	
}

/* myprofile */
.but_submit {
	border			:1px solid #efcee4;
	background		:#990066;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#FFFFFF;	
	height			:20px;
	width			:70px;
	padding			:0 0 1px 0;
	cursor			:pointer;
}
.but_submit:hover {
    border			:1px solid #efcee4;
	background		:#efcee4;	
	font-family		:Arial, Helvetica, sans-serif;
	color			:#990066;
	height			:20px;
	width			:70px;
	padding			:0 0 1px 0;
	cursor			:pointer;	
}

input.textfield{
	width			:150px;
	border			:1px solid #990066; 
	background		:#efcee4;
	margin			:1px 0 1px 0;
}
input.textfield:focus{
	background		:#FFFFFF;
}
input.textfield:hover{
	background-color:#FFFFFF;
}

input.textfield-small{
	width			:30px;
	border			:1px solid #990066; 
	background		:#efcee4;
	margin			:1px 0 1px 0;
}
input.textfield-small:focus{
	background		:#FFFFFF;
}
input.textfield-small:hover{
	background-color:#FFFFFF;
}
input.textfield-file{
	width			:200px;
	border			:1px solid #990066; 
	background		:#efcee4;
	margin			:1px 0 1px 0;
}
input.textfield-file:focus{
	background		:#FFFFFF;
}
input.textfield-file:hover{
	background-color:#FFFFFF;
}
.textarea-profile{
	width			:486px;
	height			:100px;
	border			:1px solid #990066; 
	background		:#efcee4;
}


/**** definities opmaak ****/
div.header{
	position		:relative;
	float			:left;
	background		:url(../images/fot-header.jpg) no-repeat top right;		
	width			:100%;		
	height			:158px;	
}
div.header_click{
	width			:130px;
	height			:150px;
	float			:left;
	margin			:0px 0px 0px 5px;
	cursor			:pointer;
}
div.tussen-wrapper{
	position		:relative;
	float			:left;	
	background		:url(../images/spacer-top.gif) repeat-y top left;
	padding			:0 0 0 0;
	margin			:0px 0px 0px 0px;
	width			:935px;
	height			:28px;
}
div.content-home-wrapper{
	position		:relative;
	float			:left;
	background		:url(../images/home-spacer.gif) repeat-y top left;
	padding			:0 0 0 0;
	margin			:0 0 0 0;
	width			:935px;
	min-height		:400px;
}
div.content-wrapper{
	position		:relative;
	float			:left;
	background		:url(../images/content-spacer.gif) repeat-y top left;
	padding			:0 0 0 0;
	margin			:0 0 0 0;
	width			:935px;
	min-height		:400px;
}
div.col-left{
	width			:345px;
	min-height		:400px;
	position		:relative;
	float			:left;
}
div.col-middle{
	width			:338px;
	min-height		:400px;
	position		:relative;
	float			:left;
}
div.col-left-big{
	width			:683px;
	min-height		:400px;
	position		:relative;
	float			:left;
}
div.col-right{
	width			:252px;
	min-height		:400px;
	position		:relative;
	float			:left;
}


/**** definities top menu ****/
div.mainmenu{
	position		:relative;
	float			:left;
	width			:930px;
	background-color:#820458; 
	margin			:0px 0px 0px 5px;
	padding			:0px;
	height			:24px;
}
div.mainmenu ul{
	position		:relative;
	float			:left;
	margin			:0px;
	padding			:0px;
}
div.mainmenu li{
	list-style:none;
	text-decoration	:none;
	position		:relative;
	float			:left;
	display			:inline;
	padding			:0px;
	margin			:0px;
}
div.mainmenu li a{
	display			:block;
	position		:relative;
	float			:left;
	height			:24px;
	margin			:0px;
	padding			:0px; /*padding inside each tab*/
	border			:0px;
}
div.mainmenu img{
    border	:0px; 
	padding :0px;
	margin  :0px;
}

/**** definities submenu menu's ****/
.submenu{
	position		:absolute;
	float			:left;
	visibility		:hidden;
   	margin			:0px 0px 0px 0px;
	padding			:0px;
	z-index			:100;
	list-style-type	:none;
	background		:#af759c;
	border-bottom	:6px solid #820458;  
} 
.submenu ul{ /*topmost and sub ULs, respectively*/
   font-weight		:bold;
}
.submenu li{
	width			:200px;
	margin			:0px;
	padding			:0px;
}
.submenu li:hover{
	background		:#FFFFFF;
}
.submenu li a{
   width			:180px; /*width of menu (not including side paddings)*/	   
   color        	:#FFFFFF;
   padding      	:2px 22px 4px 2px;
   margin			:0px;
   font-size    	:100%;
   display      	:block;
   font-weight		:bold; 
   text-decoration	:none;  
}
.submenu li a:visited{
   color    		:#FFFFFF;
}
.submenu li a:hover{
   color    		:#820458;
   background-color	:#FFFFFF;
}
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
   padding-left		:4px;
   border			:0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position:absolute;
	padding:2px;
}
.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}


/**** definities sitewide menu's ****/
div.sitewide{
	float			:left;
	margin			:0px 0px 0px 0px;
	position		:relative;
	width			:700px;
	height			:30px;
	color       	:#820458;
	text-decoration :none;   	
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-weight		:bold;
	margin-left		:5px;
}
div.sitewide ul{
	padding			:10px 0px 0px 0px;
	list-style-type	:none; 
	float			:left;
	z-index			:12;
	margin			:0 0 0 0;
}
div.sitewide li{
	float 			:left;
	padding     	:0px 3px 0px 3px;
}
div.sitewide li a:link, div.sidewide li a:visited, div.sidewide li a:active{
	color       	:#820458;
	text-decoration :none;   	
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-weight		:bold;
}
div.sitewide li a:visited{
   text-decoration	:none;
}
div.sitewide li a:hover{
   text-decoration	:underline;
}


/**** definities overige elementen ****/
div.dochtersites{
	float			:left;
	position		:relative;
	margin			:-30px 0 0 0;
}
div.banner{
   margin           :9px 8px 0px 0px;  
   float            :right;
}
div.footer{
	position		:relative;
	float			:left;
	height			:27px;
	width			:935px;
	background		:url(../images/footer.gif) no-repeat top left;
}
div.word-lid{
	padding			:0 0 0 20px;
	margin			:0 0 0 0;
	width			:304px;
}


/* zoekblok */
div.searchblock{
	position:relative;
	float			:left;
	height			:24px;	
	padding			:0px 0px 0px 5px;
	margin			:0; 		
}
div.searchblock-input{
	position:relative;
	float:left;
	height:16px;
	width:163px;
	padding:3px 0 0 0;
}
div.searchblock-input input.searchfield{
	font-size:10px;
	background-color:#efcee4;
	border:0px;
	height:15px;
	width:163px;
}
div.searchblock-btn{
	position:relative;
	float:left;
	height:24px;
	width:71px;
}
/* zoekblok */