/*
style sheet
ict voor de zorg
 */
/*
colors
green: c4d82d
blue: 28ace2
light gray: cdcccc
gray: 999999
dark gray: 4d4d4d
*/

/*div	{border: 1px dotted gray; margin: 2px;}*/

body 					{background: white; font-size: x-small; font-family: Verdana; color: black; margin: 0px; height: 100%;}

h1   						{color: #c4d82d; font-size: x-large;}
h2   						{color: #28ace2; font-size: large;}
h3   						{color: #4d4d4d; font-size: small;}
h4   						{color: #28ace2; font-size: x-small;}

h1#green, h1#blue, h1#gray		{height: 30px; padding-left: 20px; padding-top: 10px; font-size: small;}
h1#green										{color: #4d4d4d; background: #c4d82d url(../images/heading_back_green.gif) no-repeat left center;}
h1#blue											{color: white; background: #28ace2 url(../images/heading_back_blue.gif) no-repeat left center;}
h1#gray											{color: black; background: #999 url(../images/heading_back_gray.gif) no-repeat left center;}

p							{line-height: 150%;}
p.introduction	{font-weight: bold; line-height: 175%;}

a							{color: #28ace2; text-decoration: none; font-weight: bold;}
a:hover 				{color: #c4d82d; text-decoration: underline;}

#vier_blokken p { padding-left: 20px; }

.container		{min-height: 100%;}

.top					{height: 140px; background: black url(../images/top_back.jpg) no-repeat right bottom;}
.top img				{ border: 0px; }
.topmenu			{height: 20px; padding: 30px 15px 0 0; margin-left: 250px; text-align: right; color: white; background: #c4d82d url(../images/top_menu_back.jpg) no-repeat left center;}
.topmenu a			{color: white;}
.topmenu a:hover	{color: black;}
.title				{height: 65px; background: url(../images/title_back.jpg) no-repeat right top;}
.title-text		{width: 275px; height: 65px; text-align: right; background: #999 url(../images/title_text_back.jpg) no-repeat right center;}
.title-text h2	{margin: 0; padding: 0; padding-top: 10px; padding-right: 10px; color: black; font-size: small;}
.title-text h1	{margin: 0; padding: 0; padding-top: 5px; padding-right: 10px; color: white; font-size: x-large; font-weight: normal;}
.main					{border: 1px solid white;}
.left					{width: 300px; float: left; min-height: 750px; background: url(../images/left_back.jpg) no-repeat left top;}
.menu					{border: 0px solid red; margin: 25px 0 0 0; font-size: small; width: 300px;}
.menu div				{ height: 1.8em; }
.menu a				{ padding-top: 3px; color: black; padding-left: 25px; font-weight: bold; clear: both; display: block; height: 100%; }
.menu a:hover	{ text-decoration: none; }
.menuhover		{ background: #4d4d4d url(../images/menu_over_back.jpg); background-position: 0px -300px; }
.menuhover a		{ text-decoration: none; color: white;}
.submenu			{ clear: both; float: right; width: 150px; text-align: right; font-size: small; margin: 25px 0 0 0; display: none; position: absolute; left: 150px; }
.submenu div		{ height: 1.8em; }
.submenu a			{ padding-top: 5px; color: black; clear: right; font-weight: normal; font-size: x-small; display: block; height: 100%;  padding-right: 5px;}
.submenu a:hover	{ text-decoration: none;  }
.submenuhover	{ background: url(../images/submenu_back_green.gif); background-position: 200px -185px; }
.submenutophover{ background: url(../images/submenu_back.gif); background-position: 200px -185px; }
.content			{margin-left: 325px;} 

.footer				{border: 1px solid white; clear: both; text-align: center; font-size: xx-small; color: #999; margin: 10px 0; padding: 10px;}
.footer a			{color: #999; font-weight: normal;}