/* Corrosia   */
/* algemeen */
* { margin:0; padding:0;} 

body { 
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px;
color: black; 
text-align:center;
}

img { 
border:0;
margin:0;
padding:0;
overflow:hidden;
}

table {
border:0;
}

a, a:visited, a:hover, a:active {
 color:black;
 /*display: inline;*/
}

#article a, .hb_agenda_item_body a {
 display: inline;
}

ul {
  list-style-type: none;
}	
	
.bs, .bsrechts {
 color:#989898;
 font-style:italic;
}

.printmenu {float:right}
  
/* gecentreerde kolom, bevat alle content*/
#pagecontainer {
margin: auto;
width: 772px;
text-align:left;
/*margin-top:20px;*/
margin-top:10px;
}

#nav_col{
 width:190px;
 float:left;
 margin-right:4px;
}
/*28.08.2007: TO; nieuw logo*/
#logo{
 /*width:100%;*/
 height:42px;
 background: transparent url(../icons_211/ccorrosia_newlogo.gif) no-repeat top left;
 margin-bottom:4px;
}

#navigation{
 width:100%;
}

#content{
 /*background:#00f;*/
 width:578px;
 float:right;
}

#article{
 width:384px;
 /*margin-top:8px;*/
 float:left;
}
/* voor brede pagina's (b.v. kunstenaars zoeken) */
#article_maxruimte{
 width:574px;
 margin-top:8px;
 float:left;
}

#footer {
 position: relative;  /* Needed for Safari */
 clear:both;
 text-align:left;
 padding-top:2px;
 padding-bottom:20px;
 border-top: #ababab 1px solid;
 width:100%;
 font-family:arial, ms sans serif;
 font-size:9px;
 color: #878773;
}

#footer_spacer{
 width:100%;
 position: relative;  /* Needed for Safari */
 clear:both;
 height:30px;
}

/* header */
#header{
 /*width:100%;*/
 /*height:55px;*/
 height:57px;
 /*margin-top:44px;
 margin-bottom:9px;*/
}

#topnav{
 width:100%;
 height:13px;
 overflow:hidden;
}

#header h2, #header h3{
 float:left;
 font-weight:normal;
 font-size:19px;
 overflow:hidden;
 background-color:transparent;
}

#header div.arrow{
 float:left;
 background:#ff0;
 width:200px;
}

h2.hb_artikel_titel{
 width:100%;
 color:#999;
 height:22px;
 overflow:hidden;
}

h3.hb_artikel_titel{
 width:100%;
 line-height:0.9em;
 margin-top:-2px;
}

/* einde header*/

#topnav a{ text-decoration: none; }
#topnav a:link { text-decoration: none; }
#topnav a:visited { text-decoration: none; }
#topnav a:hover { text-decoration: underline; }
#topnav a:active { text-decoration: none; } 

/*footer*/
#footer a{ text-decoration: none; color: #878773; }
#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a:active { text-decoration: none; } 

#footer ul{
 margin-top:3px;
 list-style-type: none;
 } 

#footer li{
 display: inline;
 }
/*einde footer*/

/* artikel opmaak */
.hb_paragraaf_titel{
 font-size:12px;
 font-weight:bold;
 /*color:#676767;*/
 color:#000;
}

.hb_paragraaf_afb{
 margin-bottom:20px;
}

.hb_paragraaf_afb tr{
 vertical-align:top;
}

.hb_paragraaf_tekst, .hb_paragraaf_lead{
 display:block;
 margin-bottom:15px;
}

/* rechterkolom */
.see_also{
 background-color:#ff0;
 width:190px;
 margin-bottom:11px;
}

.see_also h2{
 font-weight:bold;
 font-size:15px;
 margin-left:8px;
 color:#6f6f6f;
}

.see_also li {
 list-style-type: none;
 background-image: url(../icons_211/listarrow_black.gif);
 background-repeat: no-repeat;
 background-position: 0 5px;
 padding-left: 10px;
 margin-bottom:0px;
}

/* artikel opmaak */

/* home */
#coll_1{
 width:190px;
}

#coll_2{
 width:384px;
}

