/* 	Main CSS
	author: Jonas Salen voor kunstmaan.be
	date: 2008 07 16
	comment: main stylesheet for UBA
    
    update 2010 08 23 LIJN
    update 2011 03 25 LIJN
*/

/*------------------------------------------------------------------------------------------------------------
	ALGEMENE CSS ITEMS
------------------------------------------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
}
body.page {
 	background:url(../images/header.jpg) no-repeat 50% 0;
}
#container {
	width: 935px;
	margin-right: auto;
	margin-left: auto;
}
.clearer {
	clear: both;
	font-size: 1px;
	color: #FFFFFF;
	line-height: 1px;
}
.links {
	float: left;
}
.rechts {
	float: right;
	margin: 0px;
	padding: 0px;
}

/*------------------------------------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------------------------------------*/

#header    {
	height: 120px;
	position: relative;
	font-size: 1.2em;
	z-index: 100;
	/*background: #FFFFFF;*/
}
#header h1 {
	display: block;
	height: 61px;
	width: 251px;
	position: absolute;
	left: 4px;
	top: 33px;
}
#header h1 a {
	text-indent: -9999px;
	height: 61px;
	width: 251px;
	display: block;
}
.nl #header h1 a {
	background: url(../images/nl/logo_uba.png) no-repeat;
}
.fr #header h1 a {
	background: url(../images/fr/logo_uba.png) no-repeat;
}
#taalkeuze  #nl   {
	background: url(../images/fr/logo_uba.png) no-repeat;
}
#header #toplinks {
	position: absolute;
	top: 10px;
	right: 318px;
	color: #000000;
}
#header #toplinks a {
	color: #fff;
	/*font-weight: bold;*/
	text-decoration: none;
	padding-right: 10px;
	padding-left: 15px;
}
#header  #toplinks  a:hover {
	text-decoration: underline;
}
#header #toplinks a.current {
	color: #000000;
}
#header #toplinks a.current:hover {
	text-decoration: none;
}
#header #lang {
	position: absolute;
	top: 10px;
	right: 268px;
	color: #fff;
}
#header #lang a {
	color: #333;
	text-decoration: none;
}
#header #lang a:hover {
	text-decoration: underline;
}
#header #lang a.current {
	color: #fff;
	text-decoration:underline;
}
#header #lang a.current:hover {
	color: #fff;
	text-decoration:none;
}

/*------------------------------------------------------------------------------------------------------------
	NAV
------------------------------------------------------------------------------------------------------------*/

#nav {
	clear: both;
	height: 65px;
	position: relative;
	/*background-color: #FFFFFF;*/
	background-repeat: no-repeat;
	background-position: left top;
	width: 919px;
	padding-right: 12px;
	padding-left: 4px;
	z-index: 100;
}
.nl #nav {
	background-image: url(../images/nl/nav_back.png);
}
.fr #nav {
	background-image: url(../images/fr/nav_back.png);
}
#container .withsubnav {
	background-position: left bottom;
}

#nav a {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 24px;
	float: left;
	padding-top: 41px;
}

.nl #nav a {
	background-image: url(../images/nl/nav_back.png);
}
.fr #nav a {
	background-image: url(../images/fr/nav_back.png);
}
#nav a.klein {
	font-size: 1.3em;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	margin-top: 35px;
	padding-top: 10px;
}
#nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#nav a.menu1 { 	width: 191px;	background-position: -4px 0px;		}
#nav a.menu2 {	width: 137px;	background-position: -195px 0px;	}
#nav a.menu3 {	width: 135px; 	background-position: -332px 0px;	}
#nav a.menu4 {	width: 137px;	background-position: -467px 0px;	}
#nav a.menu5 {	width: 84px;	background-position: -626px -35px;	margin-left: 22px;	}
#nav a.menu6 {	width: 93px;	background-position: -710px -35px;	}
#nav a.menu7 {	width: 56px;	background-position: -803px -35px;	}
#nav a.menu8 {	width: 64px;	background-position: -859px -35px; }


#nav a.menu1:hover, #nav a.menu1current {	width: 191px;	background-position: -4px -65px;	color: #FFFFFF; }
#nav a.menu2:hover, #nav a.menu2current {	width: 137px;	background-position: -195px -65px;	color: #FFFFFF; }
#nav a.menu3:hover, #nav a.menu3current {	width: 135px;	background-position: -332px -65px;	color: #FFFFFF; }
#nav a.menu4:hover, #nav a.menu4current {	width: 137px;	background-position: -467px -65px;	color: #FFFFFF; }
#nav a.menu5:hover, #nav a.menu5current {	width: 84px;	background-position: -626px -100px;	color: #FFFFFF; margin-left: 22px;	 }
#nav a.menu6:hover, #nav a.menu6current {	width: 93px;	background-position: -710px -100px;	color: #FFFFFF; }
#nav a.menu7:hover, #nav a.menu7current {	width: 56px;	background-position: -803px -100px;	color: #FFFFFF; }
#nav a.menu8:hover, #nav a.menu8current {	width: 64px;	background-position: -859px -100px;	color: #FFFFFF; }

/* extra voor FR start */
.fr #nav a.menu8 {	width: 74px;	background-position: -859px -35px;	}
.fr #nav a.menu8:hover, .fr #nav a.menu8current {	width: 74px;	background-position: -859px -100px;	color: #FFFFFF; }
#nav {
	width: 929px;
	padding-right: 2px;
	padding-left: 4px;
}
/* extra voor FR end */

/*------------------------------------------------------------------------------------------------------------
	SUBNAV
------------------------------------------------------------------------------------------------------------*/

#subnav {
	position: relative;
	display: none;
}
#subnav .top {
	font-size: 1px;
	background: url(../images/nav_bottomshadow.png) no-repeat;
	height: 5px;
	width: 935px;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 0px;
}
#subnav  .mid {
	margin-left: 14px;
	height: 10px;
	overflow: hidden;
}
#subnav  .mid  .content {
	background: #F2F2F2 url(../images/subnav_back.png) no-repeat left top;
	width: 920px;
	position: absolute;
	left: 14px;
	bottom: 0px;
	z-index: 98;
}
#subnav .content ul {
	padding: 20px;
	float: left;
}
#subnav .content ul.subnav1 {
	background: url(../images/subnav2_back.png) no-repeat right bottom;
}
#subnav .content ul.subnav3 {
	background: url(../images/subnav2_back.png) no-repeat left bottom;
	max-width: 500px; /* patch */
}
#subnav .content ul a {
	font-size: 1.3em;
	line-height: 160%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#subnav .content ul a.current {
	color: #E5221B;
}
#extrapage #subnav .content ul a.current {
	color: #551B54;
}
#subnav .bottom {
	background: url(../images/subnav_bottom.png) no-repeat 14px top;
	font-size: 1px;
	height: 9px;
	position: absolute;
	width: 935px;
	left: 0px;
	bottom: 0px;
	z-index: 99;
}

/* no submenu?
    remove #subnav and all elements in it, replace with <div id="nosubnav">&nbsp;</div>
 */

#nosubnav {
	background: url(../images/nav_bottomshadow_hp.png) no-repeat;
	height: 5px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------
	HOMEPAGE
------------------------------------------------------------------------------------------------------------*/


#homepage #content {
	width: 685px;
	float: left;
	padding: 30px 0px 0px 4px;
}
#homepage #content #topflash {
	height: 240px;
	position: relative;
	overflow: hidden;
}
#homepage #content #topflash .alt {
	height: 240px;
	width: 685px;
	position:absolute;
	top:0px;
	left:0px;
	overflow: scroll;
}

#homepage #content #quicklinks {
	margin-bottom: 40px;
}

#extrapage #content #newsbox,
#homepage #content #newsbox {
	/*background: url(../images/homepage_nieuws_back.png) no-repeat left top;*/
 	width:665px;
	padding: 0px 0 0px;
	margin-bottom: 40px;
}
#homepage #content #newsbox h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #333333;
 	text-transform:uppercase;
  	background:none;
    padding:0;
}
#homepage #content #jobsbox {
	/*background: url(../images/homepage_nieuws_back.png) no-repeat left top;*/
 	width:665px;
	padding: 0px 0 0px;
	margin-bottom: 40px;
}
#homepage #content #jobsbox h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #333333;
 	text-transform:uppercase;
  	background:none;
   padding:0;
}
#content h1 a.rss, #extrapage #content h1 a.rss, #content a.rss, #extrapage #content a.rss {
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	line-height: 15px;
	background: url(../images/ico_rss.png) no-repeat right center;
	display: block;
	padding-right: 20px;
	float: right;
	/*
	position: absolute;
	top: 5px;
	right: 0px;
	*/
}
#content p a.rss {
	background: url(../images/ico_rss.png) no-repeat left center;
	display: block;
	padding-left: 20px;
	float: none;
	/*
	position: absolute;
	top: 5px;
	right: 0px;
	*/
}
#extrapage #content h1 a.rss:hover {
	color: #666666;
}
#extrapage #content #newsbox ul,
#homepage #content #newsbox ul { 
	border-top:#EDEDED 1px dotted; margin:0; 
}
#extrapage #content #newsbox,
#homepage #content #newsbox li {
	font-size: 1.4em;
	font-weight: bold;
	color: #F2864E;
 	background:none;
  	display:block;
   	padding:6px 0;
    border-bottom:#EDEDED 1px dotted;
    margin:0;
}
#homepage  #content  #newsbox .nieuws {
	/*background: url(../images/ico_nieuwsbericht.gif) no-repeat 4px 6px;*/
}
#homepage #content #newsbox .pers {
	/*background: url(../images/ico_persbericht.gif) no-repeat 4px 6px;*/
}
#extrapage #content #newsbox li span,
#homepage #content #newsbox li span { 
	display:block; 
	float:left; 
	width:100px; 
	color:#CC0000; 
	font-weight:bold;
	font-size: 14px;
}
#extrapage #content #newsbox li span {
	color:#551B54;
}

