*{

	zoom:		1;
	margin:		0px;
	padding:	0px;

}

body{

	background:		url(../images/background.jpg) top left repeat-x #42413F;
	font-family:		arial, sans-serif;
	font-size:		12px;

}

h1{

	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		1.6em;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 5px;

}

a{

	color:			#DA1B22;
	text-decoration:	none;

}

a:hover {

	color:			#9D1716;
	text-decoration:	underline;
	
}

.post{

}

input.title{
	
	width:			660px;
	_width:			658px;
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		1.6em;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 5px;
	border:			1px solid #ccc;

}

textarea.text{

	width:			658px;
	_width:			656px;
	height:			250px;

}

.buttonbar{
	
	width:			660px;
	_width:			658px;
	height:			25px;
	background:		#F0F0EE;
	border-left:		1px solid #ccc;
	border-right:		1px solid #ccc;
	border-bottom:		1px solid #ccc;
	overflow:		hidden;

}

.buttonbar .leftbuttons{

	float:			left;
	overflow:		hidden;

}

.buttonbar .rightbuttons{

	float:			right;
	overflow:		hidden;

}

.buttonbar .button{

	float:			left;
	padding:		6px 6px 6px 22px;
	margin:			0px;
	cursor:			pointer;
	overflow:		hidden;

}

.buttonbar .label{

	float:			left;
	padding:		6px 6px 5px 6px;
	margin:			0px;
	cursor:			default;
	border-left:		1px solid #ccc;
	overflow:		hidden;

}

.buttonbar .select{

	float:			left;
	padding:		0px 6px 0px 0px;
	margin:			0px;
	overflow:		hidden;
	
}

.buttonbar .select select{

	width:			100px;
	height:			25px;
	padding:		2px 0px 2px;
	font-family:		arial, sans-serif;
	font-size:		12px;

}

.buttonbar .leftbuttons .button{

	border-right:		1px solid #ccc;
	
}

.buttonbar .rightbuttons .button{

	border-left:		1px solid #ccc;
	
}

.buttonbar .save{

	background:		url(../images/save.gif) center left no-repeat;

}

.buttonbar .delete{

	background:		url(../images/delete.gif) center left no-repeat;

}

.buttonbar .up{

	background:		url(../images/up.gif) center left no-repeat;

}

.buttonbar .down{

	background:		url(../images/down.gif) center left no-repeat;

}

.buttonbar .buttonhover{

	background-color:	#ddd;

}

.buttonbar .buttoninactive{

	background-color:	#ddd;
	color:			#aaa;
	cursor:			default;

}

p{

	line-height:		20px;
	margin:			0px 0px 10px;

}

.hr{

	width:			100%;
	height:			1px;
	background:		#F6221F;
	margin:			15px 0px 10px;
	float:			left;
	overflow:		hidden;

}

.container{

	width:			700px;
	margin:			20px auto;
	padding:		0px;
	background:		#fff;

}

.header{

	width:			700px;
	height:			120px;
	background:		url(../images/header.jpg) top left no-repeat;

}

.menu{

	width:			698px;
	height:			25px;
	overflow:		hidden;
	background:		#ccc;
	border:			1px solid #aaa;

}

.menu .menuleft{

	float:			left;
	overflow:		hidden;

}

.menu .menuright{

	float:			right;
	overflow:		hidden;

}

.menu .item{

	float:			left;
	padding:		6px 6px 6px 22px;
	margin:			0px;
	cursor:			pointer;
	overflow:		hidden;

}

.menu .label{

	float:			left;
	padding:		6px 6px 5px 6px;
	margin:			0px;
	cursor:			default;
	overflow:		hidden;

}

.menu .select{

	float:			left;
	padding:		0px 6px 0px 0px;
	margin:			0px;
	overflow:		hidden;
	border-right:		1px solid #aaa;
	
}

.menu .select select{

	width:			100px;
	height:			25px;
	padding:		2px 0px 2px;
	font-family:		arial, sans-serif;
	font-size:		12px;

}

.menu .menuleft .item{

	border-right:		1px solid #aaa;
	
}

