body
{
}

a.active, a.active:visited
{
	color:					#5A6F00;
	text-decoration:none;
	/*font-weight:			bold;*/
}

div.pagewrapper {
	width:					914px;
	height:					100%;
	margin:					20px auto;
	border:					0;
	background-color:		#FFF;
	color:					#000;
	text-align:				left;
}

div.vacancycontent {
	padding:					10px 0 10px 10px;
}
.submenu
{
   border:					solid 1px #CCC;
	margin-bottom:			15px;
}

.pageFullWidth
{
	border:					solid 1px #CCC;
	width:					550px; /* 346  -2x15(padding) -2x1(border)*/
	padding:					15px;
	line-height:			16px;
	margin-bottom:			10px;
}

.FieldSetPlaceOrder
{
   border: solid 1px #B2B2B2;
   padding: 5px;
}

#Error
{
   font: icon;
   position:         absolute;
   margin-left:      40px;
   text-align:       center;
   background-color: #ECE9D8;
   border:           solid 2px #245EDC;
   width:            250px;
   display:          none;
   
}

#Error table
{
   margin: 10px;
}

#Error td
{
   text-align:       left;
}
#Error td font
{
   color: black;
}

.winButton
{
   font: icon;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: buttonface;
}
.ErrorHeader
{
   background-color: #0054E3;
   padding:          5px;
   text-align:       left;
   font: icon;
   color: white;
   font-weight: bold;
}

.SpeakerFirm
{
   color:            #B5Dc10; 
   font-weight: bold;         
}

