/*

	Full stylesheet for Goossens Sebreghts Jacqmain

	License:    see LICENSE packaged with Winston
	            the same license counts for each module separately

	Desc:       This is the full Winston stylesheet. It is recommended
	            to only take the parts you need in orde to minimize the
	            amount of CSS in your project.

	Author:     Ingrid Stojnic <ingrid@catapult.be>
	Version:    0.3

	---------------------------------------------------------------------

	Includes the following modules:
	
	* reset          * buttons            * forms
	* general        * datagrid           * avatars
	* layout         * links              
	* typography     * simplepagination

*/

/*

	Name:       Winston reset module [0.3]
	Desc:       Resets commonly used HTML elements

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*

	Name:       Winston general module [0.3]
	Desc:       A set of general purpose classes

*/

/* Legendary Clearfix */
.clearfix{
	clear: both;
	}

.clearfix:after,
.cols:after,
.section:after,
.buttonHolder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* General purpose classes */

.hidden { display: none; }
.block { display: block; }

.floatLeft { float: left; }
.floatRight { float: right; }

.p6 { padding: 6px; }
.p12 { padding: 12px; }
.p24 { padding: 24px; }
.p0, .nopad { padding: 0; }

.noBorder { border: none !important; }
.border { border: 1px solid #C7C7C7; }

.mute { color: #666; }
.serif { font-family: "Times New Roman", Times, Georgia, serif; }
.uc { text-transform: uppercase; }
.sC { font-variant: small-caps; }
.lC { text-transform: lowercase; }

.rc {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.note {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0 0 12px;
	background: url(../img/note.png) no-repeat bottom right;
}

.helpTxt {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
}

/*

	Name:       Winston layout module [0.3]
	Desc:       Styles for creating layouts, both grid style and % style
	            Styles for image alignment on the grid
	            Styles for centering anything

*/




img.alignleft {
	float: left;
	padding: 0 24px 12px 0;
}

img.alignright {
	float: right;
	padding: 0 0 12px 24px;
}

/* Center anything */

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
}

/*

	Name:       Winston typography module [0.3]
	Desc:       Basic typography to start a project with

*/

/* Typography and text styles */

body {
	font: 300 13px Arial, sans-serif;
	line-height: 1.5; /* Safari 2.0.4 */
	color: #454545;
}

/* Headings */

p{
	margin: 0 0 1em 0;
	}
	p.secondaryContent,
	.secondaryContent,
	small {
		font-family: Arial, sans-serif;
		font-size: 11px;
	}

strong {
	}

em {
	font-style: italic;
}

.content ul,
.content ol {
	padding: 0 0 12px 24px;
}

.content ul {
	list-style: disc;
}

.content ol {
	list-style-type: decimal;
}

	.content ul ul,
	.content ol ul,
	.content ol ol {
		padding-bottom: 0;
	}

	.content ul ol {
		padding: 0 0 0 24px;
	}

	.content ol ol {
		list-style: upper-roman;
	}

	.content ol ol ol {
		list-style: lower-roman;
	}
	
	/*
		Reset anyway, if you want to reset inside a .content div
		(e.g. for the "fancy" ordered list addon)
	*/

	ol.reset,
	ul.reset {
		margin: 0;
		padding: 0;
		list-style: none;
	}

code {
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

	.secondaryContent code {
		font-size: 11px;
	}

pre {
	padding: 6px 12px;
	background: #F5F5F5;
	margin: 0 0 12px;
}

blockquote, q {
	font-style: italic;
	font-family: Georgia, serif;
}

blockquote {
	padding: 0 0 0 12px;
}

	blockquote.fancy {
		background: url(../img/bquote.gif) no-repeat 0 5px;
		padding: 0 0 0 24px;
	}

blockquote cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	bottom: 12px;
}

sub, sup {
	line-height: 0;
	/* Fix sub & sup fucking with the baseline */
}

hr {
	border: none;
	border-top: 1px solid #CDCDCD;
	padding: 0;
}

div.hr {
	border-bottom: 1px solid #D7D7D7;
	margin: 12px 0 24px;
}

	div.hr hr {
		display: none;
	}
	
/*
	ColorInverse
	Color inverses the basic typography for content areas that are reversed out
*/

.colorInverse { color: #CDCDCD; }
.colorInverse strong { color: #FFF; }

.colorInverse h1,
.colorInverse h2,
.colorInverse h3,
.colorInverse h4 {
	color: #FFF;
}

.colorInverse a:link { color: #EEE; text-decoration: none; border-bottom: 1px solid #888; }
.colorInverse a:visited { color: #DDD; text-decoration: none; border-bottom: 1px solid #777; }
.colorInverse a:hover, .colorInverse a:active, .colorInverse a:focus { color: #FFF; border-bottom: 1px solid #CCC; }

/* 
	Typography addons!
*/

/* Fancy ordered list */

ol span {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background: url(../img/123.gif) no-repeat;
	margin-right: 3px;
}

	.fancy .two { background-position: 0 -31px ; }
	.fancy .three { background-position: 0 -64px ; }

ol li {
	clear: both;
	line-height: 25px;
	padding: 0 0 8px;
}

/* Date formatting */
p.dateFunky { float: left; position: relative; margin-left: -42px; padding-top: 5px;}
p.dateFunky * { display: block; text-align: center; width: 30px; color: #000; }
p.dateFunky .day { font-size: 19px; font-family: Georgia, serif; line-height: 1; padding: 0 0 3px;}
p.dateFunky .month { font-size: 11px; text-transform: uppercase; font-family: Georgia, serif; line-height: 1; }

/*

	Name:       Winston buttons module [0.3]
	Desc:       Styles for the buttons component

*/

a.button:link,
a.button:visited {
	height: 24px;
	line-height: 24px;
	border: none !important;
	white-space: nowrap;
	text-decoration: none;
}

a.button:link span,
a.button:visited span {
	font-size: 11px;
	line-height: 24px;
	font-weight: 700;
}

a.button * {
	float: left;
	background-image: url(../img/button.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
	
	a.button:link span,
	a.button:visited span {
		background-position: center top;
	}

	a.button:hover span,
	a.button:active span,
	a.button:focus span {
		background-position: center -24px;
	}

	a.button:link b,
	a.button:visited b {
		background-position: 0 0;
	}

	a.button:hover b,
	a.button:active b,
	a.button:focus b {
		background-position: 0 -24px;
	}

	a.button:link i,
	a.button:visited i {
		background-position: top right;
	}

	a.button:hover i,
	a.button:active i,
	a.button:focus i {
		background-position: right -24px;
	}

/* Standard side width */
a.button b,
a.button i {
	width: 7px;
	text-indent: -9000px;
	display: block;
}

	/* Width with icon on the left side */
	a.buttonIconLeft b {
		width: 22px;
	}
	
		/* Add icon hooks here */

	/* Width with icon on the right side */
	a.buttonIconRight i {
		width: 22px;
	}
	
		/* Add icon hooks here */

/* Button positioning */

.buttonHolder .button {
	float: left;
	padding-right: 6px;
}
.buttonHolderRight .button {
	float: right;
	padding-left: 6px;
}

/*

	Name:       Winston datagrid module [0.3]
	Desc:       Basic styles for styling tabular data

*/

table.datagrid  {
	font-family: Arial, sans-serif;
	width: 100%;
	margin: 0 0 12px;
}

table.datagrid td,
table.datagrid th {
	padding: 7px;
	font-size: 11px;
}

table.datagrid th {
	font-weight: 700;
	color: #000;
	line-height: 1.2;
	text-align: left;
}

table.datagrid tr.rowOdd { background: #FFF; }
table.datagrid tr.rowEven { background: #EEE; }

table.datagrid th {
	border-bottom: 1px solid #DDD;
	padding: 5px 10px;
	white-space: nowrap;
}

table.datagrid td.date,
table.datagrid td.comments {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
}

table.datagrid td {
	padding: 5px 10px;
	border-bottom: 1px solid #D7D7D7;
}

table.datagrid td:last-child,
table.datagrid td.comments {
	border-right: none;
}

table.datagrid td:first-child,
table.datagrid td.date,
table.datagrid th:first-child,
table.datagrid th.date {
	padding-left: 0;
}

/*

	Name:       Winston links module [0.3]
	Desc:       Link styles: pick the ones you need

*/

/* Regular border style links */

a { text-decoration: none; border-width: 0 0 1px 0; border-style: solid; border-color: #FFF; }

/*
	Regular border style links, 50% opacity (fake)
	Dependency: Regular border style links
*/

.halfmute a:link, a.halfmute:link { color: #A7A7FB; border-color: #DEDEFF; }
.halfmute a:visited, a.halfmute:visited { color: #6C82CC; border-color: #CFC2FF; }
.halfmute a:hover, .halfmute:active, .halfmute:focus,
a.halfmute:hover, a.halfmute:active, a.halfmute:focus { color: #B1C1F7; border-color: #1A4CEF; }

/*
	Greyed out style links
	Dependency: Regular border style links
*/

.mute a:link { color: #9C9C9C; border-color: #E3E3E3; }
.mute a:visited { color: #7B7B7B; border-color: #D3D3D3; }
.mute a:hover, a.mute:active, a.mute:focus { color: #6AAEED; border-color: #CEE4F9; }

/*
	No underlines links: for areas that are clearly navigational
	Dependency: Regular border style links
*/

.noUnderlines a:link,
.noUnderlines a:visited,
.noUnderlines a:hover,
.noUnderlines a:active
.noUnderlines a:focus {
	border-color: #FFF;
}

	.colorInverse .noUnderlines a:link,
	.colorInverse .noUnderlines a:visited,
	.colorInverse .noUnderlines a:hover,
	.colorInverse .noUnderlines a:active
	.colorInverse .noUnderlines a:focus {
		border-color: #000;
	}

.swapUnderlines a:link,
.swapUnderlines a:visited {
	border-color: #FFF;
}

.swapUnderlines a:hover,
.swapUnderlines a:active
.swapUnderlines a:focus {
	color: #1A4CEF;
	border-bottom: 1px solid #B1C1F7;
}



/*

	Name:       Winston Form styles module [0.3]
	Desc:       Basic form styling system

*/

label {
	font-family: Arial, sans-serif;
}

input.inputText,
input.inputSubmit,
textarea {
	font-size: 12px;
	padding: 1px;
	font-family: Arial, sans-serif;
}

input.inputSubmit, button {
	color: #000;
	overflow: visible;
	/* Fix "ridiculously long buttons" in IE6 and IE7 */
}

textarea {
	line-height: 1.4;
	max-width: 100%;
}

/* Don't try to improve selects too much */
select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* Forms with a winstonForm class get special treatment */

.winstonForm label {
	display: block;
}

.winstonForm ul {
	padding: 0 0 12px;
	/* Same as padding of <p> element */
}

.winstonForm ul label {
	display: inline;
}

	.winstonForm .horizontal label {
		float: left;
		clear: left;
		width: 120px;
		font-weight: 700;
	}

	.winstonForm .inputList li {
		position: relative;
		padding: 0 0 0 24px;
	}

		.winstonForm .inputList li input.input-radio,
		.winstonForm .inputList li input.input-checkbox,
		.winstonForm .inputList li input.checkbox {
			position: absolute;
			left: 0;
			top: 0;
		}

/*
	Form: error and success handling
	Block messages
*/

.errorMessage {
	color: #E2001A;
	padding: 0 0 2px 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
}

.formSuccess {
	color: #008A0D;
	background: #CFC;
	padding: 12px;
	border: 1px solid #008A0D;
	margin: 0 0 12px;
}

/************************************************************************************************** ingrid css */
/************************************************************************************************** ingrid css */



	
body{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	text-align: center;
	background: url(../img/body_bg2.gif) repeat-x fixed left bottom;	
	}
	
#headerContainer{
	width: 100%;
	background: url(../img/header_bg.gif) repeat-x top left;
	
	}

#header{
	width: 990px;
	height: 130px;
	position: relative;
	margin: 0 auto;
	z-index: 50;
	text-align: left;
	}

#langNav{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 11;
	}

#langNav li{
	float: left;
	padding-right: 6px;
	font-size: 10px;
	}
	
#langNav li a{
	text-decoration: none;
	color: #b8af93;
	border: 0;
	}

#langNav li a.selected, #langNav li a:hover{
	color: #90886e;
	}
		
#logo{
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(../img/logo.png) no-repeat top left;	
	z-index: 500;
	width: 289px;
	height: 86px;
	}

#deco{
	width: 990px;
	height: 190px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: url(../img/img_01.jpg) no-repeat top left;	
	z-index: 0;
	}

#decoContainer{
	width: 100%;
	background: #ebe8db;	
	}


	
/****************************** nav */

#nav{
	position: absolute;
	left: 15px;
	top: 100px;
	z-index: 50;
	}

#nav li{
	background: url(../img/nav.png) repeat-x center center;	
	float: left;
	padding: 15px 0px 15px 8px;
	}	

#nav li.first{
	background: url(../img/nav.png) no-repeat center left;	
	float: left;
	padding: 15px 0px 15px 18px;
	}
	
#nav li.last{
	background: url(../img/nav.png) no-repeat center right;	
	float: left;
	padding: 15px 10px 15px 8px;
	}

#nav li.last a span{
	border-right: 0px solid #dbd2b7;
	}
		
#nav li a{
	color: #fff;
	border-bottom: 0;	
	padding: 0;
	margin: 0;
	}

#nav li a:hover, #nav li a.selected{
	color: #686049;
	border-bottom: 0;
	}
				

#nav li a span{
	margin: 20px 0 0 0;
	border-right: 1px solid #dbd2b7;
	padding: 0 8px 0 0;
	}

/****************************** schema */	

#schema{
	position: absolute;
	left: 580px;
	top: 100px;
	z-index: 6;		
	}	
	
#schema li{
	float: left;
	padding: 15px 8px 15px 8px;
	background: url(../img/schema_bg.png) no-repeat center center;
	}	
	
