/*
Blauwe teksten: 436277
Blauwe balken: 6689A0
Grijze teksten: 858585
Dunne lichtblauwe balken: A6B8C7
Dunne lichtgrijze balken: E6E6E6
*/

.vertaald
{
	border-bottom:			1px dotted red;
}

html, body
{
	height:					100%;
}
body
{
	background:				white;
}
body, textarea, input, select
{
	font-family:			"Trebuchet MS";
	font-size:				12px;
	color:					#858585;
}
textarea, input, select
{
	border-width:			2px;
	border-style:			solid;
	border-color:			#BBB;
}
.radio input, .checkbox input
{
	border:					none;
}
#outer
{
	min-height:				100%;
	position:				relative;
	_height:				100%;
}
#wrapper
{
	width:					990px;
	margin:					0 auto;
	position:				relative;
	overflow:				auto;
	min-height:				100%;
	padding:				0 0 60px;
	_height:				100%;
	_overflow:				visible;
}
#kop
{
	background:				url(/media/images/header.gif) no-repeat;
	height:					53px;
	padding:				10px;
	margin:					11px 0 13px;
}
#kop a
{
}

h1
{
	position:				absolute;
}
h2
{
	font-size:				17px;
	color:					#436277;
}
h3
{
	margin:					0;
}
h3, h3 a
{
	font-size:				14px;
	color:					#436277;
}
/*#kolom2 h3
{ dit even checken
	padding:
}*/
h4
{
	font-size:				12px;
	color:					#6689A0;
	margin:					0;
}
.vlak h4
{
	color:					#436277;
}
a
{
	color:					#78A216;
	text-decoration:		none;
}
a:hover
{
	text-decoration:		underline;
}
p
{
	margin:					0 0 10px;
}
.button, button
{
	border:					none;
	width:					auto !important;
	height:					25px;
	min-width:				90px;
	background:				url(/media/images/button.png);
	color:					white;
}
button.lang, .button.lang, #profielverwijderen .button, #aanmeldvervolg .button, #wachtwoordvergeten .button
{
	width:					180px !important;
	background-image:		url(/media/images/button3.png);
}

/*
		990
185	|	510	|	225
	730		|	225
185	|		770
*/
#kolom1
{
	width:					185px;
	padding:				0;
	display:				inline;
	float:					left;
	position:				relative;
}
#kolom2
{
	width:					510px;
	margin:					0 35px;
	padding:				0;
	display:				inline;
	float:					left;
	position:				relative;
	/*min-height:				400px;*/
}
#kolom3
{
	width:					225px;
	padding:				0;
	display:				inline;
	float:					left;
	position:				relative;
}
#kolom2.kolomrechts
{
	width:					730px;
	margin-left:			0;
}
#kolom2.kolomlinks
{
	width:					770px;
	margin-right:			0;
}
#kolom2.geenkolommen
{
	width:					990px;
	margin:					0;
}

/* MENU */
#menu
{
	background:				url(/media/images/menu-top.gif) top no-repeat;
	padding-top:			8px;
}
#menu ul
{
	margin:					0;
	list-style-type:		none;
	background:				url(/media/images/menu-middle.gif) top repeat-y;
}
#menu li+li
{
	background:				url(/media/images/menu-lijn.gif) top center no-repeat;
}
#menu li a
{
	color:					#436277;
	padding:				6px 10px 5px 40px;
	display:				inline-block;
	font-size:				13px;
	background:				10px 50% no-repeat;
}
#menu li a:hover, #menu li.huidig a
{
	color:					#858585;
	text-decoration:		none;
}

.inuitklappen
{
	float:					right;
	margin:					8px 15px 0 0;
	width:					15px;
	height:					14px;
	cursor:					pointer;
	background:				no-repeat;
	*margin-top:			-22px;
}
.inklappen
{
	background-image:		url(/media/images/min.png);
}
.uitklappen
{
	background-image:		url(/media/images/plus.png);
}
.inklappen:hover
{
	background-image:		url(/media/images/min2.png);
}
.uitklappen:hover
{
	background-image:		url(/media/images/plus2.png);
}

/* SUBMENU */
.submenu
{
	display:				none;
	margin:					0 0 0 40px !important;
	background:				none !important;
}
.submenu li
{
	background:				none !important;
}
.submenu a
{
	color:					#858585 !important;
	font-size:				12px !important;
	padding:				3px 3px 3px 0 !important;
}
.submenu a:hover
{
	color:					#436277 !important;
}
.submenu li.huidig a
{
}

/* CONTENT */
#content
{
}

#content.smal
{
	width:					535px;
}


