/* Spanz CSS Document last rev: 02.03.2009 */
* { margin:0; padding:0;}

/*** HTML elements */
/*******************/
body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:80%; line-height:1.4em; color: #333;	}
img	{ border:0; }
table { border:0; }
fieldset { border:0; }

a, a:link, a:visited, a:hover , a:active {  color:#e0001a; text-decoration:none; font-weight:bold;}
a:hover { color:#ee2a24; text-decoration: underline; }

h1 { line-height:1.0em; font-weight:normal; color:#000; margin-top:5px; }
h1.artikel_titel { font-size: 1em; margin-bottom:4px; font-weight:bold;}
h2 { font-size: 1.8em; color:#333; font-weight:normal;}
h3 { font-size:0.8em; color:#aaa; text-transform:uppercase; }
h4 { font-size: 1.2em;  color:#666; font-weight: normal; }

.paragraaf_titel { font-size: 1.2em; font-weight:bold;}

/*** FORM */
select, input, textarea { background-color: #f8f8f8; border: 1px solid #999; border-style: solid; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}
input[type=radio], input[type=checkbox], input[type=image], input[type=submit]{ background-color: #fff; border: none; }
input:focus, select:focus , textarea:focus { background-color: #f8f8f8; border: 1px solid #E0001A; }

tr, td { vertical-align:top; }
.bs { font-size:0.8em; line-height:1.15em; color:#999;  }

/*** GENERIC elements */
/**********************/
.required, .verplicht {color:red;}
.enlargeicon { float:right; margin-top:2px; }

/*** STRUCTURAL elements */
/*************************/
#logo {margin:80px 0 0 0;}
#container { margin: 0 auto; overflow:hidden;  clear:both; width: 770px; min-width: 770px; }
.home { margin-bottom:10px; overflow:hidden; }
.home-inner { float:right; overflow:hidden; }
.article {overflow:hidden; }
.article-inner { margin:10px 0;}

/*GENERAL: 3 column layout */
.pagewrapper { width:100%; overflow:hidden; clear:both; }
.content { width:80%; overflow:hidden;} 

/* subheader (contains date & breadcrumb) */
.subheader {overflow:hidden; height:16px; margin-bottom:10px; }

/*  navigation */
#navigation { overflow:hidden;}
#navigation ul { display:block; }
#navigation li { float:left;margin-right:2px; list-style-type: none;}

#navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:active { text-decoration:none; font-size:14px; color:#ff7100;}
#navigation li a#activechapter, #navigation li a#activechapter:link, #navigation li a#activechapter:visited, #navigation li a#activechapter:active { color:#000;}
#navigation li a:hover {text-decoration:underline;color:#000;}

/*  ARTICLE */
div.lead { font-weight:600; margin-bottom:20px;}
.paragraaf { margin-bottom:20px; overflow:hidden; clear:both; }
.hb_paragraaf_afb { margin-bottom:5px; }.paragraaf ul , .blok-body ul{ margin:6px 0 6px 24px;  }
ul#hb_artikel_inhoudsopgave { margin:10px 0; font-size:0.9em; }
ul#hb_artikel_inhoudsopgave li { display:inline; }

.module { width:100%; overflow:hidden; }
.banner{ width:100%; overflow:hidden; padding:32px 0 12px 0; font-size:0.65em; line-height:1em; text-align:center; border-top:1px solid #E5E5E5; }
.mod-header { height:20px; border-bottom:1px solid #E5E5E5; margin-bottom:14px; }
.mod-header h2, .mod-header h3 { }
.readmore { margin:0 6px 0 0; float:right; font-size:0.8em; }


/*  ARTICLE - SIDEBAR */
.externelinks, .internelinks { margin-bottom:10px; padding-bottom:5px; overflow:hidden; }
div.internelinks, div.externelinks  { border-bottom:1px solid #E5E5E5; }

.externelinks h4, .internelinks h4{ font-weight:normal; }
.externelinks ul, .internelinks ul { margin:1px; list-style-type:none; /* font-size:0.9em;  */}
div.internelinks li, div.externelinks li  { display:block; background-repeat: no-repeat; background-position: 0 8px; }
div.internelinks li a, div.externelinks li a  {  padding-left: 13px; }
div.internelinks li { background-image: url(/clientdata/icons/link_intern.gif); padding:0;}
div.externelinks li { background-image: url(/clientdata/icons/link_extern.gif); padding:0;}

/* footer */
#footer{ margin:8px 0; padding:2px 0; color:#999; font-size:0.8em; clear:both; overflow:hidden; border-top:1px solid #999; }
#footer #opdrachtgever {float:left;width:172px; margin-right:16px;}
#footer #spanzfooter { float:right;text-align:right; }
#footer #footernav { float:left; }
#footer a, #footer a:link, #footer  a:visited, #footer  a:hover , #footer  a:active { color:#999; padding:0; font-weight: normal;}
#footer .lastchangedate { width: 140px; padding-right:10px; }
/* einde footer */

/*** HOMEPAGE elements ***/
/*************************/
.homepage {overflow:hidden; } 
.homepage .topline{ margin-bottom:15px;  } 
.home-blok, .home-blok  a{ color:#E60000; } 
.home-blok-link { float:right; } 
.topnieuws { border-bottom:1px solid #E5E5E5; margin-bottom:10px; overflow:hidden; padding-bottom:5px; line-height:1.2em; overflow:hidden; }
.item-image { float:left; width:150px; overflow:hidden; margin-right:10px; margin-bottom:5px; }

.artists-recentlymodified { float:left;width:200px; }
.artists-recentexpos { float:left;width:200px; }
.artists-recentlyadded { float:right; width:200px; }

.artists-recentlyadded h3.list_title, .artists-recentlymodified  h3.list_title, .artists-recentexpos  h3.list_title{
	font-size:1.1em; color: #E60000; text-transform:lowercase;
}
.artists-recentlyadded h3.list_title {
	margin-bottom: 20px;
}
.artists-recentlyadded a, .artists-recentlymodified  a, .artists-recentexpos a {
	color: #666; font-weight: normal; line-height: 1.3em;
}
.artists-recentlyadded span.list_datasub, .artists-recentlymodified  span.list_datasub, .artists-recentexpos span.list_datasub{ 
	line-height: 0.8em;
	color: #999;
}
.artists-recentlymodified .list_data, .artists-recentlyadded .list_data , .artists-recentexpos .list_data {
	vertical-align: top;
}
.artists-recentlymodified table tr td, .artists-recentlyadded table tr td, .artists-recentexpos table tr td{
	padding-bottom: 4px;
}
.artists-recentlymodified .list_image, .artists-recentlyadded .list_image, .artists-recentexpos .list_image {
	width: 35px;
}
.artists-recentlymodified .list_more a, .artists-recentlyadded .list_more a, .artists-recentexpos .list_more a {
	color: #E60000;
}
.teaserimage {
	width: 30px;
}
.teaserimage_empty {
	width:  30px;
	height: 30px;
	background-color: #efefef;
}
.artists-recentexpos .list_more img{
   vertical-align: middle;
}
/* randomimage */
#randomkunstafbeelding {
	float:right;width:272px;
}


/*** FUNCTION elements */
/**********************/
/* algemene functie opmaak */
.function .leesmeer, .function .link_article { font-size:0.9em;}
.function div.item { margin-bottom:15px; padding:5px 0; overflow:hidden;  }
.function div.item div.item { border:none; margin-top:10px; padding:0;}

/* contactformulier */
#function_1, #function_96 {margin-top:20px;line-height:2em}
.label {width:200px;}

.control {}

/* ALGEMEEN: legenda voor functies (inhoudsopgave)) */
#function_legenda {margin-bottom:16px;}
#function_legenda li {margin:0;padding:0; list-style:none;display:inline;}

/* #function_17 table tr.marge_div  td{ height:1px; overflow:hidden; background-color:red; } */
#function_17 table tr.marge_div{ height:0; overflow:hidden; }
#function_17 table tr.marge_div td{ height:0; overflow:hidden; font-size:0.00001em; }
#function_17 table td{ font-size:0.9em; font-weight:bold; padding:3px 1px; }
#function_17 table td.bs{ font-size:0.9em; font-weight:normal; }

.content_78 { width:771px; margin:0;}
#function_78 #cvkunstenaar{font-size:11px;float:left;}
#function_78 .hidden { display:none; }
#function_78 .sidebar2{ width: 164px;}

#function_78 #sidebar2-inner .column h3 { color:black; font-size: 1.0em; }
#function_78 #sidebar2-inner .column {  background-color: #eee; margin-bottom: 3px; padding:5px;}
#function_78 #sidebar2-inner .column a {font-size:0.9em;}
#function_78 #sidebar2-inner .column a {font-size:0.9em;}
#function_78 #exposities .expo_date { font-size: 0.9em; }
.article_78 #cvkunstenaar { width: 600px; }




#function_78 .kunstenaars-afbeeldingen{ overflow:hidden; width:100%; margin:10px 0;}
#function_78 .kunstenaars-afbeeldingen .imagelink { overflow:hidden; display:block; width:112px; margin-right:10px; float:left; text-align:center; }
#function_78 .kunstenaars-afbeeldingen .imagelink4, #function_78 .kunstenaars-afbeeldingen .imagelink8, #function_78 .kunstenaars-afbeeldingen .imagelink12 { margin-right:0; clear:right; }
#function_78 .kunstenaars-afbeeldingen .divider { width:0; height:0; display:none; }
#function_78 .kunstenaars-afbeeldingen .divider-4, #function_78 .kunstenaars-afbeeldingen .divider-8, #function_78 .kunstenaars-afbeeldingen .divider-12 { display:block; width:100%; height:10px; clear:both; overflow:hidden; }
#function_78 .kunstenaars-afbeeldingen .imagelink img{ display:block; margin: 0 auto; }

#function_78 #sb-title { padding-top:5px;}
#function_78 #sb-info { padding-bottom:5px;}
#function_78 #sb-title, #function_78 #sb-title-inner, #function_78 #sb-body, #function_78 #sb-info, #function_78 #sb-info-inner {background-color:white; color:black; border:none;}
#function_78 #sb-title-inner { font-weight:bold; font-size:17px; }
#function_78 #sb-title-inner {margin:1px 10px 1px 10px;  }
#function_78 #sb-info-inner { font-size:10px; margin:0 10px; }
#function_78 .image-details-inner { margin:10px auto; }
#function_78 table.image-details-content {  width:804px; height:100%; vertical-align:middle; margin:0 10px;}
#function_78 table.image-details-content  td{ }
#function_78 td.col-image{ width:584px; vertical-align:middle; text-align:center; }
#function_78 td.col-details{ width:160px; }
#function_78 div.col-details{ width:160px; }
#function_78 td.col-marge{ width:20px; }
#function_78 #shadowbox_body { background-color:#ffffff; }

/* inloggen kunstenaarsformulier */
#function_82 td.login{ text-align:right; }
#function_82 td.kenmerk{ width:170px; }
#function_82 input.btn_login {
	color:#EE2A24; 
	padding: 0 5px 1px 5px;
	border:1px solid #EE2A24; 
	font-size: 0.9em;
}

#function_82 td.invoer{ /* width:230px; */ }

#function_88 #expo_cal{ padding: 0px; margin: 0px; border-spacing:0px;}
#function_88 #expo_cal td {padding-right:5px;}
#function_88 #expo_cal .expo_cal_header td{ height: 30px;	vertical-align: middle;	border-bottom: 1px solid black;	color: black; }
#function_88 #expo_cal .expo_cal_month td{ height: 30px;	vertical-align: bottom;	color: #000; line-height: 1.1em; }
#function_88 #expo_cal .expo_cal_item td{ line-height: 1.3em;}
#function_88 #expo_cal .expo_cal_itembar td{ height: 2px;	background-color: #E5E5E5;}
.article_88 .sidebar2_88 {display: none;}
.content_88 { width: 772px; margin-right: 0px; margin-bottom: 30px;}

/*---------------- kunstenaars zoeken --------------------------------*/
.content_85 {width:770px;margin:0;}
.content_83 {width:770px;margin:0;}
fieldset { border: 1px solid #E9E9E9; padding:10px;}

/* zoekresultaten */
.hidden { display:none; }
#results{ width:600px;float:left;overflow:hidden;}
#refine{ width:164px;float:right;overflow:hidden;font-size:0.9em; line-height:1.5em;}
#resultsheader{ width:600px;overflow:hidden;}
#resultfooter {margin-bottom:20px;} /* bladeren */

/* zoekpagina */
#frmKNUZoeken {width:400px;margin-top:30px;}
#options {text-align:right;margin-right:40px;}
#frmKNUZoeken label {width:200px;margin:0 10px;}
#strNaamOfTekst {width:300px; border:1px solid #000;margin:6px 0;}
#verstuurbutton {color:#ee2a24; cursor:pointer; font-weight:bold; }
.noresulsts ul li {color:#ee2a24;padding-left:12px;}

#resultsnav-naamaantal {float:left;}
#resultsnav-buttons {float:right;}


#wwvergeten {margin:30px 0 20px 10px;;color:#ee2a24;}

/* even rijen hebben een andere achtergrondkleur dan oneven rijen*/
.artist_even { background-color:#FFFFFF; height:50px; }
.artist_oneven { background-color:#F6F6F6; height:50px;}

table#results {margin:30px 0 10px 0;}
tr{vertical-align:top; text-align:left;}
table#results td{padding:5px 0;}
td.name{width:200px;overflow:hidden;}
/* alleen bij kunstenaars.nu td.province{width:40px;overflow:hidden;} */
/* niet bij rotterdam td.town{width:110px;overflow:hidden;} */
td.images{overflow:hidden;}
td.images img{ vertical-align:top;}
h3#artist_name{font-weight:bold; font-size:14px;}
h3#artist_name a, h3#artist_name a:visited, h3#artist_name a:link, h3#artist_name a:active, h3#artist_name a:hover {color:#000;}
div.noresulsts {}

.deelaantal { color:red; font-size:0.9em;} /* aantal zoekresultaten of verfijningen */
#refine a {font-weight:normal;}


/* KUNSTENAARS AFBEELDINGEN */
.thumbs { width: 170px; height: 418px; float: right; margin: 0; padding: 0; overflow:hidden;}
.imgthumbnails { margin: 0; padding: 0; vertical-align: middle; }
.imageinfo { color: #757575; font-size: 10px; }
.thumbtable { border-collapse: collapse; padding: 0; width: 50px; height: 50px; display: inline; margin: 2px; margin-top: 0px; margin-bottom: 4px; text-align: center; border-style: solid; border-color: white; border-width: 1px; }
thumbtable tr { padding: 0; margin: 0; }
thumbtable tr td { padding: 0; margin: 0; vertical-align: middle; }

.kunstenaarsdata { border: 0; }
.kunstenaarsdata td { padding: 2px; }

/* contact */
.lblVerplicht{padding-bottom:5px;}

/* functie 40 aanmeldformulier*/
#send_aanmelden{ margin-left:170px;}

/* function_4 aanmeldformulier*/
#function_4 h4 { color:#666666; font-size:1.2em; font-weight:normal; font-size:1.2em; font-weight:bold; }
#function_4 ul#links li{ display:inline; }

/* functie 96 geavanceerd zoeken */
#advancedsearch label{ width:160px; float:left; text-align: left; }
div.field{ width:400px; float:right; text-align: left; overflow:hidden; }
.fieldsuboptie { font-size:10px; color: #BABABA;}
#advancedsearch div.clear{ width:100%; clear:both; overflow:hidden; height:5px;}
#searchbtn{float:right;margin-right:50px;margin-top:10px;}


#frmFunctie40 table {line-height:24px;}
#frmFunctie40 fieldset {border:0;margin:0;padding:0;}
#frmFunctie40 .veld_medlong {width:230px;}
legend { color: #BABABA; font-weight:bold; background: #fff;  padding: 2px 6px;  } 
#advancedsearch fieldset { width:480px; }
.verfijnhoofdkop {font-size:13px; font-weight:bold; font-style:italic; font-family:georgia;color:#868686; margin-bottom:12px;}
.verfijnsubkop {font-size:15px; font-weight:bold; font-style:italic; font-family:georgia;color:#000000; margin-top:12px;}

/* functie 98 hoofdstuk titel*/
.hb_zoekassistent_vraag { font-family:Georgia; font-size:20px; line-height:18px; font-style:italic; font-weight:bold; color:#868686; }
.hb_zoekassistent_antwoord { font-family:Georgia; font-size:14px; font-weight:bold; color:#000; }
a.hb_zoekassistent_verder { font-family:Georgia; font-size:14px; font-weight:bold; color:#FF2700;  }
.hb_zoekassistent_subquestion { font-family:Georgia; font-size:14px; font-weight:bold; color:#868686;  }
.hb_zoekassistent_footer { margin-top:20px; clear:both; text-align:right;}
.hb_zoekassistent_antwoord a, a.hb_zoekassistent_antwoord:visited, a.hb_zoekassistent_antwoord:link, a.hb_zoekassistent_antwoord:active, a.hb_zoekassistent_antwoord:hover {color:#000;}
.hb_zoekassistent_stapvan{ font-family:Georgia; font-size:14px; font-style:italic; font-weight:bold; }
.hb_zoekassistent_stappenoverzicht{ width:100%; margin-top:14px; margin-bottom:18px; font-family:Georgia; font-size:14px; font-style:italic; font-weight:bold; }
.listcontainer { width:200px;overflow:hidden; float:left; }
.listwrapper { overflow:hidden; }

/* functie 100 zoekresultaten */
/* OUDE CSS */
#thumbnails {width: 418px; height: 418px;}
#kunstenaar-description { width: 292px; margin-right: 16px; float: left; overflow:hidden; }
#searchnavigation { width:230px; float:right; }
#cvkunstenaar { width:100%;}
/* NIEUWE CSS */
/*#article { width:100%; overflow:hidden; background-color:pink; } */
/* .article_100 { width:100%; overflow:hidden; background-color:pink; }.article_100 { width:100%; overflow:hidden; background-color:pink; } */

.kunstenaars-afbeeldingen{ overflow:hidden; width:100%; }
.kunstenaars-afbeeldingen .imagelink { overflow:hidden; display:block; width:112px; margin-right:10px; float:left; }
.kunstenaars-afbeeldingen .imagelink5, .kunstenaars-afbeeldingen .imagelink10, .kunstenaars-afbeeldingen .imagelink15 { margin-right:0; clear:right; }
.kunstenaars-afbeeldingen .divider { width:0; height:0; display:none; }
.kunstenaars-afbeeldingen .divider-5, .kunstenaars-afbeeldingen .divider-10, .kunstenaars-afbeeldingen .divider-15 { display:block; width:100%; height:10px; clear:both; overflow:hidden; }
.kunstenaars-afbeeldingen .imagelink img{ display:block; margin:0 auto; }

/*------------------------------------------------*/


/*** FINAL elements */
/**********************/
/* kill margin's */
.last { margin-right:0; border:0;}
