/* ALGEMEEN
----------------------------------------------------------------------------------------------------------------------------*/
body, h1, h2, h3, hr, form, p, ul, img { margin: 0; padding: 0;}

body { background: #DDFCB2 url(bgbodypaars337x275.jpg) repeat-y left top;}

img { border: 0;}

/* EVELIEN : DRUPAL SPECIFIC
----------------------------------------------------------------------------------------------------------------------------*/

.block-menu h1 {
	display: none;
}
#block-user-2 h1 {
	display: block;
}
.block-search h1 {
	display: none;
}
.block-user h1 {
	display: none;
}
.block-event h1 {
  	font: bold 14px Tahoma; color: #4B0C4B;
}
span.event-timeleft {
  	padding-bottom: 3px;
  	text-align: left;
  	width: auto;
  	display: block;
}
span.event-nodetype {
    display: none;
}
.ical-link {
	display: none;
}
#log_out a {
  	align: right;
  	text-decoration: none;
  	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
}
.book-navigation .page-previous {
  	text-align: right;
}
.book-navigation .page-up {
  	margin: 0 4em;
}
.book-navigation .page-next {
  	text-align: left;
}
.book-navigation .menu {
  	border-top: 1px solid #B798D1;
  	padding: 1em 0 0 0;/* 3em; */
}
.book-navigation .page-links {
  	border-top: 1px solid #B798D1;
  	border-bottom: 1px solid #B798D1;
  	text-align: center;
  	padding: 0.5em;
}
.pager-previous {
  	padding: 0.5em;
}
.pager-first{
  	padding: 0.5em;
}		
.pager-last{
  	padding: 0.5em;
}
.pager-list{
  	padding: 0.5em;
}
.pager-next{
  	padding: 0.5em;
}

 .pager-current{
  	padding: 0.5em;
}
  .status {
  		border: 2px dashed #045373;
  		padding: 0.5em;
}
.search-advanced .criterion {
  	float: left;
  	margin-right: 2em;
}
.search-advanced .action {
  	float: left;
  	clear: left;
}
.block-shoutbox {
	padding:1 em;
}
.block-book h2 {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	margin: 20px 0 0 20px;
}


.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 14px;
  background: #eee url(grippie.png) no-repeat 100% 100%;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}


/* JOSINE
--------------------------------------------------------------------------------------------------------------------------------*/	
/* .tabs { margin-right: 20px;} */ 
ul.primary { border-bottom: 1px solid #B798D1;}
ul.primary li a { border-color: #B798D1;}
ul.primary li.active a { border: 1px solid #B798D1;}
ul.primary li a:hover { border-color: #B798D1;}

/* .links { margin-left: 20px; margin right: 20px;} */	

/* .taxonomy { 
	margin: 0 20px 8px 20px;
	font-weight:bold 
}*/	


/* 1. INLOGVAK
--------------------------------------------------------------------------------------------------------------------------------*/		
td.header1 {
	width: 337px; height: 136px;
	background-color: #6F3D7E;
}	
#search{
	position: absolute;
	top: 3px; left: 0;
	width: 131px; height: 16px;  
	background-color: #6F3D7E;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	vertical-align: middle;
}	
#inlog{
	position: absolute;
	top: 3px; left: 131px;  
	width: 206px; height: 16px;  
	background-color: #6F3D7E;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
}
#search input.form-text, #inlog input.form-text {
  width: 57px; 
  font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
  background-color: #FFF;
  border: 1px solid #CCC;
 /* padding: 2px 0;*/ 
 }
#search input.form-text {
  margin-left: 4px; 
}
#search input.form-submit, #inlog input.form-submit {
  width: 60px; 
  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
  background-color: #6F3D7E;
  border: 1px solid #6F3D7E;
  /*padding: 2px 0;*/ 
}
#inlog input.form-submit{ width: 70px;}
 

#log_out{
	position: absolute;
	top: 0; left: 134px;         
	width: 203px; height: 26px;  
	background-color: #6F3D7E;
}	
#log_out a.logout {
	display: block; height: 16px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
    text-decoration: none;
	text-align: right;
	padding: 5px 10px 5px 0;
}

#search a.logout {
	display: block; height: 16px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
    text-decoration: none;
	text-align: right;
	padding: 5px 10px 5px 0;
}

#inlog a.logout {
	display: block; height: 16px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
    text-decoration: none;
	text-align: right;
	padding: 5px 10px 5px 0;
}

/* 2. FOTOVAK 
--------------------------------------------------------------------------------------------------------------------------------*/		
#women {
	position: absolute;
	top: 26px; left: 0;
	width: 337px; height: 110px; 
}