#schema li.first{
	float: left;
	background: url(../img/schema_bg.png) no-repeat center left;
	padding: 15px 0px 15px 8px;
	}	
		
#schema li.last{
	float: left;
	background: url(../img/schema_bg.png) no-repeat center right;	
	padding: 15px 8px 15px 0px;
	}	
	
#schema li a{
	color: #8f886f;
	border-bottom: 0;	
	}	

#schema li a:hover{
	color: #5e5946;
	border-bottom: 0;	
	}	
	
		
/**************************  */	
#contentContainer{
	width: 100%;	
	position: relative;			
	}
			
#content{
	width: 990px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	z-index: 20;
	}
	
#content.advocatenImg{
	height: 440px;
	width: 990px;
	background: #000;
}

#left{
	width: 275px;
	float: left;	
	}
		
#center{
	z-index: 10;
	width: 495px;
	padding-left: 320px;
	float: left;
	font-size: 14px;
	font-family: Constantia,Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	}	

#center h1{
	z-index: 10;	
	color: #A5AF36;
	font-size: 26px;
	font-weight: normal;
	margin: 30px 0 20px 0;
	line-height: 1.1em;
	}	
	
#center ol{
	list-style-type: decimal;
	margin: 0 0 0 2em;
	}	
	

#center h2{
	color: #A5AF36;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 5px 0;
	}	
		