#extrapage #content #newsbox li span.date,
#homepage #content #newsbox li span.date { 
	color:#999999; 
	width: 80px;
}
#extrapage #content #newsbox li a ,
#homepage #content #newsbox li a {
	display: block;
 	float:left;
  	width:450px;
	/*background: url(../images/list_bullet_red.png) no-repeat 460px 8px;*/
	/*margin: -23px 0px 0px 140px;*/
	/*padding: 0px 50px 0px 0px;*/
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-decoration: none;
	zoom: 1;
}
#extrapage #content #newsbox .legende,
#homepage #content #newsbox .legende {
 	background-color: #F7F7F7; 
 	background-color: #EFEFEF;
 	padding:7px; 
 	text-align:right;
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
}
#extrapage #content #newsbox .legende a,
#homepage #content #newsbox .legende a {
 	background:url(../images/ico-arrow-orange.gif) no-repeat 100% 0; padding-right:26px;
	color: #333;
	text-decoration:underline;
 	margin-left:25px;
}
#extrapage #content #newsbox ul,
#homepage #content #newsbox ul { 
	border-top:#EDEDED 1px dotted; 
	margin: 0; 
}
#extrapage #content #newsbox ul {
	border-top: none 
}
#extrapage #content #newsbox li,
#homepage #content #newsbox li {
	font-size: 1.4em;
	font-size: 14px;
	font-weight: bold;
	color: #F2864E;
 	background:none;
  	display:block;
   	padding:6px 0;
    border-bottom:#EDEDED 1px dotted;
}
#homepage #content #jobsbox li span { display:block; float:left; width:180px; color:#CC0000; font-weight:bold; }
#homepage #content #jobsbox li span.date { 
	color: #999999; 
	width: 80px; 
}
#homepage #content #jobsbox li a {
	display: block;
 	float:left;
  	width:370px;
	/*background: url(../images/list_bullet_red.png) no-repeat 460px 8px;*/
	/*margin: -23px 0px 0px 140px;*/
	/*padding: 0px 50px 0px 0px;*/
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-decoration: none;
	zoom: 1;
}
#homepage #content #jobsbox .legende {
 	background-color: #F7F7F7; 
 	background-color: #EFEFEF;
 	padding:7px; 
 	text-align:right;
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
}
#homepage #content #jobsbox ul { border-top:#EDEDED 1px dotted; margin:0; }
#homepage #content #jobsbox li {
	font-size: 1.4em;
	font-weight: bold;
	color: #F2864E;
 	background:none;
  	display:block;
   	padding:6px 0;
    border-bottom:#EDEDED 1px dotted;
}

#homepage #content #jobsbox .legende a {
 	background:url(../images/ico-arrow-orange.gif) no-repeat 100% 0; padding-right:26px;
	color: #333;
	text-decoration:underline;
 	margin-left:25px;
}

#homepage #content #volgendeafspraak {
	position:relative;
	background: url(../images/homepage_afspraak_back.png) no-repeat left bottom;
	margin: 0px 0px 40px;
	padding: 0px;
}
#homepage #content #volgendeafspraak .content {
	position:relative;
	background: url(../images/homepage_afspraak_head.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
}
#homepage #content #volgendeafspraak h1 {
	font-size: 2.5em;
	color: #FFFFFF;
	height: 37px;
	margin: 0px;
	padding: 17px 20px 0px;
	background: url(none);
	line-height: normal;
}
#homepage #content #volgendeafspraak .boxke {
	position:relative;
	width: 230px;
	float: left;
	color: #333333;
	padding-bottom: 20px;
}
#homepage #content #volgendeafspraak div.mid {
	width: 225px;
}
#homepage #content #volgendeafspraak .boxke h3 {
	font-size: 1.6em;
	margin: 0px;
	padding: 15px 40px 0px 22px;
	line-height: 20px;
	height: 30px;
	color: #FFFFFF;
}
#homepage #content #volgendeafspraak .boxke h3  a {
	color: #FFFFFF;
	text-decoration:none;
}
#homepage #content #volgendeafspraak .boxke h5 {
	font-size: 14px;
	color: #333333;
	line-height: 32px;
	height: 32px;
	padding: 0px 26px;
	margin: 0px;
}
#homepage #content #volgendeafspraak .boxke a {
	font-size: 14px;
	color: #333333;
	display: block;
	padding: 8px 26px 0px;
	line-height: 130%;
}
#homepage #content #volgendeafspraak .boxke a:hover {
	text-decoration: underline;
}
#homepage #content #volgendeafspraak #naarkalender {
	background: url(../images/homepage_afspraak_foot.png) no-repeat left top;
	display: block;
	height: 31px;
	width: 630px;
	line-height: 31px;
	color: #FFFFFF;
	text-align: right;
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 55px;
}
#homepage #content a.boxitem {
	display:block;
	width: 336px;
	background: url(../images/homepage_boxitem_bottom.png) no-repeat left bottom;
	position: relative;
	display:block;
	text-decoration: none;
	margin-top: 20px;
}
#homepage #content a.boxitem:hover {
	text-decoration: none;
}
#homepage #content a.boxitem .h3 {
	display:block;
	background: url(../images/homepage_boxitem_head.png) no-repeat left top;
	font-size: 1.8em;
	color: #FFFFFF;
	padding: 20px 20px 10px 20px;
	/* height: 31px; */
	position: relative;
	margin: 0px;
	width: 296px;
}
#homepage #content a.boxitem .tekst {
	font-size: 1.4em;
	line-height: 160%;
	color: #333333;
	padding: 25px 18px 60px;
	display: block;
}
#homepage #content a.boxitem:hover .tekst {
	text-decoration: underline;
}

/*------------------------------------------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------------------------------------------*/

#content {
	padding: 30px 0px 30px 18px;
	width: 670px;
	float: left;
}

/* --- HEADERS ---------------------------------------------------------------------------------------------*/

#content h1 {
	font-size: 2.7em;
	line-height: 1.2em;
	font-weight: bold;
	background: url(../images/h1_underline.png) no-repeat left bottom;
	margin-bottom: 25px;
	padding-bottom: 13px;
	padding-right: 200px;
	/* position: relative; */
}
#homepage  #content #volgendeafspraak .boxke h3 {
	background: url(none);
}
#content h2 {
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 25px;
	padding-bottom: 13px;
	background: url(../images/h2_underline.png) no-repeat left bottom;
}
#content h2.noline {
	font-weight: normal;
	background: url(none);
}
#content h3 {
	font-size: 1.9em;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
	/* position: relative; */
}
#content h3 a, #content h3 a:hover {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
#content .type-size em,
#content h3  span {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 19px;
	padding-left: 10px;
	position: relative;
}
#content .type-size em {
	padding-left: 0px;
}
#content .type-size {
	margin-top: -10px;
	padding-bottom: 15px;
}
#content  h3  span.functie {
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	line-height: 19px;
	padding-left: 10px;
	position: relative;
}
#content h3.grey  {
	color: #333333;
}

#content h4 {
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 15px;
}
#content h5 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 130%;
}
#content h6 {
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 15px;
}
/* ---- COLORS (red or purple) ---- */

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #E5221B; }
#extrapage #content h1, #extrapage #content h2, #extrapage #content h3, #extrapage #content h4, #extrapage #content h5, #extrapage #content h6 { color: #551B54; }
#content p {
	font-size: 1.4em;
	line-height: 160%;
	color: #333333;
	margin-bottom: 25px;
}


/* --- LISTS ---------------------------------------------------------------------------------------------*/


#content ul, #content ol {
	margin-bottom: 25px;
}
#content ul li {
	background: url(../images/list_bullet_red.png) no-repeat 9px 7px;
	padding-left: 30px;
	font-size: 1.4em;
	line-height: 160%;
	color: #333333;
	padding-bottom: 7px;
}