/* 2. SECUNDAIRE NAVIGATIE
--------------------------------------------------------------------------------------------------------------------------------*/		
td.header4 {
	height: 22px;
	background-color: #B798D1;
}
#tabnav {
	position: absolute;
	top: 136px; left: 0;
	width: 337px; height: 22px;
	background: #B798D1 url(tabbalkpaars337x22.gif) no-repeat top left;} /*lichtpaars*/
}	
#tabnav ul {
	position: absolute;
	top: 3px;
	/* list-style-type: none; */
	/* font: bold 12px "Arial Narrow", Arial, Helvetica, sans-serif; */
	/* text-align: center; */ 
}
#tabnav li { float: left; list-style-type: none;}

#tabnav li a {
	display: block;
	width: 74px; height: 15px;
	color: #602C7E; /*paars*/
	text-decoration: none;
	font: bold 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align: center; 
}
#tabnav li a.eerstetab { width: 115px;}
#tabnav li a.laatstetab { width: 74px;}	
#tabnav li a:hover { color: #FFF;} /*wit*/
#tabnav li a.active, #tabnav li a.active:hover { color: #FFF;} /*wit*/
	
/* 3. LOGO
--------------------------------------------------------------------------------------------------------------------------------*/		
td.header3 {	
	height: 136px;
	background-color: #FFF;
}
#logo {
 	position: absolute;
	top: 0; left: 337px;
	height: 136px;
	background: #FFF url(logo2.jpg) no-repeat left top;
}

/* 3. BROODKRUIMEL
--------------------------------------------------------------------------------------------------------------------------------*/
td.header5 {
	height: 22px;
	background: #FFF url(bgbreadcrumbs.gif) repeat-x left top;
}
#breadcrumb {
	position: absolute;
	top: 140px; left: 357px;
	width: 504px; /*404px;*/ height: 14px; 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #4B0C4B; /*paars*/
	background-color: #FFF;
}
#breadcrumb a, #breadcrumb a:hover {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #0090D8; /*blauw*/
	text-decoration: none;} 
	
/* 4. HOOFDNAVIGATIE = SUBMENU
--------------------------------------------------------------------------------------------------------------------------------*/
td.kolom1 {
	width: 115px; 
	height: 100%; min-height: 100%;
	background-color: #6F3D7E;
	vertical-align: top;
}
#nav {
	width: 115px; 
	height: 100%; 
	min-height: 100%;               
}
#nav ul {
	width: /*95px;*/ 115px; 
	list-style: none;
	margin: 20px 0 0 0;
	text-align: right;
}
#nav li { margin-bottom: 10px;}

#nav li a {
	text-decoration: none;
	font: bold 12px "Arial Narrow", Arial, Helvetica, sans-serif; color: #FFF; /* was 13 px, wordt te breed */
	margin: 0 10px 0 0; /* ook verdana is veel te breed en arial narrow is slecht te lezen. */
	}
#nav li a:hover, #nav li a.active, #nav li a.active:hover{ color: #63AB0A;} /*groen*/

#nav li ul {
	list-style: none;
	margin: 6px 0 0 0;
}	
#nav li li{ margin-bottom: 2px;}
	
#nav li li a {
	display: block;
	width: 95px;   /* 115 - 20, is dat 10 margin + 10 padding in de breedte? */
	font: bold 11px Arial, Helvetica, sans-serif; color: #9ED6F8; /*lichtblauw*/ 
	margin: 0 10px 0 0;
	padding: 2px 10px 2px 0;
	background: url(square5_9ED6F8.gif) no-repeat bottom right;}	 
	text-align: right;
}	 
#nav li li a:hover, #nav li li a.active, #nav li li a.active:hover{ color: #63AB0A;} /*groen*/	

#nav hr { 
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0px dashed #FFF;
}

/* 5. NIEUWSVAK
--------------------------------------------------------------------------------------------------------------------------------*/
td.kolom2 {
	width: 222px; 
	height: 100%; min-height: 100%;
	vertical-align: top;
}
#nieuws {
	width: 222px; 
	height: 100%; min-height: 100%; 
	font: 12px/133% Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
}
#nieuws h1 {
	font: bold 17px Tahoma, Arial, Helvetica, sans-serif; color: #881687;
	/*margin: 20px 0 20px 20px;*/
	margin: 20px;
}	
#nieuws h2 {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	/*margin: 20px 0 0 20px;*/
	margin: 20px 20px 0 20px;
}
#nieuws h3 {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	/*margin: 20px 0 0 20px;*/
	margin: 20px 20px 0 20px;
}	
#nieuws p {
	margin: 0 20px 8px 20px;
}
#nieuws a {
	color: #0090D8;
	text-decoration:none;
}	
#nieuws ul {	
	color: #4B0C4B;
	margin: 0 20px 12px 36px;
	list-style-image: url(listsquare5x12_0090D8.gif);
}
#nieuws li {	
	margin-bottom: 6px;
}
#nieuws img {
	margin: 10px 20px; 
}
#nieuws li ul {
 list-style-image: url(listsquare5x12_0090D8.gif);
 margin: 6px 20px 6px 16px;
}
/*#nieuws hr { 
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0px dashed #FFF;
	margin-left: 20px; margin-right: 20px;
}*/

