/*********************************************/
/*    Stylesheet voor www.ogd.nl             */
/*    Auteur: Joeri Pruys voor OGD           */
/*    (c) 2007 / 2010 OGD                    */
/*    Versie 1.1                             */
/*    Donderdag 15 november 2007 /2010       */
/*********************************************/


/*********************************************/
/*    Pagina-indeling                       */
/*********************************************/

html {
overflow-y:scroll;
}

body   {
background-color : #f4f2eb;
margin:0;
padding:0;
width:auto; 
}

/*********************************************/
/*    Algemeen                               */
/*********************************************/

hr {
border-top: 1px dotted #6a205f;
color: white;
background-color: white;
}

img { 
margin: 0;
border-width: 0; 
} 

br {
line-height:12px;
}

/*********************************************/
/*    Typografie                             */
/*********************************************/

/*    Algemeen *******************************/

body {
font-size: 12px; 
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
font-weight: normal; 
color: #6a205f; 
line-height: 18px;
}

p {
font-size: 1em; 
margin-bottom:12px; 
margin-top:0px;
}

/*    Links ***********************************/

* {
outline: none;
}

a:link {
color:#e32118;
text-decoration: none;
font-style: normal;
}

a:visited {
text-decoration: none;
color: #e32118;
}

a:hover {
text-decoration: underline;
color: #e32118;
border-bottom: 0px solid #31728D;
}

a:active {
text-decoration: underline;
border-bottom: 0px solid #31728D;
color: #e32118;
}

/*    Headings *********************************/

h1 {
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 1.6em; 
color : #6a205f; 
background-color: #f2f8fa; 
margin-top:0px;
padding:3px;
margin-bottom:24px;
display: none;
}

h2 {
font-style : italic; 
font-variant : normal; 
font-weight : bold; 
font-size : 1.3em; 
color : #6a205f; 
padding-bottom:4px;
margin-bottom:4px;
margin-top:0px;
background-color: transparent; 
border-bottom: 1px dotted #6a205f;
}

h3 {
margin:0px;
padding-left:10px;
padding-right:165px;
padding-top:24px;
padding-bottom:20px;
font-weight:normal;
font-size:18px;
line-height:27px;
}

h4 {
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:16px;
}

/*********************************************/
/*    HOOFDMENU                              */
/*********************************************/

a:link.hoofdmenu  {
color:#6a205f;
text-decoration: none;
border: none;
}

a:visited.hoofdmenu  {
text-decoration: none;
color: #6a205f;
border: none;
}

a:hover.hoofdmenu  {
text-decoration: none;
color: #e32118;
border: none;
}

a:active.hoofdmenu  {
text-decoration: none;
color: #e32118;
border: none;
}

/*********************************************/
/*    BRANDING                               */
/*********************************************/

a:link.thuis {
text-decoration: none;
border: none;
}

a:visited.thuis {
text-decoration: none;
border: none;
}

a:hover.thuis {
text-decoration: none;
border: none;
}

a:active.thuis {
text-decoration: none;
border: none;
}

.flash_banner {
height:136px;
width:100%;
}

/*********************************************/
/*    LIJST-STIJLEN                          */
/*********************************************/

.bg_light ul {
margin:0px;
padding:0px;
padding-left:17px; 
}

ul {
margin:8px 0 8px 0;
padding:0;
text-indent:0;
margin-left:27px;
list-style: square outside;
list-style-image:url(http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/bullet.gif);
}

li {
margin-bottom:4px;
font-weight:bold;
padding-left:3px;
}

/*********************************************/
/*    BACKGROUND COLORS                      */
/*********************************************/

.white {
background-color : white;
}

.black {
background-color : black;
}

.bg_dark {
background-color : transparent;
}

.bg_medium  td {
background-color : transparent;
}

.bg_light td {
border: 1px solid #e1bddc;
background-color:#f5edf4;
}

.alt_bg_dark {
background-color : transparent;
}

.alt_bg_medium {
background-color : transparent;
}

.alt_bg_light td {
border: 1px solid #e1bddc;
background-color : transparent;
}

/*********************************************/
/*    BACK-END                               */
/*********************************************/

.smalltext {
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 85%;
line-height:85%;
padding-left:7px;
color:#945C88;
}

.smalltext a:link{
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
}

.smalltext a:visited{
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
}

.noline a:link{
text-decoration : none;
border: none;
}