.menu .menuright .item{

	border-left:		1px solid #aaa;
	
}

.menu .send{

	background:		url(../images/send.gif) center left no-repeat;

}

.menu .add{

	background:		url(../images/add.gif) center left no-repeat;

}

.menu .delete{

	background:		url(../images/delete.gif) center left no-repeat;
	
}

.menu .itemhover, .menu .itemactive{

	background-color:	#bbb;

}

.menu .itembussy{

	cursor:			wait;
	
}

.expander{

	width:			660px;
	height:			0px;
	padding:		5px 20px;
	overflow:		auto;
	background:		url(../images/background_expander.jpg) top left repeat-x #ddd;
	border-bottom:		1px solid #aaa;
	overflow:		hidden;

}

.expander .add_post{

	width:			660px;
	height:			330px;
	overflow:		hidden;

}

.expander .add_post .header1{
	
	float:			left;
	width:			320px;
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	overflow:		hidden;
	position:		relative;

}

.expander .add_post .header2{
	
	float:			right;
	width:			320px;
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	overflow:		hidden;

}

.expander .add_post .zoeken{

	font-weight:	bold;
	
}

.expander .add_post .clear{

	cursor:		pointer;

}

.expander .add_post .berichten1{
	
	float:			left;
	width:			320px;
	margin:			10px 0px;
	height:			250px;
	overflow-x:		hidden;
	overflow-y:		scroll;

}

.expander .add_post .berichten2{
	
	float:			right;
	width:			320px;
	margin:			10px 0px;
	height:			250px;
	overflow-x:		hidden;
	overflow-y:		scroll;

}

.expander .add_post .post{
	
	width:			300px;
	height:			16px;
	overflow:		hidden;
	margin:			0px 0px 5px;
	cursor:			pointer;
	
}

.expander .add_post .berichten1 .post{

	width:			280px;
	float:			left;

}

.expander .add_post .berichten1 img{

	float:			left;
	margin:			1px 0px 8px;
	cursor:			pointer;

}

.expander .add_post .berichten1 img.used{

	opacity:		0.5;

}

.expander .add_post .post:hover{

	text-decoration:	underline;

}

.expander .add_post .inmailing{

	color:			#999;

}

.expander .add_post .newpost{
	
	width:			300px;
	height:			16px;
	overflow:		hidden;
	margin:			0px 0px 5px;
	font-weight:		bold;
	cursor:			pointer;
	
}

.expander .delete_mailing{

	height:			60px;

}

.expander .delete_mailing .header1{
	
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	
}

.expander .delete_mailing .yes, .expander .delete_mailing .no{

	cursor:			pointer;

}

.expander .delete_mailing .yes{

	color:			red;

}

.expander .add_mailing{

	height:			70px;

}

.expander .add_mailing .header1{
	
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	
}

.expander .send_mailing{

	height:			190px;

}

.expander .send_mailing .header1{
	
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	
}

.expander .send_mailing .bekijk{

	margin:			10px 0px;
	font-weight:		bold;
	cursor:			pointer;

}

.expander  .send_mailing table{

	margin:			5px 0px 10px;

}

.expander .send_mailing_load{

	height:			80px;

}

.expander .send_mailing_load .loading{

	margin:			5px 0px 0px;
	float:			left;
	
}

.expander .send_mailing_load .loading_text{

	margin:			15px 0px 0px 20px;
	float:			left;
	
}

.expander .send_mailing_load .header1{
	
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px 20px;
	
	float:			left;
	
}

.expander .send_mailing_finished{

	height:			70px;

}

.expander .send_mailing_finished .header1{
	
	font-family:		'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	font-size:		16px;
	font-weight:		bold;
	color:			#333;
	margin:			5px 0px 0px;
	
}

.content{

	width:			660px;
	padding:		20px;
	overflow:		auto;

}

.submit{

	background:		#DA1B22;
	border:			1px solid #9D1716;
	color:			#fff;
	font-weight:		bold;
	padding:		5px;

}

.error{

	color:			#DA1B22;

}