* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
body { font: 12px/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; background: #fff url(/skins/youthRwell/pics/bg4.gif) no-repeat 50% 0px; }
/* holder */
#holder { position: relative; margin: 0 auto; width: 970px; text-align: left; z-index: 1; }
/* header */
#header { position: relative; /* float: left;*/ padding-left: 20px; width: 950px; height: 214px; z-index: 2; background: #4a88be url(/skins/youthRwell/pics/bgHead.png) top left no-repeat; }
#header img.header { position: absolute; top: 0; left: 0; z-index: 3; }
/* header - logo */
#header .logo { position: absolute; top: 28px; left: 20px; width: 268px; height: 48px; z-index: 4; }
#header .logo a { position: relative; display: block; width: 268px; height: 48px; background: url(/skins/youthRwell/pics/logo.gif) no-repeat; }
#header .logo a span { display: none; }
/* beeldwisssel */
#header img.beeldwissel { position: absolute; top: 36px; left: 480px; z-index: 5; }
#header div.header { float:left; width:auto; height:200px; z-index:100; }
/* header - login */
#header #login { position: absolute; top: 36px; right: -18px; z-index: 6; width: 258px; }
#header #login img { position: relative; float: left; }
#header #login .login { position: relative; float: left; padding: 0px 29px 0px 29px; width: 200px; }
#header #login .login h2 { position: relative; float: left; width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; color: #4a88be; }
#header #login .login p { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 12px;*/ color: #4a88be; }
#header #login .login form { position: relative; float: left; padding-bottom: 5px; }
#header #login .login form fieldset, #header #login .login div.box  { width: 200px; border:0; background: transparent; }
#header #login .login form fieldset input.text { padding-left: 5px; margin-bottom: 4px; width: 191px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; border: 1px solid #e3e3e3; border-top-color: #8f8f8f; }
#header #login .login form fieldset input.submit { display:inline; height:1px; line-height:1px; font-size:1px; padding:0; overflow:hidden; background: url(/skins/youthrwell/pics/x.gif) repeat-x; border:0;} 
#header #login .login form fieldset a,
#header #login .login form fieldset a:visited { float: right; padding: 0px 8px; width: auto; height: 18px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #f73866; background: url(pics/bgBtn.gif) repeat-x; border: 1px solid #7f8a9d; }
#header #login .login p.aanmelden { position: relative; float: left; margin: 0px 0px 5px 0px; padding: 0; display: block; width: 200px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; color: #4a88be; border-bottom: 1px solid #feebef; }
#header #login .login p.opvragen { position: relative; float: left; margin: 0; padding: 0; display: block; width: 200px; height: 18px font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; color: #4a88be; }
#header #login .login p a,
#header #login .login p a:visited { text-decoration: underline; color: #4a88be; }
#header #login .login p a:hover { text-decoration: none; color: #4a88be; }
#header #login .login .fieldset a,
#header #login .login .fieldset a:visited { text-decoration: none; color: #4a88be; padding-right: 30px; }
#header #login .login .fieldset a:hover { text-decoration: underline; }
#header #login h3 { float: left; display: inline; height: 22px; margin: 0px 0px 0px 18px; padding-left: 29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #791730; background: url(pics/btnArrowRedRight.gif) left top no-repeat; }
#header #login h3 a, #header #login h3 a:hover, 
#header #login h3 a:visited { font: 16px/22px Verdana, Arial, Helvetica, sans-serif; color: #791730; }

/* general menu */
#generalMenu { display: none; }

/* Jong & actief menu */
#jongActief { position: relative; float: left; margin-top: 108px; z-index: 7; width: 242px; height: 28px; }
#jongActief ul.jongActief { position: relative; float: left; list-style: none; width: 242px; z-index: 8; }
#jongActief ul.jongActief li { width: 154px; min-height: 28px; }
#jongActief ul.jongActief li a, 
#jongActief ul.jongActief li a:visited { position: relative; float: left; display: block; display: inline; width: 242px; height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongActief.gif) 0 50% no-repeat; }
#jongActief ul.jongActief li a:hover, #jongActief ul.jongActief li a:active, #jongActief ul.jongActief li a.mouse, 
#jongActief ul.jongActief li a.active { position: relative; float: left; display: block; display: inline; width: 242px; height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongActiefHover.gif) 0 50% no-repeat #ffffff; } 
#jongActief ul.jongActief li a.active span img { display: block; position: absolute; left: -8px; top: 0px; }
#jongActief ul.jongActief li a span { display: none; } 
#jongActief ul.jongActief li a img, #jongActief ul.jongActief li a:visited img { visibility: hidden; }
#jongActief ul.jongActief li a:hover img, #jongActief ul.jongActief li a:active img, #jongActief ul.jongActief li a.mouse img,
#jongActief ul.jongActief li a.active img { position: absolute; top: 0; left: -9px; visibility: visible; }

/*  Jong & actief menu - sub */
#jongActief ul.jongActief li ul { position: absolute; left: 242px; top: 0px; z-index: 9; padding: 8px 0px 6px 0px; width: 203px; visibility: hidden; list-style: none; background: url(pics/bgSubMenuTop.gif) top left no-repeat; }
#jongActief ul.jongActief li ul li { position: relative; float: left; width: 203px; min-height: 20px; }
#jongActief ul.jongActief li ul li.firstNode { position: relative; float: left; width: 203px; min-height: 23px; }
#jongActief ul.jongActief li ul li.lastNode { position: relative; float: left; padding-bottom: 8px; width: 203px; min-height: 23px; background: url(/skins/youthRwell/pics/bgSubMenuEnd.gif) bottom left no-repeat; }
#jongActief ul.jongActief li ul li a, #jongActief ul.jongActief li ul li a:active, #jongActief ul.jongActief li ul li a:visited, 
#jongActief ul.jongActief li ul li a.active { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #791730; text-decoration: none; background: url(/skins/youthRwell/pics/bgSubMenu.gif) repeat-y; }
#jongActief ul.jongActief li ul li a:hover, #jongActief ul.jongActief li ul li a.mouse, #jongActief ul.jongActief li ul li a.active, #jongActief ul.jongActief li ul li a.active:visited, #jongActief ul.jongActief li ul li a.active:hover, 
#jongActief ul.jongActief li ul li a.active:active { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #791730; }
#jongActief ul.jongActief li ul li a span { display: block; }

/*  Jong & actief menu - sub - sub */
#jongActief ul.jongActief li ul li ul { position: absolute; left: 203px; top: -8px; z-index: 10; }

/* Jong & online menu */
#jongOnline { position: relative; float: left; z-index: 7; clear: left; width: 242px; height: 28px; }
#jongOnline ul.jongOnline { position: relative; float: left; list-style: none; width: 242px; z-index: 8; }
#jongOnline ul.jongOnline li { width: 154px; min-height: 28px; }
#jongOnline ul.jongOnline li a, 
#jongOnline ul.jongOnline li a:visited { position: relative; float: left; display: block; display: inline; width: 242px;height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongOnline.gif) 0 50% no-repeat; }
#jongOnline ul.jongOnline li a:hover, #jongOnline ul.jongOnline li a:active, #jongOnline ul.jongOnline li a.mouse,
#jongOnline ul.jongOnline li a.active { position: relative; float: left; display: block; display: inline; width: 242px; height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongOnlineHover.gif) 0 50% no-repeat #ffffff; } 
#jongOnline ul.jongOnline li a.active span img { display: block; position: absolute; left: -8px; top: 0px; }
#jongOnline ul.jongOnline li a span { display: none; } 
#jongOnline ul.jongOnline li a img, #jongOnline ul.jongOnline li a:visited img { visibility: hidden; }
#jongOnline ul.jongOnline li a:hover img, #jongOnline ul.jongOnline li a:active img, #jongOnline ul.jongOnline li a.mouse img,
#jongOnline ul.jongOnline li a.active img { position: absolute; top: 0; left: -9px; visibility: visible; }

/*  Jong & online menu - sub */
#jongOnline ul.jongOnline li ul { position: absolute; left: 242px; top: 0px; z-index: 10; padding: 8px 0px 6px 0px; width: 203px; visibility: hidden; list-style: none; background: url(pics/bgSubMenuTop.gif) top left no-repeat; }
#jongOnline ul.jongOnline li ul li { position: relative; float: left; width: 203px; min-height: 20px; }
#jongOnline ul.jongOnline li ul li.firstNode { position: relative; float: left; width: 203px; min-height: 23px; }
#jongOnline ul.jongOnline li ul li.lastNode { position: relative; float: left; padding-bottom: 8px; width: 203px; min-height: 23px; background: url(/skins/youthRwell/pics/bgSubMenuEnd.gif) bottom left no-repeat; }
#jongOnline ul.jongOnline li ul li a, #jongOnline ul.jongOnline li ul li a:active, #jongOnline ul.jongOnline li ul li a:visited, #jongOnline ul.jongOnline li ul li a.active, 
#jongOnline ul.jongOnline li ul li a.mouse { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #791730; text-decoration: none; background: url(/skins/youthRwell/pics/bgSubMenu.gif) repeat-y; }
#jongOnline ul.jongOnline li ul li a:hover, #jongOnline ul.jongOnline li ul li a.mouse, #jongOnline ul.jongOnline li ul li a.active, #jongOnline ul.jongOnline li ul li a.active:visited, #jongOnline ul.jongOnline li ul li a.active:hover, 
#jongOnline ul.jongOnline li ul li a.active:active { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #791730; }
#jongOnline ul.jongOnline li ul li a span { display: block; }

/*  Jong & online menu - sub - sub */
#jongOnline ul.jongOnline li ul li ul { position: absolute; left: 203px; top: -8px; z-index: 10; }

/* Jong & reuma menu */
#jongReuma { position: relative; float: left; z-index: 7; clear: left; width: 242px; }
#jongReuma ul.jongReuma { position: relative; float: left; list-style: none; width: 242px; z-index: 8; }
#jongReuma ul.jongReuma li { width: 154px; min-height: 32px; }
#jongReuma ul.jongReuma li a, 
#jongReuma ul.jongReuma li a:visited{ position: relative; float: left; display: block; display: inline; width: 242px; height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongReuma.gif) 0 50% no-repeat; }
#jongReuma ul.jongReuma li a:hover, #jongReuma ul.jongReuma li a:active, #jongReuma ul.jongReuma li a.mouse, 
#jongReuma ul.jongReuma li a.active { position: relative; float: left; display: block; display: inline; width: 242px; height: 28px; background: url(/skins/youthRwell/pics/bgBtnJongReumaHover.gif) 0 50% no-repeat #ffffff; } 
#jongReuma ul.jongReuma li a.active span img { display: block; position: absolute; left: -8px; top: 0px; }
#jongReuma ul.jongReuma li a span { display: none; } 
#jongReuma ul.jongReuma li a img,
#jongReuma ul.jongReuma li a:visited img { visibility: hidden; }
#jongReuma ul.jongReuma li a:hover img, #jongReuma ul.jongReuma li a:active img, #jongReuma ul.jongReuma li a.mouse img,
#jongReuma ul.jongReuma li a.active img { position: absolute; top: 0; left: -9px; visibility: visible; }

/*  Jong & online menu - sub */
#jongReuma ul.jongReuma li ul { position: absolute; left: 242px; top: 0px; z-index: 9; padding: 8px 0px 6px 0px; width: 203px; visibility: hidden; list-style: none; background: url(/skins/youthRwell/pics/bgSubMenuTop.gif) top left no-repeat; }
#jongReuma ul.jongReuma li ul li { position: relative; float: left; width: 203px; min-height: 20px; }
#jongReuma ul.jongReuma li ul li.firstNode { position: relative; float: left; width: 203px; min-height: 23px; }
#jongReuma ul.jongReuma li ul li.lastNode { position: relative; float: left; padding-bottom: 8px; width: 203px; min-height: 23px; background: url(/skins/youthRwell/pics/bgSubMenuEnd.gif) bottom left no-repeat; }
#jongReuma ul.jongReuma li ul li a, #jongReuma ul.jongReuma li ul li a:active, #jongReuma ul.jongReuma li ul li a:visited, #jongReuma ul.jongReuma li ul li a.active, 
#jongReuma ul.jongReuma li ul li a.mouse { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #791730; text-decoration: none; background: url(/skins/youthRwell/pics/bgSubMenu.gif) repeat-y; }
#jongReuma ul.jongReuma li ul li a:hover, #jongReuma ul.jongReuma li ul li a.mouse, #jongReuma ul.jongReuma li ul li a.active, #jongReuma ul.jongReuma li ul li a.active:visited, #jongReuma ul.jongReuma li ul li a.active:hover, 
#jongReuma ul.jongReuma li ul li a.active:active { float: left; margin: 0; padding: 0px 0px 0px 28px; display: block; width: 175px; min-height: 23px; height:auto; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #791730; }
#jongReuma ul.jongReuma li ul li a span { display: block; }

/*  Jong & online menu - sub - sub */
#jongReuma ul.jongReuma li ul li ul { position: absolute; left: 203px; top: -8px; z-index: 10; }

/* body */
#body { position: relative; /*float: left;*/ padding: 26px 0px 0px 0px; width: 970px; overflow:hidden; z-index: 1; }
#body .railLeft { display: none; }
.sideMenuCheck #body .railLeft { position: relative; float: left; display: block; width: 150px; z-index: 3; }

/* jong actief menu sub */
#jongActiefSub { position: relative; float: left; z-index: 4; width: 150px; }
#jongActiefSub ul { position: relative; float: left; display: none; margin: 14px 0px 0px 16px; width: 150px; list-style: none; }
#jongActiefSub ul.active { display: block; display: inline; }
#jongActiefSub ul .node1 img { float: left; }
#jongActiefSub ul li.node1 a { display: none;  }

/* jong actief menu sub - niveau 1 */
#jongActiefSub ul li.node1 ul li a { display: block; }
#jongActiefSub ul li ul { list-style: none; display: block; visibility: visible; margin: 0; z-index: 5; }
#jongActiefSub ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 150px; min-height: 26px; line-height: 26px; background: url(/skins/youthRwell/pics/bgDotsPink.gif) bottom repeat-x; }
#jongActiefSub ul li ul li a,
#jongActiefSub ul li ul li a.mouse,
#jongActiefSub ul li ul li a:visited { position: relative; float: left; display: block; width: 150px; min-height: 26px; overflow: hidden; line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; background: none; }
#jongActiefSub ul li ul li a:hover,
#jongActiefSub ul li ul li a.active { position: relative; float: left; display: block; width: 150px; min-height: 26px; overflow: hidden; line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #791730; text-decoration: none; background: url(pics/bgMenuSub.gif) repeat-y; }

/* jong actief menu sub - niveau 2 */
#jongActiefSub ul li ul li ul { position: absolute; top: 0; left: 150px; z-index: 6; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(/skins/youthRwell/pics/bgMenuSubSub.gif) repeat-y #FFFFFF; }
#jongActiefSub ul li ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 189px; background: url(/skins/youthRwell/pics/bgDotsPink.gif) bottom repeat-x; }
#jongActiefSub ul li ul li ul li.lastNode { background: none; }
#jongActiefSub ul li ul li ul li a:hover,
#jongActiefSub ul li ul li ul li a.active { background-image: none; }

/* jong actief menu sub - niveau 3 */
#jongActiefSub ul li ul li ul li ul { position: absolute; top: 0; left: 189px; z-index: 7; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(/skins/youthRwell/pics/bgMenuSubSub.gif) repeat-y; }

/* jong online menu sub */
#jongOnlineSub { position: relative; float: left; z-index: 4; width: 150px; }
/* jong reuma menu sub */
#jongOnlineSub { position: relative; float: left; z-index: 4; width: 150px; }
#jongOnlineSub ul { position: relative; float: left; display: none; margin: 14px 0px 0px 16px; width: 150px; list-style: none; }
#jongOnlineSub ul.active { display: block; display: inline; }
#jongOnlineSub ul .node1 img { float: left; }
#jongOnlineSub ul .node1 a { display: none;  }

/* jong reuma menu sub - niveau 1 */
#jongOnlineSub ul li.node1 ul li a { display: block; }
#jongOnlineSub ul li ul { list-style: none; display: block; visibility: visible; margin: 0; z-index: 5; }
#jongOnlineSub ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 150px; min-height: 26px; line-height: 26px; background: url(/skins/youthRwell/pics/bgDotsPink.gif) bottom repeat-x; }
/*
#jongOnlineSub ul li ul li a,
#jongOnlineSub ul li ul li a.mouse,
#jongOnlineSub ul li ul li a:visited { position: relative; float: left; display: block; width: 150px; min-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; background: none; }
*/
#jongOnlineSub ul li ul li a,
#jongOnlineSub ul li ul li a.mouse,
#jongOnlineSub ul li ul li a:visited { position: relative; float: left; display: block; width: 150px; min-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #000000; text-decoration: none; background: none; }
#jongOnlineSub ul li ul li a:hover,
#jongOnlineSub ul li ul li a.active { position: relative; float: left; display: block; width: 150px; min-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #791730; text-decoration: none; background: url(pics/bgMenuSub.gif) repeat-y; }

/* jong reuma menu sub - niveau 2 */
#jongOnlineSub ul li ul li ul { position: absolute; top: 0; left: 150px; z-index: 6; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(/skins/youthRwell/pics/bgMenuSubSub.gif) repeat-y #FFFFFF; }
#jongOnlineSub ul li ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 189px; background: url(pics/bgDotsPink.gif) bottom repeat-x; }
#jongOnlineSub ul li ul li ul li.lastNode { background: none; }
#jongOnlineSub ul li ul li ul li a:hover,
#jongOnlineSub ul li ul li ul li a.active { background-image: none; }

/* jong online menu sub - niveau 3 */
#mijnLevenSub ul li ul li ul li ul { position: absolute; top: 0; left: 189px; z-index: 7; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(/skins/youthRwell/pics/bgMenuSubSub.gif) repeat-y; }

/* jong reuma menu sub */
#jongReumaSub { position: relative; float: left; z-index: 4; width: 150px; }
#jongReumaSub ul { position: relative; float: left; display: none; margin: 14px 0px 0px 16px; width: 150px; list-style: none; }
#jongReumaSub ul.active { display: block; display: inline; }
#jongReumaSub ul .node1 img { float: left; }
#jongReumaSub ul .node1 a { display: none;  }

/* jong reuma menu sub - niveau 1 */
#jongReumaSub ul li.node1 ul li a { display: block; }
#jongReumaSub ul li ul { list-style: none; display: block; visibility: visible; margin: 0; z-index: 5; }
#jongReumaSub ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 150px; min-height: 26px; line-height: 26px; background: url(/skins/youthRwell/pics/bgDotsPink.gif) bottom repeat-x; }
#jongReumaSub ul li ul li a,
#jongReumaSub ul li ul li a.mouse,
#jongReumaSub ul li ul li a:visited { position: relative; float: left; display: block; width: 150px; min-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; background: none; }
#jongReumaSub ul li ul li a:hover,
#jongReumaSub ul li ul li a.active { position: relative; float: left; display: block; width: 150px; min-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #791730; text-decoration: none; background: url(pics/bgMenuSub.gif) repeat-y; }

/* jong reuma menu sub - niveau 2 */
#jongReumaSub ul li ul li ul { position: absolute; top: 0; left: 150px; z-index: 6; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(/skins/youthRwell/pics/bgMenuSubSub.gif) repeat-y #FFFFFF; }
#jongReumaSub ul li ul li ul li { position: relative; float: left; padding-bottom: 1px; width: 189px; background: url(pics/bgDotsPink.gif) bottom repeat-x; }
#jongReumaSub ul li ul li ul li.lastNode { background: none; }
#jongReumaSub ul li ul li ul li a:hover,
#jongReumaSub ul li ul li ul li a.active { background-image: none; }

/* jong reuma menu sub - niveau 3 * /
#jongReumaSub ul li ul li ul li ul { position: absolute; top: 0; left: 189px; z-index: 7; padding: 0px 5px 6px 5px; width: 189px; list-style: none; display: block; visibility: hidden; background: url(pics/bgMenuSubSub.gif) repeat-y; }

/* body - tpl */
#body .tpl { position: relative; float: left; display:inline; padding: 0px 14px 0px 20px; width: 690px; min-height: 300px; overflow: hidden; color: #000;}
.sideMenuCheck #body .tpl { position: relative; float: left; display:inline; padding: 0px 14px 0px 38px; width: 510px; min-height: 300px; overflow: hidden; color: #000;}
* html #body .tpl { height: 10%; z-index: 1; }

/* body - tpl - breadcrum */
#body .tpl .breadcrumMenu { position: relative; float: left; width: 100%; min-height: 22px; padding-bottom: 4px; background: url(pics/bgDotsPink.gif) bottom repeat-x; }
/*#body .tpl .breadcrumMenu li { padding: 0px 12px 0px 5px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #a0a0a0; background: url(/skins/youthRwell/pics/divBreadCrum.gif) right no-repeat; }*/
#body .tpl .breadcrumMenu li { padding: 0px 12px 0px 5px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; color: #a0a0a0; background: url(/skins/youthRwell/pics/divBreadCrum.gif) right no-repeat; }
#body .tpl .breadcrumMenu li.firstNode { padding-left: 0px; }
#body .tpl .breadcrumMenu li.lastNode { background: none; }
/*#body .tpl .breadcrumMenu li a,
#body .tpl .breadcrumMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #a0a0a0; }*/
#body .tpl .breadcrumMenu li a,
#body .tpl .breadcrumMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #a0a0a0; }

/* body - tpl - content */
/*#body .tpl .content { position: relative; float: right; margin-top: 40px; width: 524px; min-height: 300px; }*/
#body .tpl .content { position: relative; float:left; display:block; margin-top:40px; min-height:300px; }
#body .tpl .content .intro, .sideMenuCheck #body .tpl .content .intro { width: auto; overflow:hidden; }
#body .tpl .newsblocks .item ul { padding: 0; margin: 0;  position: relative; left: 10px; display: inline; list-style-position: outside; }
#body .tpl .newsblocks .item ul li {display: inline; }
/* rail - zoek */
#body .rail { position: relative; float: right; margin-top: 96px; margin-top:10px; width: 225px; overflow: hidden; }
* html #body .rail { position: relative; float: right; display: inline; width: 225px; }
#body .rail #searchBox { position: relative; margin-bottom: 19px; width: 222px; height: 44px; background: url(/skins/youthRwell/pics/bgRailSearch.gif) top left no-repeat; }
#body .rail #searchBox form { position: relative; padding-top: 12px; width: 222px; height: 32px; }
#body .rail #searchBox form fieldset { border:0; }
#body .rail #searchBox form fieldset legend { display:none; }
#body .rail #searchBox form #zoekterm { position: relative; float: left; margin-left: 10px; width: 130px; padding-top: 2px; height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #4c4c4c; border: 1px solid #cecece; border-top-color: #8f8f8f; border-bottom-color: #e4e4e4; }
#body .rail #searchBox form a,
#body .rail #searchBox form a:visited { position: relative; float: left; padding: 0px 10px; margin: 0px 0px 0px 11px; display: block; height: 17px; line-height: 17px; font-size: 12px; font-weight: bold; color: #2f6ea5; text-align: center; border: 1px solid #cecece; background: url(pics/bgBtn.gif) repeat-x; border: 1px solid #808ba0; border-top-color: #727b8f; }

/* rail - poll */
#body .rail #poll { position: relative; padding-bottom: 9px; width: 222px; background: url(/skins/youthRwell/pics/bgPollEnd.gif) left bottom no-repeat; }
#body .rail #poll .poll { position: relative; padding: 15px 15px 6px 15px; width: 192px; overflow:hidden; text-align: left; background: url(/skins/youthRwell/pics/bgPollTop.gif) left top no-repeat #f73866; }
#body .rail #poll .poll h2 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; }
#body .rail #poll .poll .content { padding: 0; color: #fff; }
#body .rail #poll .poll .form { width: 192px; font-weight: bold; color: #fff; }
#body .rail #poll .poll .form #pollform label { position: relative; float: left; display: inline; width: 192px; color: #000000; line-height: normal; }
#body .rail #poll .poll .form #pollform label input { position: relative; float: left; margin-right: 6px; }
#body .rail #poll .poll .form #pollform label span { position: relative; float: left; display: block; width: 160px; }
#body .rail #poll .poll .form #pollform input.button { float: right; display: block; padding: 2px 18px; height: 18px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #791730; text-align: center; border: 1px solid #808ba0; background: url(/skins/youthRwell/pics/bgBtn.gif) top left repeat-x; }
/* rail - poll - resultaat */
#body .rail #poll .poll dl { position:relative; width: 100%; margin:0; padding:0; list-style:none; }
#body .rail #poll .poll dl dt { display: block; width: 100%; margin:0 0 4px 0; }
#body .rail #poll .poll dl dd { position:relative; display: block; font-size: 12px; width: 100%; text-align:right; }
#body .rail #poll .poll dl dd span { color: #fff; font-size: 12px;}
#body .rail #poll .poll dl dd .result { position: absolute; left:0; top:4px; width:140px; height:5px; border:1px solid #791730; text-align: left; font-size: 12px;}
#body .rail #poll .poll dl dd .result img { position:absolute; top:0; left:0; background-color: #791730; height:5px; margin:0; padding:0; border:0; float:none; font-size: 12px;}
#body .rail #poll .poll dl.total { position: relative; margin-top: 4px; padding-top: 6px; width: 100%; border-top: 1px solid #791730; }
#body .rail #poll .poll dl.total dd { color: #fff; float: right; display:inline; width: 10%; text-align: right; font-size: 12px;}
#body .rail #poll .poll dl.total dt { float: left; display:inline; width: 80%;}

/* rail - members online */
#body .rail #onlineBox { position: relative; padding:10px 8px; width: 202px; } 
#body .rail #onlineBox p { margin-bottom: 4px; line-height: 15px;}
/* rail - column */
#body .rail #column { position: relative; margin-top: 14px; padding-bottom: 8px; width: 222px; background: url(/skins/youthRwell/pics/bgColumnEnd.gif) bottom left no-repeat; }
#body .rail #column .column { width: 192px; position: relative; padding: 10px 15px 0px 15px; overflow:hidden; background: url(/skins/youthRwell/pics/bgColumnTop.gif) no-repeat #f73866; }
#body .rail #column .column h1 { color: #F73866; font-size: 27px;}
#body .rail #column .column h2 { position: relative; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: normal; color: #ffffff; }
#body .rail #column .column h3 { position: relative; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: normal; color: #ffffff; }
#body .rail #column .column p { display: block; width: 192px; font-size: 100%; color: #FFFFFF; margin: 0;}
#body .rail #column .column a, #body .rail #column .column a:visited { float:none; font-size: 100%; color: #FFFFFF; text-decoration: none; }
#body .rail #column .column a:hover { font-size: 100%; color: #FFFFFF; text-decoration: underline; }
/* rail - weer */
#body .rail #weerBox { position: relative; float: left; margin-top: 10px; padding-top: 10px; background: url(/skins/youthRwell/pics/bgDotsBlue.gif) top repeat-x;}
#body .rail #weerBox .weerBox { position: relative; float: left; padding-bottom: 14px; background: url(/skins/youthRwell/pics/bgDotsBlue.gif) bottom repeat-x;}
#body .rail #weer { position: relative; float: left; padding: 0px 0px 10px 0px; width: 222px; min-height: 100px; background: #a1caf9 url(pics/bgWeerEnd.gif) bottom no-repeat; }
#body .rail #weer .weer { position: relative; float: left; padding: 10px 0px 0px 0px; width: 222px; text-align: left; color: #4a88be; background: url(pics/bgWeerTop.gif) top no-repeat; }
#body .rail #weer .weer .inline { position: relative; float: left; padding: 16px 10px 12px 10px; width: 202px; text-align: left; color: #4a88be; background: url(pics/bgWeer.gif) center repeat-x; }
#body .rail #weer .weer .weerTop { position: relative; float: left; width: 210px; text-align: left; color: #4a88be; }
#body .rail #weer .weer .inline h2 { position: relative; float: left; display: block; width: 60px; height: 44px; font-size: 19px; font-weight: bold; color: #FFFFFF; }
#body .rail #weer .weer .inline h3 { position: relative; float: left; display: block; padding: 4px 4px 0px 0px; width: 130px; height: 40px; font-size: 22px; font-weight: bold; text-align: right; color: #FFFFFF; background: url(pics/bgWeerBlock.gif) top right no-repeat; }
#body .rail #weer .weer .inline h3 span { display: block; clear: both; font-size: 9px; }
#body .rail #weer .weer .inline h3 img { position: absolute; top: -20px; left: 0; }
#body .rail #weer .weer .weerTop img { position: relative; float: right; }
#body .rail #weer .weer .inline p { position: relative; float: left; width: 100%; font-weight: bold; color: #dd7a07; }
#body .rail #weer .weer a { font-size: 12px; color: #4a88be; }

/* rail - chat */
#body .rail #chat { position: relative; float: left; margin-top: 15px; padding: 0px; width: 222px; min-height: 118px; background: url(/skins/youthRwell/pics/bgChat.gif) top no-repeat; }
#body .rail #chat .chat { position: relative; float: left; padding: 0px 0px 12px 0px; width: 222px; text-align: left; color: #4a88be; }
#body .rail #chat .chat h2 { position: relative; float: left; display: block; margin:0; padding: 0px 43px 0px 12px; width: auto; height: 36px; font-size: 120%; font-weight: bold; line-height: 36px; background: url(pics/bgChatArrow.gif) right no-repeat; }
#body .rail #chat .chat .inline { position: relative; float: left; margin:0; padding: 0px 8px 0px 12px; width: 210px; min-height: 63px; text-align: left; color: #4a88be; }
#body .rail #chat .chat p { margn:0; position: relative; float: left; display: block; width: 140px; font-size: 100%; font-weight: normal; color: #000000; }
#body .rail #chat .chat p a,
#body .rail #chat .chat p a:visited { text-decoration: underline; color: #2a4d9e; }
#body .rail #chat .chat p a:hover { text-decoration: none; color: #2a4d9e; }
#body .rail #chat .chat img { position: absolute; bottom: -10px; right: 12px; }

/* rail - banner */
#body .rail .bannerBox { position: relative; overflow:hidden; margin-top:10px; padding:6px 0; width: 230px; background: none;  }
#body .rail .bannerBox .banner { position: relative; margin:0; width: 230px; text-align: center; color: #4a88be; }
#body .rail .bannerBox .banner .img { position: relative; border: 0; }
#body .rail .bannerBox .bannerBox { background: #fff url(/skins/youthRwell/pics/bgDotsBlue.gif) 10px 0 repeat-x; }

/* rail - Verjaardagskalender */
#body .rail #verjaardagskalender { float: left;  position: relative; margin-top: 14px; padding-bottom: 8px; width: 222px; background: url(/skins/youthRwell/pics/bgKalenderEnd.gif) bottom left no-repeat; }
#body .rail #verjaardagskalender .kalender { width: 192px; position: relative; padding: 10px 15px 0px 15px; overflow:hidden; background: url(/skins/youthRwell/pics/bgKalenderTop.gif) no-repeat #4a88be; }
#body .rail #verjaardagskalender .kalender p { margin: 0; }
#body .rail #verjaardagskalender .kalender p.date { color: #fff; }
#body .rail #verjaardagskalender .kalender h1  { color: #4a88be; font-size: 27px;}
#body .rail #verjaardagskalender .kalender h2  { color: #fff; font-size: 15px; }


/* rail - professionals * /
#body .rail #professionals { position: relative; float: left; padding: 0px 0px 10px 0px; width: 230px; background: #edf3f8; }
#body .rail #professionals h2 { position: relative; float: left; padding: 0px 10px 0px 14px; width: 206px; height: 49px; background: #72ade1; }
#body .rail #professionals h2 span { float: left; display: block; padding-top: 10px; width: 166px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #FFFFFF; }
#body .rail #professionals h2 span a,
#body .rail #professionals h2 span a:visited { color: #821939; text-decoration: none; }
#body .rail #professionals h2 img { float: right; margin-top: 5px; border: 0; }
#body .rail #professionals .professionals { position: relative; float: left; padding: 0px 14px 12px 14px; width: 202px; color: #4a88be; background: url(pics/bgDotsBlue.gif) 0px bottom repeat-x; }

/* rail - professionals * /
#body .rail #leeftijd { position: relative; float: left; padding: 14px 0px 10px 0px; width: 230px; background: #edf3f8 url(pics/bgLeeftijd.png) top repeat-x; }
#body .rail #leeftijd .leeftijd { position: relative; float: left; padding: 0px 10px 12px 10px; width: 210px; color: #4a88be; background: url(pics/bgDotsBlue.gif) 0px bottom repeat-x; }
#body .rail #leeftijd .leeftijd h2 { font-size: 12px; font-weight: bold; color: #000000; }
#body .rail #leeftijd .leeftijd p { font-size: 12px; font-weight: normal; color: #000000; }
*/

/* news response */
#response { position:relative; width: 460px; padding:10px 0; }
#response .response { position:relative; font-size:0.875em; padding: 7px 0; color:#000; line-height: 14px; border-bottom:1px solid #C0B8AD; }
#response .response a { font: bold 11px/15px Verdana,Arial,sans-serif; color:#F73866; }
#response .pages { position:relative; font-size:0.875em; line-height: 14px; padding: 4px 0; margin-bottom: 15px; color:#000; border-bottom:1px solid #F73866; }
#response .pages .pagenumbers { position:relative; margin-left: 24px; display: inline;}
#response .pages .pagenumbers a { color:#000; }
#response .pages .pagenumbers .selected{ color: #F73866; font-size:0.875em; }
#response .messages { position:relative; font-size:0.825em; padding: 19px 12px 18px 12px; color: #000000; }
* html #response .messages { font-size:100%; }
#response .even { background-color: #F1E7EA; }
#response .messages .title { font-weight: bold; }
#response .messages .info { font-size:1.2; text-align: right; font-style: italic; color:#f94a2c; }
#response .messages .info a { font-size:1.2; text-align: right; font-style: italic; color:#f94a2c; }
#response .messages .btnEdit { display:block; float:right; width: 16px; height: 14px; background: url(/skins/default/pics/btnEdit.gif) no-repeat 0 50%; color: #F83513;}
#response .messages .btnDel { display:block; float:right; width: 16px; height: 14px; background: url(/skins/default/pics/btnDel.gif) no-repeat 0 50%; color: #F83513;}
#response .nomessages { font-size:0.825em; padding: 19px 12px 7px 12px; color:#F73866; }
#response .box { font-size:0.875em; color: #000; padding-top: 14px; margin-top: 13px; border-top:1px solid #C0B8AD; }
* html #response .box { font-size:100%; }
#response .box h2 { width: 449px; padding-top: 10px; padding-left: 12px; padding-bottom: 8px; color:#F73866; background: #F1E7EA;}
#response .box .main.loggedin { padding-right: 12px; padding-top: 15px; text-align: right; background: #F1E7EA; width: 449px; height: 140px;}
#response .box .main.login { padding:15px 12px 0 0; text-align: left; background: #F1E7EA; width: 449px; height: 180px;}
#response .box .main.login p { margin-left:12px; }
#response .box .main div.success { color: #f94a2c; text-align: left; margin-left: 12px;}
#response .box .main .row { margin-bottom: 9px; width:100%; overflow:hidden; }
#response .box .main .row label { color: #000;}
#response .box .main .row input,
#response .box .main .row textarea { color: #333; }
#response .box .main .row .text, #response .box .main .row textarea { padding:1px; width:80%; border: 1px solid #b0b0b0; }
#response .box .main .row textarea { height: 68px; }
#response .box .main .row label { vertical-align: top; padding-right: 12px;}
#response .box .main .row .button { font: bold 0.875em Verdana,Arial,sans-serif; color: #F73866; background: #fff; border: 1px solid #b0b0b0; width: 95px; height: 20px; }
#response .box .footer { display:none; }

/* form elements */
#content form { position:relative; width:476px; overflow:hidden; }
#content form .formRow { position: relative; display: block; width: 476px; margin: 5px 0 0 0;}
#content form div.error { position: relative; padding:6px; border:1px solid; color: #f33; margin:4px 0; background:#f0efef; }
#content form .error p { position: relative; color: #c00; line-height:13px; margin:0; }
#content form .question {position: relative; float: left; display: block; vertical-align: top; width: 200px; overflow:hidden; padding: 1px; /*border:1px solid #fff;*/ }
#content form .subquestion {position: relative; float: left; display: block; vertical-align: top; width: 60px;  overflow:hidden; /* border:1px solid #fff;*/}
#content form .answer { position: relative; width:274px; overflow:hidden; }
#content form .answer a.info { position: relative; background: url(/skins/default/pics/btn_Info.gif) no-repeat; height:14px; width:14px; float:right; margin-top: 2px;}
#content form .answer select { position: relative; max-height: 100px; width: 255px; padding: 1px 0; color:#58585a; border: 1px solid #c2c2c2; }
#content form .answer select option { padding-left: 1px; }
#content form .answer textarea { position: relative; height: 100px; width: 250px; padding: 1px; color:#58585a; border: 1px solid #c2c2c2; font: 11px/13px "Trebuchet MS",Arial,Helvetica,sans-serif; }
#content form .answer.text input { position: relative; width:270px; padding: 1px; color:#58585a; border: 1px solid #c2c2c2; }
#content form .answer.radio label { position: relative; /*float:left;*/ /*display:block;*/ min-height: 16px; line-height:15px; margin-right: 8px; padding: 2px 0; vertical-align: middle;  }
#content form .answer.radio input { position: relative; font-size: 11px; line-height: 15px; margin:0; padding:0;}
#content form .answer.check label { position: relative; width: auto; float:left; display:block; margin-right: 8px; padding-left:1px; vertical-align: middle;}
#content form .answer.check input { position: relative; font-size: 11px; line-height: 11px; margin:0; padding:0; }
#content form #kolommenrow select { width: 40px; }
#content form #kolommenrow input { width: 30px; }
#content form #kolommenrow .answer label { padding-left:10px; padding-right:10px; }
#content form .submit {float:right; }

/* form includes */
.formtab { position:relative; width:500px; padding:10px; margin-top:8px; background: #fcfcfc; }
.formtab .formrow { position:relative; width:auto; }
.formtab .formrow .indent { position:relative; margin-left:220px; }
.formtab .formrow label { position:relative; display:block; width:100%; padding: 2px 0; overflow:hidden; clear:both; line-height:15px; z-index:1; }
.formtab input, .formtab select, .formtab textarea { position:relative; float:right; width: 280px; border: 1px solid #c4c9c8; padding:2px 1px; margin: 1px 0; font: 11px/13px Arial,Helvetica,sans-serif; }
.formtab .formrow select { padding:1px; width: 284px; }
.formtab .formrow select option {  }
.formtab .radio label { display:inline; padding-right: 12px;  }
.formtab .radio input { width:auto; float:none; height:14px; width:14px; margin:0 6px 0 0; border:0; }
.formtab .checkbox input { float:none; height:14px; width:14px; margin:0 6px 0 0; border:0; }
.formtab .different input { width:200px; }
.formtab .button input { width:auto; }
.formtab .subhead { font-weight:bold; }
.formtab .text { padding: 5px 0; }
.formtab .suggest { position:absolute;display:none; padding:1px; top:23px; right:0; width:280px; height:140px; background:#eee; border:1px solid #ccc; z-index:1000; }
.formtab .error { padding: 6px; color: #c00; margin-bottom:10px; background:#fee; border: 1px solid #c00; }
.formtab .error p { margin:0; padding:0; line-height:15px; }
/* footer */
#footer { position: relative; float: left; overflow:hidden; width: 949px; }
#footer .footer { position: relative; overflow;hidden; display:block; padding-top: 6px; width: 713px; height: 105px; border-top: 1px solid #791730; }
#footer .footer h3 { position: relative; float:none; font-size: 100%; color: #f73866; }
#footer .footer .block { width: 25%; position: relative; float: left; display:block; text-align:center; padding-top:20px; /*padding: 25px 0; width: 212px; font-size: 12px;  color: #f73866; */}
#footer .footer .block1 {padding-right: 30px; width: 141px; position: relative; float: left; display:block; text-align:center; padding-top:20px; /*padding: 25px 0; width: 212px; font-size: 12px;  color: #f73866; */}
#footer .footer .block2 {padding-right: 30px; width:140px; position: relative; float: left; display:block; text-align:center; padding-top:20px; /*padding: 25px 0; width: 212px; font-size: 12px;  color: #f73866; */}
#footer .footer .block3 {padding-right: 30px; width:139px; position: relative; float: left; display:block; text-align:center; padding-top:20px; /*padding: 25px 0; width: 212px; font-size: 12px;  color: #f73866; */}
#footer .footer .block4 { width:165px; position: relative; float: left; display:block; text-align:center; padding-top:20px; /*padding: 25px 0; width: 212px; font-size: 12px;  color: #f73866; */}
/*#footer .footer .blockCenter { position: relative; float: left; text-align:center; width:30%; padding: 25px 0px 15px 0px; width: 218px; font-size: 12px; color: #f73866;} */
/*#footer .footer .blockRight { position: relative; float: right; text-align:center; width:30%; padding: 25px 0px 15px 0px; width: 277px; font-size: 12px; color: #f73866; }*/

#footer span.left { position: relative; float: left; width: 441px; height: 16px; background: #f73866; }
#footer span.center { position: relative; float: left; width: 272px; height: 16px; background: #791730; }
#footer span.right { position: relative; float: left; width: 236px; height: 16px; background: #4a88be; }

/* foot menu */
ul.footMenu { position: relative; width:100%; overflow:hidden; padding:10px 0;list-style: none; }
ul.footMenu li { position: relative; float: left; display: inline; height: 15px; background: url(/skins/default/pics/divGeneralMenu.gif) right no-repeat; }
ul.footMenu li.lastNode { background: none; }
ul.footMenu li a, 
ul.footMenu li a:active, 
ul.footMenu li a:visited, 
ul.footMenu li a.active, 
ul.footMenu li a.mouse { position: relative; float: left; display:block; width: auto; padding: 0px 11px 0px 10px; font: 12px/14px Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; }
ul.footMenu li a:hover, 
ul.footMenu li a.mouse, 
ul.footMenu li a.active, 
ul.footMenu li a.active:visited, 
ul.footMenu li a.active:hover, 
ul.footMenu li a.active:active { background: url(/skins/default/pics/bggeneralMenuActive.gif) repeat-x; color: #373737; text-decoration: underline; }
ul.footMenu li.firstNode a { padding-left: 0px; }