.noline a:visited{
text-decoration : none;
border: none;
}

.largetext {
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 1em; 
}

.largetext a:link{
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 1em; 
}

.largetext a:visited{
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 1em; 
}

.errortext {
font-size : 1em;
color : red;
font-weight : bold;
}

.grid {
border : #efb240 .05em solid;
}

.copyright {
font-size: 1em;
text-align: center;
}

/*********************************************/
/*    HOMEPAGE                               */
/*********************************************/

h1.homepage_portal {
background-color: transparent;
}
  
.homepage_portal a:link {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.homepage_portal a:visited {
text-decoration: none;
color : #e32118; 
border-width:0px;
font-style: normal;
}

.homepage_portal a:hover {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.homepage_portal a:active {
border-width:0px;
color : #6a205f; 
text-decoration: none;
}

.homepage_txt a:link {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.homepage_txt a:visited {
text-decoration: none;
color : #6a205f; 
border-width:0px;
font-style: normal;
}

.homepage_txt a:hover {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.homepage_txt a:active {
border-width:0px;
color : #e32118; 
text-decoration: none;
}

.intranetlink a:link {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.intranetlink  a:visited {
text-decoration: none;
color : #6a205f; 
border-width:0px;
font-style: normal;
}

.intranetlink a:hover {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

.intranetlink  a:active {
border-width:0px;
color : #e32118; 
text-decoration: none;
}

/*********************************************/
/*    HOMEPAGE-MENU                          */
/*********************************************/

a:link.partnerskop  {
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:visited.partnerskop  {
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:hover.partnerskop  {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:active.partnerskop  {
color : #6a205f; 
border-width:0px;
text-decoration: none;
}

a:link.hoofdmenuutje {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
} 

a:visited.hoofdmenuutje {
text-decoration: none;
color : #e32118; 
border-width:0px;
font-style: normal;
}

a:hover.hoofdmenuutje {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:active.hoofdmenuutje {
border-width:0px;
color : #6a205f; 
text-decoration: none;
}

.koppie {
font-style : normal; 
font-variant : normal; 
background-color: transparent;
font-weight : bold; 
font-size : 16px; 
padding-bottom:4px;
}

.tekst {
display:block; 
padding-left:3px;
}

a:link.tekst {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:visited.tekst {
text-decoration: none;
color : #6a205f; 
border-width:0px;
font-style: normal;
}

a:hover.tekst {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:active.tekst {
border-width:0px;
color : #e32118; 
text-decoration: none;
}

a:link.koppie {
color : #6a205f; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:visited.koppie {
text-decoration: none;
color : #6a205f; 
border-width:0px;
font-style: normal;
}

a:hover.koppie {
color : #e32118; 
text-decoration: none;
border-width:0px;
font-style: normal;
}

a:active.koppie {
border-width:0px;
color : #e32118; 
text-decoration: none;
}

/*********************************************/
/*    DIENSTEN                               */
/*********************************************/

/*    Dienstenschema *************************/

.dienstenschema table {
padding:0;
margin:0;
font-size:12px;
line-height:20px;
}

.dienstenschema td  {
padding:0;
margin:0;
background-color:white;
border:0;
}

.dienstenschema td div a {
font-size:13px;
color:white;
font-weight:bold;
background-color:#a4839f;
padding:5px 8px;
display:block;
width:178px;
text-transform:uppercase;
}

.dienstenschema td div a:hover {
font-size:13px;
color:white;
font-weight:bold;
background-color:#804577;
padding:5px 8px;
display:block;
width:178px;
text-transform:uppercase;
text-decoration:none;
}

.dienstenschema td.branches div {
font-size:13px;
color:white;
font-weight:bold;
color:#a4839f;
padding:4px 7px;
display:block;
width:179px;
margin-top: 20px;
text-transform:uppercase;
border:1px solid #a4839f;
border-width: 1px 0 1px 1px;
}

.dienstenschema td.bg_light {
border:0;
background-color:white;
padding:0px;
}

.dienstenschema td ul {
background-color:white;
border:1px solid #96568c;
padding:4px 8px;
margin:0 0 10px 0;
list-style:none;
width:228px;
}

.dienstenschema td.branches ul {
margin-top: 20px;
}

.dienstenschema td li {
border:0;
padding:0;
margin:0;
list-style:none;
list-style-image:none;
background-image:none;
}

/*    Zomer 2008 *****************************/

.zomer2008 em{
display:block;
font-weight:bold;
font-style:normal;
font-size:15px;
margin-bottom: -7px;
}

.zomer2008 strong{
display:block;
margin-top:27px;
margin-bottom:27px;
color:white;
font-size:15px;
line-height:130%;
}

.zomerkop {
color:red;
font-size:16px;
font-weight:bold;
}

.zomer2008 h4 {
text-align:center;
margin-left:-20px;
margin-right:-20px;
}

.zomer2008 h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/zomerfolder.gif") no-repeat left;
height: 124px;
margin-bottom:-20px;
}

.zomer2008 h4 a em {
position:relative;
top:43px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.zomer2008 h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.zomer2008 h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.zomer2008 h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}

/*    TotaalDesk 2008 **************************/


.totaaldeks2008 h2 {
border-width:0px;
line-height:1px;
margin:0px;
padding:0px;
}.totaalbeheer2009 em{
display:block;
font-weight:bold;
font-style:normal;
font-size:15px;
margin-bottom: -7px;
}.totaaldesk2008 em{
display:block;
font-weight:bold;
font-style:normal;
font-size:15px;
margin-bottom: -7px;
}

.totaaldesk2008 strong{
}

.totaaldesk2008 h4 {
text-align:center;
margin-left:-12px;
margin-right:-16px;
}

.totaaldesk2008 h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/totaaldeskfolder.gif") no-repeat left;
height: 124px;
margin-bottom:-20px;
}

.totaaldesk2008 h4 a em {
position:relative;
top:43px;
left:10px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.totaaldesk2008 h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.totaaldesk2008 h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.totaaldesk2008 h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}

/*    Officium **************************/


.officium h2{
border-width:0;
}

.officium h4 {
text-align:center;
margin-left:-12px;
margin-right:-16px;
}

.officium h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/officiumfolder.gif") no-repeat left;
height: 124px;
margin-bottom:-20px;
}

.officium h4 a em {
position:relative;
top:43px;
left:10px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.officium h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.officium h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.officium h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}


/*    Historium **************************/


.historium h2{
border-width:0;
}

.historium h4 {
text-align:left;
margin-left:-12px;
margin-right:-16px;
}

.historium h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/historiumfolder.gif") no-repeat left;
height: 124px;
margin-bottom:-20px;
padding-bottom:12px;
}

.historium h4 a em {
position:relative;
top:40px;
left:150px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.historium h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.historium h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.historium h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}

/*    TotaalBeheer 2009 **************************/

.totaalbeheer2009 h2 {
border-width:0px;
line-height:1px;
margin:0px;
padding:0px;
}.totaalbeheer2009 em{
display:block;
font-weight:bold;
font-style:normal;
font-size:15px;
margin-bottom: -7px;
}

.totaalbeheer2009 strong{
}

.totaalbeheer2009 h4 {
text-align:center;
margin-left:-12px;
margin-right:-16px;
}

.totaalbeheer2009 h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/totaalbeheerfolder.gif") no-repeat left;
height: 124px;
margin-bottom:-20px;
}

.totaalbeheer2009 h4 a em {
position:relative;
top:43px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.totaalbeheer2009 h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.totaalbeheer2009 h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.totaalbeheer2009 h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}

/*    White Paper Managed Hosting **********************/

.whitepaper_managedhosting h2 {
border-width:0px;
line-height:1px;
margin:0px;
padding:0px;
}

.whitepaper_managedhosting em {
display:block;
font-weight:bold;
font-style:normal;
font-size:15px;
margin-bottom: -7px;
}

.whitepaper_managedhosting strong {
}

.whitepaper_managedhosting h4 {
text-align:center;
margin-left:-12px;
margin-right:-16px;
}

.whitepaper_managedhosting h4 a {
display:block;
background: url("http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/whitepaper_managedhosting.gif") no-repeat left;
height: 136px;
margin-bottom:-20px;
}

.whitepaper_managedhosting h4 a em {
position:relative;
top:43px;
left:10px;
padding:0px;
margin-bottom:-30px;
color:white;
font-size:18px;
}

.whitepaper_managedhosting h4 a:hover {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.whitepaper_managedhosting h4 a:active {
border:0px;
text-decoration:none;
color: #b69fb3;
}

.whitepaper_managedhosting h4 a:hover em{
border:0px;
text-decoration:none;
color: #b69fb3;
}

/*    Workshops ******************************/

table.workshops-intro {
border:0;
width:100%;
text-align:left;
padding:0;
spacing:0;
height:410px;
}

table.workshops-intro td {
vertical-align:top;
}

.workshops-edit {
padding-left: 12px;
}

.workshops-intro-box {
min-height: 380px; 
overflow:visible;
margin:9px 0 0 0;
padding:0 43px 0 12px;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro.gif); 
background-repeat: no-repeat; 
background-position: 12px 20px;
}

.workshops-intro-box h3 {
}

#workshops-page-microsoft .workshops-intro-box, 
#workshops-page-linuxunix .workshops-intro-box, 
#workshops-page-novell .workshops-intro-box, 
#workshops-page-netwerkbev .workshops-intro-box, 
#workshops-page-projecten .workshops-intro-box, 
#workshops-page-programmeren .workshops-intro-box, 
#workshops-page-virtual .workshops-intro-box, 
#workshops-page-algemeen .workshops-intro-box {
background-image:none; 
}

#workshops-page-microsoft .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-microsoft.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-linuxunix .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-linuxunix.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-novell .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-novell.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-netwerkbev .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-netwerkbev.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-projecten .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-projecten.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-programmeren .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-programmeren.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-virtual .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-virtual.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

#workshops-page-algemeen .workshops-intro-box h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-intro-algemeen.gif); 
background-repeat: no-repeat; 
position:relative;
top:-4px;
}

.workshops-footer-box {
vertical-align:bottom; 
padding-top:10px;
}

.workshops-footer {
position:relative; 
left:-12px; 
height:30px; 
padding: -25px 40px 0 12px;
margin: 9px -20px 0 12px;
background-image:url(http://www.ogd.nl/ogd/themes/WebTweePuntNul/images/doos_sluiter.gif); 
background-repeat: no-repeat;
}

.workshops-intro h3 {
padding-left:17px;
padding-right:220px;
margin-bottom:50px;
}

.workshop-beschrijving {
margin-bottom: 24px;
}

.workshop-beschrijving h3 {
margin-bottom:30px;
}

.workshop-section {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section.gif);
background-repeat:repeat-y;
margin-top:60px;
margin-bottom:20px;
}

.workshop-info {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info.gif);
background-repeat:repeat-y;
margin-top:30px;
}

.workshop-section h2 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-h2.gif);
background-repeat: no-repeat;
background-position: left top;
position:relative;
top:-24px;
text-align:left; 
margin:0;
padding:0 0 0 10px;
border:0;
color:white;
font-style:normal;
height:30px;
font-size:12px;
}

.workshop-section h2 b {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-h2-b.gif);
background-repeat: no-repeat;
background-position: right top;
height:30px;
line-height:24px;
margin:0;
padding:0 16px 0 8px;
display:block;
float:left;
}

.workshop-section h2 i {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-h2-i.gif);
background-repeat: no-repeat;
background-position: right top;
height:30px;
line-height:24px;
margin:0;
padding:0 16px 0 8px;
color:#6a205f;
display:block;
float:left;
font-style:normal;
}