#center h1.blue{
	color: #00559d;
	}
	
#center.nieuws h1{
	color: #00559d;
	margin: 0px 0 20px 0;
	padding: 0;
		z-index: 10;
	}
	
#center.nieuws h2{
	color: #00559d;
	font-size: 16px;
	font-weight: normal;
	margin: 30px 0 0 0;
	padding: 0;
	}	
	
#center a{
	color: #A5AF36;
	border-bottom: 1px solid #A5AF36;
	}	
			
#right{
	width: 160px;
	float: left;
	margin-left: 15px;
	}	
	
	
#right h1{
	font-size: 12px;
	font-family: Constantia,Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	font-weight: nold;
	text-transform: uppercase;
	margin-top: 80px;
	margin-bottom: 6px;
	color: #848F00;	
	}	

#right ul{
	font-family: Constantia,Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	line-height: 1.6em;
	font-size: 13px;
	
	}
#right ul a{
	border-bottom: none;
	color: #848F00;
	}	
	
#right ul a:hover{
	color: #686049;
	}		
	
/********************************************* footer */


#footerContainer{
	width: 100%;
	}

#footer{
	width: 990px;
	text-align: left;
	margin: 0 auto;
	}

#footer p{
	padding-left: 320px;
	padding-top: 50px;
	font-size: 11px;
	color: #b8af93;
	}