.align_left{
 float:left; 
}
.align_right{
 float:right; 
}

.homeblock_s{
 width:190px;
 overflow:hidden;
 margin-bottom:4px;
 color:#fff;
 text-align:left;
}

.homeblock_l{
 width:384px;
 overflow:hidden;
 color:#fff;
 margin-bottom:4px;
 float:right;
 text-align:left;
}

.blockhead{
 position:absolute;
 padding:4px;
 overflow:hidden;
 z-index:30;
 background-color: transparent;
}

.homeblock_l .blocktop{
 width:384px;
 height:150px;
}

.homeblock_s .blocktop{
 width:190px;
 height:70px;
}

.homeblock_l .blockhead{
 width:384px;
 height:150px;
}

.homeblock_l .blockhead_nobg{
 padding:4px;
 width:384px;
 background-color:#B70515;
}

.homeblock_s .blockhead{
 width:182px;
 height:62px;
}

.homeblock_s .blockhead_nobg{
 padding:4px;
 width:182px;
 background-color:#B70515;
}

* html .homeblock_s .blockhead_nobg{
 width:190px;
 w\idth:182px;
}

.blocktop{
 position:absolute;
 z-index:20;
 background-color: #000;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 opacity: 0.5;
}

.homeblock_s h2{
 font-size:17px;
 font-weight:normal;
}

.homeblock_s h3{
 font-size:17px;
 font-weight:bold;
}

.homeblock_l h2{
 font-size:25px;
 font-weight:normal;
}

.homeblock_l h3{
 font-size:25px;
 font-weight:bold;
}

.homeblock_s .link{
 float:right;
 margin-right:2px;
 margin-top:14px;
}

.homeblock_l .link {
 float:right;
 margin-right:8px;
 overflow:hidden;
 margin-top:14px;
}

* html .homeblock_l .link {
 margin-right:8px;
}

/* --- TdB 21.09.2005 uitklapmenu --- */
/* expandable list with switch aligned right */

ul.rightcol {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
 width: 190px;
}

ul.rightcol ul {
 display: none;
 margin: 0;
 padding: 0;
 margin-top:-16px;
 padding-bottom:20px;
}

ul.rightcol li {
 list-style-type: none;
 position: relative;
 margin-bottom:4px;
 background-color: #D3D3D3;
 font-size:18px;
}

ul.rightcol li ul li {
 margin-bottom:0px;
 font-size:11px;
 background-color: #D3D3D3;
}
 
ul.rightcol a {
 display: block;
 padding: 3px;
 width: 184px;
 text-decoration: none;
 height:50px;
 background-color: #D3D3D3;
}
 
ul.rightcol ul li a:hover {
 text-decoration: underline;
}

ul.rightcol ul a {
 height:12px;
 width: 184px;
 height:15px;
 overflow:hidden;
 background-color: transparent;
}

ul.rightcol li ul li a{
 margin:0 0 0 4px;
 background: transparent url(../icons_211/listarrow_black.gif) no-repeat 2px 5px;
 padding:0 0 0 12px;
 display: block;
 text-decoration: none;
 width:170px;
}

ul.rightcol a.switch {
 width: 22px;
 height: 22px;
 position: absolute;
 left: 160px;
 top: 18px;
 margin: 0;
 padding: 0;
 background: transparent url(../icons_211/menu_switch.gif) no-repeat top left;
 border: none;
 line-height: 0px; /* Win/IE needs this for some reason */
 text-indent: -500px;
 overflow:hidden;
}

ul.rightcol a.switch:hover {
 border: none;
 text-decoration:none;
}

ul.rightcol a.on { background-position: bottom left; }
ul.rightcol a.off { background-position: top left; }

ul.rightcol ul a.on { background-position: bottom left; }
ul.rightcol ul a.off { background-position: top left; }

/* Box-model hacks for Win/IE 5.5 \*/
* html ul.rightcol { width: 190px; w\idth: 190px; }
* html ul.rightcol li { left: -16px; lef\t: 0px; }
* html ul.rightcol ul li { left: 16px; lef\t: 0px; }
* html ul.rightcol a { width: 190px; w\idth: 184px; }
* html ul.rightcol ul a { width: 190px; w\idth: 184px; }
* html ul.rightcol a.switch { width: 30px; w\idth: 22px; }
/* end hacks */

