/*  contact.css */
/* =========================================================================
 *	contactpage specific styles
 */
 
#content .colleft {
float:right; /* float order (left/right) is swapped in favour of non-css display: display right column semantically first */
width:385px;
}
#content .colright {
float:left;	/* float order (left/right) is swapped in favour of non-css display: display left column semantically last */
width:370px;
}
#content .colleft .innerwrapper,
#content .colright .innerwrapper {padding-top:20px;padding-bottom:10px;}

#content div.contentblock,
#content div.alphabetblock,
#content div.indexblock {
background-color:#f1f8fe;
margin-bottom:1px;
padding:0px;
width:352px;
font-size:85%;
}
#content div.contentblock {float:left;}
#content div.indexblock,
#content div.alphabetblock {float:right;}
	
#content .colright div.contentblock,
#content div.alphabetblock,
#content div.indexblock {width:366px;}
	
#content .content,
#content .contentleft, 
#content .contentright {float:left;width:100%;}
#content .contentleft,
#content .contentright {width:50%;}	
#content .content .innerwrapper,
#content .contentleft .innerwrapper, 
#content .contentright .innerwrapper {
font-size:85%;	
padding-top:17px;
padding-bottom:5px;
padding-left:17px;
padding-right:17px;
line-height:1.1em;
}
#contactdetail .contentleft .innerwrapper, 
#content .contentright .innerwrapper {font-size:80%;}
#content .contentright .innerwrapper {padding-right:0px;}
	
#content div.alphabetblock .content .innerwrapper {padding:17px;padding-bottom:10px;font-size:85%;}
#content div.indexblock .content .innerwrapper {
padding:17px;
padding-top:10px;		
padding-bottom:10px;
font-size:85%;
}	
#content div.indexblock .content ul {margin-bottom:0px;font-size:120%;}
#content div.indexblock .content li {margin-bottom:0px;line-height:1.2em;}
	
#content div.contentblock h3,
#content div.alphabetblock h3,
#content div.indexblock h3,
#content div.contentblock h4,
#content div.alphabetblock h4,
#content div.indexblock h4	 {color:#0c2074;font-size:100%;font-weight:bold;}
#content span.pdf {
display:inline;
padding-left:16px;
background-image:url(../../images/icons/pdf.gif);
background-repeat:no-repeat;
color:#0c2074;
}

#content div.letter{float:left;margin-left:0px;margin-right:0px;}
#content .letter a{
display:block;
color:white;
background-color:#0c2074;
width:1.1em;
height:1.1em;	
float:left;	
margin:0px;
margin-right:1px;
text-align:center;
padding-top:2px; /* nog even fixen in ie */
cursor:pointer;
font-weight:bold;		
}
#content .letter span a,
#content .letter span a:link,
#content .letter span a:visited,
#content .letter span a:active,
#content .letter span a:hover  {color:white;text-decoration:none;}
#content .letter span {display:block;padding-top:0px;padding-left:1px;}	
#content .largeletter {
display:block;
color:white;
background-color:#0c2074;
width:1.7em;
height:1.7em;	
margin:1px;
text-align:center;
padding-top:1px; /* nog even fixen in ie */
line-height:1.5em;
margin-bottom:10px;
font-weight:bold;
}
#content div.contentblock a.back {font-size:100%;}
	
#content div#contactlist{margin-top:20px;}
div#contactdetail ul li a{font-size:120%;}
div#contactlist ul li a{font-size:85%;}
body.print #content div.contentblock { font-size:100%;}
div#contactlist p.center {text-align:center; padding-left:50px;}