.workshop-info h2 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info-h2.gif);
}

.workshop-info h2 b {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info-h2-b.gif);
background-repeat: no-repeat;
background-position: right top;
height:30px;
line-height:24px;
margin:0;
padding:0 16px 0 8px;
display:block;
float:left;
}

.workshop-section h3 {
font-size:15px;
line-height:20px;
padding:0 40px 3px 95px;
margin:0;
font-weight:bold;
position:relative;
top:-11px;
background-repeat: no-repeat;
background-position: 38px top;
}

#workshop-microsoft h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-microsoft.gif);
}

#workshop-linuxunix h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-linuxunix.gif);
}

#workshop-novell h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-novell.gif);
}

#workshop-netwerkbev h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-netwerkbev.gif);
}

#workshop-projecten h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-projecten.gif);
}

#workshop-programmeren h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-programmeren.gif);
}

#workshop-virtual h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-virtual.gif);
}

#workshop-algemeen h3 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshop-algemeen.gif);
}

.workshop-section-closer {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-closer.gif);
background-repeat: no-repeat;
background-position: left bottom;
height:25px;
position:relative;
top:-25px;
padding-top:20px;
}

.workshops-intro p {
padding:0 17px;
margin:0 0 10px 0;
}

.workshop-section p {
font-size:13px;
line-height:20px;
padding:0 40px;
margin:0 0 10px 0;
}