.label
{
	display:				block;
	font-weight:			bold;
	color:					#6689A0;
}
.data
{
	display:				block;
	margin-bottom:			5px;
}
li a
{
	color:					#78A216;
}
h4 a
{
	color:					#858585;
}

.vlak, .connecties li, .individuen li
{
	color:					#858585;
	display:				block;
	background:				#F1F1F1;
	margin:					0 0 8px;
	padding:				4px;
	position:				relative;
	overflow:				hidden;
	_zoom:					1;
}
.vlak h3, .vlak h3 a
{
	color:					#436277;
	margin:					0;
}

.vlak ul
{
	list-style-type:		none;
	margin-left:			0;
}
.vlak ul li
{
	margin-bottom:			5px;
}

.connecties, .individuen
{
	margin:					0;
	list-style-type:		none;
}
.connecties li, .individuen li
{
	margin-bottom:			3px;
	padding:				4px;
	/*min-height:				58px;
	_height:				58px;
	vertical-align:			top;*/
}
.connecties li img
{
	float:					left;
	margin-right:			4px;
}
.connecties li h3
{
	margin:					0;
}
.connecties li .opties
{
	display:				none;
	color:					#78A216;
	position:				absolute;
	top:					5px;
	right:					10px;
}
.connecties li:hover .opties
{
	display:				block;
}

.positief, .negatief, .wijzigen
{
	background:				0 0 no-repeat;
	padding-left:			22px;
}
.positief:hover, .negatief:hover, .wijzigen:hover
{
	text-decoration:		none;
}
.positief
{
	background-image:		url('/media/images/icons/positief.png');
}
.negatief
{
	background-image:		url('/media/images/icons/negatief.png');
}
.wijzigen
{
	background-image:		url('/media/images/icons/wijzigen.png');
	float:					right;
}

#connectieverzoeken .positief, #connectieverzoeken .negatief
{
	float:					left;
	margin:					5px 20px 5px 0;
}
#overzicht-connectieverzoekenoverzicht .positief
{
	margin-left:			5px;
	margin-bottom:			5px;
	display:				inline-block;
}
#overzicht-connectieverzoekenoverzicht .negatief
{
	margin-left:			5px;
}
#overzicht-connectieverzoekenoverzicht .vlak
{
	padding:				5px 5px 0 5px;
}
#overzicht-connectieverzoekenoverzicht .thumb, #overzicht-connectieverzoekenoverzicht .thumb img
{
	/*width:					30px;
	height:auto;*/
	margin-bottom:			30px;
}
#overzicht-connectieverzoekenoverzicht h4 a
{
	color:					#436277;
}
#overzicht-connectieverzoekenoverzicht .link
{
	float:					left;
	font-size:				11px;
	margin:					0px 0 3px 0;
	width:					160px;
}

#vacaturedata
{
	font-size:				12px;
}
#vacaturedata td+td
{
	padding-left:			15px;
}
#vacatureoverzicht
{
	list-style-type:		none;
	margin-left:			0px;
}
#overzicht-vacature li
{
	margin-bottom:			10px;
}

.loading
{
	vertical-align:			middle;
	margin:					10px auto;
	display:				block;
	width:					16px;
	height:					16px;
}
/*.bericht
{
	vertical-align:			middle;
	margin:					3px 3px;
	display:				block;
}*/
.datum
{
	color:					#999;
	font-size:				11px;
}
.locatie
{
	margin-top:				-1px;
	float:					left;
	font-size:				11px;
}

#overzicht-aanbevelingenoverzicht .vlak a
{
	color:					#78A216;
	font-weight:			normal;
}

/* Voortgangsindicator */
#profielpercentage
{
	width:					200px;
	height:					20px;
	position:				relative;
	margin:					8px;
	background:				url('/media/images/profielcompleet-midden3.png');
}
#profielpercentage .links
{
	position:				absolute;
	left:					-7px;
	height:					20px;
	width:					7px;
	background:				url('/media/images/profielcompleet-links.png');
}
#profielpercentage .rechts
{
	position:				absolute;
	right:					-7px;
	height:					20px;
	width:					7px;
	background:				url('/media/images/profielcompleet-rechts1.png');

}
#profielpercentage #voortgangsindicator
{
	height:					18px;
	background:				url('/media/images/profielcompleet-midden1a.png') 0 2px repeat-x;
	position:				relative;
}
#voortgangsindicator .rechts
{
	height:					18px;
	background:				url('/media/images/profielcompleet-midden2a.png') 0 2px repeat-x;
	width:					5px;
	right:					-5px;
}

