.DNNEmptyPane { display: none; visibility: hidden;}
.ControlPanel { }
.normal, .normaldisabled, .skinobject, .SkinObject, table td { font-family: Arial, sans-serif; font-weight:normal; font-size: 13px; line-height: 120%; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .clearfix { display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

p { margin: 0 0 15px 0;}
a img { border: solid 0 #fff;}
a, a:visited, a:link { color: #00629c; text-decoration: underline; }
a:hover { color: #404040;}
img.border { border: solid 5px #005383;}
img.left {margin-right: 5px;}
img.right { margin-left: 5px;}

h1, h1 .head { font-family: Arial, sans-serif; font-weight: normal; font-size: 20px; clear:left; line-height: 100%; color: #00629c; margin: 0 0 15px 0;}
h2, h2 .head { font-family: Arial, sans-serif; font-weight: normal; font-size: 17px; clear:left; line-height: 100%; color: #f49a24; margin: 0 0 10px 0; font-style:italic;}
h3, h3 .head { font-family: Arial, sans-serif; font-weight: normal; font-size: 15px; clear:left; line-height: 100%; color: #00629c; margin: 0 0 5px 0;}
h4, h4 .head { font-family: Arial, sans-serif; font-weight: normal; font-size: 13px; clear:left; line-height: 100%; color: #333; margin: 0; font-style:italic;}

body {margin: 0; padding: 0; background: white url(../images/Gradient.png) repeat-x top left !important; font-family: Arial, sans-serif; font-size: 13px; line-height: 120%; color: #404040; }
#header { height: 120px; position: relative; text-align: center; }
.inner { position: relative; width: 950px; text-align: left; margin: 0 auto;}
#header #logo { position: absolute; top: 20px; left: 0; border: solid #fff 0; }
#header #extraLinks { position: absolute; top: 10px; right: 0; }
#header #navigation { margin: 0; position: absolute; top: 70px; right: 0; list-style-type:none; }
#header #navigation li { float:left; list-style-type:none; padding-left: 5px; text-transform: uppercase; background: url(../images/NavItemLeft.png) no-repeat top left; margin-left: 10px; }
#header #navigation li a { display:block; float:left; text-decoration: none; padding: 5px 10px 5px 5px; color: white; background: url(../images/NavItemBG.png) no-repeat top right; text-shadow: rgba(0,0,0, .5) 0px -1px 0px;}
#header #navigation li.ParentCurrentItem,
#header #navigation li.CurrentItem { background: url(../images/NavItemLeftActive.png) no-repeat top left; }
#header #navigation li.ParentCurrentItem a,
#header #navigation li.CurrentItem a { color: white; background: url(../images/NavItemBGActive.png) no-repeat top right; }
#header #extraLinks { font-size: 12px; color: #6d6d6d; }
#header #extraLinks .skinobject { font-size: 12px;}
#header #extraLinks a { text-decoration: none; font-weight:normal; color: #6d6d6d; border-bottom: solid 1px #AAA;}
#header #extraLinks a:hover { color: #404040;}
#subHeader { background: #006097 url(../images/SubHeaderBG.png) repeat-x top left; color: #d9e4ef; padding: 15px 0; text-align: center;}
#subHeader.home .left { width: 430px; float: left; margin-right: 25px; }
#subHeader.home .right { width: 495px; float:left; }
#subHeader.default .left { width: 200px; float: left; margin-right: 25px; }
#subHeader.default .right { width: 725px; float:left; }
/*
#search { background: url(../images/SearchFieldBG.png) no-repeat top left; width: 100%; height: 17px; padding: 3px 0 0 20px;}
#search input { background:transparent; border: none; color: #7a7a7a; font-size: 12px; float:left; width: 100px; margin: 0; padding:0; }
#search a { color: #999; text-decoration: none;}
*/
#subNavigationTitle { position: absolute; padding: 6px 10px; font-size:14px; bottom: -23px; width: 200px; height: 24px; background: url(../images/SubNavigationTitleBG.png) no-repeat; font-weight: bold; color: white; text-shadow: rgba(0,0,0, .5) 0px -1px 0px;} 
#subNavigation { margin: 0; padding: 15px 0; position: relative; top: -15px; list-style-type: none; background: url(../images/SubNavigationBG.png) bottom left no-repeat;}
#subNavigation li { list-style-type: none; margin: 0; padding: 0;}
#subNavigation li a { display: block; text-decoration: none; padding: 3px 10px; color: #474747;}
#subNavigation li a:hover { color: #f49a24;}
#subNavigation li.ParentCurrentItem a,
#subNavigation li.CurrentItem a { background: url(../images/SubNavigationActive.png) no-repeat center center; padding: 3px 15px; font-weight:bold;}
#subNavigation li ul { margin: 0 0 0 15px; padding: 0;}
#subNavigation li.ParentCurrentItem li a,
#subNavigation li.CurrentItem li a { background: none; padding: 3px 10px; font-weight: normal;}
#subNavigation li li.CurrentItem a { font-weight: bold;}

#BtnSportlesgeverZoeken,
#BtnWerkZoeken { display:block; margin: 0 0 10px 0;}

#breadcrumbs a { color: #cae0ec; text-decoration: none; border-bottom: solid 1px #68a4c7; padding-bottom: 2px;}
#breadcrumbs a:hover { color: white; border-bottom: solid 1px #cae0ec;}

#main { background: url(../images/Gradient.png) repeat-x 1px left; padding: 15px 0; text-align: center;}

.rssButton {float:right;}

.pane { margin-bottom: 15px;}
#main.home .left { width: 675px; float:left; margin-right: 25px;}
#main.home .right { width: 250px; float:left;}
#main.home .left .leftLeft { float:left; width: 325px; margin-right: 25px; }
#main.home .left .leftRight { float:left; width: 325px; }

#main.default .left { position: relative; width: 200px; float:left; margin-right: 25px;}
#main.default .right { width: 725px; float:left;}

#subHeader h1, #subHeader h1 .head { font-size: 24px; color: #fff; margin: 0 0 20px 0; text-shadow: rgba(0,0,0, .5) 0px -1px 0px;}
#subHeader h2, #subHeader h2 .head { font-size: 17px; color: #fff; margin: 0 0 10px 0; }
#subHeader h3, #subHeader h3 .head { font-size: 15px; color: #fff; margin: 0 0 5px 0;}
#subHeader h4, #subHeader h4 .head { font-size: 13px; color: #fff; margin: 0; font-style:italic;}

#footer h1, #footer h1 .head { font-size: 15px; margin: 0 0 15px 0;}

#footer { background: url(../images/FooterBG.png) repeat-x top left; color: #777; padding: 15px 0; text-align: center;}
#footer .left,
#footer .middle { float:left; width: 325px; margin-right: 25px;}
#footer .right { float:left; width: 250px; }

#PartnerRotator { position: relative;}
#PartnerRotator a { position: absolute; top:0; left:0; }

.frontleft, .frontright { position: relative; height: 125px;}
.frontleft img, .frontright img { position: absolute; top:0; left:0;}

/* NewsContent */

.newsItemShort { padding: 10px 0;}
.newsItemShort h2 { display: inline; }
.newsItemShort .date { color: #666; font-style: italic;}
.newsItemShort p { margin: 10px 0 0 0; }
.readmore {margin-bottom: 10px; display:block; text-align:right;}

/* Opleiding */

.OpleidingenContent .zoeken { background-color: #EEE; padding: 10px; }
.OpleidingenContent .zoeken p { margin: 0 0 5px 0;}
.OpleidingenContent .zoeken .RadPicker { margin-left: 10px;}
.OpleidingenContent .zoeken .lbl { display: block; float: left; clear: left; width: 120px; }
.OpleidingenContent .zoeken .val { display: block; margin-left: 130px; }
.OpleidingenContent .zoeken select,
.OpleidingenContent .zoeken input { width: 200px;}
.OpleidingenContent .zoeken .button { display:block; width: 100px; border: solid 1px #00629c; text-align: center; text-decoration: none; padding: 2px 5px; margin-left: 130px; font-weight: bold; }
.OpleidingenContent .zoeken .button:hover { border: solid 1px #404040; }
.OpleidingenContent .resultaten ul { margin: 20px 0; padding: 0; list-style-type: none; }
.OpleidingenContent .resultaten li { list-style-type: none; margin: 0 0 5px 0;}
.OpleidingenContent .resultaten li .titel { font-weight: bold; display:block;} 
.OpleidingenContent .resultaten li .sporttak { font-style: italic; } 

#subnavigation li .oplinfo a { padding: 0px; display:inline; }
.oplinfo .titel { font-weight: bold; margin-left: 15px; margin-top: 5px;}
.oplinfo .value { margin-left: 15px;}


/* 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;}
.pager span, .pager a { padding: 3px 5px 3px 5px; border: 1px solid #00629c;  margin: 2px; text-decoration:none;}
.pager {margin-bottom: 20px;}

.Eloket .intro { margin-bottom: 10px;}
.Eloket input, textarea { width: 275px; margin: 2px; }
.Eloket .small input{ width: 100px; }
.Eloket textarea {height: 150px;}
.Eloket .checkbox input { margin-left: 0px; width: 20px; border: solid 0px black;}
.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:175px; height:14px;	margin-right:10px; display:block;  text-align:left; }
.Eloket label.checkbox { float: none; display: inline; width: 25px;  }
.Eloket .person input { width: 150px; margin-right: 8px;}
.Eloket p { margin: 5px 0;}
#main.default .Eloket p.left { float:left; width: 285px; position:static;}
#main.default .Eloket p.right {clear: none; float: left; width: 285px;}
.Eloket .chk { clear:none; float: left; }
.Eloket .smaller {font-size: 10px; font-weight: bold;}
.Eloket .error {color:red; margin-bottom: 7px;}
.Eloket .frequentie {display:block; clear:both;}

.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, .Eloket .button a  , .nieuwsbrievenAdmin .button a, .NieuwsbriefOptin .buttons a  { background-color:#ddd; border: 1px solid #00629c; /*overflow: hidden;*/ font-size: 14px; font-weight: bold; color: #00629c; text-decoration: none;   text-align: center; padding: 3px; }
.Eloket a.button:hover, .Eloket .button a:hover,  .nieuwsbrievenAdmin .button a:hover, .NieuwsbriefOptin .buttons a:hover { background-color:#eee;}
.Eloket .hide {display:none;}
.Eloket .admin .hide {display:block;}

/* ELOKET AANVAGEN*/
.aanvragen .aanvraag {display:block; border-bottom: 1px solid #00629c; padding: 5px 0px 5px 0px;}
.aanvragen .aanvraag .datum{ font-weight:bold; width:150px; float:left;}
.aanvragen .aanvraag .provincie{font-weight:bold; width:200px;}
.aanvragen .aanvraag .contactpersoon{font-weight:bold; width:250px; float:right;}
.aanvragen .aanvraag .omschrijving {display:block;clear:both;}
.aanvragenzoek input, .aanvragenzoek select {width: 200px;}

.lesgevers .lesgever .lijn2 {clear:both;}
.lesgevers .lesgever {display:block; border-bottom: 1px solid #00629c; padding: 5px 0px 5px 0px; clear:both}
.lesgevers .lesgever .naam {font-weight:bold; width:250px; float:left;}
.lesgevers .lesgever .email {font-weight:bold; width:250px;}
.lesgevers .lesgever .telefoon{font-weight:bold; width:100px; float:right;}
.lesgevers .lesgever .postcode {width:100px; }

/* QUOTES */
.DnnModule-VlabusQuotes { margin: 0 0 10px 0;}
.DnnModule-VlabusQuotes .quoteBlock { width: 225px; margin-right: 15px;}
.DnnModule-VlabusQuotes .quote { background: #ddd url(../images/QuoteBack.png) no-repeat top left; padding: 30px 10px 10px 45px; color: #404040; font-style:italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.DnnModule-VlabusQuotes .quotefooter {margin-bottom: 5px; display:block; padding: 3px 0 10px 50px; background: white url(../images/QuoteBottomBack.png) no-repeat top left; color: #6d6d6d; font-size: 12px; font-style:none;}


/* Nieuwsbrieven admin */
.nieuwsbrievenAdmin .field {margin-bottom: 5px;}
.nieuwsbrievenAdmin .field .lbl {width: 150px; display:block; float:left;}
.nieuwsbrievenAdmin .field .rbt {margin-left: 150px; display:block; }
.nieuwsbrievenAdmin .field .fixedwidth {width: 350px;}
.nieuwsbrievenAdmin .status{margin-top: 10px;}

/* Nieuwsbrieven optin */
.NieuwsbriefOptin .field {margin-bottom: 5px;}
.NieuwsbriefOptin .lbl{width: 100px; display:block; float:left;}
.NieuwsbriefOptin .buttons { margin-top: 10px;}