/*****************************************************************
MAIN
*****************************************************************/

body					{	margin:0;
							padding:0;
							background-color:#e6ebf0;
							height:100%;
							background-image:url(../Website_images/background/body_bg_right2.jpg);
							background-repeat:repeat-x;
						}
						

.textfield				{	border-style: solid; 
							border-color: #053a70; 
							color: #053a70; 
							background-color: #ffffff; 
							border-width: 1px; 
							font-family:Verdana, Arial, Helvetica, sans-serif; 
							font-size:12px;
						}	

.content_positie		{	padding-left: 20px;
							padding-top: 10px;
							padding-right: 20px;
						}				

/*****************************************************************
BACKGROUND
*****************************************************************/

.bg_car					{	background-color: #588aad;
						}

.bg_right				{	vertical-align:top;
							background-image:url(../Website_images/background/body_bg_left2.jpg);
							background-repeat:repeat-x;
						}
						
.bg_left				{
							vertical-align:top;
							background-image:url(../Website_images/background/body_bg_left2.jpg);
							background-repeat:repeat-x;
							background-position: left;
							background-position:top;
						}
						
.bg_right_dropshadow	{	vertical-align:bottom;
							background-image:url(../Website_images/background/Paul-de-Kok_site_ontwerp_05.png);
							background-repeat:repeat-y;
						}
						
.bg_left_dropshadow		{	vertical-align:bottom;
							background-image:url(../Website_images/background/dropshadow_leftpng.png);
							background-repeat:repeat-y;
							background-position:right;
						}	
											
.bg_right_bottom_dropshadow	{	background-image:url(../Website_images/background/bg_right_dropshadow_26.jpg);
								background-repeat:no-repeat;
								height:15px;
							}		

.bg_left_bottom_dropshadow	{	background-image:url(../Website_images/background/img_03.png);
								background-repeat:no-repeat;
							}	
						

						
/*****************************************************************
MENU
*****************************************************************/						

.menu					{	background-image:url(../Website_images/menu/menu_bg_21.jpg);
							background-repeat:repeat-y;
							text-align:right;
							
						}
						
.menu_item				{	padding-right:23px;
							text-align:right;
						}
										
.menu_sub				{	background-image:url(../Website_images/menu/menu_bg_21.jpg);
							background-repeat:repeat-y;
							text-align:right;
							padding-right:23px;
						}

.menu_vast 				{	color:#FFFFFF;
							text-decoration:none;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							font-weight:bold;
							vertical-align:top;
							line-height:28px;
						}
						
.menu_vast a			{	color:#FFFFFF;
							text-decoration:none;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							font-weight:bold;
							vertical-align:top;
							height:29px;
							padding-right:4px;
						}


												
.menu_vast a:hover			{	color:#ffffff;
								text-decoration:none;
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								font-weight:bold;
								
							}


						
.menu_bottom			{	background-image:url(../Website_images/menu/bottom_blauw_26.jpg);
							background-position:bottom;
							background-repeat:no-repeat;
						}

.klantenreacties_top	{	background-image:url(../Website_images/menu/Paul-de-Kok_site_ontwerp_15.jpg);
							background-repeat:no-repeat;
						}
						
/*****************************************************************
NIEUWSBRIEF INCLUDE
*****************************************************************/							
						
.nieuwsbrief_top		{	background-image:url(../Website_images/nieuwsbrief/kader_top.jpg);
							background-repeat:no-repeat;
						}	
						
.nieuwsbrief_middle		{	background-image:url(../Website_images/nieuwsbrief/kader_middle.jpg);
							background-repeat:repeat-y;
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							font-weight:bold;
							color:#FFFFFF;
							text-align:center;
							padding-top:10px;
							line-height:18px;
						}	

.nieuwsbrief_bottom		{	background-image:url(../Website_images/nieuwsbrief/kader_bottom.jpg);
							background-repeat:no-repeat;
						}	
						
.nieuwsbrief_field		{	border:solid;
							border-color:#999999;
							border-width:thin;
							color:#3761a6;
							font-size:10px;
						}
						
.button					{	color:#ffffff;
							border:solid 1px;
							border-color:#ffffff;
							font-size:12px;
							background-color:#053a70;
							
						}
						
/*****************************************************************
CONTENT / INHOUD PAGINA'S
*****************************************************************/
						
.content_bg				{	background-image:url(../Website_images/content/content_bg_skyline.jpg);
							background-position:bottom;
							background-repeat:no-repeat;

						}

.minilink				{	
							font-family:Arial, Helvetica, sans-serif;
							font-size:10px;
							color:#053a70;
						}

.minilink a				{	font-family:Arial, Helvetica, sans-serif;
							font-size:10px;
							text-decoration:none;
							color:#053a70;						
						}
						
							