.workshop-docent p {
font-size:13px;
line-height:20px;
padding:0 40px;
margin:0 0 10px 0;
font-weight:bold;
position:relative;
top:-10px;
}

.workshop-docent img {
float:left;
padding: 0 20px 20px 40px;
margin-top:-5px;
}

.workshop-section h4 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-footer.gif);
background-repeat: no-repeat;
background-position: left top;
background-color:white;
font-size:15px;
padding:0;
margin:20px 0 50px;
height:24px;
}

.workshop-info h4 {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info-footer.gif);
background-repeat: no-repeat;
background-position: left top;
background-color:white;
font-size:15px;
padding:0;
margin:20px 0 50px;
height:24px;
}

.workshop-section h4 a {
color:white;
display:block;
float:right;
width:95px;
height:24px;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-more.gif);
background-repeat: no-repeat;
background-position: left top;
font-size:12px;
position:relative;
top:-3px;
padding:3px 0 0 12px;
}

.workshop-info h4 a {
color:white;
display:block;
float:right;
width:142px;
height:30px;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-enroll.gif);
background-repeat: no-repeat;
background-position: left top;
font-size:15px;
position:relative;
top:-6px;
left:12px;
padding:5px 0 0 15px;
}

.workshop-info ul {
list-style-image: url(http://www.ogd.nl/ogd/images/pagemaster/workshop-ul.gif);
font-size:13px;
line-height:20px;
padding:0 40px 0 56px;
margin:0 0 -10px 0;
position:relative;
top:-10px;
}

.workshops-intro-box h4 em {
font-size:13px;
line-height:20px;
text-indent:0;
padding:0;
margin:0;
padding-left:17px;
padding-right:220px;
padding-top:10px;
margin-bottom:50px;
font-weight:normal;
display:block;
font-style:normal;
}

/*    Highlight-box **************************/

.highlight-box {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box.gif);
background-repeat:repeat-y;
text-transform:uppercase; 
letter-spacing:1,7px; 
font-size:13px; 
line-height:19px;
padding:1px 45px 3px 35px;
margin:0;
}

