@import url('reset.css');
@import url('joppa.css');

html {
	text-align: center;
	height: 100%;
	font-size: 1.2em;
}

body {
	position: relative;
	margin: 0 auto;
	width: 762px;
	text-align: left;
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
	font-size: 67%;
	line-height: 1.4em;
	background: url('../images/picture.jpg') no-repeat center 116px;
}

body.picture0 {
	background: url('../images/pictures/0.jpg') no-repeat center 116px;
}

body.picture1 {
	background: url('../images/pictures/1.jpg') no-repeat center 116px;
}

body.picture2 {
	background: url('../images/pictures/2.jpg') no-repeat center 116px;
}

body.picture3 {
	background: url('../images/pictures/3.jpg') no-repeat center 116px;
}

body.picture4 {
	background: url('../images/pictures/4.jpg') no-repeat center 116px;
}

body.picture5 {
	background: url('../images/pictures/5.jpg') no-repeat center 116px;
}

body.picture6 {
	background: url('../images/pictures/6.jpg') no-repeat center 116px;
}

a {
	color: #676F7F;
}

#container {
	font-size: 1.2em;
}

/* @group Branding */

#branding {
	width: 762px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	margin-bottom: 16px;
}

#branding h1 {
	text-indent: -9999px;
	overflow: hidden;
	height: 50px;
	background: url('../images/logo.gif') top left no-repeat;
	float: left;
	margin: 0;
}

#branding h1 a {
	width: 140px;
	height: 50px;
	display: block;
}

#branding blockquote {
	display: none;
}

#branding div#optional {
	text-indent: 0px;
	color: #ffa622;
	position: relative;
	float: right;
	font-size: 80%;
	width: 323px;
}

#branding #optional #languageSelect {
	float: right;
}

#branding #optional #languageSelect li {
	text-indent: -9999px;
	float: right;
	list-style-type: none;
	position: relative;
}

#branding #optional #languageSelect li a {
	display: block;
	height: 11px;
	position: relative;
	float: none;
}

#branding div#optional #languageSelect li.nl a{
	background: url('../images/button_advocaten.gif') left top no-repeat;
	width: 88px;
}

#branding div#optional #languageSelect li.fr a{
	background: url('../images/button_avocats.gif') left top no-repeat;
	width: 66px;
	margin-left: 5px;
}

#branding div#optional #languageSelect li.en a{
	background: url('../images/button_attorneys.gif') left top no-repeat;
	width: 123px;
}

/* @end */

/* @group Navigation */

#navigation {
	height: 25px;
}

/* @group nav_primary */

#nav_primary {
	width: 762px;
}

#nav_primary ul {
	list-style: none;
}

#nav_primary ul li{
	float: left;
}

#nav_primary ul li a{
	width: 127px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.en #nav_primary ul li#news a{
	background: url('../images/navButtonNews.gif') left top no-repeat;
}

.en #nav_primary ul li#janson_baugniet a{
	background: url('../images/navButtonFirm.gif') left top no-repeat;
}

.en #nav_primary ul li#people a{
	background: url('../images/navButtonTeam.gif') left top no-repeat;
}

.en #nav_primary ul li#practice_areas a{
	background: url('../images/navButtonPractice.gif') left top no-repeat;
}

.en #nav_primary ul li#contact a{
	background: url('../images/navButtonContact.gif') left top no-repeat;
}

.en #nav_primary ul li#careers a{
	background: url('../images/navButtonCareers.gif') left top no-repeat;
}

.fr #nav_primary ul li#news a{
	background: url('../images/navButtonActualite.gif') left top no-repeat;
}

.fr #nav_primary ul li#janson_baugniet a{
	background: url('../images/navButtonCabinet.gif') left top no-repeat;
}

.fr #nav_primary ul li#people a{
	background: url('../images/navButtonAvocats.gif') left top no-repeat;
}

.fr #nav_primary ul li#practice_areas a{
	background: url('../images/navButtonDomaines.gif') left top no-repeat;
}

.fr #nav_primary ul li#contact a{
	background: url('../images/navButtonContact.gif') left top no-repeat;
}

.fr #nav_primary ul li#careers a {
	background: url('../images/navButtonCarriere.gif') left top no-repeat;
}

