/*
* MODIFICATIONS: 26.03.2003 / 08.09
* 29.07.2004 (hb_int_omschr)
* 10.08 (TO; aanpassen weergave titels en subtitels in spanz)
* 12.09 (TO; gray: 8 pt)
* 23.09 (TO; hr grijs ipv zwart)
* 17.02.2005 (TO; img border = 0
* 13.03 (TO; veld medium long ivm weergave gekoppelde modules)
* 26.03 (TO; opschonen)
* 04.05 (TdB; Homepage z/w afbeelding kunstenaar editten)
* 26.05 (TdB; scrollbar idoc voor xhtml gemaakt, in html{})
* 05.06 (TO; code uitgezet die al in de site opmaak wordt gebruikt)
* 13.04.2007 (MvB; div.container_cms toegevoegd)
* 14.09 (TO; login classes toegevoegd)
* 27.03.2008 (TO; validator)
*/

* { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } 
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	/*overflow-y: scroll;*/
}
table, img {border:0;}
tr,th,td {vertical-align:top;}
hr {color:#ABABAB;height:1px;margin:0px;padding:0px;}
div.container_cms, div.container_header_cms {overflow:hidden; width:790px; margin:0 auto;}

a.navlink { display:block; float:left; margin-right:15px; }

.editlabel {width:200px;}
.formbutton {text-align:right;margin: 0px 20px 40px 0px;}
.login_col_label {text-align:right;padding-bottom:10px;}
.login_col_field {text-align:left;padding-bottom:10px;}
.error {color:#FF0000;font-weight:bold;margin:0;}

div.login_container_cms {overflow:hidden; margin:0 auto; text-align:center; width:790px; }
div.login_container_cms div.login_cms { text-align:center; margin:150px auto 0 auto; width:320px; }

div#partnersnotavailable_containermain {overflow:hidden; margin:0 auto; text-align:center; width:790px; }
div#partnersnotavailable_containersub { text-align:center; margin:150px auto 0 auto; width:400px; }

.logincontainers {margin-top:200px;width:360px;}

.tablecell_even {}
.tablecell_odd {}

/* alle content, gecentreerd*/
#pagecontainer {
 position: relative;
 width:754px;
 margin: 0 auto;
 text-align: left;
 }
P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
UL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black ;
	list-style-type: disc;
	padding-left:15px;
}
OL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	list-style-type: decimal;
}
/* TdB homepage afbeelding */

#homeimg {
 background:#ddd;
 width:188px;
 height:300px;
 float:left;
}
#homeedit_btn {
 padding:5px;
 width: 348px;
 width/* */:/**/338px;
 width: /**/338px;
 float:left;
}
#homeedit_btn select {
 width:150px;
}
#homeedit {
 width:564px;
}
#homeedit_prev {
 width: 370px;
 margin-top:5px;
 float:left;
}
#homeedit_prev img {
 float:right;
 }
.desc_cont {
 height:112px;
}
.unpublished {
 color:#999;
}
.unpublisheditem {
	background-color:#eee;
}

/*voor Kunst en vormgeving */ 
.hb_paragraaf_titel { font-weight: 600; font-size: 11px; clear:left;padding: 10px 0px 0px 0px; }
.hb_artikel_lead{font-weight:bold;}

.veldbeschr {
 display:block;
 float:left;
 width:100px;
 width/* */:/**/95px;
 width: /**/95px;
 padding-left:5px;
 font-weight:bold;
}
.veldtitel {
 display:block;
 float:left;
 width:260px;
}
.veldomschr {
 display:block;
 float:left;
 width:260px;
}
.veld {
 display:block;
 float:left;
 width:260px;
}
/*---------------*/

/* weergave items in spanz */
#container {
	text-align: center;
}
#kopcontainer {
	width: 790px; 
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ababab;
}
#outputcontainer {
	width: 790px; 
	text-align: left;
}
#topnav {
	width: 790px; 
	padding: 5px 0px 10px 0px;
	text-align: right;
	border-top: 1px solid #ababab;
}
#toplink{
	margin: 10px 10px 20px 0px;
	text-align: right;}