.SpeakerName
{
   color:            #808000;
   font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------
navigation
---------------------------------------------------------------------------------------------------------*/
div.navigation {
	text-align:				right;
	margin:					0;
}

div.navigation-klein {
	text-align:				right;
	margin:					0;
	margin-top:				25px;
	margin-right:			40px;
}

/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/



div.footer {
	width:					914px;
	color:					#A7A386;
	font-size:				10px;
	background-color:		#FFF;
}

div.footer div.footermargin {
	padding:					20px 40px 0 40px;
}

div.footer a.footer {
	text-decoration:		none;
	font-weight:			normal;
	color:					#A7A386;
}

/* --------------------------------------------------------------------------------------------------------
pagecontent
---------------------------------------------------------------------------------------------------------*/

div.pagecontent {
	width: 652px;
}

div.pagecontentmargin {
	padding:					25px 5px 0px 0px;
	
	margin-right: 40px;
}

img.paginakop {
	padding-bottom:		25px;
}

div.flashpaginakop {
	padding-bottom:		25px;
	margin-left:			-2px;
}

div.pagecontent-nopageheader {
	width:					580px;
}


/* --------------------------------------------------------------------------------------------------------
nieuwsberichten op de homepage
---------------------------------------------------------------------------------------------------------*/



/* --------------------------------------------------------------------------------------------------------
amercom
---------------------------------------------------------------------------------------------------------*/
/*div.box_right {
	width:					300px;
	float: 					right;
}*/

div.amercom {
	width:					270px;
}

div.amercommargin {
	margin:					20px 0px 20px 40px;
	background:				#E4E1D9;
}

h1.amercom-home {
	padding-left:			45px;
	margin-bottom:			10px;
}

/* --------------------------------------------------------------------------------------------------------
nieuwsdetail pagina
---------------------------------------------------------------------------------------------------------*/

div.nieuwsdetail {
	width:					584px;
}

div.nieuwsdetailmargin {
	padding:					25px 0px 0px 40px;
}

div.gerelateerdnieuws {
	width:					290px;
}

div.gerelateerdnieuwsmargin {
	padding:					25px 0px 0px 0px;
}

div.nieuwsimagerollator {
	background-color:		#E4E1D9;
	width:					504px;/*544*/
	padding:					20px;
}

div.imagerollator {
	background-color:		#F0F;
}

a.feiten {
	padding:					1px 5px 1px 15px;
	background:				#F6F6F3 url("../images/bg_extlink.gif") no-repeat scroll 0px 0px;
	height:					18px;
	line-height:			18px;
	margin-right:			10px;
}

/* --------------------------------------------------------------------------------------------------------
interactieve tip
---------------------------------------------------------------------------------------------------------*/
div.interactieve-tip {
	width:					300px;
}

div.interactieve-tipmargin {
	/*margin:					20px 25px 20px 40px;*/
	padding:					25px 25px 10px 25px;
	background:				#E4E1D9;
}

h1.interactieve-tip {
	padding-bottom:		10px;
	font-size:				17px;
	line-height:			20px;
	font-weight:			bold;
	color:					#83a200;
}

div.interactieve-tipmargin img {
	padding:					0px;
	border:					1px solid #FFF;
}

p.interactieve-tip {
	padding-bottom:		5px;
}

p.interactieve-tip img {
	border:					0px none;
}

p.auteur {
	padding-left:			45px;
	color:					#9c9a94;
}

/* --------------------------------------------------------------------------------------------------------
Case (ons werk)
---------------------------------------------------------------------------------------------------------*/

div.case {
	width				: 180px;
	height				: 40px;
	margin-right		: 30px;
	margin-bottom		: 20px;
	padding				: 1px 1px 5px 1px;	
	border-bottom		: 3px solid #e4e1d9;			
}

div.case a, div.case a:visited {
	padding				: 0px;
	text-decoration		: none;
	position			: relative;
	top					: -2px;
	color:#50470d;		
	/*font-weight:normal;	*/		
}
div.case a:hover, div.case a:active {
	color:#5A6F00;
	text-decoration:underline;					
}

div.pijl {
	width:					6px;
	float:					left;
	padding:					10px 0 0 12px;				
}

div.opdrachtgever {
	width:					137px;
	float:					left;
	padding:					4px 0 0 5px;				
}

div.opdrachtgever p {
	padding:					0px;
	margin:					0px;				
}

/* --------------------------------------------------------------------------------------------------------
Diensten pagina
---------------------------------------------------------------------------------------------------------*/

div.diensten {
	width				: 834px;
	margin-left			: 40px;
}

div.box_diensten {
	background			: url(../images/bg_diensten.gif) no-repeat scroll 0px 0px;
	height				: 314px;
	overflow			: hidden;
	width				: 834px;
	
}

div.box1, div.box2, div.box3 {
	width				: 243px;
	float				: left;
	padding				: 17px 0 0 35px;
}

div.box1 h2, div.box2 h2, div.box3 h2{
	padding:					0 0 18px 0;
	margin: 					0;
}

div.box1 {
	width:					243px;
}

div.box2 {
	padding-left:			55px;
	width:					233px;
}

div.box3 {
	padding-left:			45px;
	width:					193px;
}



/*diensten*/
/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.popup_wrapper {overflow:auto;width:100%;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.popup_content {
	padding-bottom: 27px;
	height: auto;
	float: left;
	background: #f8f8f7 url("../images/popup_bg.gif") no-repeat scroll 0 bottom;
}

div.popup_title {
	margin-left: 30px;
	padding-top: 6px;
	padding-bottom: 19px;
}

div.popup_boxtext {
	width: 320px;
	float:left;
	padding: 0 30px;
}

div.popup_img {
	width: auto;
	float:left;
	border: #cfcdc5 solid 3px;
}

/* -- specific elements ------------------------------------------------------------------------------- */

div.popup_container {
	height: auto;
	min-height: 150px;
	/*margin: 10px auto;*/
	text-align: left;
	
	position: absolute;
	margin-top:30px;
	margin-left		: 0px;
	margin-right: 0px;
	z-index:1002;
	padding:12px;
	display:block;
}

/* header */
div.popup_header {
	height: 25px;
	background: transparent url("../images/popup_top.gif") no-repeat scroll 0 0;
}

div.popup_close 
{
	position:absolute;
	right:25px;
	width: 15px;
	height: 16px;
	padding-top: 10px;
	border: 0px;
}

div.popup_close a 
{
	text-decoration: none;
}

div.popup_close a.close {
	display: block;
	background: transparent url("../images/popup_close.gif") no-repeat scroll 0 0;	
}

div.popup_close a:hover {
	background: transparent url("../images/popup_close_hover.gif") no-repeat scroll 0 0;	
}

/* footer */
div.popup_footer {
	height: 3px;
	background: transparent url("../images/popup_bottom.gif") no-repeat scroll 0 0;
}

.lightBox {
    width:100%; 
    height:100%; 
    float:left; 
    position:absolute; 
    z-index:100; 
    background-color:#333333; 
    top:0px; left:0px; right:0px; display:none; 
    opacity: .75; /*FOR ALL OTHER BROWSERS AND DEVICES*/
    filter: alpha(opacity=75); /*FOR IE7*/
}

div.opdracht p
{
	margin:0px;
}

.paragraph-nomargin p
{
	margin:0px;
}

.modalBackground
{
	/*display: none;*/
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #4d4422;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}