.minilink a:hover		{	font-family:Arial, Helvetica, sans-serif;
							font-size:10px;
							text-decoration:none;
							color:#da923a;
						}
						
.pagina_titel			{	font-family:Arial, Helvetica, sans-serif;
							font-size:16px;
							font-weight:bold;
							color:#FFFFFF;
							padding-left:18px;
							padding-bottom:10px;
						}
						
.toplinks				{	color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							padding-bottom:10px;
							font-size:12px;
							font-weight:bold;
							padding-right:10px;
						}
						
.toplinks a				{	color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							padding-bottom:10px;
							font-size:12px;
							font-weight:bold;
							text-decoration:none;
						}
						
						
.toplinks a:hover		{	color:#3760a6;
							font-family:Arial, Helvetica, sans-serif;
							padding-bottom:10px;
							font-size:12px;
							font-weight:bold;
						}
						

						
.content_tekst			{	
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							color:#053a70;
							line-height:14px;
						}
						
.content_tekst a		{	font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							text-decoration:none;
							font-weight:bold;
							color:#da923a;						
						}
						
							
.content_tekst a:hover	{	font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							text-decoration:none;
							font-weight:bold;
							color:#c3cfe4;						
						}
						

table					{	font-family:Arial, Helvetica, serif;
							color:#053a70;
							font-size:12px;
						}
						
.links 					{	font-family:Arial, Helvetica, sans-serif;
							color:#fffff;
							font-size:12px;
							padding:10px;
							
						}	
						
.links_titel			{	font-family:Arial, Helvetica, sans-serif;
							font-size: 18px;
							font-weight:bold;
							color:#FFFFFF;
							background-color: #588aad;
							padding-left:20px;
							height: 38px;
						}
				
.links a				{	font-family:Arial, Helvetica, sans-serif;
							color:#3660a5;
							font-size:12px;
							text-decoration:underline;
						}
											
.links a:hover			{	font-family:Arial, Helvetica, sans-serif;
							color:#c3cfe4;
							font-size:12px;
							text-decoration:underline;
						}
						

.actieve_pagina			{	font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							text-decoration:none;
							font-weight:bold;
							color:#3660a5;						
						}
						
.koppen					{	font-family:Arial, Helvetica, sans-serif;
							color:#3660a5;
							font-size:12px;
							font-weight:bold;
							padding:20px;
						}
						
.content_balk_bruin		{	background-image:url(../Website_images/content/bottom_bruin_27.jpg);
							background-repeat:repeat-x;
							background-position:bottom;
							position:absolute;
							}
						
/*****************************************************************
REACTIES BLOK + PAGINA'S
*****************************************************************/
						
.reacties				{	vertical-align:top;
							background-image:url(../Website_images/reacties/reacties_bg_12.jpg);
							background-repeat:repeat-y;
						}
						
.reacties_tekst			{	vertical-align:top;
							font-family:Arial, Helvetica, sans-serif;

							font-style:italic;					
							color:#FFFFFF;
							font-size:12px;
							padding-top:10px;
						}
						
.foto_calculator		{	background-image:url(../Website_images/reacties/foto_rekenmachine.jpg);
							height:302px;
							background-repeat:no-repeat;
						}
						
.reacties a				{	font-family:Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							font-size:12px;
							font-weight:bold;
						}
						
.reacties a:hover		{	font-family:Arial, Helvetica, sans-serif;
							color:#3761a6;
							text-decoration:none;
							font-size:12px;
							font-weight:bold;
						}
												
/*****************************************************************
NIEUWSPAGINA
*****************************************************************/		
						
.nieuwsitem_titel		{	color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							font-style:italic;
							font-weight:bold;
							font-size:14px;
							padding-left:18px;
						}

.nieuwsitem_links		{	padding:20px;
							line-height:22px;
							color:#da923a;
						}
						
.nieuwsitem_links a		{	font-family:Arial, Helvetica, sans-serif;
							color:#da923a;
							font-style:italic;
							font-weight:bold;
							font-size:12px;
							text-decoration:none;
						}
						
								
.nieuwsitem_links a:hover		{	font-family:Arial, Helvetica, sans-serif;
									color:#053a70;
									font-style:italic;
									font-weight:bold;
									font-size:12px;
									text-decoration:none;
								}

.nieuws_categorie		{	font-family:Arial, Helvetica, sans-serif;
							font-size: 18px;
							font-weight:bold;
							color:#FFFFFF;
							background-color: #588aad;
							padding-left:20px;
							height: 38px;
						}
					
.nieuwsitem_titel		{	background-color:#588aad;
							padding-top: 5px;
							padding-bottom: 5px;
						}

.nieuwsitem_tekst			{	
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							color:#053a70;
							line-height:14px;
							padding-left: 20px;
							padding-top: 10px;
							padding-right: 20px;
						}
						
/*****************************************************************
FOMRULIEREN
*****************************************************************/
						