#content ul li ul, #content ol li ol {
	margin-bottom: 0px;
}
#content ul li ul li {
	background: url(../images/list_bullet_red.png) no-repeat 9px 14px;
	padding-left: 30px;
	font-size: 1em;
	line-height: 160%;
	color: #000000;
	padding-top: 7px;
	padding-bottom: 0px;
}
#extrapage #content ul li {
	background: url(../images/list_bullet_purple.png) no-repeat 9px 7px;
}
#content ol li {
	padding-left: 0px;
	font-size: 1.4em;
	line-height: 160%;
	color: #333333;
	list-style: decimal;
	margin-left: 30px;
	padding-bottom: 7px;
}


/* --- LINKS ---------------------------------------------------------------------------------------------*/

#content a {
	color: #E5221B;
	text-decoration: none;
}
#extrapage #content a {
	color: #581C57;
	text-decoration: underline;
}
#content a.download {
	background: url(../images/download_back_purple.png) no-repeat left top;
	display: block;
	height: 22px;
	font-size: 1.2em;
	color: #666666;
	line-height: 22px;
	padding-left: 30px;
	position: relative;
}
#content a.download span {
	position: absolute;
	left: 210px;
	font-weight: bold;
	color: #666666;
	top: 0px;
}
#content a.download:hover, #content a.download:hover span {
	color: #333333;
	text-decoration: none;
}
#content  a:hover {
	color: #E5221B;
	text-decoration: underline;
}
#extrapage #content  a:hover {
	color: #581C57;
}

/* --- QUOTE ---------------------------------------------------------------------------------------------*/

#content blockquote {
	font-size: 2.0em;
	line-height: 130%;
	font-weight: bold;
	color: #333333;
	margin-left: 120px;
	padding-left: 50px;
	background: url(../images/quote_red.png) no-repeat left top;
	padding-top: 15px;
	margin-right: 120px;
	margin-bottom: 25px;
}
#content blockquote cite {
	display: block;
	font-size: 14px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}

/* --- ITEMS ---------------------------------------------------------------------------------------------*/

#content .hr {
	background: url(../images/content_lijntje.png) no-repeat left top;
	font-size: 1px;
	color: #FFFFFF;
	height: 26px;
	clear: both;
}

#content .foto {
	margin-bottom: 25px;
	width: 660px;
}
#content .fotorechts {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
#content .foto .desc, #content .fotorechts .desc {
	font-size: 10px;
	color: #999999;
	text-align: right;
	padding-top: 5px;
}

#content .subtitel {
	font-size: 1.6em;
	font-size: 16px;
	color: #999999;
	margin-top: -5px;
	padding-bottom: 15px;
	clear:both;
	clear: right;
}
#content .subtitel span {
	color: #333333;
}
#content .subtitel span.type {
	color:#CC0000; 
	font-size: 14px;
	font-weight: bold;
}

#content a.intro, #extrapage #content a.intro {
	color: #333333;
	text-decoration: none;
	display: block;
}
#content a.intro:hover, #extrapage #content a.intro:hover {
	color: #333333;
	text-decoration: underline;
}
#content a.intro span.pijltje {
	background: #FFFFFF url(../images/link_bullet_red.png) no-repeat right center;
	text-indent: -9999px;
	color: #FFFFFF;
	padding-left: 20px;
	text-decoration: none;
}
#extrapage #content a.intro span.pijltje {
	background: #FFFFFF url(../images/link_bullet_purple.png) no-repeat right center;
}
#content img.thumb {
	margin-bottom: 25px;
	float: left;
}
#content  .withthumb {
	margin-left: 110px;
}
#content  .withthumb2 {
	margin-left: 130px;
}
#content  .withlogo {
	margin-left: 190px;
}


/* --- NEWSITEMS ---------------------------------------------------------------------------------------------*/

.newsitem{}
#content .newsitem {
	clear: both;
}
#content .newsitem .datum {
	font-size: 1.6em;
	color: #999999;
	float: left;
	width: 90px;
	line-height: 140%;
}
#content .newsitem h3 {
	margin-left: 100px;
}
#content .newsitem a.intro {
	margin-left: 100px;
}

/* ---- Accordion ---------------------------------------------------------------------------*/
#content .accordion .cont {
	margin-bottom: 20px;
}	
#content .accordion a.head {		
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(../images/accordion_header.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	height: 34px;
	width: 600px;
	padding-right: 20px;
	padding-left: 50px;
	border-bottom: 10px solid #FFFFFF;
	cursor: pointer;
}
#extrapage #content .accordion a.head.selected {
	cursor: default;
}
#content .accordion a.head span {
	display: block;
	float: left;
	font-size: 16px;
	padding: 10px 20px 0px 0px;
	height: 24px;
	font-weight: bold;
}
#content .accordion a.head span.subtitel {
	font-size: 14px;
	color:#FFFFFF;
	padding: 10px 0px 0px 20px;
	background: url(../images/accordion_header_lijntje.png) no-repeat left top;
	height: 24px;
	margin: 0px;
	font-weight: normal;
}
#content .accordion a.selected {
	background-position: left bottom;
}
#content .accordion div h6 {
	color: #999999;
	font-size: 12px;
	margin-bottom: 5px;
}
#content #accordion div .subtitel {
	margin-top: -10px;
}

/* ---- inschrijfknop ---------------------------------------------------------------------------*/

sdfsfsfsfsdf {}
#content .inschrijvingknop {
	height: 18px;
	margin-bottom: 10px;
}
#content .inschrijvingknop a {
	float: right;
	background: url(../images/content_button_red_small_left.png) no-repeat left center;
	display: inline-block;
	padding: 0 0 0 0px;
	margin-left: 10px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
#content .inschrijvingknop a:hover {
	text-decoration: none;
}
#content .inschrijvingknop a span {
	background: #DD3730 url(../images/content_button_red_small_right.png) no-repeat right center;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}





/* --- LOGINBOX ---------------------------------------------------------------------------------------------*/

#content .box {
	background: url(../images/box_top.png) no-repeat left top;
	width: 644px;
}
#content .box .login {
	background: url(../images/box_bottom.png) no-repeat left bottom;
	padding: 35px;
	position: relative;
}
#content .box .login h6 {
	font-size: 1.6em;
	color: #333333;
	margin-bottom: 35px;
}
#content .box .login form {
	width: 210px;
	padding-right: 50px;
	background: url(../images/box_login_lijntje.png) no-repeat right top;
}
#content .box .login form .form-l {
	width: 75px;
	float: left;
	font-size: 1.2em;
	color: #333333;
	line-height: 22px;
	padding: 0px 0px 10px;
}
#content .box .login form .form-r {
	background: url(../images/sidebar_login_field.gif) no-repeat left top;
	height: 22px;
	width: 117px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	float: right;
}
#content .box .login form .form-r .form_inputtxt {
	color: #000000;
	background: #FFFFFF;
	width: 117px;
	border: 0px none #FFFFFF;
	font-size: 1em;
	padding: 0px;
}
#content .box .login .button {
	background: #FFFFFF url(../images/sidebar_login_button.png) no-repeat;
	height: 20px;
	width: 100px;
	font-size: 1.3em;
	color: #FFFFFF;
	border: 0px none #FFFFFF;
	margin: 10px 0px 10px 110px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	clear: both;
}
#content .box .login a.voordelen {
	background: url(../images/box_login_link.png) no-repeat;
	height: 88px;
	width: 250px;
	display: block;
	font-size: 14px;
	line-height: 130%;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	position: absolute;
	right: 35px;
	top: 86px;
}
#content .box .login a.voordelen:hover {
	text-decoration: none;
}

/* --- BOX 2 ---------------------------------------------------------------------------------------------*/

#content .box2 {
	background: url(../images/box2_content.png) no-repeat left bottom;
	width: 606px;
	margin-bottom: 25px;
}
#content .box2 h3 {
	background: url(../images/box2_head.png) no-repeat left top;
	height: 35px;
	padding: 18px 18px 0px;
	margin: 0px;
}
#content .box2 .content {
	margin: 0px;
	padding: 10px 18px 1px;
}

/* --- AGENDA ---------------------------------------------------------------------------------------------*/

#content .agendaitem, 
#content ul.agenda li {
	font-size: 1.4em;
	color: #666;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
#content .agendaitem span, 
#content ul.agenda li span {
	font-weight: bold;
	color: #333333;
}
#content ul.agenda li {
	margin-bottom: 6px;
}
#content ul.agenda li a.download {
	background: url(none);
	color: #666666;
	font-size: 12px;
	padding-bottom: 0px;
	text-decoration: underline;
	margin-bottom: 15px;
	display: inline;
}
#content ul.agenda li a.download span.bestandico {
	background: #FFFFFF url(../images/ico_file.png) no-repeat left 1px;
	font-size: 1px;
	text-decoration: none;
	color: #FFF;
	text-indent: -9999px;
	width: 9px;
}

#content a.college {
	font-size: 1.2em;
	color: #333333;
	margin-bottom: 30px;
	text-decoration:none;
	display: block;
}
#content a.college:hover {
	text-decoration:underline;
}
#extrapage #content .agenda-div h3 {
	color: #999;
	font-weight: bold;
}
#extrapage #content .agenda-div ul {
	padding-bottom: 25px;
}
#extrapage #content .agenda-div li {
	display: block;
	clear: both;
	border-top: 1px dotted #EDEDED;
	padding: 6px 0;
	background: none;
}

