/* ============================================ YGP Developed by Semantico http://www.semantico.nl ============================================ red a90019 yellow ff9000 ============================================ */ * {margin:0; padding:0} body {background:#FFFFFF; font:12px arial, helvetica, sans-serif; } html,body {height:100%} h1,h2,h3,h4,h5,h6 {padding:0 0 10px 0; font-weight:bold; color:#a90019} h1 {font-size: 1.5em} h4 {font-size: 1.2em} h2 {font-size: 1.3em} h5 {font-size: 1.1em} h3 {font-size: 1.2em} h6 {font-size: 1.0em} ul {margin:0 0 0 16px} ol {margin:0 0 0 24px} a:link, a:visited {text-decoration:underline} a:hover, a:active {text-decoration:underline} .clearfix:after, #content_main:after, #content_main_sub:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .hr {background:#dfdfdf; height:1px; width:100%; margin:0 0 15px 0; font-size:0px} img {border:0px; background:none} /* Portal */ #header {position:relative; background:url(/media/bg_header.png) no-repeat; width:930px; height:90px; margin:0 auto; z-index:1000} #logo {position:absolute; top:30px; left:10px; /*background:url(/media/logo.jpg) no-repeat; */width:300px; height:30px; cursor:pointer} #btn_loginygp {position:absolute; top:100px; left:750px; background:url(/media/btn_login.gif) no-repeat;width:59px; height:22px; text-indent:-5000px; z-index:1000; display:block; cursor:pointer} #btn_loginygp span {width:67px; height:27px; display:block; cursor:pointer} #btn_registerygp {position:absolute; top:100px; left:820px; background:url(/media/btn_register.gif) no-repeat;width:89px; height:22px; text-indent:-5000px; z-index:1000; display:block; cursor:pointer} #btn_registerygp span {width:67px; height:27px; display:block; cursor:pointer} #box_tools {position:absolute; top:65px; left:722px; width:208px; padding:4px 0; font:bold 10px arial} #box_login {position:absolute; top:65px; left:874px; width:238px; padding:4px 0; font:bold 10px arial} #box_tools a:link, #box_tools a:visited, #box_login a:link, #box_login a:visited {color:black; text-decoration:none} #box_tools a:hover, #box_tools a:active, #box_login a:hover, #box_login a:active {text-decoration:underline} #btnlogin {background:url(/media/bg_login.gif) no-repeat; width:100px; color:black; font:bold 10px arial; padding:4px 10px} #tabs {position:absolute; top:60px; left:315px} #tabs li {float:left; list-style-type:none; margin:0 5px 0 0} a.tab_werkgever {background: url(/media/tab_werkgeverOFF.gif) no-repeat left;width: 102px; height: 30px; display:block; text-decoration: none} a.tab_werkgever_active {text-decoration: none;} a.tab_werkgever:hover, a.tab_werkgever_active:hover {background: url(/media/tab_werkgeverON.gif) no-repeat left;text-decoration: none;} a.tab_werkgever span, .tab_werkgever_active span{visibility: hidden;} .tab_werkgever_active {background: url(/media/tab_werkgeverON.gif) no-repeat left;width: 102px; height: 30px; display:block} a.tab_starter {background: url(/media/tab_starterOFF.gif) no-repeat left;width: 102px; height: 30px; display:block; text-decoration: none} a.tab_starter_active {text-decoration: none;} a.tab_starter:hover, a.tab_starter_active:hover {background: url(/media/tab_starterON.gif) no-repeat left;text-decoration: none;} a.tab_starter span, .tab_starter_active span {visibility: hidden;} .tab_starter_active {background: url(/media/tab_starterON.gif) no-repeat left; width: 102px; height: 30px; display:block} #content {position:relative; background:#FFFFFF; border:1px solid #ff9000; border-top:0; border-bottom:0; width:928px; min-height:100%; margin:0 auto} #button_event {position:absolute; top:10px; left:70px; width:210px; height:60px} #portal_banner {width:770px; height:380px; margin:0 auto; padding:30px 0} #box_portal {width:800px; height:140px; margin:0 auto} #box_portal h1 {color:black; font-size: 1.4em; font-style:italic} #box_portal p {margin:15px 0} #box_werkgever {background:#ff9000; float:left; width:340px; height:130px; margin:0 40px 0 0; padding:15px 20px} #box_starter {background:#ff9000; float:left; width:340px; height:130px; padding:15px 20px} #box_portal a:link, #box_portal a:visited {color:white; text-decoration:underline; background:url(/media/ico_bullet01.gif) 0 5px no-repeat; padding:0 0 0 15px} #box_portal a:hover, #box_portal a:active {background:none; text-decoration:none; background:url(/media/ico_bullet01.gif) 0 5px no-repeat; padding:0 0 0 15px} .clickBox {cursor:pointer; display:block} /* Sub */ #header_sub {width:930px; height:40px;} #breadcrumb {float:left; width:200px; padding:14px; font:10px arial, helvetica, sans-serif;} #submenu { float:left; width:495px; padding:12px; list-style-type:none; position:relative; z-index:10000} #submenu li {float:left; padding:0 15px 0 0; font-weight:bold;} #submenu a:link, #submenu a:visited {color:black; text-decoration:none} #submenu a:hover, #submenu a:active {background:none; text-decoration:underline} #header_sub #submenu .current {text-decoration:underline} #sub_banner {background:#a90019; margin:0 auto; width:928px; height:128px} #sub_banner img {border:0; margin:0; padding:0} #content_main {width:875px; margin:10px auto; text-align:justify; line-height:18px} #content_main_sub {background: url(/media/bg_content_main_sub.gif) repeat-y; width:875px; margin:10px auto; text-align:left; line-height:18px} #content_footer {width:875px} #loginregister {float:left; padding:0 5px 0 0; color:#000!important} #loginregister a:link, #loginregister a:visited {color:#FE6A00!important; text-decoration:underline} #loginregister a:hover, #loginregister a:active {color:#FE6A00; text-decoration:none} #addthis a:link, #addthis a:visited {color:black; text-decoration:none} #addthis a:hover, #addthis a:active {background:none; text-decoration:underline} #addthis {position:relative; display:block; border-bottom:1px solid #ff9000; width:903px; /*width:158px;*/ height:22px; text-align:left; margin:0 auto; padding:6px 0 0 25px} #addthis_search {position:absolute; right:25px; top:2px} #addthis_search .input {width:60px; height:10px; border:1px solid #999; font:12px arial} #addthis_search .submit {width:50px; height:20px; background:none; border:none; font:12px arial} #addthis_newsletter {position:absolute; right:160px; top:2px} .xsltsearch_form {} .xsltsearch_form .input {width:200px; float:left; margin:0 20px 0 0} .xsltsearch_form .submit {width:70px; float:left; height:24px; background:none} #xsltsearch_summary {width:600px; clear:both; margin:25px 0} .xsltsearch_result {padding:0 0 15px 0} #xsltsearch_navigation {margin:20px 0} /* Sub Left */ #content_left {float:left; width:425px; /* margin:0 17px 0 0; padding:0 17px 0 0; border-right:1px solid #fdb674; */} legend {padding: 12px 15px 12px 0px; margin:0; color:#000; font:bold 15px arial} legend span {color:black; margin:0; padding:0} fieldset {border:1px solid #feba73; border-left:0; border-right:0; border-bottom:0} #content_left p a:visited, #content_right p a:visited, #content_left p a:link, #content_right p a:link {color:#a90019; text-decoration:underline} #content_left p a:hover, #content_left p a:active, #content_right p a:hover, #content_right p a:active { text-decoration:none} #content_left img {border:0; vertical-align:middle; margin:0 10px 0 0} #content_left a:visited, #content_right a:visited, #content_left a:link, #content_right a:link {color:#a90019; text-decoration:underline} #content_left a:hover, #content_left a:active, #content_right a:hover, #content_right a:active {text-decoration:none} /* left menu */ #left_submenu, #left_submenu ul {margin:0; padding:0; list-style-type:none;} #left_submenu ul li {background:url(../media/ico_bullet01.gif) 0 5px no-repeat; margin:0; padding:0 0 12px 15px} #left_submenu li a:link, #left_submenu li a:visited {list-style-type:none;} #left_submenu li a:hover, #left_submenu li a:active {list-style-type:underline} #left_submenu ul li li {background:url(../media/ico_bullet03.gif) 0px 14px no-repeat; margin:0; padding:8px 0 0 15px} #left_submenu li li a:link, #left_submenu li li a:visited {list-style-type:none;} #left_submenu li li a:hover, #left_submenu li li a:active {list-style-type:underline} #content_left_sub #left_submenu .current a {text-decoration:underline} /* Sub Right */ #content_right {float:left; width:415px; margin:0 0 0 17px; padding:0 0 0 17px; border-left:1px solid #fdb674;} h3 {padding: 12px 15px 12px 0; color:#a90019; font:bold 15px arial} h3 span {color:black} #footer {border-top:1px solid #d9d9d9; width:929px!important; height:30px; margin:120px auto; padding:10px 0 0 0; color:#333333; text-align:center; font:11px arial, helvetica, sans-serif;} #footer img {vertical-align:middle} #footer_bg {display:block; height:12px; margin:0 auto 20px auto; width:930px; background:url(../media/ygp_bottom.png) no-repeat;} /* Sub Left sub */ #content_left_sub {/*background:url(../media/bg_man.gif) bottom right no-repeat;*/ float:left; width:225px; margin:0 25px 0 0} legend {padding: 12px 15px 12px 0px; margin:0; color:#000; font:20px arial} legend span {color:black; margin:0; padding:0} /* fieldset {border:0px;} */ #content_left_sub p a:link,#content_left_sub p a:visited {color:#a90019; text-decoration:none} #content_left_sub p a:hover, #content_left_sub p a:active {background:none; text-decoration:underline} #content_left_sub img {border:0; vertical-align:middle; margin:0 10px 0 0} #content_left_sub a:link, #content_left_sub a:visited {color:#a90019; text-decoration:none} #content_left_sub a:hover, #content_left_sub a:active {background:none; text-decoration:underline} /* Sub Right sub*/ #content_right_sub {float:left; width:615px} #content_right_sub h1 {padding:11px 0 10px 0} #content_right_sub ul {margin:0; padding:0} #content_right_sub li {list-style-type:none; margin:0; background:url(/media/ico_bullet01.gif) 0 5px no-repeat; padding:0 0 0 15px} #content_right_sub li a:link, #content_right_sub li a:visited {list-style-type:none; color:#a90019; text-decoration:underline} #content_right_sub li a:hover, #content_right_sub li a:active {text-decoration:none;} #content_right_sub img {border:0} #content_right_sub p a:link, #content_right_sub p a:visited {color:#a90019; text-decoration:underline} #content_right_sub p a:hover, #content_right_sub p a:active {background:none; text-decoration:none} #content_right_sub li p a:link, #content_right_sub li p a:visited, #content_right_sub li div a:link, #content_right_sub li div a:visited {color:#a90019; text-decoration:underline} #content_right_sub li p a:hover, #content_right_sub li p a:active, #content_right_sub li div a:hover, #content_right_sub li div a:active {background:none; text-decoration:none} h3 {padding: 12px 15px 12px 0; color:#a90019; font:18px arial} h3 span {color:black} #footer {border-top:1px solid #d9d9d9; width:920px; height:30px; margin:10px auto; padding:10px 0 0 0; color:#333333; text-align:center; font:11px arial, helvetica, sans-serif;} #footer a:link, #footer a:visited {color:#a90019; text-decoration:underline} #footer a:hover, #footer a:active {color:#a90019; text-decoration:none} .td1 {text-align:right; padding:0 20px 0 0} input {border:1px solid #a5001e; padding:3px; width:400px} #textarea {border:1px solid #a5001e; paddng:3px; width:400px} #btn_formsubmit {border:0px; width:80px; float:right} /* Style forms */ .td1 {text-align:right; padding:0 20px 0 0} input {border:1px solid #cc9966; padding:3px; width:400px} textarea {border:1px solid #cc9966; paddng:3px; width:400px; font:12px arial} span.AxMultipleChoice input {width:20px!important; border:1px solid blue} #btn_formsubmit {border:0px; width:120px; float:right} table.AxRadioButtonList input {width:15px; margin:0 10px 0 0; padding:0} .AxFormElementLabel {width:170px; float:left;} .AxFormLine {margin:0 0 5px 0} #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl18_pnlFormElement, ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl18_ctl00_txtTextBox {margin:5px 0 0 0} .AxSubmitButton {margin:0 0 0 175px} .AxMultipleChoice { float:left; display:block; width:443px} #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl33_pnlFormElement {clear:both} .pdf, .pdf:hover, #content_right_sub .pdf, #content_right_sub .pdf:hover {background:url(/media/ico_pdf.gif) 0 5px no-repeat; padding:12px 0 12px 45px; height:20px; display:block} #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl37_ctl00_btnSubmit {margin:0!important; padding:0!important;} #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl37_pnlFormElement {margin:0!important; padding:0!important; clear:both} .AxRequiredMessage {color : Red; padding:0 0 0 10px; display:block} #contactForm {color:black; border:0px} #contactForm ul, #contactForm li {list-style-type:none; margin:0; padding:0} #contactForm ul li {display:block; width:580px; height:37px; vertical-align:middle; border-bottom:1px solid white; background:none} #contactForm label {float:left; width:100px; height:29px; padding:8px 0 0 8px; border-right:1px solid white; vertical-align:middle; text-align:right} #contactForm input {width:260px; border:1px solid #a9031b; margin:8px 0 0 8px; padding:4px; font:12px arial; color:black} #contactForm span {font:12px arial; margin:8px 0 0 8px;} #contactForm textarea {width:265px; height:90px; border:1px solid #a9031b; margin:8px 0 0 8px; padding:1px; font:12px arial; color:black} #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl13_ctl00_btnSubmit, #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_masterContent_ctl05_FormFront_5_ctl13_ctl00_btnSubmit {margin:0; padding:0} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} /* .sf-menu {line-height:1.0;} */ .sf-menu ul {position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position:relative;} .sf-menu a {display:block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -10px; top: 2.3em; /* match top ul list item height */ z-index: 10000;} 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 {left: 10em; /* match ul width */ top:0;} 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 {left: 10em; /* match ul width */ top:0;} /*** SKIN ***/ .sf-menu a, .sf-menu a:visited {color: #13a;} .sf-menu li li {background:#FFF;} .sf-menu .subsubmenu a {padding:10px 0 10px 10px} .sf-menu .subsubmenu li:hover, .sf-menu .subsubmenu li.sfHover, .sf-menu .subsubmenu a:focus, .sf-menu.subsubmenu a:hover, .sf-menu.subsubmenu a:active {outline: 0;} .sf-menu .subsubmenu .current { outline: 0;} .sf-sub-indicator {display:none} /* 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*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/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;} #content_right_sub .round, .round {background:#000; padding:2px 6px; margin:0 10px 0 0; display:block} #content_right_sub a.round:link, #content_right_sub a.round:visited, #content_right a.round:link, #content_right a.round:visited {color:#FFF; text-decoration:none} #content_right_sub a.round:hover, #content_right_sub a.round:active, #content_right a.round:hover, #content_right a.round:active {text-decoration:none} /* ICAMS */ #icamsNewsLetter {background:#FFF; border:1px solid #ff9000; color:#000; font-weight:bold; padding:10px; width:400px; margin:0 0 25px 0} /* iCAMS div#content_left { width:200px; min-height:400px; float:left; margin:0 5px 0 0; width:425px; } */ /*div#content_right { width:650px; float:right; float:left; width:415px; }*/ ul#icams_menu {list-style-type:none; padding:0px; margin:0px;} ul#icams_menu li {background:transparent url(/media/ico_bullet01.gif) no-repeat scroll 0 5px; /*padding:2px 1px 2px 7px;*/ padding: 0px 0px 0px 15px; } ul#icams_menu li a:link, ul#icams_menu li a:visited {color:#A20000; text-decoration:none;} ul#icams_menu li a:hover, ul#icams_menu li a:active {background:transparent none repeat scroll 0 0;text-decoration:underline;} ul#icams_menu li a.active {text-decoration:underline} /* carousel */ a.lees-meer { color:#d5542c; font-weight:bold; background: url(/media/images/bg-leesmeer.png) no-repeat left; padding-left:13px; } a.lees-meer:hover { color:#de5940; text-decoration:none; } .section-1 { width:415px; float:left; } .section-2 { width:415px; float:left; /*border-left:1px solid #fdb674;*/ } .page-section { position:relative; /* padding:0 10px 20px 15px;*/ padding:0 0px 10px 0px; margin:0 0 10px 0; } .page-section h3 { margin:0 0 10px 0; padding:0; background: url(/media/images/bg-titleline.png) repeat-x center; } .page-section h3 span { background-color:#fff; padding:0 10px 0 0; } .page-section h3 span em { color:#000; font-style:normal; } .ygp-agenda h3 { padding-top:5px!important; } /* jCarousel styles */ .carousel-area { position:relative; width:370px; height:50px; padding:10px 0 10px 40px; display:block; background-color: #eeeae9; border:1px solid #defdad9; } .carousel-area .jcarousel-container { background-color: #eeeae9; border: 1px solid #808080; } .carousel-area .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .carousel-area .jcarousel-clip-horizontal { width: 325px; height: 50px; margin:0; } .carousel-area .jcarousel-clip-vertical { width: 77px; height: 245px; } .carousel-area .jcarousel-item { width: 47px; height: 47px; border:1px solid #c94215; } .carousel-area .jcarousel-item a img { border:0; } .carousel-area .jcarousel-item:hover { border-color: #808080; } .carousel-area .jcarousel-item-horizontal { margin-right: 20px; } .carousel-area .jcarousel-item-vertical { margin-bottom: 7px; } .carousel-area .jcarousel-item-placeholder { } /* Horizontal Buttons */ .carousel-area .jcarousel-next-horizontal { position: absolute; top: 20px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/media/images/next-horizontal.gif) no-repeat 0 0; } .carousel-area .jcarousel-next-horizontal:hover { background-position: -32px 0; } .carousel-area .jcarousel-next-horizontal:active { background-position: -64px 0; } .carousel-area .jcarousel-next-disabled-horizontal, .carousel-area .jcarousel-next-disabled-horizontal:hover, .carousel-area .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .carousel-area .jcarousel-prev-horizontal { position: absolute; top: 20px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/media/images/prev-horizontal.gif) no-repeat 0 0; } .carousel-area .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .carousel-area .jcarousel-prev-horizontal:active { background-position: -64px 0; } .carousel-area .jcarousel-prev-disabled-horizontal, .carousel-area .jcarousel-prev-disabled-horizontal:hover, .carousel-area .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /* Vertical Buttons */ .carousel-area .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/media/images/next-vertical.gif) no-repeat 0 0; } .carousel-area .jcarousel-next-vertical:hover { background-position: 0 -32px; } .carousel-area .jcarousel-next-vertical:active { background-position: 0 -64px; } .carousel-area .jcarousel-next-disabled-vertical, .carousel-area .jcarousel-next-disabled-vertical:hover, .carousel-area .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .carousel-area .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/media/images/prev-vertical.gif) no-repeat 0 0; } .carousel-area .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .carousel-area .jcarousel-prev-vertical:active { background-position: 0 -64px; } .carousel-area .jcarousel-prev-disabled-vertical, .carousel-area .jcarousel-prev-disabled-vertical:hover, .carousel-area .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /* The buttons are added dynamically by jCarousel before the