.highlight-box-footer {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-footer.gif);
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
}

.highlight-box-header {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-header.gif);
background-repeat: no-repeat;
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
}

.highlight-box h2 {
display:none;
}

.highlight-box-lp {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-lp.gif);
background-repeat:repeat-y;
text-transform:uppercase; 
letter-spacing:1,7px; 
font-size:13px; 
line-height:19px;
padding:1px 45px 3px 35px;
margin:0;
}

.highlight-box-footer-lp {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-footer-lp.gif);
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0 0 20px 0;}

.highlight-box-header-lp {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-header-lp.gif);
background-repeat: no-repeat;
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
}

.highlight-box-lp h2 {
display:none;
}

.highlight-box-wit {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box.gif);
background-repeat:repeat-y;
padding:10px 35px 11px 35px;
}

.highlight-box-wit p{
padding-left:0;
}

.highlight-box-footer-wit {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-footer.gif);
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0 0 20px 0;
}

.highlight-box-header-wit {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-header.gif);
background-repeat: no-repeat;
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
}

.highlight-met-kop {
padding-top:0px;
margin-top:0;
}

.highlight-met-kop p{
padding-top:0px;
}

.highlight-box-header-wit-met-kop {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-header.gif);
background-repeat: no-repeat;
background-repeat:no-repeat;
height:9px;
padding:0;
margin:30px 0 0 0;
}

.highlight-box-wit h2 {
display:none;
}

.highlight-box-wit h2.highlightheader {
display:block;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info-h2.gif);
background-repeat: no-repeat;
background-position: left top;
position:relative;
top:-19px;
left:-30px;
text-align:left; 
margin:0;
padding:0 0 0 10px;
border:0;
color:white;
font-style:normal;
height:30px;
font-size:12px;
}

.highlight-box-wit h2.highlightheader b {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-info-h2-b.gif);
background-repeat: no-repeat;
background-position: right top;
height:30px;
line-height:24px;
margin:0;
padding:0 16px 0 8px;
display:block;
float:left;
}