#footer p a{
	color: #b8af93;
	border: 0;
	}


/******************************************* advocaten */
/************************** subnav bg */	
#subnav.nieuws{
	font-size: 11px;
	}

#subnav.nieuws span.title{
	font-size: 12px;
	border-bottom: 0;
	margin: 0;
	display: inline;
	}
	
#subnav{
	width: 275px;
	z-index: 10;
	position: absolute;
	top: -15px;
	left: 20px;
	font-size: 11px;
	}

#subnav li{
	padding: 5px 15px;
	background: url(../img/subnav_bg.png) no-repeat center center;
	line-height: 1.3em;
	font-size: 11px;
	color: #686049;	
	}
		
#subnav li.first{
	background: url(../img/subnav_bg.png) no-repeat center top;
	padding-top: 20px;
	}		
	
#subnav li.last{
	background: url(../img/subnav_bg.png) no-repeat center bottom;
	padding-bottom: 20px;
	}	

#subnav li a span{
	border-bottom: 1px solid #e3dcc7;
	display: block;
	padding-bottom: 5px;
	}
	
#subnav li.last a span{
	border-bottom: 0px solid #e3dcc7;
	display: block;
	padding-bottom: 5px;
	}	
	
#subnav a{
	color: #fff;
	border-bottom: none;
	}	

