/* 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; }

.clear { font-size: 0px; line-height: 0px; clear: both; height: 0px; visibility: hidden; }
img { border: none; }

/* General styling */
body { 
	background-color: #eeede8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666;
	text-align: center;
}

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; }

p { margin: 0 0 15px 0; }

#content a { color: #cc9827; font-weight: bold; text-decoration: underline; }
#content a:hover { color: #dba52e; }
#content a:visited { color: #b6861e; }

#content .NormalTextBox { border: solid 1px #CCC; color: #666; margin-bottom: 4px; padding: 2px; }

/* Custom styling */
h1, h1 .Head { color: #f68428; font-size: 20px; line-height: 24px; font-weight: normal; }
.defaultContainer h1 { line-height: 34px; margin-bottom: 10px; }
.defaultContainer h1 .icon { float: left; padding-right: 10px; }

.notitleContainer h1 { display: none; }

.orangeHeading .Head, .minicalHeader { display: block; font-size: 11px; font-weight: bold; line-height: 12px; color: #FFF; text-align: center; padding: 0px 26px 0px 26px; }
.orangeContainer div.orangeButton { background-image: url(../img/headerButton.png); background-repeat: no-repeat; background-position: center top; height: 30px; margin: 13px 0px 13px 0px; }
#minical {margin-left:auto; margin-right:auto; text-align:center;}
#fullCall{ margin-left:13px;}

/* gray */ 
.grayHeading .Head { display: block; font-size: 11px; font-weight: bold; line-height: 12px; color: #666; text-align: center; padding: 0px 26px 0px 26px; }
.grayContainer div.grayButton { background-image: url(../img/headerButtonGray.png); background-repeat: no-repeat; background-position: center top; height: 30px; margin: 13px 0px 13px 0px; }
.grayContainer div.blueButton { border-bottom: 1px solid #ccc; background-image: url(../img/headerButtonBlue.png); background-repeat: no-repeat; background-position: center top; height: 30px; margin: 13px 0px; padding-bottom: 13px; }
.grayContainer div.blueButton a{ border-bottom: 1px solid #ccc !important; text-decoration:none !important;}
#content .grayContainer div.grayButton a.whiteLink { color: #666; }
#content .grayContainer div.grayButton a.whiteLink:hover { color: #666; }
.grayContainer .content { padding: 0px 14px 0px 14px; }


#content a.whiteLink { color: #FFF; }
#content a.whiteLink:hover { color: #FFF; }
#content a.whiteLink:visited { color: #FFF; }


h2, h2 .Head { font-size: 18px; margin-bottom: 5px; font-weight: bold; color: #666666; margin-top: 10px; }
h3, h3 .Head { font-size: 18px; margin-bottom: 5px; font-weight: normal; color: #f68428; margin-top: 10px; }
h4, h4 .Head { font-size: 16px; margin-bottom: 5px; font-weight: normal; color: #666666; margin-top: 10px; }
h5, h5 .Head { font-size: 14px; margin-bottom: 5px; font-weight: bold; color: #f68428; margin-top: 10px; }
h6, h6 .Head { font-size: 13px; margin-bottom: 5px; font-weight: normal; color: #bcbcbc; margin-top: 10px; }

span.link img { margin-right: 6px; }
/*span.link a { color: #000; text-transform: uppercase; font-size: 9px; text-decoration: none; }*/
span.link a:hover { text-decoration: underline; color: #363636; }

ul, ol { margin: 0px 0px 10px 14px; }

#root { background-image: url(../img/topbar.jpg); background-position: top left; background-repeat: repeat-x; }
#wrapper { width: 938px; margin: 0px auto; text-align: left; padding-top: 5px; }
#website { background-image: url(../img/shadow.png); background-position: left top; background-repeat: repeat-y; padding: 0px 4px 0px 4px; }
#footer { background-image: url(../img/shadowBottom.png); background-position: left top; background-repeat: no-repeat; height: 10px; }

#header { width: 930px; height: 150px; overflow: hidden; }

#content { background-image: url(../img/shadowInner.png); background-position: 166px 0px; background-repeat: no-repeat; clear: both; }
#content .left { width: 165px; float: left; border-right: 1px solid #e9e9e9; }
#content .center { margin: 16px 20px 0px 20px; width: 559px; float: left; }
#content .right { width: 164px; float: left; border-left: 1px solid #e9e9e9; overflow: hidden; }

.ContentPane { clear:left;}

/* Navigation */

#navigation { background-image: url(../img/navBackground.jpg); background-repeat: repeat-x; background-position: left top; height: 40px; }
#navigation a { text-decoration: none; color: #FFF; display: block; padding: 12px 8px 10px 6px; font-size: 12px; line-height: 16px; font-weight: bold; }
#navigation a:hover { color: #ececec; }
#navigation ul { list-style: none; padding: 0; margin: 0px 0px 0px 166px; } /* margin-left: 162px; */
#navigation ul li { list-style: none; margin-right: 2px; float: left; display: block; position: relative; }
#navigation ul li.CurrentItem a { background-image: url(../img/navActive.png); background-position: top center; background-repeat: no-repeat; color: #000; }
#navigation ul li ul { display: none; list-style: none; position: absolute; left: 0px; margin: 2px 0px 0px 0px; z-index: 90; padding: 0; background-color: #feab3d; }
#navigation ul li ul li { float: none; margin-right: 0px; }
#navigation ul li ul li a { display: block; width: 150px; padding: 4px 4px 4px 14px; text-decoration: none; font-weight: bold; font-size: 11px; color: #FFF; background-color: #feab3d; border-bottom: 1px solid #cf8b30; }
#navigation ul li ul li a:hover { background-color: #e49936; }
#navigation ul li.CurrentItem ul { display: none; margin-left: 0px; }
#navigation ul li.CurrentItem ul li { float: none; }
#navigation ul li.ParentCurrentItem ul li a { background-image: none; color: #FFF; }

/* Hovermenu */
/* #MainMenu > li > .ddmenu-hover { }
#MainMenu > li ul li a.first { }
#MainMenu > li ul a.ddchildhover { background-color: #f1f1f1; } */

#subnavigation { }
#subnavigation ul { margin-left: 0px; margin-bottom: 0px;}
#subnavigation ul li { list-style: none; margin-bottom: 1px; }
#subnavigation ul li img { padding-right: 6px; margin-right: 6px; }
#subnavigation ul li a { display: block; color: #666666; font-size: 13px; font-weight: bold; text-transform: none; text-decoration: none; padding: 4px 0px 4px 16px; background-color: #e2e2e2; background-image: url(../img/subnavBackground.png); background-repeat: repeat-y; line-height: 16px; background-position: left top; }
#subnavigation ul li a:hover { color: #828282; }
#subnavigation ul li a:visited { color: #515151; }
#subnavigation ul li.CurrentItem a,
#subnavigation ul li.ParentCurrentItem a { background-color: #cdcdcd }
#subnavigation ul li a:hover { background-color: #cdcdcd; color: #919191; }
#subnavigation ul li ul { display: none; }
#subnavigation ul li.CurrentItem ul,
#subnavigation ul li.ParentCurrentItem ul { display: block; }
#subnavigation ul li.CurrentItem ul li,
#subnavigation ul li.ParentCurrentItem ul li { padding: 0px 0px 0px 0px; margin-bottom: 0px; }
#subnavigation ul li.CurrentItem ul li a,
#subnavigation ul li.ParentCurrentItem ul li a { font-size: 11px; color: #858585; line-height: 12px; text-transform: none; font-weight: normal; padding: 4px 0px 4px 18px; background-color: #e2e2e2; }
#subnavigation ul li.CurrentItem ul li a:hover,
#subnavigation ul li.ParentCurrentItem ul li a:hover { background-color: #e2e2e2; color: #9d9d9d; }
#subnavigation ul li.CurrentItem ul li.Last a,
#subnavigation ul li.ParentCurrentItem ul li.Last a { padding-bottom: 8px; }
#subnavigation ul li.ParentCurrentItem ul li.CurrentItem a,
#subnavigation ul li.ParentCurrentItem ul li.ParentCurrentItem a { color: #666; font-weight: bold; }

/* niveau 3 */
#subnavigation ul li.ParentCurrentItem ul li ul { display: none; }
#subnavigation ul li.ParentCurrentItem ul li.CurrentItem ul,
#subnavigation ul li.ParentCurrentItem ul li.ParentCurrentItem ul { display: block; }
#subnavigation ul li.ParentCurrentItem ul li.CurrentItem ul li,
#subnavigation ul li.ParentCurrentItem ul li.ParentCurrentItem ul li { padding-left: 10px; }
#subnavigation ul li.ParentCurrentItem ul li.CurrentItem ul li a,
#subnavigation ul li.ParentCurrentItem ul li.ParentCurrentItem ul li a { color: #858585; font-weight: normal; }
#subnavigation ul li.ParentCurrentItem ul li.CurrentItem ul li.CurrentItem a,
#subnavigation ul li.ParentCurrentItem ul li.ParentCurrentItem ul li.CurrentItem a { font-weight: bold; }

/* ***************** */

.contentpane {  }
.middleleftpane { float: left; width: 48%; }
.middlerightpane { float: right; width: 48%; }
.middlepane { margin: 14px 0px 14px 0px; }
.leftpane { float: left; width: 58%; }
.sidebarpane { float: right; width: 38%; }

.bottomleftpane { float: left; width: 48%; }
.bottomrightpane { float: right; width: 48%; }

.footerpane { clear: both; }

#centerFooter { text-align: center; }
#centerFooter #centerFooterInner { text-align: left; margin: 0px auto; width: 560px; border-top: solid 1px #e9e9e9; padding-top: 10px; margin-top: 10px; padding-bottom: 10px; }
	#centerFooterInner ul li { float: left; margin-left: 14px; list-style: none; }
	#centerFooterInner ul li.First { margin-left: 0px; }
	#centerFooterInner ul li img { margin-right: 6px; }
	#centerFooterInner ul li a { font-weight: normal; color: #444; }

/* Extra Modules Styles */

div.news { clear: left; padding-top: 10px;}
div.news .hotItem { margin-bottom: 10px; }
div.news .hotItem img { float: left; margin: 0;}
div.news .hotItem div { margin-left: 80px; }
div.news .hotItem .date { display:  block; color: #999999; font-style: italic; font-size: 10px; }
div.news .hotItem .intro { display: block; }
div.news .hotItem .intro p { margin-bottom: 0px; }
#content div.news .hotItem .title a { color: #cc9827; font-weight: bold; }
#content div.news .hotItem .title a:hover { color: #dba52e; }
#content div.news .hotItem .title a:visited { color: #b6861e; }

div.news .smallItem { clear: left; padding: 5px 0; }
div.news .smallItem .date { color: #999999; display: block; width: 70px; float:left;}
div.news .smallItem .title { display:block; margin: 0 0 0 80px; }

div.news .smallItems ul li { list-style-image: url(../img/listIcon.png); border-bottom: 1px solid #eeede8; padding-bottom: 3px; margin-bottom: 3px; }
div.news .smallItems ul li.Last { border-bottom: none; }
div.news .smallItems .date { color: #999999; font-style: italic; font-size: 9px; }
#content div.news .smallItems ul li a { color: #cc9827; font-weight: bold; }
#content div.news .smallItems ul li a:hover { color: #dba52e; }
#content div.news .smallItems ul li a:visited { color: #b6861e; }

.social { clear: both; padding: 15px 0;}
.social a { width: 20px; height: 20px; margin:  0 5px 5px 0; }
.social a img { margin: 0 !important;}

.homeNewsDetail .author { font-style: italic; color: #aaa; float: right;}
.homeNewsDetail .author .small {font-size: 10px;}
.homeNewsDetail .img { border: solid 0px #CCC; float: right; margin-left: 5px; margin-top: 20px !important; padding-left:0px; padding-right:0px;}
.homeNewsDetail .sub { display:block; text-align:center; font-weight:bold; font-style:italic;}
.homeNewsDetail {top: 0px; background-color:White;}
.homeNewsDetail h1 {margin-bottom: 5px ;}

/**/

.kalender-home .item { clear:left; padding: 10px 0 0 0; }
.kalender-home .date { background-image: url(../img/calender-box-bg.png); background-repeat: no-repeat; background-position: 0px 1px; width: 50px; height: 50px; float: left; margin-right: 10px; text-align: center; }
.kalender-home .date .day-letter, .calender-list li .date .day-number, .calender-list li .date .month { display: block; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.kalender-home .date .day-letter { font-size: 11px; color: #FFF; text-transform: lowercase; font-weight: bold; margin: 2px 0 3px 0; }
.kalender-home .date .day-number { font-size: 16px; line-height: 16px; color: #004a59; display: block; font-weight: bold; }
.kalender-home .date .month { font-size: 11px; line-height: 12px; color: #004a59; text-transform: uppercase; display: block; }
.kalender-home .title { margin-left: 60px; }
.moreAgenda{display:block; clear:both; margin-top: 45px;}

/* Afbeeldingen in contentpane wat meer space geven */ 
.ContentPane img, .homeNewsDetail img {margin: 0px 10px 0px 10px;}

.searchnews, 
.searchPanel { background-color: #f2f2f2; border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding: 10px;}
.searchnews p, 
.searchPanel p { margin: 0;}
.searchnews .searchfield, 
.searchPanel .searchfield { margin: 0 0 5px 0;}
.searchnews .searchfield .label, 
.searchPanel .searchfield .label { float:left; width: 150px; }
.searchnews .searchfield input, .searchnews .searchfield select,
.searchPanel .searchfield input, .searchPanel .searchfield select { width: 200px;}
#content p.searchbutton a,
#content p.searchButtons a.searchbutton, .pdfsearchbutton { display: block; float:left; width: 130px; background-image: url(../img/headerButton.png); background-repeat: no-repeat; text-align: center; background-position: center top; height: 22px; font-size: 11px; font-weight: bold; line-height: 12px; text-align: center; color: #FFF; padding: 8px 0 0 0; }
#content p.searchbutton,
#content p.searchButtons { height: 30px; padding: 10px 0 0 150px; }


/* ***************** */

/* Calender */
#minical { }
#minical tr td { font-size: 12px; border: solid 1px #eeede8; text-align: center; }
#minical tr#calheader td { border: solid 1px #bbbbbb; color:#fdbd31; font-weight:bold; }
#minical td.today { background-color: #f68428; color: #FFF; }
#minical td.event { background-color: #fdbd31; }

#content #minical .calback { margin-right: 1px; }
#content #minical .calnext { margin-left: 1px; }
#content .minicalHeader a.calback, #content .minicalHeader a.calnext { color: #FFF; font-size:15px; text-decoration:none; }
#content .minicalHeader a.calback:hover, #content .minicalHeader a.calnext:hover { color: #CCC; }

/*.kalenderDetail .detailImage { float: right; margin-left: 15px; margin-bottom: 10px; }*/
.kalenderDetail .author { font-style: italic; color: #aaa; float: right;}

.kalenderDetail h1 {margin-bottom: 5px;}
.kalenderDetail .img {border: solid 0px #CCC; float: right; margin-left: 5px; margin-top: 20px !important; padding-left:0px; padding-right:0px;}
.kalenderDetail .sub { display:block; text-align:center; font-weight:bold; font-style:italic;}

/* recherche */

.recherche input { border: solid 1px #CCC; color: #666; padding: 2px; }

/* Formcreator (Eloket) */

.Eloket .intro { margin-bottom: 10px;}
.Eloket input, textarea { width: 350px; margin: 2px; }
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../img/forms/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/forms/Icons/Warning.png) no-repeat 10px 10px;}
.Eloket .userInfo { border:1px solid #cecece; margin-bottom: 10px;  padding: 20px 20px 20px 70px; background: url(../Img/forms/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(../Img/forms/Button.jpg) no-repeat top left; text-align: center; padding: 5px 0;}
.Eloket a.button:hover { background: url(../Img/forms/ButtonOver.jpg) no-repeat top left; }
.Eloket input { border: solid 1px #CCC; color: #666; padding: 2px; }


/* Kalender inschrijvingen */
.subscribe .intro { margin-bottom: 10px;}
.subscribe input, textarea { width: 350px; margin: 2px; }
.subscribe fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../img/forms/ContentGradientReverse.png) repeat-x bottom left;}
.subscribe legend{ padding: 0 10px; font-size:14px; }
.subscribe label, .subscribe .lbl, .subscribe .fieldName { float: left; width:120px;	margin-right:10px; display:block;  text-align:left; }
.subscribe label.checkbox { float: none; display: inline;}
.subscribe .person input { width: 150px; margin-right: 8px;}
.subscribe p {clear:both; margin: 10px 0;}
.subscribe .radiobuttonList input { width: 20px;}
.subscribe .radiobuttonList label { float: none; display: inline;}
.subscribe a.buttons { border: 1px solid #888; font-size: 11px; font-weight: bold; background-color:#eee; text-decoration: none;  width: 151px; padding: 5px}
.subscribe input { border: solid 1px #CCC; color: #666; padding: 2px; }
.subscribe .validator {display:block; margin-bottom: 10px;}

/* Eloket Material Search */
.recherche { border: solid 1px #CCC; padding: 5px; margin-bottom: 10px; }
.recherche span.titre { }
.recherche input { width: 180px; margin-right: 10px; margin-left: 4px; }
.recherche .searchParameters { float: left; }
.recherche span.search { float: right; width: 60px; padding-top: 6px; }

.annonceItem { margin-bottom: 4px; padding: 5px; }
.annonceItem.alternate { background-color: #CCC; }
.annonceItem span.titre { font-size: 14px; }

/* Account Login Style */
#dnn_ctr498_Login_Login_DNN_plUsername_imgHelp { display: none; }
#dnn_ctr498_Login_Login_DNN_plPassword_imgHelp { display: none; }
#dnn_ctr498_Login_pnlLogin .NormalTextBox { }

/* Banner module */
.banner{ text-align: center; }

/* Linksmodule */
.FFGLinks ul li { list-style-image: url(../Img/listIcon.png); border-bottom: solid 1px #ccc; margin-bottom: 5px;  padding-bottom: 5px;}
.editLink p.field label { width: 80px; display:inline-block; vertical-align:top; }
.editLink p.field input { width: 350px;}

/* ImageGallery */
.imageGallery table {width:100%; padding:0px; margin:0px;}
.ImageGalleryContent ul {margin-left: 0px;}
.ImageGalleryContent ul li div {display:inline;}
.ImageGalleryContent ul li {list-style-type:none; display:inline; margin-right: 1px;}
.ImageGalleryContent ul li img {padding: 0px; margin:0px;}
.ImageGalleryContent .gallerytitle {margin-bottom: 10px;}
.ImageGalleryContent .gallerytitle a{ font-size: 13px; font-weight:normal; color: #f68428 !important;} /* #666 */

/* Gymnasts Fiche */
.gymnasts { list-style-type: none; margin: 0; padding: 0;}
.gymnasts li { background: url(../img/fiche.png) no-repeat top left; float:left; display: block; width: 240px; height: 116px; padding: 12px; margin-bottom: 20px;}
.gymnasts li.even { margin-right: 20px;}
.gymnasts li .image { float: left; margin-right: 10px;}
.gymnasts li .name { margin-left: 85px; font-size: 14px; font-weight: bold; color: #cc9827; padding-bottom: 3px; margin-bottom: 7px; border-bottom: solid 1px #dadada;}
#content .gymnasts li .name a { text-decoration: none; }
.gymnasts li .value { font-weight: bold;}
.gymnasts li .info { margin-left: 85px; }
.gymnasts li .centre{ font-weight: bold; }

#cloneMe { }
#cloneMe h1 { margin-bottom: 20px;}
#cloneMe .img { float: right;}
#cloneMe .item .definition {  display: block; font-weight:bold;}
#cloneMe .item .value { display:block;}
#cloneMe .item { margin-bottom: 7px;}

/* JugesActivite */
ul.JugesActivite { list-style-type:none; margin: 0; padding: 0; }
ul.JugesActivite li { list-style-type:none; clear:left; float:left; margin: 0 0 10px 0; width: 550px;}
ul.JugesActivite li .date { display: block; float:left; width: 100px; }
ul.JugesActivite li .sub { display:block; float:left; clear:left; margin-left: 100px; margin-right: 10px; font-style: italic;}

/* Eloket Profielen */
.profils { list-style-type: none; margin: 0; padding: 0; }
.profils li { background: url(../img/fiche.png) no-repeat top left; float:left; display: block; width: 240px; height: 116px; padding: 12px; margin-bottom: 20px;}
.profils li .image { float: left;  margin: 0px 10px 0px 0px;}
.profils li .name { margin-left: 85px; font-size: 14px; font-weight: bold; color: #cc9827; padding-bottom: 3px; margin-bottom: 7px; border-bottom: solid 1px #dadada;}
.profils li a.noLine {text-decoration: none;}

/* Boutique */
.shop h3 {color: #CC9933;}
.winkelmandje { padding: 5px; background-color: #eee; margin-bottom: 15px; border: 1px solid #555;}

.loginfooter {float: right;   }
#dnn_dnnLOGIN_cmdLogin {font-weight: normal !important; color: #444 !important; }

/* partners */
.partners {text-align:center;}

/* Videos */
ul.videos{ margin-left: 0px; }
ul.videos li {float:left; list-style-type:none; display:inline; margin-right: 5px; width:270px; font-weight: bold; text-align:center; margin-bottom: 13px; border-bottom: 1px solid #ccc; padding-bottom: 13px;}
.pager span, .pager a{margin-right: 5px;}
.pager {margin-bottom: 10px;}
ul.videos li .titel{display:block; }
ul.videos iframe {width: 250px; height:140px;}

/* Presse */
.presse ul {margin-left: 2px;}
.presse ul li{list-style-type: none; padding-bottom: 15px;}
.presse ul li .link {float:left; width:450px; margin-left: 10px;}
.presse ul li .date {float:left; display:block; margin-left: 10px;}
.presseEdit .presseTitle {width: 500px;}

#ffgButtons {margin-top: 15px;}
#ffgButtons div {margin-top: 8px; text-align:center; padding-bottom: 8px;}