/* Stylesheet voor ESSOFT */

body	{background:#000000 url('../image/background.jpg') top left repeat-x; margin:0; padding:0;font-family:Arial;}

#frame		{width:850px; height:730px; margin:0 auto; padding:0px;}
#top		{width:850px; height:200px;}
#middle		{width:850px; height:500px;}
#bottom	{width:850px; height:20px;}

#left		{width:210px;height:500px; float:left;}
#right		{width:605px;height:490px;background:url('../image/text_achtergrond.jpg') top left no-repeat; float:left}
#content	{width:530px; height:415px; clear:both; float:left; padding:0px 20px 0px 30px; margin-top:5px; overflow-y:auto; overflow-x:hidden; text-align:justify;
			scrollbar-face-color: #323232;scrollbar-track-color:#323232;scrollbar-3dlight-color:#323232;}
#lijnhoogte {line-height:30px;}

#preload	{position:absolute; top:0px; left:-2000px}

#menu a					{display:block; width:166px; height:330px; margin-left:37px; margin-top:109px;float:left}
#menu a.rood			{background:url('../image/rood.bmp') no-repeat bottom left}
#menu a.groen			{background:url('../image/groen.bmp') no-repeat bottom left}
#menu a.blauw			{background:url('../image/blauw.bmp') no-repeat bottom left}
#menu a.oranje			{background:url('../image/oranje.bmp') no-repeat bottom left}
#menu a.grijs			{background:url('../image/grijs.bmp') no-repeat bottom left}
#menu a.visited			{text-decoration:none}
#menu a.rood:hover		{background:url('../image/uprood.bmp') no-repeat bottom left}
#menu a.groen:hover		{background:url('../image/upgroen.bmp') no-repeat bottom left}
#menu a.blauw:hover		{background:url('../image/upblauw.bmp') no-repeat bottom left}
#menu a.oranje:hover	{background:url('../image/uporanje.bmp') no-repeat bottom left}
#menu a.grijs:hover	{background:url('../image/upgrijs.bmp') no-repeat bottom left}

img.logo		{margin:70px 0 0 40px; border:0px; float:left}

#sluiten a				{display:block; height:30px; width:30px; clear:both; float:right; margin-right:22px; margin-top:12px}
#sluiten a.rood			{background:url('../image/sqrood.gif') no-repeat top left}
#sluiten a.groen			{background:url('../image/sqgroen.gif') no-repeat top left}
#sluiten a.blauw			{background:url('../image/sqblauw.gif') no-repeat top left}
#sluiten a.oranje		{background:url('../image/sqoranje.gif') no-repeat top left}
#sluiten a.grijs			{background:url('../image/sqgrijs.gif') no-repeat top left}
#sluiten a:visited		{text-decoration:none}
#sluiten a.rood:hover	{background:url('../image/sqroodglow.gif') no-repeat top left;}
#sluiten a.groen:hover	{background:url('../image/sqgroenglow.gif') no-repeat top left;}
#sluiten a.blauw:hover	{background:url('../image/sqblauwglow.gif') no-repeat top left;}
#sluiten a.oranje:hover	{background:url('../image/sqoranjeglow.gif') no-repeat top left;}
#sluiten a.grijs:hover	{background:url('../image/sqgrijsglow.gif') no-repeat top left;}

p				{font-size:13px; color:#FFFFFF; line-height:17px}
p.grijs			{color:#323232; margin-right:50px}
p.small			{font-size:11px}
p.rechts		{text-align:right}
p.back			{margin-right:60px; margin-top:-17px; font-weight:bold; font-size:16px}
p.float_links	{float:left}
p.float_rechts	{float:right}
p.x_marge		{margin-left:50px}

p.av			{font-size:11px; margin-left:15px}
li			{font-size:11px; color:#FFFFFF}

a				{text-decoration:none; color:#FFFFFF}
a.grijs			{color:#323232}
a:visited		{text-decoration:none}
a:hover			{text-decoration:underline;}
a.grijs:hover	{text-decoration:underline; color:#FFFFFF}

a.rood		{color:#9F1026}
a.groen		{color:#2CA031}
a.blauw		{color:#23579C}
a.oranje	{color:#C84925;}

a.lijn			{text-decoration:underline}
a.lijn:visited	{text-decoration:underline}

a.foto				{display:block; width:120px; height:100px; float:left; margin:0px 0px 25px 30px; text-decoration:none; text-align:center; color:#FFFFFF; font-size:12px}
a.foto img			{width: 100px; height: 66px; ;;text-decoration: none; border: 3px solid #1A1A1A}
a.foto:visited 		{text-decoration:none}
a.foto:hover 		{text-decoration: none; color:#2CA031}
a.foto:hover img		{text-decoration: none; border: 3px solid #2CA031}

table		{font-size:13px; color:#FFFFFF}
td			{vertical-align:top; margin-top:0px; padding-top:0px; }
input		{width:300px; font-size:13px}
input.knop	{width:100px}
textarea	{height:90px; width:300px;}