@charset "UTF-8";

/* 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: 0; padding: 0; }
/*table, caption, tbody, tfoot, thead, tr, th, td*/

img { border: 0;}

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

/* General styling */
body { background: #006b9a url(../Images/BackgroundGradient.png) repeat-x top left; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.4; color: #2c2c2c;}
td, div, p { font-family: Arial,Helvetica; font-size: 12px; font-weight: normal; }
.Normal, .NormalDisabled { font-family: Arial,Helvetica; font-size: 12px; font-weight: normal; }

h1, h2 { border-bottom:solid 1px #d6d6d6; }
h1, h1 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 22px; line-height:28px; color: #006b9a; margin-bottom: 13px; font-weight: normal;} /*  padding-right:75px; weggedaan want anders font enorm groot (9/11/09) */
h2, h2 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 19px; color: #8cc30c; margin-bottom: 7px; font-weight: normal;}
h3, h3 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 16px; color: #006b9a; margin-bottom: 5px; font-weight: normal;}
h4, h4 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 14px; color: #2c2c2c; margin-bottom: 5px; font-weight: normal;}
h5, h5 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 13px; color: #006b9a; font-weight: normal; margin-bottom: 5px; font-weight: normal;}
h6, h6 .Head { font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 12px; color: #2c2c2c; font-weight: normal; font-style: italic; font-weight: normal;}
.RightPane .Head { margin:5px; font-family: Futura, Helvetica, Verdana, sans-serif; font-size: 19px;  }


a, a:link, a:visited { text-decoration: underline; color: #4c97b8;}
a:hover { color: #2c2c2c; }
p { margin: 0 0 15px 0;}
ul, ol { margin: 0 0 15px 25px;}

/* Custom Styling */
#wrapper { background: transparent url(../Images/HeaderBackground.png) no-repeat top center; z-index: 1;}

#header { width: 995px; height: 160px; margin-left: auto; margin-right: auto; position: relative;}
#header div { position: absolute;}
#header a { text-decoration: none; color: #006b9a; }
#header ul,
#header ol { margin: 0;}
#header #languages { top: 4px; right: 15px;}
#header #languages li { list-style: none; display: inline;}
#header #languages li a { color: #00557a;}
#header #languages li img {margin: 0 3px 0 5px;}
#header #quicknavigation { top: 119px; left: 227px;}
#header #quicknavigation li { list-style: none; float: left;}
#header #quicknavigation li a { display: block; height: 29px; padding: 12px 18px 0 18px; border-right: solid 1px #3c8eb2;}
#header #quicknavigation li.CurrentItem a { background-color:white;}
#header #quicknavigation li.last a { border-right: none;}
#header #headerImage { left: 197px; top: 25px; width: 807px; height: 93px; }
#header #functionality { left: 210px; top: 4px; text-transform: uppercase; }
#header #functionality li { list-style: none; display: inline;}
#header #functionality a { color: #00557a;}
#header #functionality img {margin: 0 3px 0 5px;}
#header #functionality #stylesheetSwitcher .on { display: none;}

#search { right: 0; top: 119px; margin: 10px 10px 0 0; background:url(../Images/SearchBackground.png) no-repeat; }
#search input, #search label { visibility: hidden; display: none; }
#search .NormalTextBox { visibility: visible; display: inline; border:none; background-color: transparent; vertical-align:top; height: 20px; width: 135px; padding: 4px; }
/* #search .searchButton { position:relative; left: -3px; top: -3px; cursor:pointer; } */
#search a { margin-left: 5px;}
#search a.search img { position: relative; left: -12px; top: 3px; cursor: pointer; }


#main { width: 995px; background-color: #FFF; margin-left: auto; margin-right: auto; position: relative;}

#shadow { position: absolute; top: -6px; left: -6px; }
#shadow #t { position: absolute; height: 11px; width: 1007px; background: url(../Images/ShadowTop.png) no-repeat left top;}
#shadow #l { position: absolute; top: 11px; width: 6px; background: url(../Images/Shadow2.png) repeat-y left top; }
#shadow #r { position: absolute; top: 11px; left: 1001px;  width: 6px; background: url(../Images/Shadow2.png) repeat-y right top; }
#shadow #b { position: absolute;  width: 1007px; height: 11px; background: url(../Images/ShadowBottom.png) no-repeat left top; }

#main #left { float: left; width: 180px; padding: 10px;}
#main #left ul,
#main #left ol { margin: 0;}
#main #left #navigation li { list-style: none;}
#main #left #navigation li a { background: url(../Images/NavigationArrowClosed.png) no-repeat right center; display: block; border-bottom: 1px solid #dcdcdc; text-decoration: none; padding: 10px 0 2px 0; color: #006b9a; }
#main #left #navigation li a:hover { color: #2c2c2c;}
#main #left #navigation li ul { display: none; background-color:#f0f0f0; }
#main #left #navigation li.CurrentItem a,
#main #left #navigation li.ParentCurrentItem a { background: url(../Images/NavigationArrowOpen.png) no-repeat right center; }
#main #left #navigation li.CurrentItem ul, 
#main #left #navigation li.ParentCurrentItem ul { display: block; }
#main #left #navigation li.CurrentItem ul li a, 
#main #left #navigation li.ParentCurrentItem ul li a { background: none; border-bottom: none; padding: 2px 0 2px 10px;}
#main #left #navigation li.CurrentItem ul li a:hover, 
#main #left #navigation li.ParentCurrentItem ul li a:hover { text-decoration: underline; }
#main #left #navigation li.ParentCurrentItem ul li.CurrentItem a, 
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem a,
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem ul li.CurrentItem a,
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem ul li.ParentCurrentItem a { text-decoration: underline;}
#main #left #navigation li.CurrentItem ul li ul, 
#main #left #navigation li.ParentCurrentItem ul li ul { display: none; }
#main #left #navigation li.ParentCurrentItem ul li.CurrentItem ul,
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem ul { display: block;}
#main #left #navigation li.ParentCurrentItem ul li.CurrentItem ul li a,
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem ul li a { padding: 2px 0 2px 20px; font-size: 11px; line-height: 1; color: #666;  text-decoration: none;}
#main #left #navigation li.ParentCurrentItem ul li.CurrentItem ul li a:hover,
#main #left #navigation li.ParentCurrentItem ul li.ParentCurrentItem ul li a:hover { color: #2c2c2c; text-decoration: underline; }

#main #left #extranavigation { margin-top: 20px;}
#main #left #extranavigation li { list-style: none;}
#main #left #extranavigation li a { display: block;}

/* RIGHT NAVIGATION
#main #content .RightPane #navigationLevel4 { margin: 0 0 10px 0;}
#main #content .RightPane #navigationLevel4 li { list-style: none;}
#main #content .RightPane #navigationLevel4 li a { background: url(../Images/NavigationArrowRightClosed.png) no-repeat left center; display: block; border-bottom: 1px solid #dcdcdc; text-decoration: none; padding: 10px 0 0 17px; color: #006b9a; }
#main #content .RightPane #navigationLevel4 li a:hover { color: #2c2c2c;}
*/

.DNNEmptyPane { visibility: hidden; display: none;}

#main #content { float:left; width: 775px; background: transparent url(../Images/ContentGradient.png) repeat-x top left; padding: 10px;}
#main #content .TopPane { margin-bottom: 10px; }
#main #content .ContentPane { width: 520px; float: left; margin-bottom: 10px; }
#main #content .ContentTopPane { margin-bottom: 10px;}
#main #content .ContentLeftPane { width: 255px; float: left; padding-right: 10px; margin-bottom: 10px; }
#main #content .ContentRightPane { margin-left: 265px; margin-bottom: 10px;}
#main #content .ContentBottomPane { clear: both; margin-bottom: 10px;}
#main #content .RightPane { margin-left: 530px; margin-bottom: 10px; }
#main #content .BottomPane { clear:both; }

/* Breadcrumb + Forth level of navigation */
#main #content #precontent { display: none; visibility: hidden;} /* HIDE AT STARTUP */
#main #content #precontent { position: relative; top: -7px; margin-bottom: 10px;}

#main #content #breadcrumbs,
#main #content #breadcrumbs * { font-weight: normal; font-size: 11px; color: #888;}
#main #content #breadcrumbs a,
#main #content #breadcrumbs a:link { color: #888; text-decoration: underline;}
#main #content #breadcrumbs a:hover { color: #2c2c2c; text-decoration: underline;}

#main #content #navigationLevel4 { margin: 10px 0 0 0; }
#main #content #navigationLevel4 .title { display: block; font-weight: bold; text-decoration: none; padding: 3px 5px; color: #fff; background: #7fb5cc url(../Images/NavigationBlocksHeaderBG.png) repeat-x top; }
#main #content #navigationLevel4 .inner { background-color: #cce1eb; padding: 8px; }
#main #content #navigationLevel4 ul { margin: 0; padding: 0; width: 33%; }
#main #content #navigationLevel4 ul#column1,
#main #content #navigationLevel4 ul#column2,
#main #content #navigationLevel4 ul#column3 { float: left; }
#main #content #navigationLevel4 ul li { list-style: none;}
#main #content #navigationLevel4 ul li a { background: url(../Images/NavigationArrowClosed.png) no-repeat 0px 3px; display: block; text-decoration: underline; padding: 1px 5px 0 15px; color: #2c2c2c; }
#main #content #navigationLevel4 ul li a:hover { color: #4c97b8; text-decoration:underline;}
#main #content #navigationLevel4 ul li.CurrentItem a,
#main #content #navigationLevel4 ul li.ParentCurrentItem a { font-weight: bold; }


/* NavigationBlocks */
.navigationBlock { clear: left; margin: 0;}
.navigationBlock li { list-style: none; display: block; width:249px; float:left; margin: 0 11px 11px 0;}
/* Edit: overflow: hidden / height: 16px; zo breken dubbele lijnen af */
.navigationBlock li a { display: block; font-weight: bold; text-decoration: none; overflow: hidden; height: 16px; padding: 3px 5px; color: #fff; background: #7fb5cc url(../Images/NavigationBlocksHeaderBG.png) repeat-x top; } /* height: 40px; */
.navigationBlock li.block3 { margin: 0 0 11px 0;}
.navigationBlock li ul { margin: 0; background-color: #cce1eb; padding: 8px; }
.navigationBlock li ul li {display: block; width:auto; height:auto; float: none; margin: 0 ; border: none; background: none;}
.navigationBlock li ul li a { background: url(../Images/NavigationArrowClosed.png) no-repeat 0px 3px; font-weight: normal; padding: 1px 0 0 15px; color: #2c2c2c; text-decoration:underline; } /*height: auto; */
.navigationBlock li ul li a:hover { color: #4c97b8; text-decoration:underline; }
.navigationBlock li ul li a.more { background: url(../Images/NavigationArrowClosed.png) no-repeat 0px 3px; color: #4c97b8;}
.navigationBlock li ul li a.more:hover { color: #2c2c2c; text-decoration: none;}
.dubbleBorder {border: solid 1px #dbdbdb; padding:1px;}

/* Footer */
#main #footer { clear: both; background: #8cc30c url(../Images/FooterGradient.png) repeat-x top left; height: 120px; position: relative; color: #466107; }
#main #footer div { position: absolute; padding: 10px; }
#main #footer a { color: #466107;}
#main #footer a:hover { color: #233000;}
#main #footer ul,
#main #footer ol { margin: 0;}
#main #footer #adres { width: 180px; top: 2px; background: url(../Images/FooterSeparator.png) no-repeat top right;}
#main #footer #quicknavigation { left: 200px; top: 2px; font-weight: bold;}
#main #footer #copyright { left: 200px; bottom: 0;}
#main #footer #login { right: 0; bottom: 0;}
#main #footer #languages { right: 0; top: 2px; font-weight: bold;}
#main #footer #quicknavigation a { margin-right: 10px; text-decoration: none;}
#main #footer #languages a { margin-left: 5px; text-decoration: none;}


/* Containers */
.defaultContainer, 
.greenContainer,
.redContainer,
.blueContainer { float: left; width: 100%; margin-bottom: 10px; position: relative;}
.defaultContainer .footer, 
.greenContainer .footer,
.redContainer .footer,
.blueContainer .footer { float: right; text-align: right;}
.defaultContainer .actions { float: left;}
.greenContainer { background: #a3cf3d url(../Images/ColorContainerBack.png) bottom right; border: #a5a5a5 solid 1px; }
.redContainer { background: #9d0c15 url(../Images/ColorContainerBack.png) bottom right; border: #a5a5a5 solid 1px; color: #fff; }
.blueContainer { background: #4c97b8 url(../Images/ColorContainerBack.png) bottom right; border: #a5a5a5 solid 1px; }
.greenContainer .title .Head, 
.redContainer .title .Head, 
.blueContainer .title .Head { display:block; background: none; font-family: Arial, sans-serif; font-size: 12px; color: #2c2c2c; border-bottom: solid 1px #a5a5a5; margin-bottom: 4px; font-weight: bold; padding: 6px 3px 5px 3px;}
.greenContainer .containerContent, 
.redContainer .containerContent, 
.blueContainer .containerContent { padding: 3px 0 3px 3px;}
.greenContainer a, .greenContainer a:link,
.blueContainer a, .blueContainer a:link { color: #000; }
.greenContainer a:hover,
.blueContainer a:hover { color: #333; }
.redContainer a, .redContainer a:link{ color: #fff; }
.redContainer a:hover { color: #fff; }

.rssButton { display: block; width: 16px; height: 16px; position: absolute; top: 3px; right: 3px;}

.printOnly { display: none; }

/* News */
#news .hotItem { clear: both; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; margin-bottom: 5px;}
#news .hotItem img { border: 1px solid #acacac; float:left;}
#news .hotItem div { margin-left: 100px; }
#news .hotItem .title a{ text-decoration:none; font-size: 15px; color: #2c2c2c; border-bottom: 1px solid #4c97b8; }
#news .hotItem .title a:hover { color: #4c97b8; text-decoration:none; }
#news .hotItem .date { color: #4c97b8; }
#news .hotItem .intro { display: block;}
#news .smallItem { clear: both; margin-bottom: 2px;}
#news .smallItem .date { display:block; float:left; color: #4c97b8; width: 95px; padding-right: 5px; text-align: right;}
#news .smallItem a { text-decoration: none; border-bottom: 1px solid #4c97b8; color: #2c2c2c;}
#news .smallItem a:hover { color: #4c97b8; text-decoration:none; }

#newsDetail img { border: 1px solid #acacac; float:right; margin: 0 0 5px 5px; }
#newsDetail .date { color: #4c97b8; display: block; position: relative; top: -5px; font-style: italic;}

/* News small */
#newsSmall .smallItem {  }
#newsSmall .smallItem .date { font-style: italic; color: #999; }

/* Back Tab for News-, Calender-, YellowPages Detail */ 
#backTab a img { float: left; }
#backTab a { position: absolute; top: 3px; right: 0px; color:#2c2c2c; text-decoration: none; display:block;  padding: 5px; background: #dcdcdc url(../Images/TabShadow.png) repeat-x left bottom;}
#backTab a:hover { background: #cccccc url(../Images/TabShadow.png) repeat-x left bottom; }

/* Calendar */
.calendar .hotItem { clear: both; margin-bottom: 10px;}
.calendar .hotItem .date { margin-right: 5px; width: 31px; height: 36px; background: url(../Images/CalendarDateBG.png) no-repeat; float: left; text-align: center; font-weight: bold;}
.calendar .hotItem .date .month { text-transform: uppercase; font-size: 9px; margin-top: -6px;}
.calendar .hotItem .date .day { font-size: 17px; margin-top: 6px;}
.calendar .hotItem .intro { margin-left: 36px; color: #707070;}
.calendar .hotItem .title a{ text-decoration: none; border-bottom: 1px solid #dcdcdc; color: #2c2c2c; }
.calendar .hotItem .title a:hover { color: #8cc30c; text-decoration:none; }
.calendar h4 { font-size: 16px; color: #8cc30c; margin-bottom: 5px; font-weight: normal;}
.calendar .item { clear: both; margin-bottom: 5px; }
.calendar .item .time { float: left;}
.calendar .item .info { margin-left: 75px;}
.calendar .item .intro { color: #707070;}
.calendar a.MoreLink { font-weight: bold; color:#8cc30c; background: url(../Images/ArrowGreen.png) no-repeat right; padding: 3px 10px 3px 0; text-decoration:none; }
.calendar a.MoreLink:hover { color:#2c2c2c;}

.searchPanel { border:1px solid #cecece; padding:10px 10px 0 10px; margin-bottom: 10px; background: transparent url(../Images/ContentGradientReverse.png) repeat-x bottom left; margin-bottom: 10px; }
.searchPanel .searchField { clear: left;}
.searchPanel .searchField label { float: left; width:100px;	margin-right:10px; display:block;  text-align:left; }
.searchPanel .searchButtons {margin-left: 110px;}
.searchPanel input, .searchPanel textarea, .searchPanel .dropDownList { width: 350px; margin: 0px; }

.searchPanel a { color: #2c2c2c;}
.searchPanel a:hover { color: #000000;}
/*
.searchPanel a.button { border: 0 solid white; overflow: hidden; font-size: 12px; font-weight: bold; color: white; text-decoration: none; display: block; width: 151px; height: 32px; background: url(../Images/ButtonGray.jpg) no-repeat top left; text-align: center; padding: 5px 0;}
.searchPanel a.button:hover { background: url(../Images/ButtonGrayOver.jpg) no-repeat top left; }
*/

.searchButtons a.searchButton,
.searchPanel a.button { border: 1px solid #AAA; font-size: 12px; font-weight: bold; color: white; text-decoration: none; background-color: #CCC; padding: 5px; margin-right: 10px;}
.searchButtons a.searchButton:hover,
.searchPanel a.button:hover { border: 1px solid #999; background-color: #AAA; }

.AddEvent { float:right; }
.AddEvent a { border: 1px solid #AAA; font-size: 12px; font-weight: bold; color: white; text-decoration: none; background-color: #a3cf3d; padding: 5px;}
.AddEvent a:hover { border: 1px solid #999; background-color: #87ad2e; }

#calendarDetail .date { color: #4c97b8; display: block; position: relative; top: -5px; font-style: italic;}

/* Afvalkalender */
#afvalkalender #output table { padding: 0; margin: 0; border-width: 0; border: #a5a5a5 solid 0px; border-collapse: collapse;} 
#afvalkalender #output table table { padding: 0; margin-right: 0; border: #a5a5a5 solid 1px; border-collapse: collapse;} 

#afvalkalender #output table th { background-color: #a3cf3d; color: white;}
#afvalkalender #output table td { vertical-align: top; text-align: center;}
#afvalkalender #output table td.date { width: 20px; background-color: #EEEEEE;}
#afvalkalender #output table tr.weekend td { background-color: #DDDDDD;}
#afvalkalender #output table tr.today td { background-color: #c8e28b;}
#afvalkalender #output table a { text-decoration: none; color: #2c2c2c; padding: 5px;}

/* Links */

.DNN_LinksContent .LinksDesignTable { padding: 0; margin: 0;}
.DNN_LinksContent .LinksDesignTable td { background: url(../Images/ArrowGreen.png) no-repeat left; padding: 1px 0 1px 10px; }
.DNN_LinksContent .LinksDesignTable a { text-decoration: none; border-bottom: 1px solid #dcdcdc; color: #2c2c2c;  }
.DNN_LinksContent .LinksDesignTable a:hover { color: #8cc30c; text-decoration:none; }

/* Contact gegevens */
.contactGegevens { margin-top: 10px; }
.contactGegevens p { margin: 10px 0 0 0;}
/* .contactItem { margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #CCC; } */
.contactItem { margin-bottom: 15px; }

/* login box */
.LoginPanel label a { visibility: hidden; display: none;}

/* E-loket */
.eloketList {list-style: none; margin: 0; padding: 0;}
.eloketList li { list-style: none; display: block; }
.eloketList li a,
.eloketList li a:link,
.eloketList li a:visited { color: #2c2c2c; text-decoration:none; display: block; margin-bottom: 5px; padding: 5px 3px 4px 23px; border: solid 1px #cecece; background: white url(../Images/Icons/page_white_edit.png) no-repeat 3px 5px;}
.eloketList li a:hover { color: #000; background: #cecece url(../Images/Icons/page_white_edit.png) no-repeat 3px 5px; border: solid 1px #aaaaaa;}


.Eloket .intro { margin-bottom: 10px;}
.Eloket input { width: 350px; margin: 2px; }
.Eloket textarea { height: 100px; width:350px; }
.Eloket p.groot textarea { height: 250px; }
.Eloket .checkbox input { margin-left: 0px; width: 20px; border: solid 0px black;} /* margin-left: 130px;*/
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../Images/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; width: 600px; } /* width: 600px; 25/01/10 */
.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(../Images/Icons/Warning.png) no-repeat 10px 10px;}
.Eloket .userInfo { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../Images/Icons/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(../Images/ButtonGreen.jpg) no-repeat top left; text-align: center; padding: 5px 0;}
.Eloket a.button:hover { background: url(../Images/ButtonGreenOver.jpg) no-repeat top left; }
.Eloket .vrijwilliger label { width: 130px;  }
.Eloket .vrijwilliger {  margin-left: 130px;}

/* Grabbelpas */

.grabbelpasAanvraagCode .intro { margin-bottom: 10px;}
.grabbelpasAanvraagCode input, textarea { width: 350px; margin: 2px; }
.grabbelpasAanvraagCode .checkbox input { margin-left: 0px; width: 20px; border: solid 0px black;} /* margin-left: 130px;*/
.grabbelpasAanvraagCode fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../Images/ContentGradientReverse.png) repeat-x bottom left;}
.grabbelpasAanvraagCode legend{ padding: 0 10px; font-size:14px; }
.grabbelpasAanvraagCode .lbl,
.grabbelpasAanvraagCode .person .fieldName { float: left; width:120px;	margin-right:10px; display:block;  text-align:left; }
.grabbelpasAanvraagCode label.checkbox { float: none; display: inline; width: 600px; } /* width: 600px; 25/01/10 */
.grabbelpasAanvraagCode .person input { width: 150px; margin-right: 8px;}
.grabbelpasAanvraagCode p {clear:both; margin: 10px 0;}
.grabbelpasAanvraagCode .labelHeader { margin-left: 132px;}
.grabbelpasAanvraagCode .labelHeader .personLabelLeft,
.grabbelpasAanvraagCode .labelHeader .personLabelCenter,
.grabbelpasAanvraagCode .labelHeader .personLabelRight { float: left; width: 155px; }
.grabbelpasAanvraagCode .radiobuttonList input { width: 20px;}
.grabbelpasAanvraagCode .radiobuttonList label { float: none; display: inline;}
.grabbelpasAanvraagCode .login { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../Images/Icons/Warning.png) no-repeat 10px 10px;}
.grabbelpasAanvraagCode .userInfo { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../Images/Icons/Profile.png) no-repeat 10px 10px;}
.grabbelpasAanvraagCode a.button { border: 0 solid white; font-size: 14px; font-weight: bold; color: white; text-decoration: none; padding: 5px 10px 5px 10px;  height: 32px; background: url(../Images/ButtonGreen100.jpg) repeat-x top left; text-align: center; }
.grabbelpasAanvraagCode table input{ width: 15px;}


.grabbelpas .ddlKinderen {margin-top: 10px;}
.grabbelpas .step {text-align:center;}
.grabbelpas .step .back {float:left; width: 20%; height: 16px; text-align: left; }
.grabbelpas .step .current {text-align:center; width: 60%; float:left;}
.grabbelpas .step .next {float:right; width: 20%; text-align: right; height: 16px; }
.grabbelpas fieldset{ border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../Images/ContentGradientReverse.png) repeat-x bottom left;}
.grabbelpas legend{ padding: 0 10px; font-size:14px; }
.grabbelpas input, textarea { width: 350px; margin: 2px; }
.grabbelpas .grdKinderen { border: none; }
.grabbelpas .grdKinderen th { text-align:left; padding-left: 50px; }
.grabbelpas .grdKinderen input, textarea { width: 150px; margin: 2px; }
.grabbelpas .grdActiviteiten {width: 100%;}
.grabbelpas .grdActiviteiten input {width: auto;}
/*.grabbelpas .grdActiviteiten th {text-align:left;}*/
.grabbelpas .grdBoterhammen {width: 100%;}
.grabbelpas .grdBoterhammen .colDatum {width: 80px; text-align:center;}
.grabbelpas .grdBoterhammen .colActiviteit {width: 500px;}
.grabbelpas .grdBoterhammen input {width: 30px;}
.grabbelpas .grdOpvang {border: solid 1px gray; width:500px; }
.grabbelpas .grdOpvang input {width: auto;}
.grabbelpas .grdOpvang input.opvanguitzondering {width: 60px; text-align:center;}
.grabbelpas .grdOpvang {width: 100%;}
.grabbelpas .grdOpvang .colDatum {text-align:center; width: 70px; vertical-align:top; }
.grabbelpas .grdOpvang .colActiviteit { width:155px;}
.grabbelpas .grdOpvang .periode { width:10%;}
.grabbelpas .grdOpvang tr td {padding: 0px 10px 0px 10px;}
.grabbelpas .kader {background-color:#e9eff2; margin-left:-5px; padding:5px; margin-right:-5px;} 
.grabbelpas .opvangTijdstip {width: 170px; display:block; float:left; padding-top: 5px;}
.grabbelpas .kind {margin-bottom: 15px; padding-bottom:15px; border-bottom:solid 1px #ccc}
.grabbelpas .grdAfronden {width: 100%;} 
.grabbelpas .grdAfronden .colKind {width: 75px; font-weight:bold;} 
.grabbelpas .grdAfronden .colDatum { width: 75px;} 
.grabbelpas .grdAfronden .colActiviteit { width: auto; } 
.grabbelpas .grdAfronden .colPrijs {width: 50px;} 
.grabbelpas .grdAfronden .subtotaal td {font-weight:bold; background-color: #cce1eb; font-size:15px; vertical-align:middle;} 
.grabbelpas .grdAfronden .subtotaal .colActiviteitItem{ text-align:right; padding-right:10px;}
.grabbelpas .grdAfronden .totaal .totaalCel{ text-align:right; padding-right:10px;}
.grabbelpas .grdAfronden .totaal {background-color: #82b7ce;  }
.grabbelpas .grdAfronden .totaal td {padding-top: 5px; padding-bottom: 5px; vertical-align:middle; font-size: 16px; font-weight:bold; color:White;}
.grabbelpas .print { border:none; text-align:right;}
.activiteitenAdmin { width:100%; }
.activiteitenAdmin .invul { background-color:#EEF; width:100%;}
.DeleteKind {width: 16px !important; height:16px !important;}
.grabbelpas .inschrijvingExtraInfo {color: #003366;}

/* Yellowpages List */
.YellowPagesAlphabet ul li { float: left; list-style-type: none; margin-left: 8px; }
.YellowPagesAlphabet ul li.CurrentItem { font-weight: bold; color: #006b9a; }
.YellowPagesAlphabet ul li.InActiveItem { color: #d4d2d2; }

.bedrijfTemplate { clear: left; }
.bedrijfTemplate .item { border-bottom: solid 1px #dcdcdc; clear: left; padding-top: 10px; padding-bottom: 10px; }
.bedrijfTemplate .item .erkend { border: 1px solid #cecece; padding: 2px; background-color: #9C3; background-color: transparent; background-image: url("../Images/ContentGradientReverse.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; color: #4c97b8; font-size: 10px;  }
.bedrijfTemplate .item ul li { list-style-type: none; line-height: 18px;}
.bedrijfTemplate .item ul li.name { float:left; width: 65%; margin-bottom: 2px; }
.bedrijfTemplate .item ul li.website { margin-left: 65%; padding-left: 20px; background-image:url(../Images/Icons/web.png); background-repeat: no-repeat; background-position: top left; }
.bedrijfTemplate .item ul li.email{ margin-left: 65%; padding-left: 20px; background-image: url(../Images/Icons/email.png); background-repeat: no-repeat; background-position: top left; }
.bedrijfTemplate .item ul li.phone{ margin-left: 65%; padding-left: 20px; background-image: url(../Images/Icons/telephone.png); background-repeat: no-repeat; background-position: top left; }

.yppager { clear: both; margin-top: 10px; }
.yppager ul li { float: left; margin-left: 8px; list-style-type: none; border: none; }
.yppager ul li.activePage { font-weight: bold; color: #d4d2d2; }
.yppager ul li.inActivePage a { color: #006b9a; }

#bedrijfGegevensHeader { background-color:white; border: solid 1px #dcdcdc; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; margin-bottom: 10px; }
#bedrijfGegevensHeader #bedrijfHeaderLeft { float: left;  }
#bedrijfGegevensHeader #bedrijfHeaderLeft p { margin-bottom: 8px; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul { margin-bottom: 8px; }
#bedrijfGegevensHeader #bedrijfHeaderRight { float: right; }


#bedrijfGegevensDetail #bedrijfGegevensFooter { padding: 5px; margin-top: 10px; }
#bedrijfGegevensDetail #bedrijfDetailsRight img,
#bedrijfGegevensDetail #bedrijfHeaderRight iframe { border: solid 1px #dcdcdc; }

#bedrijfGegevensDetail .subinfo { font-style: italic; color: #006b9a; }
#bedrijfGegevensDetail .Overview { text-align: right; }
#bedrijfGegevensDetail ul { margin: 0 0 0 25px;}

#bedrijfGegevensDetail #bedrijfDetailsLeft { float: left; width: 460px; }
#bedrijfGegevensDetail #bedrijfDetailsRight { float: right; width: 305px; }

#bedrijfGegevensDetail .contactPerson { padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #dcdcdc;}
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li,
#bedrijfGegevensDetail .contactPerson ul li { list-style-type: none; margin-top: 5px; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li.phone,
#bedrijfGegevensDetail .contactPerson ul li.phone { padding-left: 22px; background-image:url(../Images/Icons/telephone.png); background-repeat: no-repeat; background-position: top left; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li.mobile,
#bedrijfGegevensDetail .contactPerson ul li.mobile { padding-left: 22px; background-image:url(../Images/Icons/phone.png); background-repeat: no-repeat; background-position: top left; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li.fax,
#bedrijfGegevensDetail .contactPerson ul li.fax { padding-left: 22px; background-image:url(../Images/Icons/print.png); background-repeat: no-repeat; background-position: top left; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li.email,
#bedrijfGegevensDetail .contactPerson ul li.email { padding-left: 22px; background-image:url(../Images/Icons/email.png); background-repeat: no-repeat; background-position: top left; }
#bedrijfGegevensHeader #bedrijfHeaderLeft ul li.website,
#bedrijfGegevensDetail .contactPerson ul li.website { padding-left: 22px; background-image:url(../Images/Icons/web.png); background-repeat: no-repeat; background-position: top left; }

.fichelogin input {width:200px;}

/* Clearing the default margins */
.bedrijfTemplate ul, .bedrijfTemplate ol { margin: 0 0 0px 0px; }
.YellowPagesAlphabet ul, .YellowPagesAlphabet ol { margin: 0 0 0px 0px; }
#bedrijfGegevensDetail ul, #bedrijfGegevensDetail ol {  margin: 0 0 0px 0px; }

.rade_toolbar .InsertAnchor { background: transparent url(/Portals/0/Skins/Malle/Images/Icons/anchor.png) no-repeat center center; }

/* Brandweermodule */

.editBrandweer .companyData .lbl {float:left; width: 75px; margin-right: 50px; }
.editBrandweer .CompanyAdministration, .employees, .concierge { /*margin-top: 20px; */}
.editBrandweer .CompanyAdministration { margin-top: 15px; }
.editBrandweer .CompanyAdministration .lbl { float:left; width: 75px; padding-top:4px;}
.editBrandweer .CompanyAdministration input, .concierge input, .verantwoordelijkefiche input, .alarmcentrale input, .sleutelkoker input  { margin: 2px;}
.editBrandweer .employees .lbl { float:left; width: 175px; padding-top:4px;}
.editBrandweer .concierge .lbl { float:left; width: 75px; padding-top:4px;}
.editBrandweer h3 { padding-top: 4px; margin-top: 15px; }
.editBrandweer .bezettingsgraad .imgActions, .incidentpersonen .imgActions, .gevaarlijkeProductenPersonen .imgActions, .personeelsledencontacten .imgActions { width: 35px; }
.editBrandweer input { border: solid 1px #CCC;}
.editBrandweer .bezettingsgraad select { width: 100px}
.editBrandweer .bezettingsgraad .imgbutton { width: 15px; }
.editBrandweer .bezettingsgraad input { width: 120px; }
.editBrandweer .sleutelkoker input[type=text], .editBrandweer .sleutelkoker textarea { width:240px; }
.editBrandweer .verantwoordelijkefiche .lbl, .editBrandweer .alarmcentrale .lbl {float:left; width: 75px; padding-top:4px;}
.editBrandweer .sleutelkoker .lbl { float:left; width:100px; padding-top:4px; }
.editBrandweer .comments { margin-top: 2px; margin-left: 0px; font-style:italic }
.editBrandweer 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(../Images/ButtonGreen.jpg) no-repeat top left; text-align: center; padding: 5px 0; float:left; margin-right:15px}
.editBrandweer a.button:hover { background: url(../Images/ButtonGreenOver.jpg) no-repeat top left; }

.GrabbelpasContent .activiteiten .activiteit {  }
.GrabbelpasContent .activiteiten .titel {	size:12px;display:block;font-weight: bold;text-decoration: none;padding-top: 3px;padding-right: 5px;padding-bottom: 0px;padding-left: 5px;color: #ffffff;background-color: #7fb5cc;background-image: url("NavigationBlocksHeaderBG.png");background-repeat: repeat-x;background-attachment: scroll;background-position: center top;cursor: pointer}
.GrabbelpasContent .activiteiten .nummer { float:left; width: 20px; }
.GrabbelpasContent .activiteiten .datum { float:right }
.GrabbelpasContent .activiteiten .content { margin-left: 5px; margin-right: 5px; }
.GrabbelpasContent .activiteiten .content .omschrijving p{ margin-bottom: 3px; width: 770px; margin: 0px!important  }
.GrabbelpasContent .activiteiten .content .label { float:left; width: 100px; color: #8cc30c }

.activiteit-colum { width: 240px !important; text-align: left; }
.grdActiviteiten tr td { vertical-align: top; }