/* FOOTER */
#footer
{
	position:				absolute;
	bottom:					0;
	left:					0;
	width:					100%;
	height:					60px;
	clear:					both;
}
#footer-inner
{
	border-top:				2px solid #AEAEAE;
	height:					30px;
	margin:					10px auto 0;
	width:					990px;
}
#footer .ulwrap
{
	overflow:				auto;
	clear:					both;
}
#footer a
{
}
#footer h3
{
	float:					left;
	width:					100px;
	margin:					3px 0;
	color:					#8D8D8D;
}
#footer ul
{
	margin:					3px 0;
	list-style-type:		none;
}
#footer ul li, #footer ul li a
{
	float:					left;
}
#footer ul li a
{
	padding:				0 10px;
}
#footer ul li~li a
{
	border-left:			1px solid #8D8D8D;
}

#nietingelogdmenu
{
	float:					right;
	text-align:				right;
	margin-top:				-5px;
	*margin-top:			-8px;
}
#nietingelogdmenu ul
{
	margin:					0;
	list-style-type:		none;
	float:					right;
}
#nietingelogdmenu ul li, #nietingelogdmenu ul li a
{
	float:					left;
}
#nietingelogdmenu ul li a
{
	margin:					0 30px 0 0;
	color:					#436277;
}
#inloggen
{
	width:					600px;
	float:					right;
}
#inloggen input.true
{
	margin-right:			15px;
	width:					130px;
}
#inloggen .melding
{
	float:					left;
	margin:					2px 10px 0 0;
	padding:				1px 5px;
	width:					170px;
}
html[lang=fr] #inloggen .button
{
	font-size:				11px;
}

#wachtwoordopslaan
{
	border:					none;
	float:					left;
}
#inloggenrest
{
	text-align:				right;
	padding:				0 0px 0 0;
	margin:					10px 0 0;
}
#inloggenrest label
{
	width:					135px;
	float:					left;
	text-align:				left;
	margin-left:			5px;
}

#inloggenrest a
{
	width:					130px;
	float:					left;
	text-align:				left;
}
html[lang=fr] #inloggenrest a
{
	width:					170px !important;
}
html[lang=fr] #kiesTaalWrapper
{
	margin:					0 6px 0 0;
}

#kiesTaalWrapper
{
	float:					right;
	margin:					0 25px 0 20px;
}
#kiesTaalWrapper a
{
	margin:					0;
}

.dd .ddTitle
{
	padding:				2px 3px !important;
}
#snelmenu
{
	float:					right;
}
#snelmenu ul li
{
	float:					left;
	display:				inline;
	margin:					0 0 0 12px;
}
#snelmenu ul li+li a
{
	border-left:			1px solid #8D8D8D;
	padding-left:			12px;
}
#snelmenu ul li a
{
}
#zoekmenu
{
	float:					right;
	clear:					both;
}
#zoekmenu input.true
{
	height:					18px;
}
#zoekmenu select
{
	height:					24px;
}
#zoekmenu .submit
{
	margin:					2px 0 0;
	border:					none;
	vertical-align:			top;
}

.titel
{
	border-bottom:			none;
	background:				#6689A0 no-repeat 3px 3px;
	color:					white;
	margin:					0 0 4px;
}
h2.titel
{
	padding:				4px 10px;
}
h3.titel
{
	padding:				8px 10px 5px;
}
#kolom2 h3.titel
{
	background-position:	3px 0;
	padding:				5px 1px 5px;
	text-transform:			uppercase;
}
#kolom2 h3.titel, #kolom2 h3.titel a
{
	color:					#436277;
}
#kolom2 .tabs h3.titel
{
	background-color:		none;
	font-size:				17px;
	padding:				5px 5px 0px;
	border-bottom:			2px solid #E6E6E6;
}
#kolom1 .titel, #kolom3 .titel
{
	text-transform:			uppercase;
	font-size:				12px;
}
#kolom2 h2.titel, #kolom1 .titel
{
}
#kolom2 h3.titel
{
	color:					#6689A0;
	border-bottom:			2px solid #A6B8C7;
	background-color:		white;
}
.titel.afbeelding, #kolom2 h3.titel.afbeelding
{
	padding-left:			39px;
}

