body 	{
		background: url(../img/container_background.jpg) center repeat-y #c0c0c0;
		font-family:Trebuchet MS;
		font-size:13px;
		color:12px;
		text-align: center;
		margin: 0px;
		padding: 0px;
}
#container {
		background: url(../img/container_top) -4px 0px no-repeat;
		width: 982px;
		margin: 0 auto;
		text-align: left;
		/*background-color: #FFF;*/
		padding:10px;
		min-height:350px;
		position:relative;
}
#footer {
		width: 980px;
		margin: 0 auto;
		text-align: center;
		font-size:11px;
		padding:5px;
		
		height: 20px;
		margin-top:50px;
		display:none;
}
#header {		
		height:110px;
		padding:5px;
		display:block;
		width:900px;
		margin-bottom:12px;
		position:relative;
}
h1 		{
		background: url(../img/logo.png) no-repeat;
		text-indent: -3000px;
		display:block;
		width: 230px;
		height: 75px;
		float:left;
}
h1 a 		{
		color: #000000;
		width: 230px;
}
h1 a.beheer {
		color: #CC0042;
		font-size:12px;
		margin-left: 5px;
		margin-bottom:4px;
}
#headernav {
		position: absolute;
		right:0px;
		top:15px;
		margin-top:20px;
}
#header ul {
		list-style-type: none;
		padding: 0px;
		position:relative;
		top:-7px;
		left: 50px;
}
#header ul li {
		background:none;
		padding:7px;
		padding-top:10px;
		float:left;
		margin:3px;
		font-weight:bold;
		font-size: 25px;
		text-transform: uppercase;
}
#header ul li.menu1 a{
		color: #CC0000;
		padding-left: 50px;
		background: url(../img/groep.png) no-repeat top left;
		
}
#header ul li.menu2 a{
		color: #FFBE0F;
		padding-left: 50px;
		background: url(../img/beheer.png) no-repeat top left;
}
#header ul li.menu3 a{
		color: #0099CC;
		padding-left: 50px;
		background: url(../img/conversatie.png) no-repeat top left;
}

h3 		{ 
		font-size: 14px;
		color: #3F3F3F;
		margin:5px 0px 2px 0px;
		padding:0px;
}
h4 		{
		font-size: 13px;
		color: #6F6F6F;
		width:100%;
		margin: 0px;
		padding:0px;
		border-bottom: 1px solid #6F6F6F;
}
a 		{ 	
		color:#0099CC; 
		text-decoration:none;
}
a:hover	{ 
		color:#CC0042; 
		text-decoration:underline;
}
.groen 	{ 
		color: #00CC00; 
		font-weight:bold; 
}
.rood 	{
		color: #CC0000;
		font-weight:bold;
}