#subnav a:hover, #subnav a.selected{
	color: #686049;
	border-bottom: none;
	}	

	
#content.advocaten{
	background: #000;	
	z-index: 0;
	}

/**********************************/
#subnav.advocaten{
	z-index: 10000;	
	padding: 0;
	line-height: 0em;
	list-style-type: none;
	margin: 0;
	}
	
#subnav.advocaten li{
	font-size: 11px;
	color: #686049;	
	padding: 5px 15px 5px 15px;
	background: url(../img/subnav_bg.png) no-repeat center center;
	width: 245px;
	
	}
	
#subnav.advocaten li ul li{
	font-size: 11px;
	padding: 0px;	
	background: none;	
	}
		
#subnav.advocaten li ul.col2{
	width: 116px;
	float: left;
	padding: 0px;
	}

#subnav.advocaten li ul.col2 li{
	width: 116px;
	line-height: 17px;	
	}

#subnav.advocaten li ul.col1 li{
	width: 115px;
	line-height: 17px;	
	}
		
#subnav.advocaten li ul.col1{
	width: 115px;
	float: left;
	padding-right: 0px;
	}

#subnav.advocaten li.first{
	background: url(../img/subnav_bg.png) no-repeat center top;	
	}
	
#subnav.advocaten li.last{
	background: url(../img/subnav_bg.png) no-repeat center bottom;
	/*margin-top: -3px;*/
	padding-top: 0;
	}

#subnav.advocaten li.last{
	margin-top: 0px;
	line-height: 1em;
	}


html>body #subnav.advocaten li.last{ 
	*margin-top: -3px;
}

/***********************************/	
#centerAdvocaten{
	position: relative;	
	width: 640px;
	padding-left: 320px;
	float: left;
	font-size: 14px;
	font-family: Constantia,Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	}

#centerAdvocaten h1{
	color: #a69e85;
	font-size: 22px;
	font-weight: normal;
	z-index: 50;
	padding-left: 310px;
	margin: 30px 0 10px 0;
	}
	
#centerAdvocaten a{
	border-bottom: 1px solid #fff;
	}	

#fische{
	width: 470px;
	padding-left: 170px;
	font-size: 11px;
	}

#fische table td{
	vertical-align: top;
	}
	
	
#fische table td{
	vertical-align: top;
	}

#fische table td.property{
	color: #b8af93;
	text-transform: uppercase;
	text-align: right;
	padding-right: 15px;
	width: 130px;
	}


#fische table td.info{
	color: #ebe8dc;
	font-family: Arial, sans-serif;
	width: 360px;
	}

#fische table td.info a{
	color: #ebe8dc;
	}
	
.seniorEmployee{
	font-style: italic;
	
	}



#chart a.department {
	color: #666 !important;
	line-height: 1.2em;
	font-size: 12px !important; 
}

#chart{
	font-family: Arial, Tahoma, sans-serif !important;
	font-size: 11px !important; 
}