/*    Workshop-form **************************/

#workshop-form {
background-color:white;
line-height:25px;
font-size:13px;
text-align:left;
}

#workshop-form form {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-lp.gif);
background-repeat:repeat-y;
padding:1px 25px 3px 35px;
margin:0;
position:relative;
top:-20px;
}

span.required {
color:red;
font-weight:bold;
}

#workshop-form span.required {
color:red;
font-weight:bold;
background-color:#eee7ee;
padding-right:5px;
}

#workshop-form div.required {
color:red;
font-weight:bold;
position:relative;
top:10px;
width:357px;
font-size:90%;
border:0px solid red;
border-width: 1px 0 0 0;
text-align:right;
}

#workshop-form label {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/labelstripe.gif);
background-repeat:repeat-x;
background-position:center left;
display:block;
width:140px;
float:left;
margin:8px 0px;
}

#workshop-form label b {
background-color:#eee7ee;
padding-right:5px;
}

#workshop-form input, #workshop-form select, #workshop-form textarea {
float:left;
margin:10px 0px;
font-size:12px;
font-weight:normal;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
}

#workshop-form input, #workshop-form textarea  {
border:1px solid red;
width:214px;
}

#workshop-form-header {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-header-lp.gif);
background-repeat: no-repeat;
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
}

#workshop-form-footer {
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/highlight-box-footer-lp.gif);
background-repeat:no-repeat;
height:9px;
padding:0;
margin:0;
position:relative;
left:-35px;
top:10px;
}

#workshop-form p {
margin-top:20px;
text-align:left;
font-size:11px;
}

#workshop-form-intro h3 {
padding-left:17px;
padding-right:25px;
margin-bottom:0px;
font-size:13px;
line-height:19px;
font-weight:normal;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-form-intro.gif);
background-repeat: no-repeat;
margin-top:-4px;
}


#puzzelboek-form-intro h3 {
padding-left:17px;
margin-bottom:-20px;
font-size:13px;
line-height:19px;
font-weight:normal;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/puzzelboek-intro.gif);
background-repeat: no-repeat;
margin-top:-4px;
padding-right:0;
margin-right:0;
/* height:215px; */
}

#workshop-form input#submit {
border:0;
float:none;
width:auto;
color:white;
background-color:transparent;
font-weight:bold;
display:block;
width:142px;
height:30px;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/workshops-section-enroll.gif);
background-repeat: no-repeat;
background-position: left top;
font-size:15px;
position:relative;
top:43px;
left:260px;
padding:0 20px 5px 0;
cursor:pointer;
outline:none;
z-index:999;
}

#workshop_checkbox {
margin-top:20px;
}

#workshop_checkbox input {
width:auto;
text-align:left;
margin:5px 10px 0 0;
float:left;
padding:0;
border:0;
}

#workshop_checkbox em {
font-weight:bold;
font-style:normal;
}

#workshop_checkbox label {
width:auto;
text-align:left;
padding:0;
float:left;
border:0;
background:transparent;
height:19px;
margin:0 0 4px 0;
padding:0;
}

/*********************************************/
/*    PARTNERS                               */
/*********************************************/

.bg_partnersite {
border: 1px solid #ccebed;
background-color:#f2dfef;
padding:4px; 
margin-top:20px;
}

#partner-table {
text-align:center;
width:100%;
}

#partner-table p {
padding:3px;
margin:0px;
margin-top:6px;
text-transform:uppercase;
font-size:10px;
line-height:11px;
letter-spacing:0.07em;
border-top:1px solid #d0aaca;
}

#partner-table a {
display:block;
border:1px solid #e8e6ef;
padding:0px;
margin:0px;
padding:7px;
margin:0px;
text-decoration:none;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
width:120px;
}

#partner-table a:hover p {
background-color:#e8e6ef;
}

#partner-table a:hover {
text-decoration:none;
border:1px solid #d0aaca;
color:#6a205f;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

.partnerpagina img {
float:right;
padding-left: 12px;
padding-bottom:12px;
padding-right:0px;
margin-top:14px;
}

/*********************************************/
/*    WERKEN BIJ ONS                         */
/*********************************************/

.uil_lijst div {
padding-top:4px;
line-height:28px;
margin-top:0px;
padding-left:25px;
list-style:none;
margin-left:0px;
height:28px;
}

.uil_lijst a:link {
color:#6a205f;
display:block;
width:300px;
}

.uil_lijst a:visited {
color:#6a205f;
display:block;
width:300px;
}

.uil_lijst a:hover {
color : #e32118; 
text-decoration: none;
display:block;
width:300px;
}

.uil_lijst a:active {
color : #e32118; 
text-decoration: none;
display:block;
width:300px;
}

.sollilinkies div {
padding-top:0px;
font-size: 11px;
font-weight:bold;
letter-spacing:0.07em;
line-height:15px;
margin-top:0px;
list-style:none;
margin-left:10px;
margin-right:15px;
text-transform: uppercase;
}

.sollilinkies  a:link {
color:#6a205f;
}

.sollilinkies  a:visited {
color:#6a205f;
}

.sollilinkies  a:hover {
color : #e32118; 
text-decoration: none;
}

.sollilinkies  a:active {
color : #e32118; 
text-decoration: none;
}

.uilForm {
background-color:transparent;
}

.floatdate {
float:right;
position:relative;
top:-5px;
right:25px;
font-size:9px;
}

.floatdate {
float:right;
position:relative;
top:-32px;
right:25px;
font-size:9px;
}

.intralinkies {
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:10px;
line-height:40px;
background-color:transparent;
background-image:url("http://www.ogd.nl/ogd/images/jaikwil_uil/streep_omdathetkan.gif");
}

.intralinkies a{
color:white;
text-decoration:none;
}

.intralinkies a:hover{
color:white;
text-decoration:none;
}

.intralinkies a:active{
color:white;
text-decoration:none;
}

.intralinkies a:visited{
color:white;
text-decoration:none;
}

.intralinkies a:link{
color:white;
text-decoration:none;
}

.pijl {
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:10px;
line-height:40px;
background-color:transparent;
width:40px;
background-image:url("http://www.ogd.nl/ogd/images/jaikwil_uil/pijl_omdathetkan.gif");
background-color:transparent;
}

#linkiesdepinkies {
float:right;
padding-right:10px;
}

.vac_boven {
background-image:url("http://www.ogd.nl/ogd/images/jaikwil_uil/leesmeer_alt.gif");
height:8px;
}

.vac_midden {
background-color: #f9f5fa;
border-left: 1px solid #ff9494;
border-right:1px solid #ff9494;
}

.vac_onder {
background-image:url("http://www.ogd.nl/ogd/images/jaikwil_uil/leesmeer_alt.gif");
height:5px;
background-position:0 5px;
}

.bg_vacature {
width:440px;
text-align:left;
padding-top:10px;
margin:0
}

.bg_vacature h2 {
text-align:left;
padding: 3px 15px 8px 15px;
text-transform:uppercase;
letter-spacing:0.07em;
font-style:normal;
}

.vacatext {
text-align:left;
padding: 8px 15px 8px 15px;
}

.vacatext h3 {
margin:0px;
text-align:left;
padding: 0px 0px 0px 0px;
text-transform:uppercase;
letter-spacing:0.07em;
font-style:normal;
font-size:12px;
font-weight:bold;
}

/*********************************************/
/*    OVER OGD                               */
/*********************************************/

/*    Rapport  *******************************/

div#rapport {
}

div#rapport table {
width:434px;
margin:0px;
padding:0px;
border:1px solid #E7E3E8;
margin-bottom:18px;
}

div#rapport td p{
width:auto;
padding:3px;
border-bottom:1px dotted red;
background-color:#F4F4F4;
margin:0px;
}

div#rapport td + td {
width:20%;
text-align:right;
}

div#rapport h3 {
background-color:#E7E3E8;
margin:0px;
width:auto;
padding:3px;
border-bottom:1px dotted red;
font-size:13px;
font-weight:bold;
line-height:18px;
}

div#rapport h4 {
background-color:#EFEFEF;
margin:0px;
width:auto;
padding:3px;
border-bottom:1px dotted red;
font-size:13px;
font-weight:bold;
line-height:18px;
font-style:italic;
}

a.snelhulplink {
margin:50px 0 0 65px;
display:block;
width:300px;
height:99px;
text-indent:-9999px;
background-image:url(http://www.ogd.nl/ogd/images/pagemaster/snelhulp.jpg);
background-repeat:no-repeat;
}

a.snelhulplink:hover, a.snelhulplink:active  {
background-position:0px -99px;
}