.form					{	font-family:Arial, Helvetica, sans-serif;
							color:#053a70;
							font-size:12px;
						}
												
/*****************************************************************
AFBEELDINGEN
*****************************************************************/	
						
.afbeeldingen			{	margin-right:20px;
						}
						
						

/*****************************************************************
REFERENTIES
******************************************************************/					

.bericht_titel		{	font-family:Arial, Helvetica, sans-serif;
						color:#053a70;
						font-size:12px;
						font-weight:bold;
					}
					
.bericht_text		{	font-family: Arial, Helvetica, sans-serif;
						color:#053a70;
						font-size:12px;
					}
						
.referentie_titel		{	font-family:Arial, Helvetica, sans-serif;
							font-size: 18px;
							font-weight:bold;
							color:#FFFFFF;
							background-color: #588aad;
							padding-left:20px;
							height: 38px;
						}

.referentie_bericht_titel	{	background-color:#588aad;
							padding-top: 5px;
							padding-bottom: 5px;
							padding-left:20px;
							font:Arial, Helvetica, sans-serif;
							font-size:15px;
							font-weight:bold;
							font-style:italic;
							color:#FFFFFF;
						}

/*****************************************************************
UITVOUWMENU
*****************************************************************/							
						
.arrowlistmenu			{
								width: 95%; /*width of accordion menu*/
							
						}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
								font: bold 13px Arial;
								color: white;
								margin-bottom: 8px; /*bottom spacing between header and rest of content*/
								padding: 4px 20px 4px 19px; /*header text is indented 10px*/
								cursor: hand;
								cursor: pointer;
								margin-top: 2px;
								line-height:10px;
								background-image:url(../Website_images/menu/arrow_menu.jpg);
								background-repeat:no-repeat;
								background-position:right;
						}

.menuheader:hover		{
								color: #6989a9;
						}
						
.menuheader a			{
								color:#000000;
								text-decoration:none;
						}
						
.arrowlistmenu ul		{ /*CSS for UL of each sub menu*/
								list-style-type:none;
								margin: 0;
								padding: 0;
								line-height:10px;
								margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
						}

.arrowlistmenu ul li		{
								color: #6989a9;
								line-height: 10px;
								padding-right: 15px;
						}

.arrowlistmenu ul li a		{
								color: #6989a9;
								display: block;
								padding: 0px 0;
								padding-left: 19px; /*link text is indented 19px*/
								text-decoration: none;
								font-family: Arial;
								font-weight: bold;
								font-style:italic;
								border-bottom: 0px solid #dadada;
								font-size: 11px;
								line-height:10px;
						}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
								color: #ffffff;
								font-size: 11px;
								text-decoration: none;
								line-height:10px;
						}

/*****************************************************************
t.b.v. anchors in specifieke sjablonen
*****************************************************************/

.anchor_links		{	padding:20px;
							line-height:22px;
							color:#da923a;
						}
						
.anchor_links a		{	font-family:Arial, Helvetica, sans-serif;
							color:#da923a;
							font-style:italic;
							font-weight:bold;
							font-size:12px;
							text-decoration:none;
						}
						
								
.anchor_links a:hover		{	font-family:Arial, Helvetica, sans-serif;
									color:#053a70;
									font-style:italic;
									font-weight:bold;
									font-size:12px;
									text-decoration:none;
								}


/**********************************************/
/*Tweets OUD*/
/**********************************************/
								
#tweet {
	width: 168px; margin: 0 0 0 5px; background: url(../Website_images/tweets.png) no-repeat;  
}

#tweet p {
	margin: 40px 0 0 18px;
}

#tweet ul {
	list-style-type:none;
	margin: 40px 0 10px 18px;
}	

#tweet li {
	margin-bottom: 10px;
}	

#tweet a {
color:#6989a9;
	}	

#tweet a:hover {
color:#3761a6;
	}		

#tweet .twitterTime {
	display:none;
	color:#FF0000;
}

/**********************************************/
/*Tweets*/
/**********************************************/
.tweet, .query {
	width: 162px; margin: 0 0 0 5px; background: url(../Website_images/tweets.png) no-repeat;  
   }
  
.tweet .tweet_list, .query .tweet_list {
  -webkit-border-radius: .5em;
  list-style-type: none;
  margin: 30px 0px 0px 0px;
  padding: 0;
  overflow-y: hidden; }
	
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
  text-transform: uppercase; }
	  
.tweet .tweet_list li, .query .tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding:8px 0px 8px 18px; 
  }
	  
.tweet .tweet_list li a, .query .tweet_list li a {
  color: #6989a9; }
  
.tweet .tweet_list li a:hover, .query .tweet_list li a:hover {
  color: #3761a6; }  
	
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
	  
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left; }
	  
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
  vertical-align: middle; }