/* --- BUTTONS ---------------------------------------------------------------------------------------------*/


#content ul.buttons {
	/* float: right; */
	display: block;
}
#content ul.buttons li {
	/* float: left; */
	float: right;
	padding-left: 10px;
	background: url(none);
	margin-left: 0px;
}
#content ul.buttons li a {
	line-height: 18px;
	color: #FFFFFF;
	background: url(../images/content_button_red.jpg) no-repeat;
	height: 18px;
	width: 90px;
	display: block;
	text-align: center;
	font-size: 11px;
}
#content ul.buttons li.big a {
	background: url(../images/content_button_red_big.png) no-repeat left top;
	width: 144px;
	color: #FFFFFF;
}
#content ul.buttons li a:hover {
	text-decoration: none;
}
#content .disabled {
	margin: 0px;
	padding: 0px;
}
/*#content .disabled h3, #content .disabled h3 span, #content .disabled .subtitel, #content .disabled p, #content .disabled p a {
	color: #999999;
}*/
#content  .disabled  ul.buttons li a {
	background: url(../images/content_button_gray.png);
	cursor: default;
	cursor: pointer;
}
#content .disabled span a.loginbutton {
	width: 96px;
	height: 26px;
	display: block;
/*	position: absolute;
	left: 20px;
	top: 0px; */
}
.nl #content .disabled span a.loginbutton {
	background: url(../images/nl/content_button_login.png);
}
.fr #content .disabled span a.loginbutton {
	background: url(../images/fr/content_button_login.png);
}

#content a.linkmetpijl {
	font-size: 1.6em;
	color: #E5221B;
	background: url(../images/list_bullet_red.png) no-repeat right center;
	padding-right: 20px;
	text-decoration: underline;
	font-weight: bold;
}
#content h1 a.backlink, #extrapage #content h1 a.backlink {
	font-size: 16px;
	color: #333333;
	background: url(../images/content_backlink_pijl.png) no-repeat right center;
	padding-right: 20px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 16px;
	text-decoration: underline;
	font-weight: bold;
}
#content h3 a.backlink, #extrapage #content h3 a.backlink{
	font-size: 16px;
	color: #333333;
	background: url(../images/content_backlink_pijl.png) no-repeat right center;
	padding-right: 20px;
	display: block;
	position: absolute;
	right: 0px;
	top: 2px;
	text-decoration: underline;
	font-weight: bold;
}
#extrapage #content h3 a.backlink:hover {
	color: #333333;
}

#content a.backlink, #extrapage #content a.backlink {
	font-size: 13px;
	color: #333333;
	background: url(../images/content_backlink_pijl.png) no-repeat right center;
	padding-right: 5px;
	*padding-right: 10px;
	padding-right: 10px\9;
	display: block;
	text-decoration: underline;
	font-weight: bold;
	float: none;
	width:135px;
	margin-bottom:25px;
}

#content a.backlink:hover, #extrapage #content a.backlink:hover {
	text-decoration: none;
}

#content a.backlinkleft, #extrapage #content a.backlinkleft {
	font-size: 13px;
	color: #333333;
	background: url(../images/content_backlink_pijl.png) no-repeat right center;
	padding-right: 5px;
	margin-bottom:25px;
	display: block;
	text-decoration: underline;
	font-weight: normal;
	float: left;
}

#content div.communitylinks, #extrapage #content div.communitylinks {
	font-size: 16px;
	color: #333333;
	background: #ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	float:right;
}

#content div.communitylinks ul.comlinksnav, #extrapage #content div.communitylinks ul.comlinksnav {
	display:inline-block;
	line-height:35px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#content div.communitylinks ul.comlinksnav li, #extrapage #content div.communitylinks ul.comlinksnav li {
	background:transparent none repeat scroll 0 0;
	display:inline-block;
	float:left;
	margin:0 0 0 15px;
	padding:0;
	position:relative;
}

#content div.communitylinks ul.comlinksnav li a, #extrapage #content div.communitylinks ul.comlinksnav li a {
	display: block;
}

#content div.communitylinks ul.comlinksnav li.mailtofriend, #extrapage #content div.communitylinks ul.comlinksnav li.mailtofriend {
	background:transparent none repeat scroll 0 0;
	display:inline-block;
	float:left;
	margin:0 0 0 15px;
	padding:0;
	position:relative;
}

#content div.communitylinks ul.comlinksnav li ul.subnav, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #CCCCCC;
	display:none;
	left:5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:24px;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li {
	background:#FFFFFF none repeat scroll 0 0;
	clear:both;
	color:#CCCCCC;
	display:block;
	float:none;
	font-size:0.6em;
	line-height:100%;
	margin:5px;
	padding:0 0 7px;
	position:relative;
	width:86px;
	border-bottom:1px solid #CCCCCC;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li.close, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li.close {
	background:#FFFFFF none repeat scroll 0 0;
	border:medium none;
	clear:both;
	color:#000000;
	display:block;
	float:none;
	font-size:0.5em;
	line-height:100%;
	margin:5px;
	padding:0;
	position:relative;
	text-align:right;
	text-decoration:none;
	width:86px;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li.hover, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li.hover {
	text-decoration:none;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li a, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li a {
	color:#333333;
	text-decoration:none;
	padding-left:20px;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li a:hover, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li a:hover {
	color:#E5221B;
	text-decoration:none;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li a.close, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li a.close {
	color:#333333;
	text-decoration:none;
}

#content div.communitylinks ul.comlinksnav li ul.subnav li a.close:hover, #extrapage #content div.communitylinks ul.comlinksnav li ul.subnav li a.close:hover {
	text-decoration:none;
	color:#000000;
}

#content .level { width: 100%; *margin-bottom: 20px; }
#content .level p, #content .level div { float: left; margin-right: 22px; }
#content .masterclassCols { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; width: 647px; }
#content .masterclassCols .col01, #content .masterclassCols .col02 { float: left; }
#content .masterclassCols .col01 { width: 273px; margin-right: 74px; }
#content .masterclassCols .col01 p { margin: 0; padding: 5px 0; border-bottom: 1px dotted #ccc; width: 100%; }
#content .masterclassCols .col01 p.last { border: none; }
#content .masterclassCols .col01 p span { float: left; line-height: 18px; }
#content .masterclassCols .col01 p .def, #content .masterclassCols .col01 p .title { color: #999999; font-weight: bold; display: block; }
#content .masterclassCols .col01 p .def { width: 85px; }
#content .masterclassCols .col02 { width: 299px; background: #EBE4DA url(../images/inschrijfBox_bottom.jpg) 0 100% no-repeat; position: relative; }
#content .masterclassCols .col02 .row { border-bottom: 1px solid #ccc; width: 100%; padding: 10px 0; }
#content .masterclassCols .col02 .row.last { border: none; }
#content .masterclassCols .col02 .inschrijfBox { background: url(../images/inschrijfBox_top.jpg) 0 0 no-repeat; padding: 5px 15px; }
#content .masterclassCols .col02 .inschrijfBox .row p { margin: 0; float: left; width: 134px; }
#content .masterclassCols .col02 .inschrijfBox .amount { font-size: 23px; color: #999999; font-weight: bold; display: block; line-height: 34px; }
#content .masterclassCols .col02 .inschrijfBox .inform { display: inline-block; color: #000; font-size: 12px; line-height: 15px; max-width: 90px; padding-left: 8px; }
#content .masterclassCols .col02 .inschrijfBox .row p.full { color: #D41F00; font-size: 23px; font-weight: bold; text-transform: uppercase; }
#content .masterclassCols .col02 .inschrijfBox .inschrijfBtn { position: absolute; bottom: -10px; right: 13px; }

#content .inschrijfBtn { margin: 0; background: url(../images/inschrijfBtn_right.png) 100% 0 no-repeat; padding-right: 6px; height: 36px; }
#content .inschrijfBtn a { color: #fff; font-weight: bold; background: transparent url(../images/inschrijfBtn_left.png) 0 0 no-repeat; display: block; height: 36px; line-height: 36px; padding: 0 5px 0 10px; cursor: pointer; }
#content .inschrijfBtn a:hover { text-decoration: none; }
#content .inschrijfBtn.right { float: right; }

#content .fotogallery a {
	background: #CCCCCC;
	display: block;
	height: 96px;
	width: 96px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#content a.redbutton {
	background:transparent url(../images/red_button.jpg) no-repeat scroll left top;
	color:#FFFFFF;
	display:block;
	font-size:1.8em;
	height:85px;
	line-height:50px;
	margin:0 20px 0 0;
	padding-left:15px;
	padding-top:15px;
	text-decoration:none;
	width:265px;
	float:left;
}

/* --- DROPDOWN ---------------------------------------------------------------------------------------------*/

#content div.dropdown {
	width: 299px;
	border: 1px solid #CCCCCC;
	margin-bottom: 25px;
}
#content div.dropdown a {
	background: url(../images/dropdown_back.png) no-repeat;
	display: block;
	height: 23px;
	width: 254px;
	font-size: 1.4em;
	line-height: 25px;
	color: #333333;
	padding-right: 35px;
	padding-left: 10px;
}
#content div.dropdown a.active {
	border-bottom: 1px solid #CCCCCC;
}
#content div.dropdown a:hover {
	text-decoration: none;
}
#content   div.dropdown   div {

}
#content div.dropdown div p {
	margin: 0px;
	padding: 20px 10px;
	width: 279px;
}

