/* CSS Document */

html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; background-color: #30020e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; }

a { color: #1a8e48; text-decoration: none; }
a:hover { color: #1a8e48; text-decoration: underline; }

#wrapper { position: absolute; min-height: 550px; width: 814px; margin:-275px 0px 0px -407px; top: 50%; left: 50%; text-align: left; background: #30020e; padding: 10px 20px; overflow: none; }
#header { position: relative; height: 139px; width: 814px; /*background: url(../../siteImg/header_nl.gif) no-repeat;*/  }
.NL { background: url(../../siteImg/header_nl.gif) no-repeat; }
.EN { background: url(../../siteImg/header_en.gif) no-repeat; }

#locCode1 { height: 42px;/* background: url(../../siteImg/divider.gif) top right no-repeat;*/  }
#locCode1 ul { margin: 0; padding: 0; line-height: normal; }
#locCode1 ul li { display: inline; margin-right: 24px; float: left; list-style: none; line-height: 40px; font-weight: bold; }
#locCode1 ul li a { font-size: 14px; display: block; text-decoration: none; color: #f66403; }
#locCode1 ul li a:hover, #locCode1 ul li a.selected { color: #dec6ce; }

#locCode2 { position: absolute; bottom: 14px; right: 0; width: 164px; font-family: Arial, Helvetica, sans-serif; z-index: 2; }
#locCode2 ul { margin: 0; padding: 0; line-height: normal; }
#locCode2 ul li { list-style: none; line-height: 21px; font-weight: bold; }
#locCode2 ul li a { font-size: 14px; display: block; text-decoration: none; color: #f66403; }
#locCode2 ul li a:hover, #locCode2 ul li a.selected { color: #dec6ce; }

#languages { position: absolute; top: 79px; left: -22px; width: 179px; height: 61px; background: url(../../siteImg/languages.gif) no-repeat; z-index: 1; }
#languages img { border: none; }
#languages #EN { position: absolute; top: 47px; left: 49px; }
#languages #NL { position: absolute; top: 46px; left: 113px; }

#content { min-height: 368px; }
#smallContent { float: left; width: 546px; padding: 20px 27px 20px 30px; min-height: 368px; color: #dec6ce; text-align: justify;  }
#region2 { float: right; width: 164px; min-height: 368px; color: #9a8389; }

#largeContent { float: left; width: 754px; padding: 20px 30px 20px 30px; min-height: 368px; color: #dec6ce; text-align: justify;  }
#programma #largeContent { padding: 20px 0 20px 0; }

table.kalender { width: 814px; padding: 0; margin: 0; border-width: 0; }
table.kalender .cel1 { width: 13%; }
table.kalender .cel2 { width: 19%; }
table.kalender .cel3 { width: 24%; }
table.kalender .cel4 { width: 24%; }
table.kalender .cel5 { width: 20%; }
/*table.kalender .cel5 a { color: #dec6ce; text-decoration: underline;  }
*/table.kalender th p, table.kalender td p { padding: 0; margin: 0; }
table.kalender th { text-align: left; font-size: 12px; height: 30px; vertical-align: top; padding: 0; padding-left: 5px; }
table.kalender td { font-size: 12px; line-height: 16px; color: #dec6ce; border-width: 0; padding: 5px; padding-right: 0; vertical-align: top; }
/*table.kalender td a { text-decoration: none;  }
*/table.kalender td.maand { font-size: 20px; color: #f66403; line-height: 28px; letter-spacing: 0.2em; border-bottom: 1px solid #dec6ce; border-top: 1px solid #dec6ce; padding: 0; text-indent: 2px; }
table.kalender tr.licht { /*background-color: #5d2f5c;*/ background-color: #3D063B; border-top: 1px solid #dec6ce; }


table.form_table { width: 420px; padding: 0; margin: 0; border-width: 0; }
table.form_table td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ded5de; border-width: 0; height: 22px; }
table.form_table .left { width: 190px;}
table.form_table input, table.form_table textarea, table.form_table select { background-color: #3d063b; border: 1px solid #744372; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dec6ce; }
table.form_table textarea { width: 246px; height: 75px}
table.form_table .button { width: 50%; background-color: #ded5de; color: #3d063b;  }

label { width: 100%; text-align: right; line-height: 22px;  }
.input { float: right; text-indent: 2px; }
.large { width: 250px; }
.medium { width: 120px; }
.date2 { width: 80px; }
.date1 { width: 45px; }

.form_table .errorField input, .form_table .errorField select, .form_table .errorField textarea { border: 1px solid #EA560A; color: #dec6ce; }
div.errorField { font-size: 12px; color: #EA560A; padding-bottom: 24px; }