tr.hoverdiv:hover {
		background-color: #FFF;
}
tr.hoverdiv  td{
		padding:5px;
}
input.manage{
		float:left;
}
#message {
		border: 5px solid #8F8F8F;
		width: 585px;
		margin-top:5px;
		margin-bottom:5px;
		padding:5px;
}
#inputbox, #emlme-lijstweergave, #emlme-username-ingelogd {
		width: 962px;
		margin-left:1px;
		height: 50px;
		padding: 15px 0px 15px 20px;
		background-color: #0099cc;
		border: 0px solid #000;
		display:block;
}#emlme-lijstweergave-prive {	width: 100%;	background-color: #0099cc;}	
#emlme-login span.verzonden{
		background: url(../img/verzonden.png) left 1px no-repeat;
		padding-left: 20px;
}
#emlme-username{
		border: 2px solid #000;
		width:586px;
		height: 29px;
		font-size: 20px;
		color: #CC0000;
		padding:8px;
}
#emlme-uitvoer {
		padding:5px;
		margin-top:15px;
		margin-right:15px;
		float:left;
		width:450px;
		padding:5px;
		float:left;
		background-color: #f2f2f2;
}
#emlme-uitvoer  h3,
#emlme-suggestie h3{
		font-size: 20px;
}
#emlme-suggestie {
		width:445px;
		min-height:210px;
		padding:5px;
		margin-top:15px;
		margin-left:8px;
		border: 2px solid #E8E8E8;
		background-color: #FFFFFF;
		color:#000;
		font-size: 13px;
		float:left;
}
/* Homepage */
#emlme-voordelen {
		width:455px;
		height: 299px;
		padding:5px;
		margin-top:15px;
		background: url(../img/uitleg.jpg) left top no-repeat;
		display:block;
		color:#000;
		float:left;
		font-size: 14px;
}
#emlme-voordelen h3 {
		font-size:24px;
		height:35px;
		background: url(../img/voordeel.png) top right no-repeat;
		font-weight: bold;
		width:455px;
}
#emlme-voordelen, #toepassing, #inloggen, #emlme-uitvoer, #emlme-lijst-nieuwste, #emlme-lijst-menu, .emlme-rood, #txtLetter, #nieuwste, #completelijst, #resultSearch, #activatie, #emlme-opvragenlink {
		margin-left:20px;
}
#emlme-uitleg h3 {
		font-size:24px;
		height:35px;
		background: url(../img/werking.png) top right no-repeat;
		font-weight: bold;
		width:450px;
}
#emlme-uitleg {
		width:450px;
		height:240px;
		padding:5px;
		margin-top:15px;
		margin-right: 20px;
		background-color:#dbdbdb;
		float:right;
}
#toepassing h3 {
		padding: 0px;
		margin: 0px;
}
#toepassing p {
		padding:0px;
		margin: 0px;
		margin-bottom: 14px;
}
#emlme-voordelen ul {
		list-style: none;
		margin:0px;
		padding:0px;
}
#emlme-voordelen ul li {
		padding:5px;
		padding-left: 35px;
		background: url(../img/check.png) no-repeat;
		line-height: 36px;
}
#emlme-lijst-nieuwste h3 {
		font-size:24px;
		height:35px;
		background: url(../img/groep.png) top right no-repeat;
		font-weight: bold;
		width:450px;
}
#emlme-lijst-nieuwste {
		margin-top:15px;
		margin-left:15px;
		width:450px;
		padding:5px;
		float:left;
		height: 100%;
		background-color: #f2f2f2;
}
#emlme-berichten {
		width:450px;
		height:240px;
		padding:5px;
		background-color: #f2f2f2;
		display:none;
}
div.fp-bericht-onderwerp {
		font-weight:bold;
		font-size: 14px;
}
div.fp-bericht-inhoud {
		overflow:hidden;
		line-height:16px;
		word-wrap: break-word;
		font-size:13px;
		height:16px;
}
div.fp-bericht-emlme {
		font-style: italic;
		font-size: 12px;
}
div.fp-bericht {
		padding: 10px 20px;
		position: relative;
		border-bottom: 1px solid #FFFFFF;
		background-image: url(../img/arrow-right.gif);
		background-repeat: no-repeat;
		background-position: center right;
}
div.fp-bericht:hover {
		background-image: url(../img/arrow-right.gif);
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-position: center right;
		
}
a.fp-bericht-link  {
		height: 72px;
		width: 16px;
		background-image: url(../img/arrow-right.gif);
		background-repeat: no-repeat;
		background-position: center right;
		position: absolute;
		z-index: 999;
		right: 0px;
		top: 0px;
		display:block;
}
a.fp-bericht-link :hover {
		height: 72px;
		width: 16px;
		background-image: url(../img/arrow-right.gif);
		background-repeat: no-repeat;
		background: #DFDFDF;
		background-position: center right;
		position: absolute;
		z-index: 999;
		right: 0px;
		top: 0px;
		display:block;
}

/* Beheer */
#beheer {
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom:60px;
}

/* Beheer Inklapfunctie */
#beheer h3 {
	border-bottom: none;
	cursor: pointer;
	background: url(../img/arrow-square.gif) no-repeat right -55px;
}
#beheer h3:hover {
	background-color: #e3e2e2;
}
#beheer h3.active {
	background-position: right 2px;
}
#beheer span.toggle {
	display: none;
}

