/*
===================================================
  Developed by Semantico
  info@semantico.nl - www.semantico.nl
===================================================
  orange    #ff9900
  light green  #99ff00
  light grey  #f6f6f6
  text grey  #6D6D6D
  dark blue  #292361
===================================================
*/

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,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: #000; background: #FFF}
ol, ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, 
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ============== General
*/

body {position:relative; background:#FFFFFF;  font:13px century gothic, arial, helvetica, sans-serif; color:#6e6e6e; height:100%}

h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#6d6d6d}
h1  {font-size: 1.4em}
h2  {font-size: 1.1em}
h3  {font-size: 1.1em}          
h4  {font-size: 1.0em}
h5  {font-size: 0.9em}
h6  {font-size: 0.8em}

strong  {font-weight:bold}
img  {border:0}

p {margin:0 0 15px 0}

hr, .hr {color:#cccccc}

table {margin:0 0 15px 0}
table td {vertical-align:middle}
.btn-inschrijven {}

#content ul {margin:0 0 0 15px}
#content li {list-style-type:disc}

a:link, a:visited {color:#000; text-decoration:underline}
a:hover, a:active {color:#FFF; background:#000; text-decoration:none}

#content table a:link, #content table a:visited {text-decoration:none;}
#content table a:hover, #content table a:active {background:none; text-decoration:none;}


/* ============== Layout 
*/
#wrapper {background:url(../media/bg_fade_top.gif) repeat-x; position:relative; width:100%; min-height:450px; padding:0}
#container {width:960px; margin:0 auto; padding:102px 0 0 0}


#top-bar {position:relative; width:920px; background:url(../media/bg_hr.gif) repeat-x bottom; height:26px; padding:0 0 0 40px}
  #logo {position:absolute; top:-16px; right:0; }
  #logo span {display:block; text-indent:-3000px; font-size:0; line-height:0; overflow:hidden}
  
  #greyblock {position:absolute; bottom:-20px; right:0; display:block; background:#9b9b9b; width:10px; height:10px;}
  
#content {line-height:27px; padding:20px 0 0 40px; text-align:justify; min-height:323px}


#wrapper-bottom {background:url(../media/bg_fade_bottom.gif) repeat-x bottom; position:relative; width:100%; height:100px; padding:0;}
#footer {position:relative; width:960px; margin:0 auto; background:url(../media/bg_hr.gif) repeat-x top; padding:10px 0 0 0}

  #footer-bar {position:relative; font:11px arial, helvetica, sans-serif}

  #breadcrumb {position:absolute; top:8px; left:40px; width:750px; color:#202093;}
  #breadcrumb li {float:left; padding:0 5px 0 0}

  #pagebuttons {position:absolute; top:0; right:0; color:#202093; width:100px}
  #pagebuttons li {width:20px; display:inline-block}
    #pagebuttons #btn-prev {position:absolute; top:0; left:0px;}
    #pagebuttons li#pb-2{position:absolute; top:8px; left:30px; width:45px; height:42px; display:none}
    #pagebuttons #btn-next {position:absolute; top:0; left:77px;}
    
    #pagebuttons a:link,#pagebuttons a:visited {display:block; background:none; text-decoration:none;}
    #pagebuttons a:hover,#pagebuttons a:active {display:block; background:none; text-decoration:none;}

  #footer-nav {margin:52px 0 0 0; font:11px arial; letter-spacing:0px; position:absolute; width:1000px} /* Firefox 4 width acting up */
    #footer-nav li {display:block; float:left; background: transparent; border-right:1px solid #999999; cursor:pointer; min-width:154px; text-align:center}
    #footer-nav li:hover {background:url(../media/bg_menu_active.gif) repeat-x top;}
    #footer-nav a:link,#footer-nav a:visited {display:block; padding:10px; color: #202093; text-decoration:none; }
    #footer-nav a:hover,#footer-nav a:active {display:block; padding:10px; color:#FFF; background:none; text-decoration:none}

    #footer-nav li.footermenu_firstitem {border-left:1px solid #999999; min-width:88px!important}
  
/* ============== Templates
*/

#template1 {width:920px;}
  #template1 #box1 {}
  #template1 #box2 {}
  #template1 #box3 {}

#template2 {width:920px;}
  #template2 #box1 {float:left; display:block; width:600px; margin:0 20px 0 0}
  #template2 #box2 {float:left; display:block; width:300px}
  #template2 #box3 {float:left;width:920px;}
  
#template3 {width:920px;}
  #template3 #box1 {float:left; display:block; width:290px; margin:0 20px 0 0;}
  #template3 #box2 {float:left; display:block; width:295px; margin:0 20px 0 0;}
  #template3 #box3 {float:left; display:block; width:295px;}

#template4 {width:920px;}
  #template4 #box1 {float:left; display:block; width:600px; margin:0 0 20px 0; padding:0 20px 0 0; border-right:1px solid #ccc}
  #template4 #box2 {float:left; display:block; width:278px; margin:0 0 0 20px;}
  #template4 #box3 {float:left; display:block; width:278px; margin:10px 0 0 20px;}

/* ============== Misc
*/
.clear:after {content:"."; display:block; height:0px; clear:both; line-height: 0; visibility:hidden}
.clear { display:inline-block }
/* Hides from IE-mac \*/
* html .clear  { height:1% }
.clear { display:block }
/* End hide from IE-mac */




/* ============== Menu
*/
#mainmenu {position:absolute; top:0; left:auto; padding:36px 0 30px 0; font:11px arial; letter-spacing:0px}
  .mainmenu_firstitem {border-left:1px solid #999999; width:90px!important;}

.sf-menu, 
.sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu {position:static; z-index:100000; line-height: 1.0;}

  .sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
  .sf-menu ul li {width: 100%;}

  .sf-menu li {float: left; position: relative; text-transform: uppercase; text-align:left}
  .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */ border-bottom:6px solid #d4d4d4}
  .sf-menu li li:hover {border:0}
  
  .sf-menu a {display: block; position: relative;}

  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul {left: 0; z-index: 99; top: 3.7em; /* match top ul list item height */ }

  ul.sf-menu li:hover li ul,
  ul.sf-menu li.sfHover li ul {top: -999em;}

  ul.sf-menu li li:hover ul,
  ul.sf-menu li li.sfHover ul {top: 0; left: 10em; /* match ul width */}

  ul.sf-menu li li:hover li ul,
  ul.sf-menu li li.sfHover li ul {top: -999em;}

  ul.sf-menu li li li:hover ul,
  ul.sf-menu li li li.sfHover ul {top:0; left: 10em; /* match ul width */}

/*** DEMO SKIN ***/

.sf-menu {float: left; margin-bottom: 1em;}

.sf-menu a {border-right:1px solid #999999; padding:0.95em 2.5em; text-decoration:none;} 
.sf-menu ul li a {border-top:1px solid #999999; padding:0.6em 0.8em; text-decoration:none;}

.sf-menu a, 
.sf-menu a:visited  {color: #202093; /* visited pseudo selector so IE6 applies text colour*/}

.sf-menu ul a, 
.sf-menu ul a:visited  {color: #21175e; /* visited pseudo selector so IE6 applies text colour*/}

.sf-menu li {background: none}
  .sf-menu li ul {background:url(../media/bg_mainmenu.gif); border-left:1px solid #999; border-bottom:1px double #999}
/* .sf-menu li li {background: #ebebeb} */
.sf-menu li li li {background: #ebebeb}
.sf-menu li li li li {background: #ebebeb}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#CCC; outline: 0}

.sf-menu > li:hover > a, 
.sf-menu > li.sfHover > a {color: #FFF; background:url(../media/bg_menu_active.gif) repeat-x top;}

/*** arrows **/

.sf-menu a.sf-with-ul {/* padding-right: 2.25em; */ min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}

.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      17px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url(../media/mainmenu_arrows.png) no-repeat -15px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top: .7em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url(../media/bg_menu_shadow.png) no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {background: transparent;}

ul.sf-menu .active {background:url(../media/bg_menu_active.gif) repeat-x top;}
 ul.sf-menu .active > a {color:#FFF}
ul.sf-menu .active .active {background:#A6A6A6!important; color:red!important}

/* Forms */

.AxFormLine {clear:both;}
.AxFormElement {position:relative; display:inline-block; float:left;}

#ContentPlaceHolderDefault_cphContent_FormFront_7_ctl01_ctl00_pnlPlainText {margin:0 0 20px 0}

/* Axendo form */


.AxForm {width: 960px; display: block; float: left; line-height:27px;}

.AxFormControl {float: left; text-align: left; display: block;}
.AxIndent {left: 40px;}

.AxFormElement {display: block; float : left; padding:2px 0}
.AxFormElementLabel {display: block; width: 230px; float: left;}

.AxNewLine {width:500px;}

.AxLabelPositionLeft .AxFormControl {left:200px;}
.AxLabelPositionLeft .AxFormElementLabel {left:0px; display:inline; width: 270px;}
.AxLabelPositionTop .AxFormElementLabel {display: block; width: 150px}

.AxCheckBoxList {}
.AxTextBox {color:#6e6e6e}
.AxTextArea {color:#6e6e6e}
.AxSubmitButton {margin:0 0 0 330px; background:url(../media/btn-inschrijven.jpg) no-repeat; width:93px; height:32px; cursor:pointer; font-size: 0; display:block; line-height: 0; border:0}
.AxDropDownList {}
.AxRadioButtonList {}
.AxPlainText {}
.AxCaptchaImg {}

.AxRequired {}
.AxValidation {}

.AxInformationIcon {margin-left:5px; margin-bottom:6px;}

.AxRequiredMessage {width:300px; float:right; text-align:left; display : block; color : Red;}
.AxValidationMessage {width:300px; float:right; text-align:left; display : block; color : Red;}






































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */