/* MAIN WEBSITE STYLES */
HTML, BODY
{
margin: 0px;
padding: 0px;
font-family: Arial;
font-size: 12px;
}
BODY
{
background: #000000 url('/assets/sggroep/images/bg_body.png') repeat-x 0px 0px;
}
#canvas
{
background: #FFFFFF url('/assets/sggroep/images/bg_canvas.gif') repeat-y 0px 0px;
width: 1048px;
margin: 0 auto;
/*margin-left: 20px;*/
}
/* Misc. Content Styles */
SPAN.red
{
color: #FF3300;
}
.flashnotice
{
border: 1px solid #FFFF99;
background: #FFFFF2;
padding: 10px;
margin: 10px;
}
.flashnotice a:link,
.flashnotice a:active,
.flashnotice a:visited,
.flashnotice a:focus
{
color: #5091D1;
}
.flashnotice a:hover
{
text-decoration: none;
}
/*jqueryheader style*/
div.photo
{
font-family: Helvetica;
position: absolute;
width: 811px;
height: 251px;
background-color: #ffffff;
}
div.pic
{
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
div.content
{
position: absolute;
width: 555px;
height: 188px;
margin-top: 33px;
margin-left: 35px;
}
div.items
{
width: 205px;
margin-top: 45px;
float: left;
}
div.items div.item
{
width: 158px;
height: 34px;
padding-top: 4px;
color: #ffffff;
font-size: 16px;
}
div.items div.active
{
background-image: url("/assets/sggroep/images/pijl.png");
background-repeat: no-repeat;
font-weight: bold;
}
div.items div.inactive
{
}
div.items div.item div.number
{
padding-top: 5px;
margin-right: 5px;
float: left;
}
div.items div.item div.menu
{
padding-top: 5px;
float: left;
}
div.items div.item div.title, div.items div.item div.text, div.items div.item div.link, div.items div.item div.image
{
display: none;
}
div.verticalline
{
width: 5px;
height: 175px;
background-image: url("/assets/sggroep/images/balk.png");
background-repeat: no-repeat;
float: left;
}
div.box
{
float: left;
padding-left: 15px;
}
div.box div.title
{
color: #ffffff;
font-size: 33px;
}
div.content div.box div.text
{
font-family: Arial, sans-serif;
margin-top: 35px;
width: 190px;
font-size: 11px;
height: 44px;
}
div.content div.box div.readmore
{
margin-top: 15px;
}
div.content div.box div.readmore a
{
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
div.bottomline
{
position: absolute;
width: 811px;
height: 32px;
margin-top: 220px;
}
div.bottomline div.white
{
width: 590px;
height: 32px;
float: left;
background-color: #ffffff;
}
div.bottomline div.timeline
{
width: 220px;
height: 5px;
margin-top: 27px;
float: left;
}
div.bottomline div.timeline div.progress
{
width: 1px;
height: 5px;
position: relative;
}
/* Toprow */
#topRow
{
height: 94px;
width: 1048px;
background: url('/assets/sggroep/images/bg_body.png') repeat-x 0px 0px;
}
#topRowLeft
{
float: left;
width: 238px;
}
#topRowLeftLogo
{
margin: 30px 0px 0px 10px;
}
#topRowRight
{
float: left;
width: 811px;
margin-left: -1px;
}
#topRowRightTopMenu
{
width: 810px;
padding-bottom: 28px;
}
#topRowRightMenuBox
{
width: 280px;
margin-top: 12px;
padding-left: 320px;
float: left;
}
#topRowRightMenuBox UL
{
margin: 0px;
padding: 0px;
list-style: none;
}
#topRowRightMenuBox UL LI
{
margin: 0px;
padding: 0px;
list-style: none;
margin-left: 10px;
float: left;
}
#topRowRightMenuBox UL LI A
{
/*display:block;
height: 44px;
width: 140px;
background: url('/assets/sggroep/images/topmenu.gif') no-repeat 0px 0px;
text-indent: -9999px;*/
}
#topRowRightMenuBox A.topMenuLinkCufon
{
text-transform: uppercase;
color: #A3C5E7;
text-decoration: none;
font-size: 0.75em; line-height: 0.5em
}
/*
#topRowRightMenuBox UL LI A.startpagina
{
background-position: 0px 0px;
width: 67px;
}
#topRowRightMenuBox UL LI A.privacy
{
background-position: -70px 0px;
width: 43px;
}
#topRowRightMenuBox UL LI A.disclaimer
{
background-position: -118px 0px;
width: 58px;
}
#topRowRightMenuBox UL LI A.colofon
{
background-position: -182px 0px;
width: 45px;
}
#topRowRightMenuBox UL LI A.sitemap
{
background-position: -234px 0px;
width: 41px;
}
#topRowRightMenuBox UL LI A.contact
{
background-position: -278px 0px;
width: 44px;
}
*/
#topRowRightSearchBox
{
width: 200px;
margin-top: 10px;
float: left;
}
#topRowRightSearchBox .input
{
width: 160px;
}
#topRowRightSearchBox IMG
{
margin-top: 5px;
}
.topRowRightMainMenu
{
width: auto;
height: 26px;
margin: 0px;
padding: 0px;
float: right;
}
.topRowRightMainMenu .submenu
{
display: none;
position: absolute;
top: 76px;
padding: 16px 0 0 0;
margin: 0;
width: 200px;
z-index: 1000;
background: url('/assets/sggroep/images/flash_background.png') top left;
}
.topRowRightMainMenu .oblique
{
font-weight: normal;
font-style: oblique;
}
.topRowRightMainMenu .level0
{
margin: 0 5px 0 0;
padding: 0;
border-left: dotted 1px #6CA3D9;
cursor: pointer;
}
.topRowRightMainMenu a
{
color: #fff;
text-decoration: none;
}
.topRowRightMainMenu .level0 .item0
{
border-left: none;
}
.topRowRightMainMenu .level1
{
list-style: none;
padding: 5px 10px;
margin: 0;
border-bottom: 1px solid #5C96D0;
background: #215280;
font-size: 16px;
}
.topRowRightMainMenu .level2
{
float: left;
list-style: none;
}
.topRowRightMainMenu DIV
{
margin: 0px 0px 0px 2px;
padding: 0px;
list-style: none;
float: left;
white-space: nowrap;
}
.topRowRightMainMenu DIV.item
{
display: inline;
padding: 4px 10px 2px 12px;
border-left: dotted 1px #6CA3D9;
}
.topRowRightMainMenu DIV.itemFirst
{
display: inline;
padding: 4px 10px 2px 12px;
border: none;
}
.topRowRightMainMenu DIV.item A:link,
.topRowRightMainMenu DIV.item A:visited,
.topRowRightMainMenu DIV.item A:active,
.topRowRightMainMenu DIV.item A:focus,
.topRowRightMainMenu DIV.itemFirst A:link,
.topRowRightMainMenu DIV.itemFirst A:visited,
.topRowRightMainMenu DIV.itemFirst A:active,
.topRowRightMainMenu DIV.itemFirst A:focus
{
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
}
.topRowRightMainMenu DIV.item A:hover,
.topRowRightMainMenu DIV.itemFirst A:hover
{
text-decoration: underline;
}
/* Canvasrow */
#canvasRow
{
width: 1048px;
}
#canvasRowLeft
{
width: 237px;
min-height: 100px;
float: left;
}
#canvasRowLeft HR
{
height: 0;
border: 0;
border-top: 1px solid #A3C5E7;
}
#canvasRowLeftBlok
{
background: url('/assets/sggroep/images/bg_body.gif') repeat-x 0px -104px;
height: 18px;
}
/*BEGIN CONTENT*/
/* Submenu */
#submenuBlok
{
margin-top: 90px;
padding: 15px;
width: 207px;
overflow:hidden;
}
#submenuBlok .submenuItemOpen .submenuItemTitle
{
background: url('/assets/sggroep/images/submenu_arrow_open.gif') no-repeat 0px 4px;
padding: 0px 0px 0px 30px;
border-bottom: 1px solid #A3C5E7;
margin-top: 10px;
font-size: 24px;
color: #5091D1;
}
#submenuBlok .submenuItemOpen .submenuItemTitle A:link,
#submenuBlok .submenuItemOpen .submenuItemTitle A:visited,
#submenuBlok .submenuItemOpen .submenuItemTitle A:active,
#submenuBlok .submenuItemOpen .submenuItemTitle A:focus
{
font-size: 11px;
color: #5091D1;
text-decoration: none;
}
#submenuBlok .submenuItemOpen .submenuItemTitle A:hover
{
text-decoration: underline;
}
#submenuBlok .submenuItemClose .submenuItemTitle
{
background: url('/assets/sggroep/images/submenu_arrow_close.gif') no-repeat 0px 4px;
padding: 0px 0px 0px 30px;
border-bottom: 1px solid #A3C5E7;
margin-top: 10px;
font-size: 24px;
color: #5091D1;
}
#submenuBlok .submenuItemClose .submenuItemTitle A,
#submenuBlok .submenuItemClose .submenuItemTitle SPAN
{
font-size: 18px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #5091D1;
}
/*
#submenuBlok .submenuItemTitle h5
{
font-size: 18px;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #5091D1;
}
*/
#submenuBlok .submenuItemOpen UL
{
margin: 0px;
padding: 0px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
background:#ffffff;
}
#submenuBlok .submenuItemOpen UL LI
{
margin: 0px;
padding: 5px 10px 5px 25px;
background: url('/assets/sggroep/images/submenu_arrow.gif') no-repeat 12px 10px;
}
#submenuBlok .submenuItemOpen UL LI A:link,
#submenuBlok .submenuItemOpen UL LI A:visited,
#submenuBlok .submenuItemOpen UL LI A:active,
#submenuBlok .submenuItemOpen UL LI A:focus
{
font-size: 11px;
color: #3D4463;
text-decoration: none;
}
#submenuBlok .submenuItemOpen UL LI A:hover
{
text-decoration: underline;
}
/* Oplossingen */
/*
#oplossingenBlok
{
margin-top: 90px;
padding: 15px;
}
#oplossingenBlokLinks
{
margin-top: 10px;
background:#ffffff;
padding: 10px;
color: #3D4463;
}
#oplossingenBlokLinks UL
{
margin: 0px;
padding: 0px;
list-style: none;
}
#oplossingenBlokLinks UL LI
{
margin: 0px;
padding: 5px 5px 5px 15px;
background: url('/assets/sggroep/images/arrow_blue.gif') no-repeat 3px 9px;
list-style: none;
}
*/
/* Branches */
#bannerBlok
{
padding: 0px 0px 0px 8px;
width: 225px;
overflow:hidden;
}
/*
#sgacademyBlok
{
padding: 15px;
}
#sgacademyBlokText
{
padding: 12px;
border: 1px solid #9CC1E4;
background:#ffffff;
position:relative;
height: 160px;
}
#sgacademyBlokText .hat
{
position:absolute;
top: 105px;
right:-10px;
}
#sgacademyBlok HR
{
height: 0;
border: 0;
border-top: 1px dotted #A3C5E7;
}
*/
/*END CONTENT*/
#canvasRowRight
{
width: 811px;
float: left;
}
/* Homepage */
#flashHeader
{
height: 251px;
width: 811px;
overflow:hidden;
margin: -2px 0 0 0;
z-index: 100;
}
#flashHeaderOverlay
{
display: none;
}
img.img_actueel
{
display: block;
}
img.img_agenda
{
display: none;
}
/* End Homepage */
/*vervolgpagina*/
#imageHeader
{
height: 38px;
background: url('/assets/sggroep/images/temp_imageheader.jpg') no-repeat;
padding-top: 144px;
}
#topRowRight {
height: 100%;
}
#crumb
{
width: 550px;
height: 13px;
background: #FFFFFF;
padding: 15px 30px 10px 10px;
text-align: right;
font-size: 11px;
color: #FF6600;
}
#crumb A:link,
#crumb A:visited,
#crumb A:active,
#crumb A:focus
{
color: #FF6600;
text-decoration: underline;
padding-left: 10px;
margin-left: 10px;
display: inline-block;
font-size: 11px;
background: url('/assets/sggroep/images/arrow_crumb.gif') no-repeat 0px 4px;
}
#crumb A:hover
{
text-decoration: none;
}
#helpLinks
{
text-align: right;
margin: 15px 0px 20px 0px;
}
#helpLinks A.print:link,
#helpLinks A.print:visited,
#helpLinks A.print:active,
#helpLinks A.print:focus
{
background: url('/assets/sggroep/images/icon_print.png') no-repeat top left;
padding: 0px 0px 0px 23px;
font-size: 11px;
text-decoration: underline;
}
#helpLinks A.print:hover
{
text-decoration: none;
}
#helpLinks A.tellafriend:link,
#helpLinks A.tellafriend:visited,
#helpLinks A.tellafriend:active,
#helpLinks A.tellafriend:focus
{
background: url('/assets/sggroep/images/icon_mail.png') no-repeat 0px 2px;
padding: 0px 0px 0px 23px;
margin: 0px 0px 0px 15px;
font-size: 11px;
text-decoration: underline;
}
#helpLinks A.tellafriend:hover
{
text-decoration: none;
}
/* End vervolgpagina */
#contentContainer
{
width: 811px;
}
#contentContainerLeft
{
width: 590px;
float: left;
}
/*BEGIN CONTENT*/
/* Homepage */
#contentHome
{
padding: 0px 25px 25px 30px;
}
#contentHome A:link,
#contentHome A:visited,
#contentHome A:active,
#contentHome A:focus
{
color: #5091D1;
text-decoration: underline;
}
#contentHome A:hover
{
text-decoration: none;
}
#contentHome H1
{
color: #1D2850;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size: 24px;
line-height: 24px;
}
#contentHome .contentHome
{
width: 535px;
padding-bottom: 20px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
}
#contentHome .contentHomeTeaser
{
width: 225px;
float: left;
line-height: 19px;
margin: 0px 25px 0px 0px;
padding: 0;
}
#contentHome .contentHomeTeaser H5
{
}
#contentHome .contentHomeText
{
width: 280px;
float: left;
font-size: 12px;
line-height: 19px;
}
#contentHome .contentHomeText p
{
margin: 0;
padding: 0;
}
/* Homepage News/Agenda Block */
#newsagendaHome
{
padding-top: 20px;
}
#newsagendaHome .newsagendaHome
{
width: 535px;
}
#newsagendaHome .hdr
{
width: 400px;
float: left;
}
#newsagendaHome H2
{
margin: 0px;
padding: 0px;
font-size: 24px;
line-height: 24px;
color: #5091D1;
}
#newsAgendaHomeHeader .tabs
{
width: 135px;
}
#newsHome
{
padding-bottom: 5px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
}
#newsHome .newsItemBig
{
width: 535px;
padding-top: 20px;
}
#newsHome .newsItemBigImage
{
/*width: 148px;*/
padding: 1px;
border: 1px solid #BFD7EE;
float: left;
margin-right: 25px;
}
#newsHome img
{
width: 158px;
}
#newsHome .newsItemBigImageBorder
{
/*width: 150px;
height: 70px;
overflow: hidden;*/
}
#newsHome .newsItemBigText
{
width: 335px;
float: left;
padding-left:5px;
}
#newsHome .newsItemBigText .title A:link,
#newsHome .newsItemBigText .title A:visited,
#newsHome .newsItemBigText .title A:active,
#newsHome .newsItemBigText .title A:focus
{
font-weight: bold;
color: #3D4463;
text-decoration: none;
}
#newsHome .newsItemBigText .title A:hover
{
text-decoration: underline;
}
#newsHome .newsItemBigText .teaser
{
padding: 4px 0px 4px 0px;
}
#newsHome .newsItemBigText .date
{
color: #5091D1;
}
#newsHome .newsItem
{
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
margin-top: 5px;
padding: 10px 5px 5px 5px;
}
#newsHome .newsItem .newsItemTitle A:link,
#newsHome .newsItem .newsItemTitle A:visited,
#newsHome .newsItem .newsItemTitle A:active,
#newsHome .newsItem .newsItemTitle A:focus
{
font-weight: bold;
color: #3D4463;
text-decoration: none;
}
#newsHome .newsItem .newsItemTitle A:hover
{
text-decoration: underline;
}
#newsHome .newsItem .newsItemDate
{
color: #5091D1;
padding-bottom: 2px;
}
#agendaHome
{
padding-bottom: 5px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
padding-top: 20px;
}
#agendaHome .agendaItem
{
width: 535px;
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
padding-top: 10px;
margin-bottom: 10px;
}
#agendaHome .agendaItemFirst
{
width: 535px;
background: none;
margin-bottom: 5px;
padding-bottom: 5px;
}
#agendaHome .agendaItemDate
{
width: 100px;
float: left;
}
#agendaHome .agendaItemDateDay
{
width: 30px;
float: left;
font-size: 24px;
color: #7BA400;
font-weight: bold;
}
#agendaHome .agendaItemDateMonth
{
width: 70px;
float: left;
font-size: 16px;
color: #7BA400;
font-weight: bold;
padding-top: 7px;
}
#agendaHome .agendaItemText
{
width: 435px;
float: left;
color: #3D4463;
}
#agendaHome .agendaItemText A:link,
#agendaHome .agendaItemText A:visited,
#agendaHome .agendaItemText A:active,
#agendaHome .agendaItemText A:focus
{
color: #5091D1;
text-decoration: none;
}
#agendaHome .agendaItemText A:hover
{
text-decoration: underline;
}
#newsagendaHome .button
{
text-align: right;
margin-top: 15px;
}
/* Poll Styles */
#poll
{
/*float: left;*/
margin-top: 15px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x top left;
}
.pollText
{
padding: 20px 0px 10px 0px;
color: #11435B;
}
.pollQuestion {
padding-bottom: 10px;
}
.pollTextBgBottom
{
height: 1px;
}
.contentBlock_poll_options input
{
float:left;
margin-bottom:5px;
width:20px;
}
.contentBlock_poll_options label
{
float:left;
margin-bottom:5px;
width:400px;
}
.pollButton
{
}
table.poll_results_table
{
margin: 0px;
padding: 0px;
width:400px;
}
table.poll_results_table td
{
padding-bottom:5px;
}
table.poll_results_table td.percentage_bar
{
width: 160px;
padding-right: 5px;
font-size: 11px;
padding-bottom:10px;
}
table.poll_results_table td.percentage_bar div.poll_result_percentage
{
width: 155px;
border: solid 1px #1D2850;
background-color: #FFFFFF;
}
table.poll_results_table td.percentage_bar div.poll_result_percentage div.inner
{
height: 7px;
background: #FFFFFF url('/assets/sggroep/images/bg_poll_percentagebar.png') repeat-x top right;
}
table.poll_results_table td.percentage_text
{
padding-left: 5px;
font-size: 11px;
padding-bottom:10px;
}
/* Tag Cloud Styles */
#tagCloud
{
margin: 10px 0px 0px 0px;
padding: 30px 0px 20px 0px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x top left;
}
#tagCloud A
{
display: inline-block;
padding: 4px;
margin: 0px 5px 0px 0px;
}
#tagCloud A.pgf_font_xx-small:link,
#tagCloud A.pgf_font_xx-small:visited,
#tagCloud A.pgf_font_xx-small:active,
#tagCloud A.pgf_font_xx-small:focus
{
font-family: Arial, Tahoma;
font-size: 10px;
color: #347CC5;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_xx-large:hover
{
background-color: #347CC5;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_x-small:link,
#tagCloud A.pgf_font_x-small:visited,
#tagCloud A.pgf_font_x-small:active,
#tagCloud A.pgf_font_x-small:focus
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #347CC5;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_x-small:hover
{
background-color: #347CC5;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_small:link,
#tagCloud A.pgf_font_small:visited,
#tagCloud A.pgf_font_small:active,
#tagCloud A.pgf_font_small:focus
{
font-family: Arial, Tahoma;
font-size: 16px;
color: #347CC5;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_small:hover
{
background-color: #347CC5;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_medium:link,
#tagCloud A.pgf_font_medium:visited,
#tagCloud A.pgf_font_medium:active,
#tagCloud A.pgf_font_medium:focus
{
font-family: Arial, Tahoma;
font-size: 20px;
color: #3D4463;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_medium:hover
{
background-color: #3D4463;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_large:link,
#tagCloud A.pgf_font_large:visited,
#tagCloud A.pgf_font_large:active,
#tagCloud A.pgf_font_large:focus
{
font-family: Arial, Tahoma;
font-size: 25px;
color: #3D4463;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_large:hover
{
background-color: #3D4463;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_x-large:link,
#tagCloud A.pgf_font_x-large:visited,
#tagCloud A.pgf_font_x-large:active,
#tagCloud A.pgf_font_x-large:focus
{
font-family: Arial, Tahoma;
font-size: 30px;
color: #99CC00;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_x-large:hover
{
background-color: #99CC00;
color: #FFFFFF;
text-decoration: none;
}
#tagCloud A.pgf_font_xx-large:link,
#tagCloud A.pgf_font_xx-large:visited,
#tagCloud A.pgf_font_xx-large:active,
#tagCloud A.pgf_font_xx-large:focus
{
font-family: Arial, Tahoma;
font-size: 40px;
color: #99CC00;
text-decoration: none;
background-color: #FFFFFF;
}
#tagCloud A.pgf_font_xx-large:hover
{
background-color: #99CC00;
color: #FFFFFF;
text-decoration: none;
}
/* End homepage */
/* Vervolgpagina (zonder en met afbeelding) */
#contentVervolg
{
padding: 15px 25px 25px 30px;
}
#contentVervolg A:link,
#contentVervolg A:visited,
#contentVervolg A:active,
#contentVervolg A:focus
{
color: #5091D1;
text-decoration: underline;
}
#contentVervolg A:hover
{
color: #5091D1;
text-decoration: none;
}
#contentVervolg H1
{
color: #1D2850;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size: 24px;
line-height: 24px;
}
#contentVervolg .pgf_text H1
{
margin-bottom: 0px;
}
#contentVervolg .contentVervolg
{
width: 535px;
padding-bottom: 20px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
}
#contentVervolg .contentVervolgImage
{
width: 158px;
padding: 1px;
border: 1px solid #BFD7EE;
float: left;
margin-right: 25px;
overflow: hidden;
}
#contentVervolg .contentVervolgImageBorder
{
width: 158px;
overflow: hidden;
}
#contentVervolg .contentVervolgTeaser
{
width: 340px;
float: left;
font-size: 12px;
line-height: 19px;
}
#contentVervolg .contentVervolgTeaser H5
{
font-size: 14px;
color: #5091D1;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#contentVervolg .contentVervolgBreedTeaser
{
font-size: 12px;
line-height: 19px;
padding-bottom: 20px;
background : url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
}
#contentVervolg .contentVervolgBreedTeaser H5
{
font-size: 14px;
color: #5091D1;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#contentVervolg .contentVervolgPublicationDate
{
font-size: 11px;
color: #76A9DB;
text-align: right;
padding: 10px 0px;
clear: both;
}
#contentVervolg .contentVervolgText
{
font-size: 12px;
line-height: 19px;
padding-bottom: 20px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px bottom;
}
#contentVervolg .contentVervolgBlogList
{
font-size: 12px;
line-height: 19px;
margin: 0px 0px -20px 0px;
padding-bottom: 0px;
}
#tagBlok
{
margin: 10px 0px 0px 0px;
background: url('/assets/sggroep/images/icon_tag.gif') no-repeat 0px 12px;
padding: 10px 20px 10px 40px;
font-size: 11px;
}
#tagBlok A:link,
#tagBlok A:visited,
#tagBlok A:active,
#tagBlok A:focus
{
color: #265B91;
font-size: 11px;
text-decoration: underline;
}
#tagBlok A:hover
{
color: #FFFFFF;
text-decoration: underline;
background-color: #265B91;
}
/* Vacatures */
#contentVervolg .vacancyItem
{
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .vacancyItemFirst
{
background: none;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .vacancyItemTitle
{
font-weight: bold;
color: #3D4463;
}
#contentVervolg .vacancyItemTitle A:link,
#contentVervolg .vacancyItemTitle A:visited,
#contentVervolg .vacancyItemTitle A:active,
#contentVervolg .vacancyItemTitle A:focus
{
font-weight: bold;
color: #3D4463;
text-decoration: none;
}
#contentVervolg .vacancyItemTitle A:hover
{
text-decoration: underline;
}
#contentVervolg .vacancyItemDate
{
color: #7BA400;
}
/* Search Results Page */
#contentVervolg .searchItem
{
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .searchItemFirst
{
background: none;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .searchItemHeader
{
width: 535px;
}
#contentVervolg .searchItemHeaderRank
{
width: 50px;
color: #7BA400;
font-weight: bold;
float: left;
text-align: right;
padding-right: 10px;
}
#contentVervolg .searchItemHeaderTitle
{
width: 475px;
color: #3D4463;
font-weight: bold;
float: left;
}
#contentVervolg .searchItemHeaderTitle A
{
color: #3D4463;
}
DIV.pgf_search TABLE.searchResults TR.searchResultSeperator TD.searchResultSeperatorLine
{
padding: 0px;
}
DIV.pgf_search TABLE.searchResultsPages
{
margin: 15px 0px 30px 0px;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesTitle
{
width: 100%;
padding: 0px 4px 0px 0px;
color: #1D2850 !important;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
font-weight: bold;
text-align: right;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage
{
margin: 0px 3px;
padding: 0px 1px;
font-size: 11px;
font-weight: normal;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A:link,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A:visited,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A:active,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A:focus
{
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
color: #5091D1 !important;
font-weight: normal;
text-decoration: underline !important;
display: block;
padding: 2px 5px;
background-color: #FFFFFF;
border: solid 1px #5091D1;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A:hover
{
text-decoration: none !important;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A.active:link,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A.active:visited,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A.active:active,
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A.active:focus
{
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
color: #1D2850 !important;
font-weight: bold;
text-decoration: none !important;
display: block;
padding: 2px 1px;
background-color: #FFFFFF;
border: solid 1px #FFFFFF;
}
DIV.pgf_search TABLE.searchResultsPages TR TD.searchResultsPagesPage A.active:hover
{
text-decoration: none !important;
}
/* News Page */
#contentVervolg .newsItem
{
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .newsItemFirst
{
background: none;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .newsItemHeader
{
width: 535px;
}
#contentVervolg .newsItemHeaderDate
{
width: 40px;
color: #7BA400;
font-weight: bold;
float: left;
}
#contentVervolg .newsItemHeaderTitle
{
width: 495px;
color: #3D4463;
font-weight: bold;
float: left;
}
#contentVervolg .newsItemHeaderTitle A:link,
#contentVervolg .newsItemHeaderTitle A:visited,
#contentVervolg .newsItemHeaderTitle A:active,
#contentVervolg .newsItemHeaderTitle A:focus
{
color: #3D4463;
text-decoration: underline;
}
#contentVervolg .newsItemHeaderTitle A:hover
{
text-decoration: none;
}
/* Agenda Page */
#contentVervolg .agendaItem
{
width: 535px;
background: url('/assets/sggroep/images/dottedline_horz_light.gif') repeat-x 0px top;
padding-top: 10px;
margin-bottom: 10px;
}
#contentVervolg .agendaItemFirst
{
width: 535px;
background: none;
margin-bottom: 5px;
padding-bottom: 5px;
}
#contentVervolg .agendaItemDate
{
width: 100px;
float: left;
}
#contentVervolg .agendaItemDateDay
{
width: 30px;
float: left;
font-size: 24px;
color: #7BA400;
font-weight: bold;
}
#contentVervolg .agendaItemDateMonth
{
width: 70px;
float: left;
font-size: 16px;
color: #7BA400;
font-weight: bold;
}
#contentVervolg .agendaItemText
{
width: 435px;
float: left;
color: #3D4463;
}
#contentVervolg .agendaItemText A:link,
#contentVervolg .agendaItemText A:visited,
#contentVervolg .agendaItemText A:active,
#contentVervolg .agendaItemText A:focus
{
text-decoration: underline;
color: #5091D1;
}
#contentVervolg .agendaItemText A:hover
{
text-decoration: none;
}
/* End vervolgpagina */
/* END CONTENT */
#contentContainerRight
{
border-top: 1px solid #FFFFFF;
width: 221px;
float: left;
background: url('/assets/sggroep/images/bg_contentContainerRight.gif') no-repeat 0px 0px;
}
/* BEGIN CONTENT */
/* Homepage */
#twitter
{
padding: 20px 20px 0px 18px;
}
#inlogExtranet
{
padding: 30px 20px 20px 20px;
color: #294257;
font-size: 11px;
background: url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat 0px bottom;
}
#inlogExtranet H5
{
color: #FF6000;
}
#inlogExtranet .inputShadow
{
width: 170px;
margin-top: 5px;
}
#inlogExtranet .inputShadow .input
{
width: 170px;
}
#inlogExtranet .button
{
text-align:right;
}
#inlogIncidentMonitor
{
padding: 20px 20px 20px 20px;
color: #294257;
font-size: 11px;
background: url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat 0px bottom;
}
#inlogIncidentMonitor H5
{
color: #FF6000;
}
#inlogIncidentMonitor .inputShadow
{
width: 170px;
margin-top: 5px;
}
#inlogIncidentMonitor .inputShadow .input
{
width: 170px;
}
#inlogIncidentMonitor .button
{
text-align:right;
}
#sgupdate
{
padding: 20px;
font-size: 11px;
color: #294257;
}
#sgupdate .inputShadow
{
width: 170px;
margin-top: 5px;
}
#sgupdate .firstname
{
width: 50px;
margin-top: 5px;
padding-right:12px;
float:left;
}
#sgupdate .lastname
{
width: 108px;
margin-top: 5px;
float:left;
}
#sgupdate .inputShadow .input
{
width: 170px;
}
#sgupdate .firstname .inputsmall
{
width: 50px;
}
#sgupdate .lastname .inputsmall
{
width: 108px;
}
#sgupdate .button
{
text-align:right;
}
#sgupdate .radio
{
width:180px;
margin-bottom:2px;
}
#sgupdate .newsletterFeedback
{
color:Red;
}
/*End homepage*/
/*Vervolgpagina*/
#wanaKnowMoreForm
{
padding: 30px 20px 20px 20px;
color: #294257;
font-size: 11px;
background: url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat 0px top;
margin-top: 20px;
}
#wanaKnowMoreForm H5
{
color: #FF6000;
}
#wanaKnowMoreForm .inputShadow
{
width: 170px;
margin-top: 5px;
}
#wanaKnowMoreForm .inputShadow .input
{
width: 170px;
}
#wanaKnowMoreForm .button
{
text-align: right;
}
/* Related Documents Block (Right Column) */
#relatedDocuments
{
padding: 20px;
font-size: 11px;
}
#relatedDocuments H5
{
margin: 0px;
}
#relatedDocuments UL
{
margin: 0px;
padding: 0px;
list-style: none;
color: #5091D1;
}
#relatedDocuments UL LI
{
margin: 0px;
padding: 10px 0px;
font-size: 11px;
background: transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x top left;
}
#relatedDocuments UL LI.first
{
background: none;
}
#relatedDocuments DIV.pdf
{
background: transparent url('/assets/sggroep/images/icon_pdf.gif') no-repeat 0px 0px;
padding-left: 40px;
}
#relatedDocuments DIV.word
{
background: transparent url('/assets/sggroep/images/icon_word.gif') no-repeat 0px 0px;
padding-left: 40px;
}
#relatedDocuments DIV.excel
{
background: transparent url('/assets/sggroep/images/icon_excel.gif') no-repeat 0px 0px;
padding-left: 40px;
}
#relatedDocuments DIV.powerpoint
{
background: transparent url('/assets/sggroep/images/icon_powerpoint.gif') no-repeat 0px 0px;
padding-left: 40px;
}
#relatedDocuments DIV.bestand
{
background: transparent url('/assets/sggroep/images/icon_noext.gif') no-repeat 0px 0px;
padding-left: 40px;
}
#relatedDocuments A:link,
#relatedDocuments A:visited,
#relatedDocuments A:active,
#relatedDocuments A:focus
{
color: #1D2850;
font-size: 11px;
text-decoration: underline;
}
#relatedDocuments A:hover
{
text-decoration: none;
}
#relatedDocuments .nodocuments
{
font-size: 11px;
padding: 20px 0px;
}
/* Related Links Block (Right Column) */
#relatedLinks
{
padding: 20px;
font-size: 11px;
background: transparent url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat top right;
}
#relatedLinks H5
{
margin: 0px;
}
#relatedLinks UL
{
margin: 0px;
padding: 0px;
list-style: none;
color: #5091D1;
}
#relatedLinks UL LI
{
margin: 0px;
padding: 5px 0px 5px 18px;
font-size: 11px;
background: transparent url('/assets/sggroep/images/arrow_relatedlinks.gif') no-repeat 8px 9px;
}
#relatedLinks A:link,
#relatedLinks A:visited,
#relatedLinks A:active,
#relatedLinks A:focus
{
color: #1D2850;
font-size: 11px;
text-decoration: underline;
}
#relatedLinks A:hover
{
text-decoration: none;
}
#relatedLinks .nolinks
{
font-size: 11px;
padding: 20px 0px;
}
/* Latest News Block (Right Column) */
#moreNews
{
padding: 20px;
font-size: 11px;
background: transparent url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat top right;
}
#moreNews .header
{
margin-left: 20px;
margin-bottom: 5px;
}
#moreNews .newsItem
{
padding: 10px 0px 10px 3px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
#moreNews .newsItem .newsItemDate
{
color: #5091D1;
font-size: 11px;
}
#moreNews .newsItem .newsItemTitle
{
color: #3D4463;
font-size: 11px;
}
#moreNews .newsItem .newsItemTitle A:link,
#moreNews .newsItem .newsItemTitle A:visited,
#moreNews .newsItem .newsItemTitle A:active,
#moreNews .newsItem .newsItemTitle A:focus
{
color: #1D2850;
font-size: 11px;
text-decoration: underline;
}
#moreNews .newsItem .newsItemTitle A:hover
{
text-decoration: none;
}
#moreNews .first
{
background: none;
}
#moreNews .nonews
{
padding: 20px 0px;
}
/* End vervolgpagina */
/* END CONTENT */
/* ALGEMEEN */
.breaker
{
margin: 0px;
padding: 0px;
line-height: 1px;
font-size: 1px;
height: 1px;
margin-top:-1px;
clear:both;
}
IMG
{
border: 0px;
}
.input
{
border: 1px solid #B3C8DC;
}
.inputShadow
{
background: url('/assets/sggroep/images/bg_input.gif') no-repeat 0px 0px;
padding: 2px 2px 2px 4px;
border-top: 1px solid #BECAD6;
border-left: 1px solid #BECAD6;
border-right: 1px solid #A7C6E4;
border-bottom: 1px solid #A7C6E4;
}
.inputShadow .input
{
border: none;
height: 11px;
font-size: 11px;
line-height: 11px;
font-family: Arial;
}
.inputShadow .inputarea
{
border: none;
font-size: 11px;
line-height: 11px;
font-family: Arial;
}
/* Contactformulier */
#contactForm
{
}
#contactForm .inputShadow .input
{
width: 300px;
}
#contactForm .inputShadow .inputarea
{
border: 1px solid #FFFFFF;
width: 300px;
height: 70px;
}
#contactForm .inputShadow
{
width: 300px;
}
/* Sitemap */
UL.sitemap
{
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 20px;
}
UL.sitemap UL
{
margin: 0px;
padding: 0px;
list-style: none;
}
UL.sitemap A:link,
UL.sitemap A:visited,
UL.sitemap A:active,
UL.sitemap A:focus
{
text-decoration: none;
color: #000000;
}
UL.sitemap A:hover
{
text-decoration: none;
}
UL.sitemap UL
{
margin: 5px 0 5px 10px;
}
UL.sitemap UL.subsection
{
margin: 5px 0 5px 0px;
}
UL.sitemap UL.subsection LI.section
{
background: url('/assets/sggroep/images/submenu_arrow.gif') no-repeat 0px 5px;
padding-left: 10px;
padding-top: 0px;
}
UL.sitemap SPAN.section
{
color: #4478AB;
}
UL.sitemap LI.level1
{
margin-top: 20px;
}
UL.sitemap LI.level2
{
margin-top: 0px;
}
UL.sitemap LI.level3
{
margin-top: 0px;
}
UL.sitemap .level1 SPAN.section
{
color: #2E3C64;
font-weight: bold;
}
UL.sitemap .level2 SPAN.section
{
color: #4478AB;
font-weight: normal;
}
UL.sitemap .level3 SPAN.section
{
color: #90939A;
font-weight: normal;
}
UL.sitemap SPAN.page
{
font-weight: normal;
}
UL.sitemap LI
{
background: url('/assets/sggroep/images/submenu_arrow.gif') no-repeat 0px 5px;
padding-left: 10px;
padding-top: 0px;
}
/* SG|Academy Section - Home */
.academySearchBlock
{
margin: 30px 0px 20px 0px;
padding: 0px;
}
.academySearchBlock h5
{
color: #91BA12;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size: 24px;
line-height: 24px;
}
DIV.academyBannerBlock
{
margin: 20px 0px;
padding: 10px 0px 0px 0px;
font-size: 11px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
/* SG|Academy Section - Course List */
DIV.courseListBlock
{
margin: 30px 0px 20px 0px;
padding: 0px;
}
DIV.courseListBlock UL.courseList
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
DIV.courseListBlock UL.courseList LI
{
margin: 0px;
padding: 3px 0px 3px 10px;
font-size: 12px;
background: transparent url('/assets/sggroep/images/arrow_green.gif') no-repeat left 8px;
}
DIV.courseListBlock UL.courseList LI A:link,
DIV.courseListBlock UL.courseList LI A:visited,
DIV.courseListBlock UL.courseList LI A:active,
DIV.courseListBlock UL.courseList LI A:focus
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #1D2850;
text-decoration: underline;
line-height: 16px;
}
DIV.courseListBlock UL.courseList LI A:hover
{
text-decoration: none;
}
/* SG|Academy Section - Course Page */
/* Help Links */
#helpLinks_Course
{
text-align: right;
margin: 25px 0px 20px 0px;
}
#helpLinks_Course A.print:link,
#helpLinks_Course A.print:visited,
#helpLinks_Course A.print:active,
#helpLinks_Course A.print:focus
{
background: url('/assets/sggroep/images/icon_print.png') no-repeat top left;
padding: 0px 0px 0px 23px;
font-size: 11px;
text-decoration: underline;
}
#helpLinks_Course A.print:hover
{
text-decoration: none;
}
#helpLinks_Course A.tellafriend:link,
#helpLinks_Course A.tellafriend:visited,
#helpLinks_Course A.tellafriend:active,
#helpLinks_Course A.tellafriend:focus
{
background: url('/assets/sggroep/images/icon_mail.png') no-repeat 0px 2px;
padding: 0px 0px 0px 23px;
margin: 0px 0px 0px 15px;
font-size: 11px;
text-decoration: underline;
}
#helpLinks_Course A.tellafriend:hover
{
text-decoration: none;
}
/* Content */
#contentVervolg .contentVervolgCourseTeaser
{
font-size: 12px;
line-height: 19px;
padding: 25px 0px 20px 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #333333;
line-height: 16px;
border-top: dotted 2px #A3C5E7;
border-bottom: dotted 2px #A3C5E7;
}
#contentVervolg .contentVervolgCourseTeaser DIV,
#contentVervolg .contentVervolgCourseTeaser P
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #333333;
line-height: 16px;
}
#contentVervolg .contentVervolgCourseTeaser H5
{
font-size: 14px;
color: #5091D1;
margin: 0px;
padding: 0px;
font-weight: normal;
}
DIV.courseBasedataBlock
{
padding: 20px 0px;
border-bottom: dotted 2px #A3C5E7;
}
TABLE.courseTable
{
}
TABLE.courseTable TD
{
padding: 0px 0px 16px 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #333333;
line-height: 16px;
}
TABLE.courseTable SPAN.sectionHeader
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #5091D1;
font-weight: bold;
}
TABLE.courseTable H5
{
font-size: 14px;
color: #5091D1;
margin: 0px;
padding: 0px;
font-weight: normal;
}
TABLE.courseTable DIV.inputShadow
{
padding: 2px;
border-top: 1px solid #BECAD6;
border-left: 1px solid #BECAD6;
border-right: 1px solid #A7C6E4;
border-bottom: 1px solid #A7C6E4;
}
TABLE.courseTable INPUT.courseInput
{
width: 475px;
height: 16px;
padding: 2px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #1D2850;
border: solid 1px #5091D1;
background-color: #F5F9FC;
}
TABLE.courseTable TEXTAREA.courseTextarea
{
width: 475px;
height: 100px;
padding: 2px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #1D2850;
border: solid 1px #5091D1;
background-color: #F5F9FC;
}
DIV.coursePageResponseDiv
{
margin: 20px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
font-weight: bold;
}
DIV.courseDatesBlock
{
padding: 20px 0px;
border-bottom: dotted 2px #A3C5E7;
}
DIV.courseNoDatesBlock
{
margin: 16px 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #333333;
font-weight: bold;
}
DIV.courseDatesBlock DIV.courseDatesManagementBlock
{
margin: 0px;
padding: 10px 10px 10px 0px;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner
{
margin: 15px 0px 10px 0px;
padding: 10px;
font-size: 11px;
background-color: #F5F9FC;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner A:link,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner A:visited,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner A:active,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner A:focus
{
font-size: 11px;
color: #333333;
text-decoration: none;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner A:hover
{
text-decoration: none;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable
{
width: 100%;
font-family: Arial, Tahoma;
font-size: 11px;
color: #333333;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable A:link,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable A:visited,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable A:active,
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable A:focus
{
font-family: Arial, Tahoma;
font-size: 11px;
color: #333333;
text-decoration: underline;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable A:hover
{
text-decoration: none;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable SPAN
{
width: 160px;
height: 16px;
margin: 5px 0px;
padding: 3px 0px 1px 10px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #333333;
display: block;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable SPAN.green
{
background: #DEEAB7 url('/assets/sggroep/images/academy_coursedate_availability_green.gif') no-repeat top left;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable SPAN.orange
{
background: #FFE0B2 url('/assets/sggroep/images/academy_coursedate_availability_orange.gif') no-repeat top left;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable SPAN.red
{
background: #FFC1B2 url('/assets/sggroep/images/academy_coursedate_availability_red.gif') no-repeat top left;
}
DIV.courseDatesBlock DIV.courseDatesdataBlockInner TABLE.courseDatesTable IMG
{
border: none;
cursor: pointer;
}
DIV.courseDaysBlock
{
margin: 0px 0px 20px 0px;
padding: 10px 0px 25px 0px;
border-bottom: dotted 2px #A3C5E7;
}
DIV.courseDaysBlock TABLE.courseTable
{
margin: 0px;
padding: 0px;
}
DIV.courseDaysBlock TABLE.courseTable TD
{
padding: 0px;
}
DIV.courseDaysBlock TABLE.courseDaysTable
{
margin: 0px;
padding: 0px;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD
{
padding: 2px 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #294257;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD A:link,
DIV.courseDaysBlock TABLE.courseDaysTable TD A:visited,
DIV.courseDaysBlock TABLE.courseDaysTable TD A:active,
DIV.courseDaysBlock TABLE.courseDaysTable TD A:focus
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #294257;
text-decoration: underline;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD A:hover
{
text-decoration: none;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD DIV.inputShadow
{
margin: 8px 0px 18px 0px;
padding: 2px;
border-top: 1px solid #BECAD6;
border-left: 1px solid #BECAD6;
border-right: 1px solid #A7C6E4;
border-bottom: 1px solid #A7C6E4;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD DIV.inputShadow INPUT.courseInput
{
width: 475px;
height: 16px;
padding: 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #1D2850;
border: none;
background-color: #FFFFFF;
}
DIV.courseDaysBlock TABLE.courseDaysTable TD DIV.inputShadow TEXTAREA.courseTextarea
{
width: 475px;
height: 100px;
padding: 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #1D2850;
overflow: auto;
border: none;
background-color: #FFFFFF;
}
DIV.signupDiv
{
border-bottom: dotted 2px #A3C5E7;
}
DIV.signupDiv DIV.signupReponseDiv
{
margin: 10px 0px;
padding: 0px 0px 20px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #1D2850;
line-height: 18px;
}
DIV.signupDiv DIV.signupReponseDiv A:link,
DIV.signupDiv DIV.signupReponseDiv A:visited,
DIV.signupDiv DIV.signupReponseDiv A:active,
DIV.signupDiv DIV.signupReponseDiv A:focus
{
font-family: Arial, Tahoma;
font-size: 11px;
color: #294257;
text-decoration: underline;
}
DIV.signupDiv DIV.signupReponseDiv A:hover
{
text-decoration: none;
}
DIV.courseContent
{
width: 771px !important;
}
DIV.courseCrumb, DIV.courseTeaser
{
width: 771px !important;
}
DIV.courseCanvas
{
width: 811px !important;
}
DIV.courseHelpLinks
{
width: 765px;
}
DIV.courseScheduleBlock
{
padding: 20px 0px;
margin: 0px 0px 20px 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #333333;
line-height: 18px;
background: transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x bottom left;
width: 765px;
}
DIV.courseScheduleBlock A:link,
DIV.courseScheduleBlock A:visited,
DIV.courseScheduleBlock A:active,
DIV.courseScheduleBlock A:focus
{
font-family: Arial, Tahoma;
font-size: 12px;
color: #5091D1;
text-decoration: underline;
}
DIV.courseScheduleBlock A:hover
{
text-decoration: none;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable
{
margin: 0px 0px 20px 0px;
width: 775px;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable TR
{
background-color: #FFFFFF;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable TR.headerRow TD
{
padding: 1px 6px 1px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #333333;
font-weight: bold;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD
{
padding: 4px 6px 4px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #333333;
border-bottom: dotted 1px #EEEEEE;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD A:link,
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD A:visited,
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD A:active,
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD A:focus
{
font-family: Arial, Tahoma;
font-size: 11px;
color: #5091D1;
text-decoration: underline;
}
DIV.courseScheduleBlock TABLE.courseScheduleTable TR TD A:hover
{
text-decoration: none;
}
/* SG|Academy Section - Right Column: 'Misschien ook interessant voor u?' */
TABLE.coursesAlsoInterestingTable
{
width: 205px;
width: 190px;
margin: 0px 0px 10px -38px;
margin: 0px;
overflow: hidden;
}
TABLE.coursesAlsoInterestingTable TD.courseBullet,
TABLE.coursesAlsoInterestingTable TD.courseBulletFirst
{
width: 12px;
margin: 0px;
padding: 14px 0px 0px 38px;
padding: 14px 0px 10px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #FF6600;
background : transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
TABLE.coursesAlsoInterestingTable TD.courseTitle,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst
{
padding: 10px 0px 10px 0px;
background : transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
TABLE.coursesAlsoInterestingTable TD.courseBulletFirst
{
background : none;
}
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst
{
background : none;
}
TABLE.coursesAlsoInterestingTable TD.courseTitle A:link,
TABLE.coursesAlsoInterestingTable TD.courseTitle A:visited,
TABLE.coursesAlsoInterestingTable TD.courseTitle A:active,
TABLE.coursesAlsoInterestingTable TD.courseTitle A:focus,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst A:link,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst A:visited,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst A:active,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst A:focus
{
font-family: Arial, Tahoma;
font-size: 11px;
color: #1D2850;
text-decoration: underline;
}
TABLE.coursesAlsoInterestingTable TD.courseTitle A:hover,
TABLE.coursesAlsoInterestingTable TD.courseTitleFirst A:hover
{
text-decoration: none;
}
/* SG|Academy Section - Right Column: 'Binnenkort bij SG|academy' */
TABLE.coursesComingSoonTable
{
width: 205px;
width: 190px;
margin: 0px 0px 10px -38px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}
TABLE.coursesComingSoonTable TD.courseDate,
TABLE.coursesComingSoonTable TD.courseDateFirst
{
width: 40px;
margin: 0px;
padding: 10px 0px 0px 38px;
padding: 10px 0px 0px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #FF6600;
background : transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
TABLE.coursesComingSoonTable TD.courseTitle,
TABLE.coursesComingSoonTable TD.courseTitleFirst
{
padding: 10px 0px 0px 0px;
background : transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
TABLE.coursesComingSoonTable TD.courseDateFirst
{
background : none;
}
TABLE.coursesComingSoonTable TD.courseTitleFirst
{
background : none;
}
TABLE.coursesComingSoonTable TD.courseTitle A:link,
TABLE.coursesComingSoonTable TD.courseTitle A:visited,
TABLE.coursesComingSoonTable TD.courseTitle A:active,
TABLE.coursesComingSoonTable TD.courseTitle A:focus,
TABLE.coursesComingSoonTable TD.courseTitleFirst A:link,
TABLE.coursesComingSoonTable TD.courseTitleFirst A:visited,
TABLE.coursesComingSoonTable TD.courseTitleFirst A:active,
TABLE.coursesComingSoonTable TD.courseTitleFirst A:focus
{
font-family: Arial, Tahoma;
font-size: 11px;
color: #1D2850;
text-decoration: underline;
}
TABLE.coursesComingSoonTable TD.courseTitle A:hover,
TABLE.coursesComingSoonTable TD.courseTitleFirst A:hover
{
text-decoration: none;
}
TABLE.coursesComingSoonTable TD.courseParticipants
{
padding: 3px 0px 10px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #5091D1;
}
/* SG|Academy Section - Right Column: 'Blijf op de hoogte' */
#notifyform
{
padding: 20px;
font-size: 11px;
background: transparent url('/assets/sggroep/images/bg_inlogExtranet.gif') no-repeat top left;
}
#notifyform H5
{
color: #FF6000;
}
INPUT.notifyButton
{
width: 106px;
height: 26px;
background: transparent url('/assets/sggroep/images/btn_inschrijven.png') no-repeat top left;
border: none;
cursor: pointer;
}
/* SG|Academy Section - Notify Pop-up */
DIV.notifyPopup
{
margin: 0px;
padding: 0px 30px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #3D4463;
line-height: 16px;
}
DIV.notifyPopup H5
{
color: #91BA12;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size: 20px;
line-height: 20px;
}
DIV.notifyPopup P
{
margin: 0px 0px 16px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #3D4463;
line-height: 16px;
}
DIV.notifyPopup LABEL
{
padding: 3px 0px 0px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #3D4463;
line-height: 16px;
display: block;
}
DIV.notifyPopup TABLE
{
width: 500px;
margin: 0px 0px 12px 0px;
padding: 0px;
}
DIV.notifyPopup DIV.header
{
margin: 0px 0px 12px 0px;
font-family: Arial, Tahoma;
font-size: 11px;
color: #5091D1;
font-weight: bold;
}
DIV.notifyPopup .inputShadow
{
width: 178px;
height: 15px;
background: url('/assets/sggroep/images/bg_input.gif') no-repeat top left;
padding: 2px 2px 2px 4px;
border-top: 1px solid #BECAD6;
border-left: 1px solid #BECAD6;
border-right: 1px solid #A7C6E4;
border-bottom: 1px solid #A7C6E4;
}
DIV.notifyPopup INPUT.notifyInput
{
width: 170px;
margin: 0px;
padding: 0px;
font-family: Arial, Tahoma;
font-size: 12px;
color: #5091D1;
border: none;
}
DIV.notifyPopup INPUT.notifyButton
{
margin: 10px 0px;
}
DIV.notifyPopup DIV.notifyResponseDiv
{
width: 500px;
margin: 5px auto 0px auto;
font-weight: bold;
}
TABLE.checkboxTable INPUT
{
display: inline;
}
TABLE.checkboxTable LABEL
{
display: none;
}
/* SG|Academy Section/Developer's Blog - Thickbox Styles */
.TB_overlayBG
{
background-color: #182C3F;
}
#TB_window
{
border: 4px solid #182C3F;
background-color: #FFFFFF;
}
#TB_title,
#TB_ajaxWindowTitle
{
background-color: #FFFFFF;
}
DIV#TB_caption
{
font-size: 12px;
color: #182C3F;
font-weight: bold;
background-color: #FFFFFF;
}
DIV#TB_secondLine
{
font-size: 11px;
color: #000000;
}
SPAN#TB_prev
{
}
SPAN#TB_prev A:link,
SPAN#TB_prev A:visited,
SPAN#TB_prev A:active,
SPAN#TB_prev A:focus,
SPAN#TB_next A:link,
SPAN#TB_next A:visited,
SPAN#TB_next A:active,
SPAN#TB_next A:focus,
DIV#TB_closeWindow A:link,
DIV#TB_closeWindow A:visited,
DIV#TB_closeWindow A:active,
DIV#TB_closeWindow A:focus
{
color: #2952AF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
SPAN#TB_prev A:hover,
SPAN#TB_next A:hover,
DIV#TB_closeWindow A:hover
{
color: #2952AF;
text-decoration: underline;
}
DIV#TB_closeWindow IMG
{
margin: 0px 0px -4px 0px;
border: none;
}
DIV#TB_closeWindow
{
float: right;
text-align: right;
}
/* DEVELOPER'S BLOG STYLES */
DIV.blogBlock
{
padding: 0px;
}
DIV.blogBlock TABLE.blogDetailsTable
{
width: 535px;
margin: 0px 0px 15px 0px;
padding: 0px;
background: transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x bottom left;
}
DIV.blogBlock TABLE.blogDetailsTable TD
{
margin: 0px;
padding: 0px;
font-family: Arial, Tahoma;
color: #333333;
font-size: 11px;
}
DIV.blogBlock TABLE.blogDetailsTable TD TABLE
{
margin: 0px 0px 4px 0px;
}
DIV.blogBlock TABLE.blogDetailsTable TD TD
{
margin: 0px;
padding: 0px 5px 0px 0px;
font-family: Arial, Tahoma;
color: #333333;
font-size: 11px;
}
DIV.blogBlock TABLE.blogDetailsTable TD TD.bordered
{
padding: 0px 7px 0px 5px;
border-left: solid 1px #999999;
}
DIV.blogBlock TABLE.blogDetailsTable TD.imageCell
{
width: 90px;
margin: 0px;
padding: 0px;
text-align: left;
}
DIV.blogBlock TABLE.blogDetailsTable TD.imageCell img
{
width: 75px;
margin: 8px 0px 0px 0px;
padding: 1px;
border: dotted 1px #5091D1;
}
DIV.blogBlock TABLE.blogDetailsTable TD.textCell
{
margin: 0px;
padding: 6px 30px 0px 0px;
background: url('/assets/sggroep/images/arrow_blue.gif') no-repeat 0px 13px;
}
DIV.blogBlock TABLE.blogDetailsTable TD A.titleLink:link,
DIV.blogBlock TABLE.blogDetailsTable TD A.titleLink:visited,
DIV.blogBlock TABLE.blogDetailsTable TD A.titleLink:active,
DIV.blogBlock TABLE.blogDetailsTable TD A.titleLink:focus
{
padding: 0px 0px 0px 10px;
font-family: Arial, Tahoma;
font-size: 13px;
text-decoration: underline;
color: #265B91;
font-weight: bold;
}
DIV.blogBlock TABLE.blogDetailsTable TD A.titleLink:hover
{
text-decoration: none;
}
#blogTagBlock,
DIV.blogBlock TABLE.blogDetailsTable #blogTagBlock
{
margin: 0px;
background: url('/assets/sggroep/images/icon_tag.gif') no-repeat 0px 3px;
padding: 2px 20px 0px 33px;
font-family: Arial, Tahoma;
font-size: 11px;
}
DIV.blogBlock TABLE.blogDetailsTable #blogTagBlock
{
margin: 0px 0px 25px 0px;
}
#blogTagBlock A:link,
#blogTagBlock A:visited,
#blogTagBlock A:active,
#blogTagBlock A:focus
{
font-family: Arial, Tahoma;
color: #265B91;
font-size: 11px;
text-decoration: underline;
}
#blogTagBlock A:hover
{
color: #FFFFFF;
text-decoration: underline;
background-color: #265B91;
}
DIV.blogBlock TABLE.blogAuthorTable
{
width: 535px;
height: auto;
margin: 0px;
padding: 0px;
}
DIV.blogBlock TABLE.blogAuthorTable TD.mug
{
padding: 0px 15px 25px 0px;
}
DIV.blogBlock TABLE.blogAuthorTable TD.mug img
{
width: 175px;
margin: 0px 20px 6px 0px;
padding: 1px;
border: dotted 1px #5091D1;
}
DIV.blogBlock TABLE.blogAuthorTable TD.blogIntro
{
padding: 0px 0px 20px 0px;
}
/* Latest Blog Items: Links/Items */
#moreBlogs
{
padding: 20px;
font-size: 11px;
}
#moreBlogs .header
{
margin-left: 20px;
margin-bottom: 5px;
font-family: Helvetica, Arial;
font-size: 20px;
color: #FF6000;
font-weight: bold;
line-height:1 8px;
}
#moreBlogs .blogLink
{
padding: 10px 0px 10px 3px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
}
#moreBlogs .blogItem
{
padding: 15px 0px 10px 3px;
background: url('/assets/sggroep/images/dottedline_horz.gif') repeat-x 0px top;
clear: both;
}
#moreBlogs .blogItem .left
{
width: 50px;
margin: 0px;
padding: 0px 5px 10px 0px;
float: left;
}
#moreBlogs .blogItem .left img
{
width: 50px;
margin: 0px;
padding: 1px;
border: dotted 1px #5091D1;
}
#moreBlogs .blogItem .right
{
width: 115px;
margin: 0px;
padding: 0px 0px 0px 5px;
float: right;
}
#moreBlogs .blogItemDate
{
padding: 5px 0px 5px 0px;
color: #5091D1;
font-size: 11px;
}
#moreBlogs .blogItemTitle
{
color: #3D4463;
font-size: 11px;
}
#moreBlogs A:link,
#moreBlogs A:visited,
#moreBlogs A:active,
#moreBlogs A:focus
{
color: #1D2850;
font-size: 11px;
text-decoration: underline;
}
#moreBlogs A:hover
{
text-decoration: none;
}
#moreBlogs .blogItem A
{
font-weight: bold;
}
#moreBlogs .first
{
background: none;
}
#moreBlogs .noBlogs
{
padding: 20px 0px;
}
#moreBlogs .gotoDevBlog
{
padding: 20px 0px;
background: transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x top left;
text-align: right;
}
#moreBlogs .gotoDevBlog A:link,
#moreBlogs .gotoDevBlog A:active,
#moreBlogs .gotoDevBlog A:visited,
#moreBlogs .gotoDevBlog A:focus
{
padding: 0px 0px 0px 9px;
color: #1D2850;
font-size: 11px;
text-decoration: underline;
background: url('/assets/sggroep/images/arrow_blue.gif') no-repeat 0px 5px;
display: inline-block;
}
#moreBlogs .gotoDevBlog A:hover
{
text-decoration: none;
}
.dateLine
{
color: #7BA400;
}
/* Blog Images: Items */
DIV.blogThumbsBlock
{
padding: 10px 0px 20px 0px;
background: transparent url('/assets/sggroep/images/dottedline_horz.gif') repeat-x bottom left;
}
DIV.blogThumbsBlock H5
{
margin: 0px 0px 10px 0px;
}
DIV.blogThumbsBlock IMG
{
margin: 10px 13px;
padding: 1px;
border: dotted 1px #5091D1;
}