#laatstetien {
		width:330px; 
}
#blok_goedkeuren,
#blok_inviter {
		padding:5px;
		width:320px; 
}
#laatstetien,
#blok_goedkeuren,
#blok_inviter {
		float:right; 
		background: #EFEFEF; 
		display:block;
		margin-right:15px;
		margin-top: 5px;
}
#laatstetien h3,
#blok_goedkeuren h3,
#blok_inviter h3 {
		padding:0px;
		background: none;
}
#laatstetien ul li,
#blok_goedkeuren ul li {
		margin-left: -15px;
		padding: 0px;
}
#beheer-functie {
		padding:5px;
		margin:5px;
		background: #EFEFEF;
		width: 590px;
		float:left;
}
#beheer-functie-titel {
		color:#000;
		font-weight:bold;
}
#beheer-functie-uitleg {
		color:#4F4F4F;
		font-size:11px;
		font-style: italic;
}
#beheer-functie div.message {
		border: 1px dashed #CCC;
		background: #FFF;
}
.emlme-input {
		border: 2px solid #000;
		width:450px;
		height:48px;
		font-size: 20px;
		font-weight:bold;
		padding-left:10px;
}
div#beheer-functie input.emlme-input{
		border: 2px solid #000;
		width:450px;
		height:48px;
		font-size: 12px;
		font-weight:bold;
		padding-left:10px;
}
.emlme-suffix {
		font-size: 40px;
		font-weight:bold;
		padding-left: 10px;
		padding-right: 10px;
		color: #FFFFFF;
		line-height:30px;
}
.emlme-submit {
		background-color: #FFF;
		border: 2px solid #000;
		font-weight:bold;
		height:50px;
		width:160px;
		text-transform: uppercase;
		font-size: 25px;
		font-weight: 900;
}
select.emlme-select {
		border: 1px solid #E4E4E4;
		font-size: 20px;
		color: #CC0000;
		float:left;
		height:30px;
		margin-top:5px;
}
select option.emlme-select-option {
		font-size: 12px;
		color:#000;
}

/* Lijstweergave */
#emlme-lijstweergave h2 {
		font-size: 26px;
		width:600px;
		padding-top: 8px;
		margin:0px;
		float:left;
}
#emlme-lijstweergave h2 a {
		font-size: 26px;
		width:600px;
		margin:0px;
		float:left;
		color: #FFF;
}
#emlme-lijstweergave select.emlme-select {
		border: 1px solid #E4E4E4;
		font-size: 20px;
		color: #CC0000;
		float:left;
		height:30px;
		margin-top:5px;
}
#emlme-lijstweergave p {
		float:left;
		margin:0px;
		padding:6px;
}
#emlme-username-ingelogd span {
		background: url(../img/bericht.gif) no-repeat right 0px;
		font-size:15px;
		color:#000;
		float:right;
		width:250px;
		/*height:45px;*/
		padding-top:3px;
		margin-right:10px;
		/*line-height:40px;*/
		font-weight:bold;
		font-size: 14px;
}
#emlme-lijstweergave #optiesbericht {
		float:right;
		width:350px;
		margin-top:-36px;
		color: #FFF;
		padding:5px;
}
#emlme-lijstweergave #optiesbericht  ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
}
#emlme-lijstweergave #optiesbericht  ul li a{
		color: #FFF;
		padding:1px;
}
#emlme-username-ingelogd  span a {
	color: #FFF;
}
#emlme-username-ingelogd span {
		padding-top:0px;
}
#emlme-lijstweergave span#bovenschrift {
		float:none;
		padding-top:3px;
		font-weight:bold;
		font-size: 14px;
		background:none;
		margin:0px;
}

#emlme-search {
		/*position:absolute;*/
		float:right;
		background:#EFEFEF;
		border: 2px solid #CFCFCF;
		padding-left:40px;
		width: 230px;
		height: 40px;
}
input.search-submit {
		background: url(../img/search.png) no-repeat right 5px;
		border: 0px solid #000;
		height:37px;
		width:32px;
		text-indent:-9999px;
		}
input.search {
		height:20px;
		border: 2px solid #CC0000;
		padding: 2px;
}
.emlme-lijst-input-letter {
		padding: 0px;
		width: 30px;
		height: 30px;
		border: solid 2px #000000;
		background-color: #0099CC;
		margin: 3px;
		color:#FFF;
		font-weight:bold;
}
.emlme-lijst-input-showall {
		padding: 0px;
		width: 103px;
		height: 30px;
		border: solid 2px #000000;
		background-color: #0099CC;
		margin: 3px;
		color:#FFF;
		font-weight:bold;
}
#emlme-lijst-menu {
		margin-top:5px;
		width:99%;
		height:30px;
		display:block;
}