/* --- DOWNLOADS ---------------------------------------------------------------------------------------------*/

#content #downloadbox li {
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
}
#content #downloadbox li a {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#content #downloadbox li a:hover {
	color: #333333;
	text-decoration: underline;
}
#content #downloadbox ul.gallerij {
	margin: 0px;
	font-weight: normal;
}
#content #downloadbox ul.gallerij li {
	background: url(none);
	padding: 0px;
	float: left;
	width: 96px;
	margin-bottom: 20px;
	margin-right: 10px;
	font-weight: normal;
	font-size: 12px;
}
#content #downloadbox ul.gallerij li a {
	font-size: 1em;
	color: #581C57;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#content #downloadbox ul.gallerij li a:hover {
	color: #581C57;
}
#content #downloadbox ul.gallerij li .desc {
	font-size: 1em;
	line-height: normal;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 5px;
}
#content #downloadbox h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}


/* --- PAGINATOR ---------------------------------------------------------------------------------------------*/

#content .paginator {
	text-align: center;
	position: relative;
	font-size: 1.2em;
	padding-top: 14px;
	padding-bottom: 8px;
	margin-bottom: 25px;
}
#extrapage #content .paginator a {
	color: #333333;
}
#extrapage #content .paginator a.current {
	font-weight: bold;
	text-decoration: underline;
}

#content .paginator a {
	color: #333333;
}

#content .paginator a.current {
	font-weight: bold;
	text-decoration: underline;
}

#content .linebottom {
	background: url(../images/h1_underline.png) no-repeat left bottom;
}
#content .linetop {
	background: url(../images/previewjobseperator.png) no-repeat left top;
}

#content .paginator .prev {
	position: absolute;
	left: 0px;
	top: 14px;
	background: url(../images/paginator_arrowleft.png) no-repeat left center;
	padding-left: 20px;
	font-size: 14px;
	text-decoration: underline;
}
#content .paginator .next {
	position: absolute;
	right: 0px;
	top: 14px;
	background: url(../images/paginator_arrowright.png) no-repeat right center;
	padding-right: 20px;
	font-size: 14px;
	text-decoration: underline;
}

/* --- ZOEKRESULTATEN ---------------------------------------------------------------------------------------------*/

#content .nr {
	font-size: 1.9em;
	font-weight: bold;
	color: #581C57;
	float: left;
	width: 50px;
}
#content .result {
	margin-left: 50px;
}
#content .result h3 a {
	text-decoration: underline;
}
#content .result p {
	margin: 0px 0px 15px;
	padding: 0px;
}
#content .result .crumb {
	font-size: 12px;
	color: #666666;
	margin-bottom: 25px;
}
#extrapage #content .result .crumb a {
	color: #666666;
	text-decoration: none;
}
#extrapage #content .result .crumb a:hover {
	text-decoration: underline;
}

/* --- CONTACT ---------------------------------------------------------------------------------------------*/

#content a.gmaps {
	background: url(../images/contact_gmaps.png) no-repeat;
	height: 45px;
	width: 250px;
	display: block;
	line-height: 45px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	padding-left: 17px;
	margin-bottom: 40px;
}

/* --- COMMISIES LIST ---------------------------------------------------------------------------------------------*/

#content ul.agendalist li em {
	display: block;
	float: left;
	width: 100px;
	color: #CC0000; 
	color: #551B54;
	font-size: 14px;
	font-weight: bold;
}
#content ul.agendalist li strong {
	display: block;
	float: left;
	width: 80px;
	color: #999;
}
#content ul.agendalist li div.float-left {
	display: block;
	float: left;
	width: 180px;
}
#content ul.agendalist li div.float-left.second {
	width: 490px;
}
#content ul.agendalist li a {
	color: #333333;
	text-decoration: none;
}
#content ul.agendalist li a:hover span {
	text-decoration: underline;
}

/* --- SITEMAP ---------------------------------------------------------------------------------------------*/
#content .sitemap  h2 {
	font-weight: normal;
}
#content .sitemap ul li {
	font-weight: bold;
}
#content .sitemap ul li ul {
	margin: 0px;
	padding: 7px 0px 0px 10px;
}
#content .sitemap ul li ul li {
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 0px;
	background: url(../images/sitemap_li.png) no-repeat left 17px;
	list-style: none;
	padding-left: 10px;
}
#content .sitemap ul li ul li ul {
	padding: 0px 0px 0px 20px;
}

#content .sitemap a{
	color: #000;
}

/* --- AGENDA 21/09/2011 ---------------------------------------------------------------------------------------------*/
#content h3.agenda { color: #999; }
#content .item { border-top: 1px dotted #ccc; margin: 0; padding: 10px 0; }
#content .item h6, #content .item h6 a { color: #333; font-size: 18px; line-height: 24px; margin-bottom: 10px; }
	#content .item h6 a:hover { text-decoration: none; cursor: pointer; }
#content .item div {float: left; }
#content .item .type { width: 105px; }
	#content .item .type p { color: #E5221B; font-weight: bold; margin-bottom: 4px; }
	#content .item .type p.sub { color: #8D8D8D; background-color: #EDEDED; padding: 3px 5px; display: inline; font-weight: normal; }
#content .item .date { width: 74px; }
	#content .item .date p { color: #999999; font-weight: bold; }
#content .item .info { width: 375px; padding-right: 17px; }
	#content .item .info p { line-height: 20px; margin-bottom: 10px; }
#content .item .level { width: 93px; }


/* --- FORMS ---------------------------------------------------------------------------------------------*/

/* --- Breadcrumb your are here steps --*/



#content ul#crumbs {
    display: inline-block;
    height: 34px;
    list-style-type: none;
    margin: 0;
    padding: 0;
	margin-bottom:25px;
	font-weight:13px;
}
#content ul#crumbs li {
    background: none no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 110px;
}
.step1of3 {
	background: url(../images/steps_3_sprite.png) 0 0 no-repeat;
	clear: both;
    display: inline-block;
    height: 34px;
    margin: 18px 0 24px;
    width: 666px;
}
.step2of3	{
	background: url(../images/steps_3_sprite.png) 0 -44px no-repeat;
	clear: both;
    display: inline-block;
    height: 34px;
    margin: 18px 0 24px;
    width: 666px;
}
.step3of3	{
	background: url(../images/steps_3_sprite.png) 0 -88px no-repeat;
	clear: both;
    display: inline-block;
    height: 34px;
    margin: 18px 0 24px;
    width: 666px;
}

ul#crumbs li.normal {
    color: #646462;
}

ul#crumbs li.active {
    color: white;
}
ul#crumbs li strong 	{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:14px;
}


.form-r-short	{
	width:301px;
}

#content .form-r .clearfix	{
	font-size:13px;
	line-height: 140%;
	margin-bottom: 30px;
}
#content .form-r-short input.form_button		{
	float:right;
	text-align:center;/*-----------------------------for opera?*/
	padding-right: 10px;
}
#content .form-row, #content .button-row {
	clear: both;
}
#content .form-row .form-l {
	display: block;
	padding-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
	color:#333333;
	padding-top: 10px;
	line-height: 120%;
}
#content .form-row .form-l label {
	font-size: 1em;
	font-weight: bold;
	color:#333333;
}
#content .form-row .form-r {
	display: block;
	float: left;
	font-size: 1.2em;
	color: #333333;
	margin-bottom:15px;
}
#content .form-row .form-r p.fieldhelp{
	color:#999999;
	font-size:1em;
	margin-bottom:0;
}
#content .form-row .form-r input {
	font-size: 14px;
}
#content .form-row div.error {
	font-size: 1.2em;
	color: #990000;
	line-height: 160%;
}
#content .form-row .checkbox-row {
	clear: both;
	margin-bottom: 10px;
	font-size: 14px;
}
#content .form-row .checkbox-row label {
	display: block;
	margin-top: -17px;
	margin-left: 26px;
	line-height: 130%;
}
#content  .form-row  .form-r .checkbox-row .form_radio {
	padding: 3px;
	/* width: 288px; */
}
#content .button-row {
	padding-top: 20px;
}
#ubaprofile .button-row	{
	padding-top:10px;
}
#content .button-row .form_button {
	padding: 5px;
}
#content .form-row .form_dropdown {
	width: 300px;
}

