/* Stylesheet MHCH - Mixed Hockey Club Hoevelaken */
/*
Colors
light blue		d0dcf2 / cedaf2
dark blue		333366
orange		ff9900
light green	99cc00
dark green	669900

*/

html							{height: 100%;}
/*body						    {background: #d0dcf2 url(./images/body_bg.jpg) repeat-x center top; text-align: center; margin: 0; padding: 0; font-family: verdana; font-size: 11px;}*/
body						    {margin: 0; padding: 0; font-family: verdana; font-size: 11px;}
img							{border: 0;}
h1, h2, h3, h4	{font-family: times; color: #333366;}

h1							{font-size: x-large;}
h2							{font-size: large;}
h3							{font-size: medium;}
h4							{font-size: small;}

a								{color: #ff9900;}
a:hover					{color: #669900; text-decoration: none;}

.overall			{background: #d0dcf2 url(./images/body_bg.jpg) repeat-x center top; text-align: center; }

.container			{width: 990px; margin: auto; text-align: left; min-height: 920px; height: auto;}
.header					{border: 0px solid lime; background:  url(./images/header_bg.jpg) no-repeat center top; height: 185px; margin: auto;}

.header div				{clear: both;}

.menu1					{border: 0px solid lime; color: #333366; font-size: xx-small; padding: 5px 15px 0 0; height: 25px; text-align: right;}
.menu1 a					{border: 0px solid lime; color: #333366; text-decoration: none; white-space: nowrap; margin: 0 5px 0;}
.menu1 a:hover		{text-decoration: underline;}
.menu1 a.active	{background: #ff9900;}

.menu2					{border: 0px solid lime; height: 15px; padding: 8px 0 0 15px; margin: 66px 0 0 0; color: white; font-weight: bold; font-size: x-small; text-align: left;}
.menu2 a					{border: 0px solid lime; color: white; background: #333366; text-decoration: none; white-space: nowrap; height: 20px; margin: 0 5px;}
.menu2 a:hover		{text-decoration: underline;}
.menu2 a.active	{background: white; color: #ff9900;}

.gras						{border: 0px solid lime; color: white; height: 40px; padding: 0 20px 0 0; margin: 0; text-align: right; font-size: xx-small;}

.menu3						{border: 0px solid lime; border-bottom: 0px dashed #d0dcf2; color: #333366; display: inline-block; width: 180px; margin: 0 0 20px 0; padding: 0 0 10px 0; height: auto; float: left;}
.menu3 ul					{list-style-type: none; margin: 0; padding: 0;}
.menu3 li a					{border: 0px solid lime; color: #333366; display: block; text-decoration: none; white-space: nowrap; padding: 4px 0 4px 10px; margin: 10px 10px 0 0; border-top: 1px solid #FF9900; font-weight: bold;}
.menu3 .sub li a			{font-weight: normal; margin: 0 10px 0 0; padding: 2px 0 2px 20px; border: 0;}
.menu3 a:hover			{color: #ff9900;}
.menu3  a.active		{background: #d0dcf2 url(./images/arrow-down.gif) no-repeat center right;}
.menu3 .sub a.active		{background: #d0dcf2 url(./images/arrow-right.gif) no-repeat center right;}
.menu3 ul.inactive	{display: none;}
.menu3 ul.active		{display: block;}

.main						{border: 0px solid lime; padding: 10px; background: white url(./images/content_bg.jpg) repeat-y center top; height: auto; min-height: 1000px; overflow: auto;}
.content				{background: white; border: 0px solid lime; margin-left: 180px; height: auto;}
.content p				{line-height: 150%; margin: 10px;}
.content h1, .content h2, .content h3, .content h4, .content h5 {margin: 10px 10px 0 10px;}

	/* speciale content voor de teksten die geladen worden in een iframe. Deze hoeven geen margin-left van 180px */
.iframe_content				{background: white; border: 0px solid lime; height: auto;}
.iframe_content p				{line-height: 150%; margin: 10px;}
.iframe_content h1, .iframe_content h2, .iframe_content h3, .iframe_content h4, .iframe_content h5 {margin: 10px 10px 0 10px;}

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

.collumn-right	{float: right; width: 260px; height: auto; margin: 0 5px 20px 0; border-left: 1px solid #d0dcf2;}

.block					{width: 238px; height: auto; display: inline-block; padding: 0 10px; float: left;}
.block h1				{padding: 10px 0 0 40px;}
.block					{background: white url(./images/title_header_00.gif) no-repeat left top;}
.block#id01			{background: white url(./images/title_header_01.gif) no-repeat left top;}
.block#id02			{background: white url(./images/title_header_02.gif) no-repeat left top;}
.block#id03			{background: white url(./images/title_header_03.gif) no-repeat left top;}
.block#id04			{background: white url(./images/title_header_04.gif) no-repeat left top;}
.block#id05			{background: white url(./images/title_header_05.gif) no-repeat left top;}
.block#id06			{background: white url(./images/title_header_06.gif) no-repeat left top;}
.block#id07			{background: white url(./images/title_header_07.gif) no-repeat left top;}
.block#id08			{background: white url(./images/title_header_08.gif) no-repeat left top;}
.block#id09			{background: white url(./images/title_header_09.gif) no-repeat left top;}
.block#id10			{background: white url(./images/title_header_10.gif) no-repeat left top;}
.block#id11			{background: white url(./images/title_header_11.gif) no-repeat left top;}
.block#id12			{background: white url(./images/title_header_12.gif) no-repeat left top;}
.block#id13			{background: white url(./images/title_header_13.gif) no-repeat left top;}
.block#id14			{background: white url(./images/title_header_14.gif) no-repeat left top;}
.block#id15			{background: white url(./images/title_header_15.gif) no-repeat left top;}
.block#id16			{background: white url(./images/title_header_16.gif) no-repeat left top;}

h1#id01					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_01.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id02					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_02.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id03					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_03.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id04					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_04.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id05					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_05.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id06					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_06.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id07					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_07.gif) no-repeat left top; height: auto; overflow: auto;}
h1#id08					{padding: 10px 0 20px 60px; background: white url(./images/title_header_wide_08.gif) no-repeat left top; height: auto; overflow: auto;}

.news h2					{border-top: 1px dashed #d0dcf2; background: url(./images/arrow.gif) no-repeat left center; padding-left: 20px;}
.news .date			{font-style: italic; color: gray; margin: 10px 0 0 0; font-size: xx-small; display: block; border-bottom: 0px dashed #d0dcf2;}
.news p					{}
.news img				{float: right; margin: 20px;}
.news h1 a, .news h2 a				{color: #333366; text-decoration: none;}


form .contactform		{}
.contactform fieldset	{border: 0;}
.contactform div			{}
.contactform label		{width: 75px; display: inline-block; font-style: italic;}
.contactform input		{margin: 2px; font-size: x-small;}
.contactform textarea 	{margin: 2px; font-size: x-small; clear: both; display: block;}
.contactform .button		{}


form .loginform		{}
.loginform fieldset	{border: 0;}
.loginform label		{width: 100px; display: inline-block; font-style: italic;}
.loginform input		{margin: 2px; font-size: x-small;}
.loginform .button		{}

.loginmessage  {display: block; color: red;}

.footer					{border-top: 0px dashed #d0dcf2; height: 20px; padding: 35px 0 20px 0; font-size: xx-small; color: gray; text-align: center; clear: both; background: white url(./images/footer_bg.jpg) no-repeat center bottom;}
.footer a				{color: gray;}
.footer p				{margin: 0; padding: 0;}