#txtLetter, #nieuwste, #completelijst, #resultSearch {
		width:576px;
		padding:5px;
		margin-top:35px;
		border: 10px solid #EFEFEF;
		background-color: #FFFFFF;
		color:#000;
}
/* Conversatie */
#conversaties {
		background-color: #EFEFEF;
		width:480px;
		margin-left:2px;
		padding: 10px 10px 10px 10px;
		float:left;
}
#conversaties-mid {
		background-color: #EFEFEF;
		width:960px;
		margin-left:2px;
		padding: 10px 10px 10px 10px;
}
#conversaties-rechts {
		width: 370px;
		float:right;
		position:absolute;
		top:250px;		min-height: 60px;
		right: 30px;
		padding:5px;
		padding-left: 63px;
		background: url(../img/description.png) no-repeat 7px 8px #EFEFEF;
}
#conversatie {
		background-color: #FFFFFF;
		padding:15px;
		margin-bottom:8px;
}
#conversatie_subject {
		font-size: 20px;
		color: #0099CC;
		font-weight:bold;
}
#conversatie_subject span {
		float: right;
		width: 20px;
		height: 20px;
}
#conversatie div.rating {
		float:right;
		paddding-top: 3px;
}
#conversatie div.berichttoevoegen {
		padding:2px;
		margin-bottom:10px;
		float:right;
		font-size: 80%;
		color: #AFAFAF;
}
#conversatie div.berichttoevoegen a {
		color: #AFAFAF;
}	

#conversatie_subject span img{
		border: 0px;
}
#conversatie_credentials {
		font-style: italic;
		color: #AFAFAF;
		font-size:11px;
}
#conversatie-add {
		width:576px;
		padding:5px;
		border: 10px solid #EFEFEF;
		background-color: #FFFFFF;

}
#conversatie-add-titel {
		font-weight:bold;
}
#conversatie-add-uitleg {
		font-style: italic;
		color:#333333;
		font-size: 12px;
}
textarea.conversatie-textarea {
		border: 2px #4F4F4F solid;
		width:522px;
		margin:3px;
		padding:5px;
}
input.conversatie-input {
		border: 2px #4F4F4F solid;
		width:252px;
		margin: 3px;
}	
input.conversatie-submit {
		border: 2px #000000 solid;
		width:150px;
		background-color: #0099CC;
		margin: 3px;
}
#bericht-ajax {
		color:#CC0000;
		font-weight:bold;
}
div.pagination {
		height: 21px;
		line-height: 21px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left:10px;
		background-color:#FFFFFF;
		padding:5px;
}
div.pagination div.tab {
		background: url(../img/page-tab-r.png) 100% 0 no-repeat;
		float: left;
		margin-right: 6px;
}
div.pagination div.tab2 {
		background: url(../img/page-tab-l.png) 0 0 no-repeat;
		padding: 0 8px;
}
div.pagination div.page-block {
		padding: 0 4px;
		float: left;
		margin-right: 6px;
}
/* Pagina met eigen verzonden berichten */
#conversaties-persoonlijk {
		background-color: #EFEFEF;
		width:520px;
		float:left;
		margin-left:2px;
		padding: 10px 10px 10px 10px;
}
#persoonlijk-opties {
		background-color: #EFEFEF;
		float:right;
		width:300px;
		margin:20px;
		padding: 10px 10px 10px 10px;
}
/* Gallerij styles */
.sig {clear:both;margin:30px;padding:5px;display:table-cell;}
.sig_clr {clear:both;}
.sig_cont {float:left; }
.sig_thumb {float:left; margin:0px 10px 10px 10px;padding:0px;background:url(../img/shadowAlpha.png) no-repeat bottom right !important;background:url(../img/shadow.gif) no-repeat bottom right;}
.sig_thumb img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}

/* Bestanden styles */
.sig_bes {clear:both;margin:30px;padding:5px;display:table-cell;}
.sig_bes_clr {clear:both;}
.sig_bes_cont {float:left; margin:0px 10px 10px 10px;padding:0px;background:url(../img/shadowAlpha.png) no-repeat bottom right !important;background:url(../img/shadow.gif) no-repeat bottom right;}
.sig_bes_thumb {float:left; border:1px solid #ccc; margin:-5px 5px 5px -5px;padding:4px;}
.sig_bes_thumb img {display:block;position:relative;background:#FFF;border:0px solid #ccc;}

/* Inviter */
div.content.drop-here.ui-droppable {
	background:url(../img/target.png) no-repeat center top;
}

label.label {
		width: 150px;
}
.form_element {
	padding:2px;
	}
.form_element label {
	width:100px;
	padding:0px 10px 0px 0px;
	display: block;
	float: left;
	line-height: 22px;
	vertical-align: middle;
	}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	}
.LV_valid {
    color:#00CC00;
	}
.LV_invalid {
    color:#CC0000;
	}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
	}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
	}