/* --- tabellen ---------------------------------------------------------------------------------------------*/
#content .tabel {
	clear: both;
	margin-bottom: 15px;
}
#content .tabel table {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 1.2em;
}
#content .tabel table td, #content .tabel table th {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px;
}
#content .tabel table th {
	font-weight: bold;
	color: #FFFFFF;
	background: #CCCCCC;
}
#content .tabel table td {
	background: #ECECEC;
}
#content .tabel table .even td {
	background: #F8F8F8;
}

/*------------------------------------------------------------------------------------------------------------
	SIDEBAR
------------------------------------------------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 225px;
	padding-right: 1px;
	padding-bottom: 30px;
	padding-top: 30px;
}

/* ---- SEARCH ------------------------------------------------------------------------------ */
#header #search {
	background: url(../images/sidebar_search_back.png) no-repeat left top;
	height: 37px;
	width: 240px;
	position:absolute;
 	top:0;
 	right:0;
}
#header #search form {
	width: 240px;
}
#header #search label {
	line-height: 37px;
	float: left;
	display: block;
	height: 30px;
	width: 58px;
	font-size: 1.1em;
	color: #333333;
	padding-left: 5px;
	text-align: center;
 	font-weight:bold;
}
#header #search .tekstveld {
	background: url(../images/sidebar_search_field.png) no-repeat left 7px;
	height: 34px;
	width: 131px;
	float: left;
	padding: 3px 0px 0px;
}
#header #search .tekstveld input {
	width: 131px;
	border: 0px none #FFFFFF;
	font-size: 1em;
	margin: 7px 5px 0px;
	background-color: transparent;
	padding: 0px;
}
#header #search .button {
	/*float: right;
	margin-top: 5px;
	margin-right: 10px;*/
	position:absolute;
	right: 10px;
	top: 8px;
}

/* ---- LOGIN ------------------------------------------------------------------------------ */
#sidebar #login {
	background: url(../images/sidebar_login_back.jpg) no-repeat left top;
	padding-bottom: 10px;
}
#sidebar #login h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #333333;
	/*background: url(../images/sidebar_login_h3.gif) no-repeat left top;*/
	padding: 8px 10px 8px;
}
#sidebar #login h4 {
	font-size: 1.4em;
	font-weight: normal;
	color: #333333;
	background: url(../images/sidebar_login_h3_lijn.png) no-repeat left bottom;
	padding: 15px 10px 10px;
	line-height: 140%;
}

#sidebar #login .content {
	padding: 13px 10px 15px 10px;
	margin-bottom:15px;
}

#sidebar #login label {
	display: block;
	line-height: 22px;
	height: 22px;
	font-size:1.2em;
  	color:#333;
	margin-top: 2px;
}
#sidebar #login .tekstveld {
	background: url(../images/sidebar_login_field_long.gif) no-repeat left top;
	float: left;
	height: 22px;
	width: 190px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
}
#sidebar #login .tekstveld input {
	color: #000000;
	background: #FFFFFF;
	width: 190px;
	border: 0px none #FFFFFF;
	font-size: 1.2em;
	padding: 0px;
}
#sidebar #login .remember {
	float: right;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	padding-left: 23px;
	font-size: 1.1em;
	color: #333333;
}
#sidebar #login .remember input {
	position: absolute;
	left: 0px;
	top: 11px;
}
#sidebar #login .forgot {
	font-size: 1.4em;
	color: #484848;
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	float:left;
}
#sidebar #login span .forgot {
	font-size: 1.4em;
	color: #484848;
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	text-align:right;
	float:right;
}
#sidebar #login.logged-in .forgot, #sidebar #login.logged-in .button {
	display:block;
	clear:both;
	float: right;
}
#sidebar #login.logged-in .content {
	overflow: hidden;
}


#sidebar #login .button {
	background: #FFFFFF url(../images/sidebar_login_button.png) no-repeat;
	height: 20px;
	width: 100px;
	font-size: 1.3em;
	color: #FFFFFF;
	border: 0px none #FFFFFF;
	margin: 10px 0px 6px 105px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	padding-bottom:3px;
}

/* ---- BANNERS (wordlid, roze, oranje ------------------------------------------------------------------------------ */
#sidebar .banner {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 20px;
	display: block;
}
#sidebar  .wordlid {
	line-height: 50px;
	color: #FFFFFF;
	background: url(../images/sidebar_wordlid_back.png) no-repeat left top;
	width: 195px;
	height: 50px;
	font-size: 1.8em;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}
#sidebar .banner .content {
	display: block;
	padding: 19px 16px 11px;
	font-size: 1.8em;
	line-height: 120%;
}
#sidebar .banner .actie {
	display: block;
	padding: 10px 35px 9px 15px;
	text-align: right;
	font-size: 1.4em;
}
#sidebar  .roze  .content {
	background: url(../images/sidebar_box_roze_top.png) no-repeat left top;
}
#sidebar .roze .actie {
	background: #e33f6b url(../images/sidebar_box_roze_bottom.png) no-repeat left bottom;
}
#sidebar  .oranje  .content {
	background: url(../images/sidebar_box_oranje_top.png) no-repeat left top;
}
#sidebar .oranje .actie {
	background: #f07641 url(../images/sidebar_box_oranje_bottom.png) no-repeat left bottom;
}
#sidebar .sidenav {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
}
#sidebar .sidenav h5 {
	font-size: 1.8em;
	color: #333333;
	font-weight: bold;
	margin: 0px 0px 10px;
}
#sidebar .sidenav a {
	background: url(../images/sidebar_nav_back.gif) no-repeat left bottom;
	display: block;
	padding: 5px 0 5px 20px;
	font-size: 1.4em;
	line-height: 130%;
	color: #333333;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------------------------------------*/

#footer {
	width: 890px;
 	height:20px;
 	padding:10px 20px 0 20px;
  	background:url(../images/doormat_back_bottom.gif) no-repeat 0 100%;
}

#footer * {
	color: #fff;
}

#footer a {
	text-decoration: underline;
}

/* extra */
.clearme{
	overflow: hidden;
	height: 100%;
	display: block;
	padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------------
	TAALKEUZE
------------------------------------------------------------------------------------------------------------*/

#taalkeuze {
	width: 684px;
	margin: 0px auto;
}
#taalkeuze h1 {
	background: url(../images/taalkeuze_logo.png);
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 684px;
}
#taalkeuze a {
	background-image: url(../images/taalkeuze_nlfr.png);
	background-repeat: no-repeat;
}
#taalkeuze a#kiesnl {
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 336px;
	float: left;
}
#taalkeuze a#kiesnl:hover {
	background-position: left bottom;
}
#taalkeuze #kiesfr {
	background-position: right top;
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 348px;
	float: left;
}
#taalkeuze a#kiesfr:hover {
	background-position: right bottom;
}

/*------------------------------------------------------------------------------------------------------------
	JOBLINE WIZARD
------------------------------------------------------------------------------------------------------------*/

.step1{
	background:url(../images/step1.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
.step2{
	background:url(../images/step2.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
.step3{
	background:url(../images/step3.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
.step4{
	background:url(../images/step4.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
.step5{
	background:url(../images/step5.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
.step6{
	background:url(../images/step6.png) no-repeat scroll 0 0;
	width:666px;
	height:34px;
	margin-bottom:20px;
}
#steps ul{
	display:inline-block;
	height:34px;
	list-style-type:none;
	padding:0;
	margin:0;
}
#steps ul li{
	float:left;
	height:34px;
	line-height:25px;
	text-align:center;
	width:110px;
	padding:0;
	margin:0;
	background: transparent none no-repeat scroll 0 0;
}
#steps ul li.active{
	color:white;

}
#steps ul li.normal{
	color:#646462;
}
#wizardcontent{
	margin:0;
	padding:0;
	float:left;
	width:670px;
}
#wizardbuttons{
	width:670px;
}

.link-previous{
	float:left;
	display:inline-block;
}
.link-previous .previous{
	background:url(../images/stepbutton.png) no-repeat scroll 0 0;
	width:158px;
	height:27px;
	border:0;
	cursor:pointer;
	color:white;
	text-align:center;
	font-weight:bold;

}
.link-next{
	float:right;
	display:inline-block;
}
.link-next .next{
	background:url(../images/stepbutton.png) no-repeat scroll 0 0;
	width:158px;
	height:27px;
	border:0;
	cursor:pointer;
	color:white;
	text-align:center;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------------------------------
	JOBLINE DASHBOARD
------------------------------------------------------------------------------------------------------------*/

#content .dashboardcontainer{
	margin:0 0 20px;
	width:659px;
}
#content .toprow{
	background:transparent url(../images/topdashboardbox.png) no-repeat scroll 0 0;
	display:inline-block;
	height:60px;
	width:659px;
}
#content .toprow h2{
	color:#E5221B;
	margin:0;
	padding:15px 20px 0;
	background:transparent none repeat scroll 0 0;
}
#content .middlerow{
	background:transparent url(../images/bkverticalrepeat.png) repeat-y scroll left top;
	display:inline-block;
	width:657px;
}
#content .jobtitlediv{
	display:inline-block;
	margin:5px 0;
	padding:0;
}
#content .jobtitlediv .jobtitledivleft{
	display:inline-block;
	float:left;
	width:430px;
	margin:3px 0 0;
}
#content .jobtitlediv .jobtitledivright{
	float:right;
	margin:0 10px 0;
	text-align:left;
	width:200px;
}
#content .jobtitlediv .jobtitledivright a{
	color:#333333;
	font-size:1.2em;
	line-height:160%;
	margin:0 5px;
	text-decoration:underline;
}
#content .jobtitlediv span{
	color:#E5221B;
	font-size:1.4em;
}
#content .jobtitlediv span.datespan{
	color:#333333;
	margin:0 0 0 20px;
	font-size:1.4em;
}
#content .dbleftcontent{
	float:left;
	width:430px;
}
#content .dbleftcontent p{
	color:#333333;
	margin:10px 0 10px 20px;
}
#content .dbleftcontentjoblist{
	background:transparent url(../images/list_bullet_red.png) no-repeat scroll 45px top;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:430px;

}
#content .dbleftcontentjoblist span{
	margin:0 0 0 70px;
	color:#333333;
	font-size:1.4em;
}
#content .dbrightcontent{
	float:right;
	margin:8px 10px 0;
	text-align: left;
	width:200px;
}
#content .dbrightcontent a{
	color:#333333;
	font-size:1.2em;
	line-height:160%;
	margin:0 5px;
	text-decoration:underline;
}
#content .dbrightcontent div.alsocreatein{
	margin:0 0 10px;
}
#content .dbrightcontent div.alsocreatein a{
}
#content .buttonrowjoblist{
	background:transparent url(../images/stepbutton.png) no-repeat scroll left top;
	display:inline-block;
	float:right;
	height:27px;
	line-height:165%;
	margin:10px 25px;
	text-align:center;
	width:158px;
}
#content .buttonrowjoblist a{
	color:#FFFFFF;
	font-size:1.4em;
	line-height:198%;
	text-decoration:none;
}
#content .bottomrow{
	background:transparent url(../images/bottomdashboardbox.png) no-repeat scroll 0 0;
	display:inline-block;
	height:11px;
	width:659px;
}