.nl #nav_primary ul li#home a{
	background: url('../images/navButtonHome.gif') left top no-repeat;
}

.nl #nav_primary ul li#news a{
	background: url('../images/navButtonNieuws.gif') left top no-repeat;
}

.nl #nav_primary ul li#janson_baugniet a{
	background: url('../images/navButtonKantoor.gif') left top no-repeat;
}

.nl #nav_primary ul li#people a{
	background: url('../images/navButtonAdvocaten.gif') left top no-repeat;
}

.nl #nav_primary ul li#practice_areas a{
	background: url('../images/navButtonWerkdomeinen.gif') left top no-repeat;
}

.nl #nav_primary ul li#contact a{
	background: url('../images/navButtonContact.gif') left top no-repeat;
}

.nl #nav_primary ul li#careers a {
	background: url('../images/navButtonCarriere.gif') left top no-repeat;
}

#nav_primary ul li#home a:hover, #nav_primary ul li#news a:hover, #nav_primary ul li#janson_baugniet a:hover, #nav_primary ul li#people a:hover, #nav_primary ul li#practice_areas a:hover, #nav_primary ul li#contact a:hover, #nav_primary ul li#careers a:hover {
	background-position: left bottom;
}

#nav_primary ul li ul, #nav_primary ul li ul li a {
	display: none;
}

/* @end */

/* @end */


/* @group Content */

#content {
}

/* @group content_primary */

#content_primary {
	float: right;
	width: 508px;
	color: #434d60;
	padding-top: 80px;
	font-size: 0.85em;
}

#content_primary p {
	margin-bottom: 15px;
	text-align: justify;
}

#content_primary ul {
	list-style: square;
	margin-left: 1.1em;
	margin-bottom: 1em;
}

#content_primary ul li {
	margin-bottom: 5px;
}

#content_primary h2 {
	margin-bottom: 1em;
	font-size: 16px;
	color: #2c60b8;
}

#content_primary h2.pageTitle {
	height: 40px;
	margin-left: 0px;
	font-size: 1.5em;
	padding-top: 40px;
	color: #434d60;
	margin-bottom: 25px;
	_line-height: 1.2em;
	padding-bottom: 4px;
	border-bottom: 1px solid #d5d5d5;
}

#content_primary ul#news h3 {
	color: #2c60b8;
}

#content #content_primary img {
	border: 1px solid #7E8AA2;
} 


#content #content_primary .members .description {
	padding-bottom: 20px;
}

#content #content_primary .members .overview .description {
	padding-bottom: 0px;
}

#content #content_primary .members #profilelinks a {
	display: block;
	float: left;
	margin: 0px 10px 10px 0;
	border: 1px solid #5c84c8;
	padding: 3px 5px;
	background-color: #d7dfef;
	text-decoration: none;
}

#content #content_primary .members #profilelinks a:hover,
#content #content_primary .members #profilelinks a.act {
	background-color: #2c60b8;
	color: #ffffff;
}

#content #content_primary .members .member {
	clear: both;
	padding-top: 10px;
}

#content #content_primary .members .image {
	float: right;
	margin: 0px 0px 10px 20px;
}

#content #content_primary .members #toggle_cv_link, #content #content_primary .members #toggle_profile_link{
	margin-bottom: 10px;
}

/* @end */

/* @group content secondary */
#content_secondary {
	float: left;
	width: 220px;
	margin-right: 34px;
	padding-top: 119px;
	color: #a0a9bb;
	font-size: 0.85em;
	line-height: 140%;
}

#content #content_secondary ul {
	margin:0;
	padding: 0em;
	font-size: 0.9em;
}

#content #content_secondary ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #d5d5d5;
	padding: 3px 10px 3px 10px;
	_height: 20px;
}

#content #content_secondary ul li a:hover {
    background: #d7dfef;
}

#content #content_secondary ul li.selected a {
	background: #2c60b8;
    color: #fff;
	border-bottom: 1px solid #ffffff;
}

#content #content_secondary ul li.selected a:hover {
	background: #2c60b8;
}

#content #content_secondary ul li ul {
	display: none;
}

#content #content_secondary ul li.selected ul {
	display: block;
}

