/* Clear some things... */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0px; padding: 0px; }
ul, ol { margin-left: 20px; }

img { border: none; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; font-size: 0px; line-height: 0px; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body {
	font-size: 13px; 
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f0e9e3;
}

#dynamic p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.2; margin-bottom: 8px; }
#dynamic .Normal, #dynamic .NormalDisabled { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.2; }

/* Border colors */
.red { border: solid 2px #d80000; }
.blue { border: solid 2px #0089d8; }
.yellow { border: solid 2px #fcff00; }
.green { border: solid 2px #1d9a00; }

h1, h1 .Head { text-transform: uppercase; color: #ebe4de; font-size: 18px; font-weight: bold; margin-bottom: 6px; }
h2, h2 .Head { text-transform: uppercase; color: #f4a436; font-size: 16px; font-weight: bold; padding-bottom: 4px; }

h4, h4 .Head { text-transform: none; color: #cc4e35; font-size: 13px; font-weight: bold; padding-bottom: 4px; }

#website a:link { color: #000; }
#website a:hover { color: #363636; }
#website a:visited { color: #202020; }

#mainRoot { text-align: center; }
#root { background-color: #FFF; width: 980px; margin: 0px auto; border-right: solid 1px #d6d6d3; border-left: solid 1px #d6d6d3; }
#wrapper { width: 956px; text-align: left; margin: 0px auto; }
#header { position: relative; }
#header #bannerImage { position: absolute; top: 16px; right: 7px; }
#website { background-image: url(../img/bg-inner.jpg); background-position: left top; background-repeat: repeat-y; }

#website.default #navigation { width: 205px; float: left; line-height: 1.4; }
#website.default #navigation a:hover { color: #cac4bf; }
#website.default #navigation ul { margin: 14px 0px 0px 0px; }
#website.default #navigation ul li { list-style: none; margin: 0px 0px 3px 4px; }
#website.default #navigation ul li a { display: block; padding: 8px 0px 10px 24px; background-color: transparent; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #ebe4de; text-decoration: none; background-image: url(../img/NavigationBackground.png); background-position: left top; background-repeat: no-repeat; }
#website.default #navigation ul li.CurrentItem a,
#website.default #navigation ul li.ParentCurrentItem a { color: #e57e01; }

#website.default #navigation ul li ul { display: none; margin: 0px 0px 0px 25px; }
#website.default #navigation ul li.CurrentItem ul,
#website.default #navigation ul li.ParentCurrentItem ul { display: block; }
#website.default #navigation ul li ul li { margin: 0px 0px 1px 0px; }
#website.default #navigation ul li.CurrentItem ul li a,
#website.default #navigation ul li.ParentCurrentItem ul li a { color: #6c180e; }
#website.default #navigation ul li ul li a:hover { color: #8d1a1a; }
#website.default #navigation ul li.ParentCurrentItem ul li.CurrentItem a { color: #e57e01; }
#website.default #navigation ul li ul li a { padding: 0px 0px 0px 24px; background-image: url(../img/SubnavBackground.jpg); font-size: 14px; color: #6c180e; }

	#website.default #navigation #uitDatabank { margin-left: 20px; }

#website.default #dynamic { float: left; }

#website.default .fullwidth { padding: 22px 5px 0px 18px; }
#website.default .fullwidth .contentpane { width: 710px; } /* 710 */
#website.default .center { width: 470px; float: left; margin: 0px 0px 0px 18px; }
#website.default .center .leftpane { padding-right: 9px; }
#website.default .right .rightpane { padding-left: 9px; }
#website.default #footer .center { margin: 0px 0px 0px 223px; } /* added the width of the navigation div to the margin-left */
#website.default .right { width: 240px; float: right; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; }

#website.default .firstcol,
#website.default .secondcol,
#website.default .thirdcol { width: 172px; float: left; margin-right: 6px; }
#website.default .fourthcol { width: 172px; float: left; }

#website #footer { background-image: url(../img/FooterBackground.png); background-repeat: repeat-y; background-position: left top; margin: 10px 0px 20px 0px; padding: 10px 0px 10px 0px; }
#website #footer a { color: #cc4e35; text-decoration: none; font-weight: bold; font-size: 14px; }
#website #footer a:hover { color: #ac3f2a; }
#website #footer ul { margin-left: 0px; }
#website #footer ul li { list-style: none; float: left; margin-right: 12px; }
#website #footer ul li a { text-transform: uppercase; display: block; padding: 0px 4px 0px 4px; }
#website #footer ul li.First a { padding: 0px 4px 0px 0px; }
#website #footer ul li ul li { float: none; }
#website #footer ul li ul li a { text-transform: none; font-weight: normal; font-size: 12px; }
#website #footer ul li ul li.First a { padding: 0px 0px 0px 4px; }

#website #footer .footerText { color: #ff7600; }
#website #footer .footerText .title { font-weight: bold; text-transform: uppercase; font-size: 12px; }
#website #footer .footerText .links { display: block; }
#website #footer .footerText a { color: #ff7600; text-decoration: underline; font-weight: normal; font-size: 12px; }
#website #footer .footerText a:hover { color: #dd6701; }

#footer #login {  font-size: 11px; clear: both; margin-left: 20px; }
#footer #login a { font-size: 11px; font-weight: bold; }

/* News */
.news {  }
.news .newsItem { background-color: #d5d5d5; border: solid 3px #FFF; padding: 8px; margin-bottom: 12px; }
.news .newsItem img { float: left; margin-top: 2px;  border: solid 1px #000; }
.news .newsItem div { margin-left: 114px; }
.news .newsItem .title { text-transform: uppercase; font-size: 18px; color: #440404; font-weight: bold; }
.news .newsItem .date { background-color: #440404; color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 4px 6px 4px 6px; }
.news .newsItem .intro { display: block; margin-top: 10px; }
.news .newsItem .link { display: block; }

/* NieuwsHome */
.nieuwsHome .nieuwsHomeItem {  }
.nieuwsHome .nieuwsHomeItem .title { font-weight: bold; font-size: 14px; }
.nieuwsHome .nieuwsHomeItem .intro { display: block; margin-top: 4px; }

.nieuwsHome a.allNews { color: #FFF; display: block; text-align: right; margin-top: 10px; }

/* Activities  --> Kalender overzicht */
.activiteiten { background-color: #d06852; margin-bottom: 20px; }
.activiteiten a { color: #000; }
.activiteiten a:hover { color: #6c1f14; }
.activiteiten ul { margin-left: 0px; border-top: solid 4px #6b1e13; }
.activiteiten ul li { list-style: none; background-color: #d06852; border-bottom: solid 1px #d47866; border-right: solid 1px #d26b55; border-left: solid 1px #d26b55; padding: 10px 8px 10px 8px; }
.activiteiten ul span.title { font-weight: bold; display: block; }
.activiteiten ul span.date { color: #610e07; }
.activiteiten ul span.intro { display: inline; }

/* Activities --> Kalender one-page */
.gemeenteActiviteiten .activiteit { background-color: #d5d5d5; border: solid 3px #FFF; padding: 8px; margin-bottom: 12px; }
.gemeenteActiviteiten .activiteit img { float: left; margin-top: 2px; border: solid 1px #000; }
.gemeenteActiviteiten .activiteit div { margin-left: 114px; }
.gemeenteActiviteiten .activiteit .title { text-transform: uppercase; font-size: 18px; color: #440404; font-weight: bold; }
.gemeenteActiviteiten .activiteit .date { background-color: #440404; color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 4px 6px 4px 6px; }
.gemeenteActiviteiten .activiteit .intro { display: block; margin-top: 10px; }

/* Pager */
#pager { text-align: right; }
#pager a:link { font-size: 12px; color: #FFF; font-weight: bold; }
#pager a:hover { color: #CCC; }
#pager a:visited { color: #999; font-weight: bold; }
#pager #currentPage { font-size: 14px; color: #ff9000; font-weight: bold; }

/* Kalender (.kalenderContainer) */
.kalenderSearch { background-color: #d06852; margin-bottom: 20px; margin-top: 20px; }
.kalenderSearch a { color: #000; }
.kalenderSearch a:hover { color: #6c1f14; }
.kalenderSearch ul { margin-left: 0px; border-top: solid 4px #6b1e13; }
.kalenderSearch ul li { list-style: none; background-color: #d06852; border-bottom: solid 1px #d47866; border-right: solid 1px #d26b55; border-left: solid 1px #d26b55; padding: 10px 8px 10px 8px; }
.kalenderSearch ul span.title { font-weight: bold; display: inline; }
.kalenderSearch ul span.date { color: #610e07; }

.calendar .searchPanel p.searchField {  }
.calendar input { border: solid 1px #a4200e; padding: 4px; background-color: #d6857a; }
.calendar input { width: 100%; background-color: #d6857a; }
.calendar .searchField .dropDownList { margin-left: 4px; border: solid 1px #a4200e; padding: 4px; width: 140px; background-color: #d6857a; }
.calendar .searchField label { font-weight: bold; }
.calendar #dnn_ctr4026_ViewCalendar_ViewSchedule_radBeforeDateTime_dateInput_text { border: solid 1px #a4200e; padding: 4px; background-color: #d6857a; }
.calendar #dnn_ctr4026_ViewCalendar_ViewSchedule_radAfterDateTime_dateInput_text { border: solid 1px #a4200e; padding: 4px; background-color: #d6857a; }

/* kalenderDetail */
.kalenderDetail { background-color: #d06852; padding: 8px; margin-bottom: 12px; }
.kalenderDetail .detailImage { float: right; margin-left: 15px; margin-bottom: 10px; }

/* nieuwsDetail */
.nieuwsDetail { background-color: #d06852; padding: 8px; margin-bottom: 12px; }
.nieuwsDetail .detailImage { float: right; margin-left: 15px; margin-bottom: 10px; }

/* Containers */
.topBorderContainer { padding: 10px 0px 0px 0px; margin: 0px 5px 10px 0px; border-top: solid 4px #6b1e13; }
.defaultContainer .content { background-color: #d06852; border-top: solid 4px #6b1e13; padding: 8px; margin-bottom: 12px; }
.default_nobg .content { border-top: solid 4px #6b1e13; padding: 8px; margin-bottom: 12px;  }

.DNNEmptyPane { display: none; }


.Eloket .intro { margin-bottom: 10px;}
.Eloket input{ width: 350px; margin: 2px; }
.Eloket textarea { width: 100%; margin: 2px; }
.Eloket .checkbox input { margin-left: 130px; width: 20px; border: solid 1px black;}
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../img/eloket/ContentGradientReverse.png) repeat-x bottom left;}
.Eloket legend{ padding: 0 10px; font-size:14px; }
.Eloket label, .Eloket .person .fieldName { float: left; width:120px;	margin-right:10px; display:block;  text-align:left; }
.Eloket label.checkbox { float: none; display: inline;}
.Eloket .person input { width: 150px; margin-right: 8px;}
.Eloket p {clear:both; margin: 10px 0;}
.Eloket .labelHeader { margin-left: 132px;}
.Eloket .labelHeader .personLabelLeft,
.Eloket .labelHeader .personLabelCenter,
.Eloket .labelHeader .personLabelRight { float: left; width: 155px; }
.Eloket .radiobuttonList input { width: 20px;}
.Eloket .radiobuttonList label { float: none; display: inline;}
.Eloket .login { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../img/eloket/Warning.png) no-repeat 10px 10px;}
.Eloket .userInfo { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../img/eloket/Profile.png) no-repeat 10px 10px;}
.Eloket a.button { border: 0 solid white; overflow: hidden; font-size: 14px; font-weight: bold; color: white; text-decoration: none; display: block; width: 151px; height: 32px; background: url(../img/eloket/ButtonGray.jpg) no-repeat top left; text-align: center; padding: 5px 0;}
.Eloket a.button:hover { background: url(../img/eloket/ButtonGrayOver.jpg) no-repeat top left; }