/*------------------------------------------------------------------------------------------------------------
	JOBLINE DETAIL AND PREVIEW
------------------------------------------------------------------------------------------------------------*/

#content .companyinfobox{
	margin:0 0 20px;
	width:644px;
}
#content .companyinfobox .toprow{
	background:url(../images/jobdetailcompanyboxtop.png) no-repeat scroll left top;
	display:inline-block;
	height:16px;
	width:644px;
}
#content .companyinfobox .middlerow{
	background:url(../images/jobdetailcompanyboxvrepeat.png) repeat-y scroll left top;
	display:inline-block;
	width:644px;
}
#content .companyinfobox .middlerow h2{
	color:#E5221B;
	margin:0;
	padding:10px 20px 3px;
	background:transparent none repeat scroll 0 0;
}
#content .companyinfobox .middlerow p.companyname{
	color:#AEAEAE;
	font-size:18px;
	margin:0 20px;
	padding:0 0 3px;
	line-height:90%;
}
#content .companyinfobox .middlerow p.onlinedate{
	color:#333333;
	font-size:14px;
	margin:0 20px;
	padding:0 0 15px;
}
#content .companyinfobox .middlerow p.nocompany{
	color:#333333;
	font-size:16px;
	margin:0 20px;
	padding:0 0 15px;
}
#content .companyinfobox .bottomrow{
	background:url(../images/jobdetailcompanyboxbottom.png) no-repeat scroll 0 0;
	display:inline-block;
	height:11px;
	width:644px;
}
#content .companyinfo{
	margin:0 0 40px;
	width:644px;
}
#content .companyinfo h3{
	color:#E5221B;
	margin:0;
	padding:15px 0;
}
#content .companyinfo .companyinfocontent{
	display:inline-block;
	margin:0;
	padding:0;
	width:644px;
}
#content .companyinfo .companyinfocontent .companyinfoleft{
	display:inline-block;
	float:left;
	margin:0 15px 0 0;
	padding:0;
	width:140px;
}
#content .companyinfo .companyinfocontent .companyinforight{
	display:inline-block;
	float:left;
	margin:0;
	width:484px;
	line-height:160%;
}
#content .companyinfo .companyinfocontent .companyinforight p{
	margin:0;
	padding:0;
}
#content .companyinfo .companyinfocontent .companyinforight a{
	color:#E5221B;
	font-size:14px;
	text-decoration:underline;
}
#content .jobcatcontainer{
	margin:0 0 20px;
	width:644px;
}
#content .jobcatcontainer h3{
	color:#E5221B;
	margin:0;
	padding:15px 0;
}
#content .jobcatcontainer .jobcatcontainercontent{
	display:inline-block;
	margin:0;
	padding:0;
	width:644px;
}

/*------------------------------------------------------------------------------------------------------------
	JOBLINE OVERVIEW
------------------------------------------------------------------------------------------------------------*/

#content .joboverviewdiv{
	margin:0;
	padding:0;
	width:644px;
	display:inline-block;
}
#content .joboverviewdiv h2{
	color:#E5221B;
	margin:0;
	padding:10px 0;
	background:transparent none repeat scroll 0 0;
}
#content .joboverviewdiv p.companyname{
	color:#AEAEAE;
	font-size:18px;
	margin:0;
	padding:0 0 5px;
	line-height:90%;
}
#content .joboverviewdiv p.onlinedate{
	color:#333333;
	font-size:14px;
	margin:0;
	padding:0 0 10px;
}

/*------------------------------------------------------------------------------------------------------------
	DOORMAT
------------------------------------------------------------------------------------------------------------*/

#doormat * { font-family:Geneva, Verdana, sans-serif; color:#fff; }
#doormat { margin:0 0 5px 5px; background:#D92019 url(../images/doormat_back_top.gif) no-repeat 0 0; width:930px; }
#doormat .columns { width:890px; margin:0 auto; border-bottom:#fff 1px dotted; padding:25px 0 20px 0; }
#doormat .columns .column { float:left; width:190px; }
#doormat .columns .column01 { padding:0 0 0 20px; }
#doormat .columns .column05 { width:90px; padding:0 20px 0 0; }
#doormat .columns .column ul li { line-height:200%; }
#doormat .columns .column ul li a { color:#fff; font-size:1.2em; text-decoration:none; }
#doormat .columns .column ul li.tle a { font-size:1.4em; text-transform:uppercase; }

#doormat .columns .column05 ul li { line-height:250%; }
#doormat .columns .column05 ul li a { font-size:1.4em; text-transform:uppercase; }

#doormat #address { width:840px; margin:0 auto; padding:30px 40px; }
#doormat #address p { font-size:1.4em; line-height:150%; }
#doormat #address p a { text-decoration:none; }
#doormat #address p a:hover { text-decoration:underline; }

/*------------------------------------------------------------------------------------------------------------
	HIGHLIGHT
------------------------------------------------------------------------------------------------------------*/

