@charset "utf-8";
@import "clevercms.css";

body 		{margin: 0px 0 0 0; background-color:#676767; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; line-height:18px; }
p			{padding:0px 0px 18px 0px; margin:0px;}
img			{border:0;}
hr			{height:1px; color:#E9E9E7;}
a			{font-weight:normal; text-decoration:underline; color:#000;}
a:hover		{font-weight:normal; text-decoration:underline; color:#666666;}
form		{padding:0px; margin:0px; border:0px; }
div			{text-align:left;}

h1				{padding:0px 0px 0px 0px; margin:0px; font-size:22px; font-weight:bold; color:#87888a; padding:0px 0px 5px 0px; width:696px; border-bottom:1px solid #87888a;}
h2				{padding:0px 0px 0px 0px; margin:0px; font-size:16px; font-weight:bold; color:#004687; padding:17px 0px 5px 0px;}
h3				{padding:0px 0px 0px 0px; margin:0px; font-size:12px; font-weight:bold; color:#000000; padding:17px 0px 5px 0px;}
h4				{padding:0px 0px 0px 0px; margin:0px; font-size:12px; font-weight:bold; color:#004687; padding:17px 0px 5px 0px;}

.container 		{position:absolute; width:980px; left: 50%; margin-left: -490px; background:url(../img/bg.jpg) #ffffff bottom; }
.menu 			{width:241px; float:left; min-height:705px;}
.menuitems 		{margin:0px 0px 0px 20px; padding:0;}
.menuitems ul	{width:215px; background:url(../img/menubg.jpg) #004687; margin:0px; padding:0px;}
.menuitems ul li{margin:0px; padding:0px 0px 0px 8px; list-style:none; font-size:12px;}
.menuitems ul a {text-decoration:none;}
.menuitems ul a:hover {text-decoration:underline;}
.menuitems .m1	{width:31px; height:13px; background-color:#989000; margin:2px 6px 0px 0px; float:left;}
.menuitems .aan { font-weight: bold; }
.menuitems .m2	{width:31px; height:13px; background-color:#aea537; margin:2px 6px 0px 0px; float:left;}
.menuitems .m3	{width:31px; height:13px; background-color:#c3bb68; margin:2px 6px 0px 0px; float:left;}
.menuitems .m4	{width:31px; height:13px; background-color:#d8d29a; margin:2px 6px 0px 0px; float:left;}
.menuitems .m5	{width:31px; height:13px; background-color:#ebe8cc; margin:2px 6px 0px 0px; float:left;}
.menuitems .m6	{width:31px; height:13px; background-color:#cfdcfe; margin:2px 6px 0px 0px; float:left;}
.menuitems .m7	{width:31px; height:13px; background-color:#ccd1e4; margin:2px 6px 0px 0px; float:left;}
.menuitems .m8	{width:31px; height:13px; background-color:#9aa8cb; margin:2px 6px 0px 0px; float:left;}
.menuitems .m9	{width:31px; height:13px; background-color:#6781b1; margin:2px 6px 0px 0px; float:left;}
.menuitems .m10	{width:31px; height:13px; background-color:#2f609a; margin:2px 6px 0px 0px; float:left;}
.menuitems .m11	{width:31px; height:13px; background-color:#004687; margin:2px 6px 0px 0px; float:left;}


.inhoudkaart	{z-index:1; position:absolute; width:730px; padding: 60px 0 0 0; height:645px; float:left; background: #ACE0F0;}
.inhoudhome		{z-index:2; position:absolute; width:696px; padding:17px; float:left;}
.inhoud			{width:696px; padding:17px; float:left; min-height:705px; height:auto !important; /* voor moderne Browser */ height:705px; /*voor IE6 */}
.inhoudhomalg	{width:696px; float:left; height:705px;}

.inhoud .kolomlinks		{ width: 320px; float: left; }
.inhoud .kolommidden	{ width: 40px; float: left; }
.inhoud .kolomrechts	{ width: 320px; float: left; }

.homeblok		{ position: absolute; left: 483px; padding:5px 0px 0px 0px;}
.homeblok-inh	{background:url(../img/home_blok_bg.png);  width:217px; padding:0px 15px 10px 15px;}
.homeblok-inh h1{margin:0px; font-size:22px; font-weight:bold; color:#bfbd00; width:217px; padding:0px 0px 5px 0px; border-bottom:0px;}
.homeblok-top	{background:url(../img/home_blok_top.png); width:247px; height:20px;}
.homeblok-bot	{background:url(../img/home_blok_bot.png); width:247px; height:28px;}


.inhoudlinks	{width:456px; float:left; padding-right:20px; }
.inhoudlinks h1 {margin:0px; font-size:22px; font-weight:bold; color:#bfbd00; padding:0px 0px 5px 0px; width:496px; border-bottom:0px;}
.inhoudrechts	{width:220px; float:left; }
.inhoudrechts h1{margin:0px; font-size:22px; font-weight:bold; color:#bfbd00; padding:0px 0px 5px 0px; width:200px; border-bottom:0px;}
.inhoudrechtsblauw		{width:210px; float:left; color:#ffffff; background-color:#004687; padding:5px;}
.inhoudrechtsblauw h2	{width:200px; margin:0px; font-size:22px; font-weight:bold; color:#ffffff; padding:0px 0px 5px 0px;  border-bottom:0px;}

.aanmeldform { width: 100%; padding: 20px 0; margin: 10px 0; border-bottom:1px solid #87888a; border-top:1px solid #87888a; }
.aanmeldform td { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.aanmeldform .tekstveld				{ float: left; width: 160px; min-height:20px; vertical-align:top; padding: 3px 0px 5px 0px;}
.aanmeldform .invoerveld			{float: left; width: 430px;  padding: 3px 0px;}
.aanmeldform .formtekst			{background: #DEDC90; border:0px; height:20px; font-family: Arial; padding:3px 0px 0px 0px; font-size: 12px; color: #004687;}
.aanmeldform .invoerveld label		{margin-top:0px; margin-right:15px;}
.aanmeldform .formtekstveld			{border:1px solid #CCCCCC; width:300px; height:150px; font-family: Arial; font-size: 12px; color: #666666;}
.aanmeldform .formbestand			{border:1px solid #CCCCCC; width:200px; font-family: Arial; font-size: 12px; color: #666666; }
.aanmeldform .invoerveld_submit		{margin-top:0px;}
.aanmeldform .formverzenden			{float:left; background: #004687; color:#ffffff; border:0; font-family: Arial; font-size: 12px; font-weight: bold; cursor:pointer; margin-right:20px; padding: 1px 10px;}
.aanmeldform .formbutton			{float:left; background: #004687; color:#ffffff; border:0; font-family: Arial; font-size: 12px; font-weight: bold; cursor:pointer; padding: 0px 10px; }
.aanmeldform .clear					{clear:both;}

.deelnemers {float: left; width: 600px; }
.deelnemers .rijtop { float: left; width: 600px; font-weight: bold; color:#004687; padding: 2px 0; }
.deelnemers .rij 		{ float: left; width: 600px; padding: 2px 0; }
.deelnemers .nummer	{ float: left; width: 30px; }
.deelnemers .aanhef	{ float: left; width: 170px; }
.deelnemers .naam		{ float: left; width: 200px; }
.deelnemers .functie{ float: left; width: 150px; }
.deelnemers .groep	{ float: left; width: 50; }
.deelnemers .formtekst			{background: #DEDC90; border:0px; height:20px; font-family: Arial; padding:3px 0px 0px 0px; font-size: 12px; color: #004687;}
.deelnemers .extrafield { display: none; }
.deelnemers .meerdeelnemers { float: left; width: 290px; text-align: right; padding: 2px 6px 2px 0px; }
.deelnemers .meerdeelnemers a { color: #004687; font-weight: bold; }
.deelnemers .meerdeelnemers a:visited { color: #004687; font-weight: bold; }
.deelnemers .meerdeelnemers a:active { color: #004687; font-weight: bold; }
.deelnemers .meerdeelnemers a:hover { color: #004687; font-weight: bold; text-decoration: none; }
.deelnemers .verzenden { float: left; width: 300px; padding: 10px 0px; }
.deelnemers .verzenden .formverzenden { float:left; background: #004687; color:#ffffff; border:0; font-family: Arial; font-size: 12px; font-weight: bold; cursor:pointer; margin-right:20px; padding: 1px 10px;}