.rij {
	margin: 0;
	padding: 0;
	clear: left;
}
td {
	font-size : 11px;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
}
th{
	font-size : 10px;
	color : silver;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : normal;
	text-align:left;
}
a, a:link, a:visited, a:hover , a:active { 	font-size: 11px; font-family: Arial, Helvetica, sans-serif;	font-weight: normal; color: #FF7100; text-decoration:none } 
a:hover { text-decoration: underline }
a.black, a.black:link, a.black:visited, a.black:hover , a.black:active { color: #000; } 

textarea { 
	font-size:11px;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
 }
input { 
	font-size:11px;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
 }

.na { font-size : 11px; color : Silver; font-family : Arial, Helvetica, sans-serif; font-style : normal; }
.datum { Color : black; font-family : Arial, Helvetica, sans-serif; font-size: 7pt; font-style : normal; font-weight : lighter; }
.titel { font-weight: bold; font-size: 9pt; color: #3A6896 }
.subtitel { font-size: 9pt; color: black ; margin-left: 0px; }
.code { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style : normal; font-weight : bold; color : black; margin-left: 0px; }
.bs { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style : normal; font-weight : normal; color : black; margin-left: 0px;}
.bsrechts { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style : normal; font-weight : normal; color : black; margin-left: 0px;}
.gray { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style : normal; font-weight : normal; color : #8A8A8A; }
.leftbold {	font-size : 9pt; color : Black; font-family : Arial, Helvetica, sans-serif; font-style : normal; font-weight : bold; text-align : right; }

.lijstkop_groot { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color : #000000; font-style : normal; font-weight : bold; margin-left: 0px; }
.lijstkop_klein { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color : #000000; font-style : normal; font-weight : bold; margin-left: 0px; }
.background_roze {  background-color: #fff1e5}
.alinea_kop { font-size : 11pt; color : #AfAFAF; font-family : Arial, Helvetica, sans-serif; font-style : normal; font-weight : bold; }
.pagina_subkop {
	font-size : 16px;
	color : #ff6a01;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
	margin: 0px 0px 20px 0px;
	text-align:left;
}
.pagina_subsubkop {
	font-size : 16px;
	color : #ffb788;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
}
.pag_skop_prnt {
	font-size : 11pt;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
}

.loginput { width:60px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #787878; font-size: 11px; color: black  }
.verplicht { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: red }

a.topact,a.topact:link,a.topact:active,a.topact:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FF7100; text-decoration:none }
a.topact:hover {text-decoration:underline }

.geenmarge{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
.kleinform {
	font-size:9px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border: 1px solid Gray;
}
.checkbox {
	font-size:9px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border:0px;
}
.kopmarge {
	padding-left: 20px;
}
.kolomkop{
	background-color:#e5e5e5;
	font-weight:bold;
	padding: 3px;
} 
.bggrijs{ 
	background-color:#F4F4F4;
}
.subkop { font-size: 9pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #999999; }
.veld_area { width:480px; height:60px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #acacac; font-size: 11px; color: black; } 
.veld_areasmall { width:240px; height:60px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #acacac; font-size: 11px; color: black; } 
.veld_areahigh { width:480px; height:200px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #acacac; font-size: 11px; color: black; } 

.veld_extrashort {
	width: 25px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_short {
	width: 50px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_medshort {
	width:90px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_medium {
	width:120px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_medlong {
	width:180px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_mediumlong {width:160px;font-family: Helvetica, Arial, sans-serif;border: 1px solid #ACACAC;font-size: 11px;}
.veld_long {
	width:200px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_extralong {
	width:270px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_extraextralong {
	width:370px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.veld_superlong {
	width:470px;
	font-family: Helvetica, Arial, sans-serif;
	border : 1px solid #ACACAC;
	font-size: 11px;
}
.geenmarge{
	margin: 0px;
	padding: 0px;
}
.bs,.bijschrift_grijs, .bijschrift,a.bijschrift,a.bijschrift:hover,a.bijschrift:active,a.bijschrift:link,a.bijschrift:visited {
	font-size: 9px;
	font-style : normal;
	font-weight : normal;
	color : #808080;
}
.hb_int_omschrijving {
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	font-style : italic;
}
.cms_link {/*style om de CMS programma-links in de pagina te onderscheiden van hyperlinks in de inhoud van de pagina zelf*/
	font-size: 11px;
	font-weight: normal;
	color: #FF7100;
	text-decoration:none;
}
.cms_veldnaam { 
	font-size: 11px;
	font-weight: bold; }
	
.tekstRechts {
text-align: right;
}

.cleaner{ clear:both; width:100%;}

#welkomstblok {background-color:#FF8040;padding:10px;color:#fff;}
#welkomstblok #kop {font-size: 16px;font-weight:bold;}

#nav-partneringelogd {padding-top:3px;text-align:right;font-weight:bold;}

#spanzfooter {margin:0 auto; width:730px;text-align:right;padding-right:20px;}
#spanzfooter #footer-greenlogo {display:inline; width:14px;margin-right:8px;margin-bottom:5px;}
#spanzfooter #footer-clientlogo {display:inline;margin-right:5px;}
#spanzfooter #footer-spanzlogo {display:inline;padding-bottom:4px;}

.login_copyright {margin-top:40px;font-size: 10px;color: gray;}