.highlight { background:url(../images/highlight_back.gif) no-repeat 0 0; padding:18px; margin:0 0 18px; }
.highlight p.img { text-align:center; margin:0 0 1em; padding-bottom:7px; background:url(../images/highlight_img.png) no-repeat 50% 100%; }
.highlight p.name { color:#EA3868; font-size:1.7em; font-weight:bold; margin:0 0 0.25em; }
.highlight p.function { color:#EA3868; font-size:1.5em; margin:0 0 1.25em; }
.highlight div.quote { background:url(../images/highlight_quote_back.png) no-repeat 0 0; padding:0 0 0 35px; }
.highlight div.quote p { color:#333333; font-size:1.5em; line-height:120%; }
.highlight div.quote p a { color:#333; text-decoration:underline; }
.highlight div.quote p a:hover { text-decoration:none; }

/*------------------------------------------------------------------------------------------------------------
	QUICKLINKS
------------------------------------------------------------------------------------------------------------*/

#quicklinks {}
#quicklinks .columns .column { float:left; }
#quicklinks .columns .column01 { width:450px; height:196px; background:url(../images/quicklinks_back.gif) no-repeat 0 0; position:relative; }
#quicklinks .columns .column02 { width:215px; height:160px; background:url(../images/quicklinks_lnks_back.gif) no-repeat 0 0; }

#quicklinks .columns .column01 div.copy { position:absolute; width:365px; top:65px; left:45px; }
#quicklinks .columns .column01 div.copy h2 { color:#333; font-size:23px; margin:0; background:none; padding-bottom:6px; }
#quicklinks .columns .column01 div.copy p { color:#333; font-size:14px; }
#quicklinks .columns .column01 div.btn { position:absolute; width:175px; height:46px; top:150px; left:228px; background:url(../images/quicklinks_btn_back.png) no-repeat 0 0; }
#quicklinks .columns .column01 div.btn a { display:block; width:175px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:1.6em; }

#quicklinks .columns .column02 a { display:block; width:175px; height:52px; line-height:52px; background-repeat:no-repeat; background-position:0 0; font-size:15px; color:#333; padding:0 20px; }
#quicklinks .columns .column02 a:hover { color:#fff; text-decoration:none; }
#quicklinks .columns .column02 a.lnk02 { margin-top:2px; }
#quicklinks .columns .column02 a.lnk03 { margin-top:2px; }
#quicklinks .columns .column02 a.lnk01:hover { background-image:url(../images/quicklinks_lnk01_back.gif); }
#quicklinks .columns .column02 a.lnk02:hover { background-image:url(../images/quicklinks_lnk02_back.gif); }
#quicklinks .columns .column02 a.lnk03:hover { background-image:url(../images/quicklinks_lnk03_back.gif); }

/*------------------------------------------------------------------------------------------------------------
	COMMUNITY
------------------------------------------------------------------------------------------------------------*/

#community { width:42px; height:172px; position:fixed; right:0; top:220px; background:url(../images/community_back.png) no-repeat 0 0; overflow:hidden; padding:6px 0 6px 6px; _position:absolute; }
#community div { width:42px; }

/*------------------------------------------------------------------------------------------------------------
	testimonialBox
------------------------------------------------------------------------------------------------------------*/
/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#homepage #content #testimonialBox { background:#fff url(../images/bg-testimonials.jpg) no-repeat 0 0; width:665px; padding:0px; margin-bottom: 40px; }
#homepage #content #testimonialBox .legende {	background-color:#F7F7F7; padding:7px; text-align:right; font-size: 1.4em;	color: #333333; font-weight: bold; border-top:#DEDEDE 1px dotted; }
#homepage #content #testimonialBox .legende a { background:url(../images/ico-arrow-orange.gif) no-repeat 100% 0; padding-right:26px; color: #333;	text-decoration:underline; margin-left:25px; }
#homepage #content #testimonialBox .wrapper { width:620px; margin:0 auto; padding:20px 0; }
#homepage #content #testimonialBox .column { float:left; }
#homepage #content #testimonialBox .column01 { width:120px; height:150px; margin-right:20px; overflow:hidden; }
#homepage #content #testimonialBox .column01 div { position:relative; width:120px; height:150px; overflow:hidden; }
#homepage #content #testimonialBox .column02 { width:430px; background:url(../images/ico-quotes.gif) no-repeat 0 0; padding:5px 0 0 50px; }
/*#homepage #content #testimonialBox .column01 img { position:absolute; top:0; left:0; z-index:1; } */
/*#homepage #content #testimonialBox .column01 .bg { position:absolute; width:120px; height:150px; top:0; left:0; z-index:2; background:url(../images/bg-img-testimonial.png) no-repeat 0 0; }*/
#homepage #content #testimonialBox .column01 div a { display:block; width:120px; height:150px; text-indent:-9999px; font-size:0; color:transparent; }
#homepage #content #testimonialBox .column02 p { font-size:20px; line-height:160%; }
#homepage #content #testimonialBox .column02 p a { color:#333; font-weight:bold; }
#homepage #content #testimonialBox h2 { color:#333; font-size:20px; background:none; padding:0; }
#homepage #content #testimonialBox p { font-size:16px; color:#999; margin:0 0 1em; line-height:125%; }
#homepage #content #testimonialBox p span { color:#333; font-weight:bold; }
#homepage #content #testimonialBox p a { font-size:18px; color:#581957; font-weight:bold; }
#homepage #content #testimonialBox p.name { text-align:right; font-size:15px; color:#999; }
#homepage #content #testimonialBox p a:hover { text-decoration:none; }

#testimonials .testimonialsItem { margin:0 0 1em; }
#testimonials .testimonialsItem .columns { margin:0 0 1em; }
#testimonials .testimonialsItem .column { float:left; }
#testimonials .testimonialsItem .column01 { width:120px; height:150px; margin-right:20px; }
#testimonials .testimonialsItem .column01 div { position:relative; }
#testimonials .testimonialsItem .column02 { width:430px; background:url(../images/ico-quotes.gif) no-repeat 0 0; padding:5px 0 0 50px; }
/* #testimonials .testimonialsItem .column01 img { position:absolute; width:120px; height:150px; top:0; left:0; z-index:1; } */
/*#testimonials .testimonialsItem .column01 .bg { position:absolute; width:120px; height:150px; top:0; left:0; z-index:2; background:url(../images/bg-img-testimonial.png) no-repeat 0 0; }*/
#testimonials .testimonialsItem .column01 div a { display:block; width:120px; height:150px; text-indent:-9999px; font-size:0; color:transparent; }
#testimonials .testimonialsItem .column02 p { font-size:20px; line-height:160%; }
#extrapage #testimonials .testimonialsItem .column02 p a { color:#333; font-weight:bold; }
#testimonials .testimonialsItem p { font-size:16px; color:#999; margin:0 0 1em; line-height:125%; }
#testimonials .testimonialsItem p span { color:#333; font-weight:bold; }
#extrapage #testimonials .testimonialsItem p a { font-size:18px; color:#581957; font-weight:bold; text-decoration:none; }
#testimonials .testimonialsItem p.name { text-align:right; font-size:15px; color:#999; }
#testimonials .testimonialsItem p a:hover { text-decoration:none; }
#testimonials .testimonialsItem .legende {	background-color:#F7F7F7; padding:7px; text-align:right; font-size: 1.4em;	color: #333333; font-weight: bold; border-top:#DEDEDE 1px dotted; }
#extrapage #testimonials .testimonialsItem .legende a { background:url(../images/ico-arrow-orange.gif) no-repeat 100% 0; padding-right:26px; color: #333;	text-decoration:underline; margin-left:25px; }
#testimonials h1, #testimonial h1, #testimonial h3 { color:#581A57; }
#testimonial h3 { font-size:14px; margin:0 0 0.5em; line-height:160%; }

.pagenumbers { margin:10px 0; }
.pagenumbers div { float:left; width:480px; text-align:center; }
.pagenumbers div.prev, .pagenumbers div.next { width:95px; text-align:left; }
.pagenumbers div.next { text-align:right; }
#content .pagenumbers div a { color:#333; font-size:12px; padding:0 6px; font-weight:bold; }
#content .pagenumbers div a.in { text-decoration:underline; }
#content .pagenumbers div.prev a, #content .pagenumbers div.next a { text-decoration:underline; padding:0; }
#content .pagenumbers div.prev a { background:url(../images/ico-pagenumber-prev.gif) no-repeat 0 50%; padding-left:25px; }
#content .pagenumbers div.next a { background:url(../images/ico-pagenumber-next.gif) no-repeat 100% 50%; padding-right:25px; }

#testimonial { margin-bottom:50px; }
#testimonial p.member { color:#999; }
#testimonial p.name { font-size:16px; color:#999; margin:0 0 1em; line-height:125%; }
#testimonial p.name span { color:#333; font-weight:bold; }
#testimonial p.name span.name {font-size:19px; color:#581957;}
#testimonial .testimonialsItem .columns { margin:0 0 1em; background:url(../images/h1_underline.png) no-repeat 0 100%; padding-bottom:20px; }
#testimonial .testimonialsItem .column { float:left; }
#testimonial .testimonialsItem .column01 { width:290px; margin-right:20px; background:url(../images/shadow-img.jpg) 0 100%; padding-bottom:6px; }
#testimonial .testimonialsItem .column02 { width:310px; background:url(../images/ico-quotes.gif) no-repeat 0 0; padding:5px 0 0 50px; }
#testimonial .testimonialsItem .column02 p { font-size:20px; line-height:160%; }
#testimonial .testimonialsItem .column02 p a { color:#333; font-weight:bold; }
#testimonial .testimonialsItem .column02 p.name { text-align:right; font-size:12px; color:#999; }

#company { background:url(../images/h1_underline.png) no-repeat 0 100%; padding-bottom:20px; margin-bottom:20px; }
#company .column { float:left; }
#company .column01 { width:150px; margin-right: 10px; }
#company .column02 { width:510px; }
#company .column02 p { margin:0 0 0.5em; }

#content #testimonial a.backlink { display:inline; width:auto; }
#twitter { background:url(../images/bg-twitter.jpg) no-repeat 0 0; padding:42px 0 0 0; margin: 0 0 40px; min-height:213px; }
#twitter h3 { line-height:30px; font-size:1.5em; font-weight:bold; color:#333; padding:0 10px 0 25px; }
#twitter ul { margin:5px 15px 15px 15px; }
#twitter ul li { border-top:#B5B4B3 1px dashed; font-size:1.3em; color:#656565; padding:10px 0; }
#twitter ul li a { color:#CC2B2A; font-weight:bold; text-decoration:none; }
#twitter ul li a { text-decoration:underline; }
#twitter ul li.first { border:0; }
#twitter p { margin:0 10px; display:block;}
#twitter p a { display:block; float:right; font-size:1.3em; color:#fff; text-decoration:none; background:url(../images/btn-twitter.png) no-repeat 0 0; width:140px; line-height:20px; text-align:center; }
#twitter p a:hover { text-decoration:underline; }

#content div.publications ul {
	margin-bottom: 5px;
}