/*

INHOUD

1) Front-End
	1.1 Algemeen
		*aan te passen door Gerrit
		*background
		*afmetingen
		*padding/marges
		*alignment
		*fonts
				
	1.2 Pagina & Home
	1.3 Nieuws
	1.4 Jij
	1.5 Experts
	1.6 Informatiepunten
2) Content-Management Systeem

*/


/*
1.1 Front-End Algemeen 

Zorg ervoor dat de plaatjes gesaved worden in de folder Styles/hangpleknaam. 
Deze folder wordt automatisch gevreeerd bij het aanmaken van een nieuwe hangplek*/

/*MAG AANGEPAST WORDEN:*/

/* De kleur van de achtergrond buiten de hangplek*/
body 					{background-color:#2f549e; background-image:url(img_bg.gif); background-repeat: 	repeat;}

/* De achtergrond boven en achter het topmenu*/
table.top				{background-color:#7ED9F8; background-image:url(top.jpg); background-repeat:no-repeat;} /*790 x 194px*/

/* De achtergrond achter het linker menu */
td.menu_left 			{background-color:#cc6b00; background-image:url(img_titel_poll.png);background-repeat:no-repeat; background-position:top} /* 678x141px */

/* De achtergrond achter het rechter menu */

td.menu_right 			{background-color:#00FF00; background-image:url(pixel_groen.gif); 	background-repeat:repeat-y;} /* ..x164px */

/* De kleur van de breadcrumbs */

td.breadcrumbs 			{background-color:#7ED9F8;}

/*het plaatje dat verschillende nieuws of jij-items van elkaar scheidt*/
td.hruler 				{background-image:url(img_lijntje_nieuws.gif); background-repeat:no-repeat; background-position:center;}

/*het plaatje achter de adreskaart*/
table.adreskaart		{background-image:url(adreskaart.jpg);background-repeat:no-repeat;}

/*EINDE MAG AANGEPAST WORDEN*/




/*backgrounds*/
td.page 				{background-color:#FFFFFF;}


/*groottes*/
table.main {width:790px;}

td.top {height:147px;}
td.linksvantopmenu {height:47px; width:106px;}
td.topmenu {height:47px;}
td.rechtsvantopmenu {height:47px;width:250px;}

td.menu_left {width:141px; vertical-align:top;}
td.breadcrumbs {height:47px;width:485px;}
td.page {width:485px; height:600px;}
td.menu_right {width:164px;vertical-align:top;}

/*padding, margins, borders*/
body 	{margin:0px;}
table 	{padding:0px;	margin:0px;	border-collapse:collapse; border-style:none;}
td 		{padding:0px;	margin:0px;	border-collapse:collapse; border-style:none;}

/*td.breadcrumbs {padding-left:32px;padding-right:32px;padding-top:15px;}*/
td.pagina {padding-left:32px;padding-right:32px;padding-top:15px;}

p.content_kop 		{margin-top:15px; 	margin-left:32px;	margin-right:32px;}
p.content_subkop 	{margin-top:5px; 	margin-left:32px;	margin-right:32px;}
p.content 			{margin-top:15px;	margin-left:32px;	margin-right:32px;}

a IMG {border-style:none}


/*alignment*/
body 	{text-align:center;}
td 		{vertical-align:top;}
td.page {vertical-align:top;}
.menu_left {vertical-align:top;}
.page {	vertical-align:top;}
td.hruler {text-align:center;}


/*fonts*/
p.content_kop 		{font-family:Verdana;	color:#432b0a; 	font-size:12px;		font-weight:bold}
td.breadcrumbs		{font-family:Verdana;	color:#432b0a; 	font-size:12px;		font-weight:bold}
p.content_subkop	{font-family:Verdana;	color:#777777; 	font-size:11px;		font-weight:bold};
p.content 			{font-family:Verdana;	color:#432b0a; 	font-size:12px;}

a:link 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a:active 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a:visited 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a:hover 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}

a.content_link:link 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a.content_link:active 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a.content_link:visited 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}
a.content_link:hover 	{font-family:Verdana;	color:#e29702; 	font-size:12px; text-decoration:underline}

/*1.2 Front-End Pagina/Home*/

/*1.3 Front-End Nieuws*/
td.site_kop 	{width:485px;}


td.hruler 		{padding-bottom:15px;}

p.nieuws_datum {margin-top:15px; white-space: nowrap; margin-right:32px; 
		   		font-family:Verdana;	color:#432b0a; 	font-size:12px;};




img.nieuws {float:right; padding-left:2px;padding-bottom:10px;}

/*1.4 Front-End Jij*/

/*1.5 Front-End Experts*/
td.adreskaart_01			{width:366px; height:139px;}
td.adreskaart_02			{width:70px; height:38px;}
td.adreskaart_03			{width:45px; height:108px; }
td.adreskaart_logo			{width:70px; height:70px;}
td.adreskaart_05			{width:115px; height:31px;}
td.adreskaart_labels 		{width:119px; height:312px;}
td.adreskaart_naam			{width:362px; height:33px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_adres			{width:362px; height:36px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_postcode		{width:362px; height:35px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_plaats		{width:362px; height:35px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_provincie		{width:362px; height:32px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_telefoon		{width:362px; height:40px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_website		{width:362px; height:32px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_email			{width:362px; height:38px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_15			{width:362px; height:31px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000; vertical-align:middle;}
td.adreskaart_16			{width:25px; height:169px; }
td.beschrijving				{width:411px; height:169px; font-family: Verdana; font-weight:bold; font-size: 13px; color: #660000;}
td.adreskaart_18			{width:45px; height:169px; }


td.adreskaart_col_1			{background-image:url(spacer.gif); width:25; height:1px;}
td.adreskaart_col_2			{background-image:url(spacer.gif); width:94px; height:1px;}
td.adreskaart_col_3			{background-image:url(spacer.gif); width:247px; height:1px;}
td.adreskaart_col_4			{background-image:url(spacer.gif); width:70px; height:1px;}
td.adreskaart_col_5			{background-image:url(spacer.gif); width:45px; height:1px;}

td.expert_logo				{width:85px; height:100px;text-align:right;vertical-align:middle; }
td.expert_beschrijving		{width:381px;text-align:left;}

.site_beschrijving	{	font-family:Verdana; font-size:	11px;
						margin-top:15px; margin-bottom:	10px;	margin-left: 20px;	margin-right: 32px;
						}
			
.site_beschrijving a:link{color:#660000;text-decoration:none;}
.site_beschrijving a:visited{color:#660000;text-decoration:none;}
.site_beschrijving a:active{color:#660000;text-decoration:none;}
.site_beschrijving a:hover{color:#660000;text-decoration:none;}


/*1.6 Front-End informatiepunten*/
.thema_thumbs {width:485px; margin-top:20px; text-align:center;}
.thema_thumb  {width:150px;text-align:center;}

.site_beschrijving	{font-family:		Verdana;	font-size:		11px;
			margin-top:		15px;	margin-bottom:		10px;	margin-left:		32px;	margin-right:		32px;}
			
.site_beschrijving a:link{color:#660000;text-decoration:none;}
.site_beschrijving a:visited{color:#660000;text-decoration:none;}
.site_beschrijving a:active{color:#660000;text-decoration:none;}
.site_beschrijving a:hover{color:#660000;text-decoration:none;}



/*2 CONTENT MANAGEMENT SYSTEEM

/*achtergrond*/
body.beheer		{background-color:#00D500; background-image:url();}

td.beheer_top {background-color:#CCCCCC; }

td.beheer_menu {background-color:#CCCCCC}
td.beheer_menuitem {background-color:#FFFFFF}
td.beheer_menuitem_hover {background-color:#81D6FE}
td.beheer_submenuitem {background-color:#FFFFFF}
td.beheer_submenuitem_hover {background-color:#EEEEEE}

table.beheer 	{background-color:#FFFFFF}
.row td {background-color:#F8F8F8}
.altrow td {background-color:#EEEEEE}
.row th {background-color:#F8F8F8}
.altrow th {background-color:#EEEEEE}		

/*afmetingen*/
table.beheer {width:790px; height:700px;}
td.beheer_top {width:790px; height:80px;}
td.beheer_page {width:100%;}

table.beheer_form {width:100%;}
td.beheer_form_left {width:5px;}
td.beheer_form_right {width:5px;}
.beheer_form_top td{height:5px;}
.beheer_form_bottom td{height:5px;}
.beheer_form_top th{height:5px;}
.beheer_form_bottom th{height:5px;}

td.beheer_edit 		{width:30px; }
td.beheer_volgnr  	{width:60px;}
td.beheer_plaatje	{width:100px;}
td.beheer_delete  	{width:30px;}
td.beheer_uitvullen  {width:auto;}

textarea {width:100%;}

/*padding/margins*/
td.beheer_top {padding-right:20px;padding-left:5px;}

td.beheer_menu {padding-left:20px; padding-top:5px; padding-right:20px; margin:0px;}
td.beheer_menukop {padding-bottom:3px;}
td.beheer_menuitem {padding:3px;}
td.beheer_menuitem_hover {padding:3px;}
td.beheer_submenuitem {padding:3px;}
td.beheer_submenuitem_hover {padding:3px;}

td.beheer_page {padding-left:20px; padding-right:20px; padding-top:20px;}
.row td {padding-top:5px;padding-bottom:5px; }
.altrow td {padding-top:5px;padding-bottom:5px; }
.row.beheer_form_top td{padding:0px;}	
.altrow.beheer_form_top td{padding:0px;}
.row.beheer_form_bottom td{padding:0px;}	
.altrow.beheer_form_bottom td{padding:0px;}

h2 {padding:0px; padding-bottom:3px; margin:0px;}

/*alignment*/
td.beheer_top {vertical-align:middle;}
td.page_title {text-align:right; vertical-align:}
td.beheer_menukop {text-align:center;}
td.beheer_side_menu_r {text-align:right;}

th {text-align:left;}

/*font*/
td.page_title {font-family:Verdana; color:#6F0000; font-size:30px; font-weight:bold; font-style:italic;}

td.beheer_menukop {font-family:Verdana; color:#432b0a; font-size:12px; font-weight:bold;}

a.beheer_menuitem:link{font-family:Verdana; color:#432b0a; font-size:12px; text-decoration:none}
a.beheer_menuitem:visited{font-family:Verdana; color:#432b0a; font-size:12px; text-decoration:none}
a.beheer_menuitem:active{font-family:Verdana; color:#432b0a; font-size:12px; text-decoration:none;}
a.beheer_menuitem:hover{font-family:Verdana; color:#432b0a; font-size:12px; text-decoration:none; }

.altrow th{font-family:Verdana; color:#432b0a; font-size:11px; font-weight:bold;}
.row td {font-family:Verdana; color:#432b0a; font-size:10px; font-weight:normal;}
.altrow td {font-family:Verdana; color:#432b0a; font-size:10px; font-weight:normal;}

td.beheer_form_left 	{font-size:0px;}
td.beheer_form_right 	{font-size:0px;}
.beheer_form_top td		{font-size:0px;}
.beheer_form_bottom td 	{font-size:0px;}
.beheer_form_top th		{font-size:0px;}
.beheer_form_bottom th 	{font-size:0px;}



h2 {font-family:Verdana; color:#432b0a; font-size:12px; font-weight:bold;}

/*borders*/
table.beheer {border-right-style:outset; border-left-style:inset; border-width:thin; border-color:#333333}
table.beheer_form {border-style:solid; border-width:1px; border-color:#333333}

td.beheer_menuitem {border:1px #000000 solid;}
td.beheer_menuitem_hover {border:1px #000000 solid;}
td.beheer_submenuitem {border:1px #000000 solid;}
td.beheer_submenuitem_hover {border:1px #000000 solid;}

td.beheer_page {border-top-style:outset; border-left-style:outset; border-width:thin;border-color:#333333;}
.row td {border-style:none;}
.altrow td {border-style:none;}	
.row th {border-style:none; }
.altrow th {border-style:none;}	
.altrow.beheer_form_bottom th {border-bottom:solid 1px #333333;}

/*controls*/
input.volgnr {width:30px; text-align:right;}



/*tekstopmaak oude hangplek*/

.tekst_nieuws_txt		{
			font-family: 		Verdana;
			color: 			#432b0a; 
			font-size: 		12px;
			margin-top:		15px;
			margin-left:		32px;
			margin-right:		32px;
		}

.contentveld {
			text-align:		left;
			vertical-align:		top;
			background-color:	#ffffff;
			height:			500px;
		}

.tekst_nieuws_kop
		{
			font-family: 		Verdana;
			color: 			#432b0a; 
			font-size: 		12px;
			margin-top:		15px;
			margin-left:		32px;
			margin-right:		32px;
			font-weight:		bold;
		}
.site_kop	
		{
			background-color:	#f2e2bc;
			color:			#000000;
			font-family:		Verdana;
			font-size:		12px;
			font-weight:		bold;
		}