/* functie_36 vraag en aanbod */
.faq_q_l {
 font-weight:bold;
 font-size:12px;
 color:#00BCEA;
}
.faq_a_l{
 font-weight:bold;
 font-size:12px;
 color:#7DC242;
}

/* agenda (functie 21)*/

/* portal (_short)*/
h4.agendakop {
	color: white;
	padding:	4px 0px 0px 4px;
	font-weight: bold;
 	font-size: 16px;
}
 
h4.agendakop2 {
	color: white;
	padding:	4px 0px 0px 4px;
	font-weight: normal;
 	font-size: 12px;
}
/* corrosia */ 
.hb_agenda_item_block_654 {
 width:190px;
 height:255px;
 overflow:hidden;
 float:left;
 margin-right:4px;
 margin-bottom:4px;
 background-color: #5B5B5B;
}

/* roestbak */ 
.hb_agenda_item_block_658 {
 width:190px;
 height:255px;
 overflow:hidden;
 float:left;
 margin-right:4px;
 margin-bottom:4px;
 background-color: #B70515;
}


.hb_agenda_item_text {
 z-index:6;
 position:absolute;
 color:#fff;
 width:182px;
 height:92px;
 padding:4px;
 overflow:hidden;
}

* html .hb_agenda_item_text{
 width:190px;
 w\idth:182px;
 height:100px;
 h\eight:92px;

}

.hb_agenda_item_readmore a{
 display:block;
 float:right;
 cursor:pointer;
 height:31px;
 width:22px;
 background-color:transparent;
 background-image: url(../icons_211/ico_pijl.gif);
 background-repeat: no-repeat;
 background-position: 0 5px;
}

.hb_agenda_item_beeld {
 background-color:transparent;
 margin-top:100px;
}

.hb_agenda_item_date {
 font-size:14px;
 font-weight:bold;
}

.hb_agenda_item_titel {
 font-size:16px;
 font-weight:bold;
 display:block;
 width:155px;
 text-transform : uppercase;
}

.hb_agenda_item_discipline{
 visibility:hidden; width:0; height:0;
}

.hb_agenda_item_lead{
 display:block;
}

.hb_agenda_item_body{

}


/* profiel, functie 43*/
div.profiel label{ 
width:180px; 
float:left; 
text-align: left; 
}
label.profiellogin { 
width:120px; 
float:left; 
text-align: left; 
}

/* -------------- Kunstenaars module ------------------ */
.kunstenaarsoverzicht_header {width:100%;}

/* tabel (iDOC algemeen) */

table.idoc_data td{
 padding:4px;border-bottom:1px solid #eee;
 line-height:13px;
}

table.kunstenaarsGegevens {
 width:100%;
 overflow:hidden;
}

/* -------------- (iDOC) Paginator -------------- */
div.paginator { margin-top:15px; }
a.paginator_page:link, a.paginator_page:visited, a.paginator_page:hover, a.paginator_page:active {}
span.paginator_current  { font-weight:bold; } 																						/*actieve*/
a.paginator_firstlast:link, a.paginator_firstlast:visited, a.paginator_firstlast:hover, a.paginator_firstlast:active, 				/*eerste*/
a.paginator_previousnext:link, a.paginator_previousnext:visited, a.paginator_previousnext:hover, a.paginator_previousnext:active, 	/* vorige*/
a.paginator_previousnext:link, a.paginator_previousnext:visited, a.paginator_previousnext:hover, a.paginator_previousnext:active, 	/*volgende*/
a.paginator_firstlast:link, a.paginator_firstlast:visited, a.paginator_firstlast:hover, a.paginator_firstlast:active, 				/*laatste*/
a.paginator_all:link, a.paginator_all:visited, a.paginator_all:hover, a.paginator_all:active { 										/*alles*/
	color:#777; font-weight:bold; font-size:11px; 
}
/* --------------  einde(iDOC) Paginator -------------- */

.veld_long {width:300px;}
.veld_extralong {width:400px;color:red;}