/* 6. TEKSTVAK
--------------------------------------------------------------------------------------------------------------------------------*/
td.kolom3 {
	height: 100%; min-height: 100%;
	background-color: #DDFCB2;
	vertical-align: top;
}
td.marginkolom3 {
	height: 100%; min-height: 100%;
	width: 20px;
	background-color: #DDFCB2;
	vertical-align: top;
}
#content {
	height: 100%; min-height: 100%; 
	font: 12px/133% Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B; 
}
#content h1 {
	font: bold 17px Tahoma, Arial, Helvetica, sans-serif; color: #881687;
	margin: 20px 0 20px 0/*20px*/;
}	
#content h2 {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	margin: 20px 0 0 0/*20px*/;
}
#content h3 {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	margin: 20px 0 0 0/*20px*/;
}	
#content h4 {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	margin: 20px 0 10px 0/*20px*/;
}
#content hr { 
	color: #91CE45;
	background-color: #91CE45;
	height: 1px;
	border: 0px dashed #91CE45;
	margin-left: 0;/*20px;*/ margin-right: 0;/ *20px;*/ margin-bottom: 8px;
	clear: both; /*NIEUW*/
}
#content p {
	margin: 0 0 /*20px*/ 8px 0 /*20px*/;
}
#content a {
	color: #0090D8;
	text-decoration: none;
}	
#content a.img {
	float: left;
	margin: 0 0 /*20px*/ 0 0 /*20px*/;
}	
#content ul {	
	color: #4B0C4B;
	margin: 0px 0 /*20px*/ 12px 24px /*36px*/;
	list-style-image: url(listsquare5x12_0090D8.gif);
}
#content ol {	/*Nieuw*/
	color: #4B0C4B;
	margin: 0px 0 /*20px*/ 12px 24px /*36px*/;
}
#content dl { margin-left: 0 /*20px*/; margin-right: 0 /*20px*/;}	/*Nieuw*/

#content a.feed-icon img{ margin: 0 0 /*20px*/ 8px 0 /*20px*/;}  /*Nieuw*/

#content img.links {
 float: left;
 margin: 0 20px 10px 0;
}

/* 6. TEKSTVAK TABELLEN
--------------------------------------------------------------------------------------------------------------------------------*/
#content table.tekst { 
	margin: 0 0/*20px*/ 8px 0/*20px*/;
	border: 1px solid #91CE45;
	border-collapse: collapse;
}
#content table.tekst td { 
	border: 1px solid #91CE45;
	font: 12px/133% Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
}

/* 6. TEKSTVAK FORMULIEREN
--------------------------------------------------------------------------------------------------------------------------------*/	
#content form {
	margin: 0 0 /*20px*/ 8px 0 /*20px*/;
}	
/*#content form#user_register fieldset {
	border: 1px solid #91CE45; 
	margin: 10px 0 0 0;
	padding: 10px;
}*/
#content fieldset {
	border: 1px solid #91CE45; 
	margin-top: 10px;
	padding: 10px;
}
#content legend { 
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B; 
}	
.form-item {
	clear: left;
	margin: 0;
	margin-top: 1em;
	padding: 5px 0 0 0;
}
.description {
 	margin: 0 0 0 114px;
}
#content label {
	float: left;
	width: 110px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	padding: 0; margin: 0;
}	
#content input.form-text, #content input.form-text-required{
	/*width: 260px;*/
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	padding: 2px;
	background-color: #FFFFFF; 
	border: 1px solid #91CE45; 
}
#content input.form-submit{
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	background-color: #FFFFFF;
	padding: 2px; 
	border: 1px solid #91CE45; 
}	

#content select {
	/*width: 60px;*/
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	background-color: #FFFFFF; 
	border: 1px solid #91CE45; 
}	
#content textarea {
	/*width: 260px;*/ height: 60px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4B0C4B;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #91CE45; 
}		

/* 7. BANNERS
--------------------------------------------------------------------------------------------------------------------------------*/	
td.kolom4 {
	width: 120px; 
	height: 100%; min-height: 100%;
	background: #EDD9E9 url(green_purple.gif) repeat-y;
	vertical-align: top;
}
#banner {
	width: 120px; height: 100%; min-height: 100%;                       
}
.adbox {
	width: 120px; height: 90px;
	margin: 0; padding: 0;
}
.clear { clear: both;}