#content #content_secondary ul li.selected ul li a{
	background: #5c84c8;;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}

#content #content_secondary ul li.selected ul li a:hover,
#content #content_secondary ul li.selected ul li.selected a {
	text-decoration: underline;
	background: #5c84c8;
}

#content_secondary h4, #content_secondary h3 {
	color: #ff9800;
	font-size: 1.3em;
	margin-bottom: 25px;
}

#content_secondary span {
	float: left;
	margin-right: 5px;
	font-weight: bold;
}

#content_secondary span a {
	text-decoration: none;
}

#content_secondary span a:hover {
	text-decoration: underline;
}

#content_secondary div.result {
	margin-bottom: 20px;
	font-size: 0.9em;
}

#content_secondary p.news_list_item {
	margin-bottom: 25px;
}

#content_secondary p.news_list_item span.date {
	color: #263248;
}

/* @end */
 /* @end */
/* @group Site-INFO */

#site_info {
	float: right;
	width: 508px;
	color: #d1d1d1;
	font-size: 80%;
	padding-top: 20px;
	border-top: 1px solid #d5d5d5;
}

#site_info a {
	color: #d1d1d1;
	text-decoration: none;
}

#site_info a:hover {
	text-decoration: underline;
}

/* @end */

/* @group splash */

#splash {
	height: 100%; 
	overflow: hidden; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	background: none;
}

#splash[id]{
	display: table; 
	position: static;
	width: 390px;
}

#splash #container[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}

#splash #content {
	position: relative; 
	top: -50%;
	width: 370px;
}

#splash #content_primary {
	width: 370px;
	height: 100%;
}

#splash #content {
	height: 120px;
	margin-top: -120px;
}

#splash #content_primary div {
	width: 400px;
	padding: 0px 0px 0px 0px;
	height: 120px;
}

#splash #content_primary div p {
	float: left;
}

#splash #content_primary div p img {
	border: 0;
}

#splash #content_primary ul {
	margin-top: 60px;
	float: left;
}

#splash #content_primary ul li {
	float: left;
	display: block;
	height: 27px;
	width: 27px;
	text-indent: -9999px;
	margin-left: 10px;
}

#splash #content_primary ul li.nl a{
	float: left;
	width: 27px;
	height: 27px;
	display: block;
	background: url('../images/button_nl_home.gif') top left no-repeat;
}

#splash #content_primary ul li.fr a{
	float: left;
	width: 27px;
	height: 27px;
	display: block;
	background: url('../images/button_fr_home.gif') top left no-repeat;
}

#splash #content_primary ul li.en a{
	float: left;
	width: 27px;
	height: 27px;
	display: block;
	background: url('../images/button_en_home.gif') top left no-repeat;
}

/* @end */

/* @group splash new */
#splash-new { background: none; width: 960px; height: 100%; overflow: hidden; position: relative; }
#splash-new[id]{ display: table; position: static; width: 960px; }
	#splash-new #container[id] { display: table-cell; vertical-align: middle; position: static; }
	
	#splash-new #content_primary  { color:#434D60; float: none; font-size:0.85em; padding-top:0; width:390px; margin: 0 auto; }
		#splash-new #content_primary div p { float: left; }
			#splash-new #content_primary div p img { border: 0; }
		#splash-new #content_primary ul { margin-top: 60px; float: left; }

		#splash-new #content_primary ul li {
			float: left;
			display: block;
			height: 27px;
			width: 27px;
			text-indent: -9999px;
			margin-left: 10px;
		}

		#splash-new #content_primary ul li.nl a{
			float: left;
			width: 27px;
			height: 27px;
			display: block;
			background: url('../images/button_nl_home.gif') top left no-repeat;
		}

		#splash-new #content_primary ul li.fr a{
			float: left;
			width: 27px;
			height: 27px;
			display: block;
			background: url('../images/button_fr_home.gif') top left no-repeat;
		}

		#splash-new #content_primary ul li.en a{
			float: left;
			width: 27px;
			height: 27px;
			display: block;
			background: url('../images/button_en_home.gif') top left no-repeat;
		}
		
	#splash-new #banner { clear: both; padding: 50px 0 0;}