.profielonderdeel
{
	padding:				5px;
	border-bottom:			2px solid #E6E6E6;
	margin-bottom:			5px;
	overflow:				auto;
	_zoom:					1;
}
.profielonderdeel .label
{
	width:					150px;
	float:					left;
}
.profielonderdeel .data
{
	position:				relative;
	width:					350px;
	float:					left;
}
.profielfoto
{
	width:					185px;
	background:				center center no-repeat;
	margin-bottom:			10px;
	position:				relative;
}
.profielfoto img
{
	display:				block;
	width:					185px;
}
.profielfoto.thumb
{
	width:					50px;
	height:					50px;
	float:					left;
	margin:					0 5px 0 0;
	overflow:				hidden;
}
.profielfoto.thumb img
{
	width:					50px;
	max-height:				50px;
}
.profielfoto.thumb.geen a
{
	width:					50px;
	height:					50px;
	display:				block;
}
.profielfoto.geen a
{
	width:					185px;
	height:					185px;
	display:				block;
}
.profielfoto.geen
{
	background-image:		url('/media/profielfotos/individuen/0.png');
	height:					185px;
}
.profielfoto.thumb.geen
{
	background-image:		url('/media/profielfotos/individuen/0-thumb.png');
	height:					50px;
}
.profielfoto a.profielfotoverwijderen
{
	text-align:				center;
	position:				absolute;
	bottom:					0;
	display:				block;
	background:				#FFF;
	width:					185px;
	height:					20px;
	padding:				4px 0;
	opacity:				0.8;
	filter:					alpha(opacity=80);
}
#profielmenu
{
	margin:					8px 0;
	line-height:			1.8;
}

#notificatiebalk
{
	position:			absolute;
	top:				46px;
	left:				230px;
}
#notificatiebalk a
{
	float:				left;
	margin:				0 5px;
	position:			relative;
	background:			top left no-repeat;
}
#notificatiebalk a:hover
{
	text-decoration:	none;
}
#notificatiebalk .notificatie
{
	position:			absolute;
	left:				32px;
	top:				0;
	height:				16px;
	width:				100px;
	font-size:			10px;
	font-weight:		bold;
}
#notificatiebalk .aantal
{
	height:				15px;
	float:				left;
	text-indent:		-5px;
	padding-top:		1px;
	background:			repeat-x;
}
#notificatiebalk .rechts
{
	height:				16px;
	width:				6px;
	margin:				0;
	float:				left;
	background:			no-repeat;
}

#notificatiebalk #dashboard
{
	width:				32px;
	height:				29px;
	background-image:	url('/media/images/icons/dashboard.png');
}
#notificatiebalk #berichten-notificatie
{
	width:				32px;
	height:				30px;
	background-image:	url('/media/images/icons/berichten.png');
}
#notificatiebalk #berichten-notificatie.new
{
	background-image:	url('/media/images/icons/berichtenplus.png');
}
#notificatiebalk #berichten-notificatie .aantal
{
	background-image:	url('/media/images/icons/berichtenplusmidden.png');
}
#notificatiebalk #berichten-notificatie .rechts
{
	background-image:	url('/media/images/icons/berichtenplusrechts.png');
}

#notificatiebalk #connectieverzoeken-notificatie
{
	width:				30px;
	height:				24px;
	padding-top:		5px;
	background-image:	url('/media/images/icons/connectieverzoekgeen.png');
}
#notificatiebalk #connectieverzoeken-notificatie.new
{
	background-image:	url('/media/images/icons/connectieverzoekplus.png');
}
#notificatiebalk #connectieverzoeken-notificatie .notificatie
{
	top:				13px;
}
#notificatiebalk #connectieverzoeken-notificatie .aantal
{
	background-image:	url('/media/images/icons/connectieverzoekplusmidden.png');
	margin-left:		-8px;
	padding-right:		px;
	text-indent:		2px;
	height:				17px;
}
#notificatiebalk #connectieverzoeken-notificatie .rechts
{
	background-image:	url('/media/images/icons/connectieverzoekplusrechts.png');
	height:				17px;
}

#aanbeveling
{
	display:			none;
}
.aanbeveling
{
	margin-top:			5px;
}
.aanbeveling .vlak
{
	padding:			5px;
}

.beheer
{
	position:		absolute;
	top:			0;
	right:			0;
	display:		none;
	text-align:		right;
	line-height:	1.3;
	background:		white;
	padding:		3px;
}
.vlak:hover .beheer
{
	display:		block;
}

#kleinmenu
{
	position:				absolute;
	top:					59px;
	left:					240px;
}
#kleinmenu h3
{
	float:					left;
	margin:					0 25px 0 0;
}
#kleinmenu a
{
	color:					#436277;
	font-size:				13px;
	text-transform:			uppercase;
}

#advertenties
{
	margin:					0 0 10px;
	float:					right;
	width:					212px;
}
#kolom3 #advertenties
{
	float:					none;
	width:					100%;
	padding:				0;
}
#advertenties .vlak
{
	padding-top:			0;
}
#advertenties a
{
	display:				block;
	margin:					0;
}
#advertenties img
{
	display:				block;
	margin:					5px auto 0;
}
#advertenties .link
{
	margin:					0 00;
	text-align:				center;
	text-decoration:		underline;
}
#advertenties iframe
{
	margin:					0 0 0 5px;
}

#overzicht-organisaties, #overzicht-groepen, #overzicht-individuen table
{
	float:					left;
	width:					540px;
}