/*------------------------------------------------------------------
[Master Stylesheet]

Project:	GITP.nl
Version:	1
Last change:	12/01/09 [mb]
Assigned to:	Jeroen Oliemans (jo)
Made by:		Evident Interactive (jo)

------------------------------------------------------------------*/

/*------------------------------------------------------------------

[Table of sections]
_mainlayout
_templateSpecific
    _home
    _vestigingen
    _accreditering
    _trainingsLocatie
    _mailAFriend
    _errorPage
    _siteMap
    _profileDetail
    _testLab
    _startPageIframe
    _gitpmedia
_pageElements
    _tagcloud
    _top5
    _quickLinks
    _quickLinksPulldown
    _poll
    _trainingCalender
_DOM
    _underlineExceptions
_tabs
_navigation
    _mainMenu
    _siteNavigation 
    _locationNavigation
    _contextMenu

------------------------------------------------------------------*/

/* yahoo reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

/* IE8 proof easyclearing method */
   
* html .clearfix {
	height: 1%; /* IE5-6 */
}
* + html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img
{
	border: 0;
}

address, caption, cite, code, dfn, em, th, var
{
	font-style: normal;
	font-weight: normal;
}

ul
{
	list-style: none;
}

ol
{
    list-style-position: inside;
    margin: 0 0 10px 0;
}

caption, th
{
	text-align: left;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym
{
	border: 0;
}

a:link, a:visited, a:active
{
	color: #000000;
}

/****************************/
/*  _mainlayout             */
/****************************/
html, body
{
	padding: 0 0 0 0;
	font-size: 62.5%;
	/*font-size: 50%;*/
}

div#headerwrapper
{
	width: 100%;
	height: 98px;
	margin: 0px 0 0 0;
	background: transparent url(../images/gitpnl/menuheader-bg.jpg) 0 0 repeat-x;
}

/* header */
div#menuHeader
{
	width: 955px;
	height: 25px;
	text-align: right;
	padding: 3px 0 0 250px;
	margin: 0 0 0 0px;
}

div#header
{
	width: 955px;
	margin: 0 0 0px 0;
}

div#logo
{
	position: absolute;
	top: 15px;
	left: 15px;
}
img#logo
{
	width: auto;
	height: 68px;
	float: left;
}

div#subMenu
{
	width: 955px;
	height: 30px;
	position: relative;
	background: transparent url(../images/gitpnl/aboutmenu_bg.jpg) 0 3px repeat-x;
	margin: 2px 0 3px 0;
	padding: 3px 0 0 0;
	z-index: 500;
}
div#subMenu ul#aboutMenu li
{
	float: left;
	height: 20px;
	margin: 0px 30px 0 0;
}
div#subMenu ul#aboutMenu li.active
{
	height: 20px;
	background: transparent url(../images/gitpnl/aboutmenu_active.jpg) 0px -2px repeat-x;
}
div#subMenu ul#aboutMenu li a
{
    margin: 0 0 0 0;
    font-size: 1em;
}
div#subMenu ul#aboutMenu li a:hover, div#subMenu ul#aboutMenu li a:focus
{
   color: #e2001a; 
}

div#aboutMenu a
{
	color: #880010;
	font-weight: bold;
	text-decoration: none;
}


div#siteNavigation
{
	margin: 0px 16px 0 20px;
	float: left;
}

div#locationNavigationContainer
{
    position: relative;
    width: 165px;
    z-index: 500;
    margin: 20px 0px 0 0px;
    padding: 0px;
}

div#aboutMenu
{
	float: left;
	margin: 2px 0 0 0;
}

div#homeSearchContainerxxx
{
	width: 280px;
	height: 25px;
	float: right;
	margin: -3px 5px 0 0;
	text-align: right;
}

div#search
{
	display: inline;
	float: none;
}
div#search input.searchTermxxx
{
	height: 20px;
	width: 120px;
}
div#search input.searchButton
{
    margin-right:50px;
	font-size: 0.9em;
	padding: 0px 0 0 0; 
	text-align:center; 
	cursor: pointer;
}
div#search input.searchButton:hover{ background: transparent url(/includes/gitpnl/images/button-bg-small.gif) 0px -20px no-repeat; }

div#HeaderTitle
{
	width: 290px;
	height: 50px;
	position: absolute;
	top: 20px;
	left: 665px;
	background: #ffffff;
	text-align: left;
}

div#mainMenu
{
	width: 955px;
	height: 30px;
	padding: 0 0 0 0;
	margin: 0 0 0 176px;
	position: relative;
	z-index: 100;
}

div#pageWrapper
{
	width: 955px;
    margin: 0px 0 0 0;
}

div#title
{
	width: 100%;
	padding: 0 0 0 180px;
}

div#breadCrumb
{
	margin: 0px 0 2px 0;
	font-size: 0.8em;
}
div#breadCrumb a
{
	text-decoration: none;
}

div#columnWrapper
{
	position: relative;
	width: 100%;
}
    div.testLabHome
    {
        background: transparent url(../images/gitpnl/testlabBackground.jpg) 19px 0 no-repeat;
        width: 733px;
        height: 259px;
    }

div#column1-contextmenu
{
	width: 155px;
	padding: 30px 0 0 15px;
	position: absolute;
	z-index: 300;
}

div#column1-contextmenu div.header-2levels
{
    color: Red;
}

    div#column1-contextmenu.home{ padding: 0px 10px 0 15px; }
    div#column1-contextMenu-testlab
    {
        width: 180px;
        padding: 20px 10px 0 30px;
        position: absolute;
        z-index: 300;  
    }

    div#column1-contextMenu ul.dashBullet
    {
	    margin: 0 0 10px 0;
    }

div#column1-contextMenu #contextMenu li, div#column1-contextMenu #contextMenu2 li
{
	background: none;
	padding: 0px;
}

div#agenda ul
{
	margin: 0px;
	padding: 0px;
}

div#agenda ul li
{
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
div#agenda ul li h4
{
	margin: 0px;
	list-style: none;
}

/* KS REDESIGN */

/*div#column2-content
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 575px;
	height: 350px;
}*/

div#column2-content img.backgroundImage-home 
{
	width: 575px;
	height: 350px;
}

div#column2-content img.backgroundStartpage 
{
	width: 573px;
	height: 309px;
}

div#column2-content img.backgroundImage
{
	width: 575px;
	height: 350px;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    -khtml-opacity: .30;
    -moz-opacity: .3;
 }

div#contentWhite
{
	position: relative;
	top:37px;
	left:11px;
	width: 480px;
	height: 340px;
	background: transparent url(../images/gitpnl/content_white_bg.png) 0 0 no-repeat;
	z-index: 20;
	padding-top: 10px;
	padding-right: 10px;
}
div#content
{
	width: 450px;
	padding: 12px 0px 0 16px;
	margin-bottom: 20px;
	position: relative;
}

	div#content .detailServiceLinks
	{
		position: absolute;
		right: 0;
		top: 12px;
	}
	
div#employersTab, div#participantsTab
{
	display: block;
	width: 480px;
	height: 30px;
}
div#employersTab
{
	background: transparent url(../images/gitpnl/pagetab-employers.png) -1px 0 no-repeat;
}
div#participantsTab
{
	background: transparent url(../images/gitpnl/pagetab-participants.png) 1px 0 no-repeat;
}

div#employersTab a, div#participantsTab a
{
	line-height: 31px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: none;
}
div#employersTab a.employers, div#participantsTab a.employers
{
	color: #f39400;
	margin: 0 0 0px 15px;
}
div#employersTab a.participants, div#participantsTab a.participants
{  
    position: relative; 
	color: #009ee1;
	margin: 0 0 0px 85px;
}



/****************************/
/*  _templateSpecific       */
/****************************/

/* _home */
div#footer-links ul li
{
	padding: 0 0 0 11px;
	background: url(../images/overgitp/list-dash.gif) no-repeat 0px 11px;
}
  
div#footer-links
{
    width: 600px;
	position: relative;
	top: 300px;
	left: -30px;
	overflow: visible;
	z-index: 10;
}


div#footer-links ul
{
	margin-bottom: 10px;
}

div#footer-links td
{
	vertical-align: top;
	padding-left: 20px;
	width: 150px;
	overflow: visible;
}

div#footer-links h1
{
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
}

div#footer-links li
{
	font-size: 1.2em;
}
div#footer-links table tbody tr td h1{ font-size: 10px; }
div#footer-links table tbody tr td ul li{ font-size: 10px }

div#footer-links div.rich-media, div#footer-links iframe
{
    margin: 0 0 0px 0;
}


/* */

div#column3-sidebar
{
	position: absolute;
	top: 0px;
	left: 765px;
	width: 195px;
}
ul.faq-dashBullet
{
	margin-bottom: 10px;
}

ul.dashBullet
{
   padding: 0 0 0px 0;
}

ul.faq-dashBullet li, ul.dashBullet li
{
	padding: 0 0 0 11px;
	/*font-size: 1.2em;*/
	background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 14px;
}

/* _accreditering */
dl#legenda
{
}
dl#legenda dt
{
	display: block;
	width: 30px;
	float: left;
}
dl#legenda dd
{
	display: block;
	width: 400px;
	float: left;
}

table.accreditering
{
	clear: left;
	margin: 15px 0 0 0;
	font-size: 1em;
}
table.accreditering a
{
    text-decoration: none;
}

table.accreditering tr.heading th
{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #bababa;
	font-size: 0.8em;
}
table.accreditering tr.heading h5
{
	font-weight: bold;
}

table.accreditering tr th.item, table.accreditering tr td.item
{
	width: 230px;
}
table.accreditering tr td.item
{
   background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
   padding: 0 0 0 10px; 
}

table.accreditering tr th, table.accreditering tr td, table.accreditering tr th.zebra, table.accreditering tr td.zebra
{
	width: 35px;
	vertical-align: top;
	padding: 0 3px;
}
table.accreditering tr th.zebra, table.accreditering tr td.zebra
{
	background-color: #ebecec;
}

/* _trainingsLocatie */

div#content div#trainingFunctionsContainer
{
	display: block;
	position: absolute;
	width: 245px;
	top: 150px;
	right: 10px;
}

div#content div#trainingFunctionsContainer ul#trainingLinkList li
{
	margin: 5px 0;
}

/* _mailAFriend */
div.sendafriend-label
{
	/* redesign doesnt like this. */
	/* font-size: 0.6em; */
	margin: 0 0 8px 0;
}

input.sendafriend-textbox
{
	margin: 0 0 8px 0;
	width: 180px;
	height: 18px;
	/* redesign doesnt like this. */
	/* font-size: 0.7em; */
}
input.sendafriend-comment
{
	margin: 0 0 8px 0;
	width: 180px;
}
input.sendafriend-button
{
	margin: 12px 0 0 0;
	/* redesign doesnt like this. */
	/* font-size: 0.6em;  */
	padding: 0px 0 0 0; height: 20px; width: 67px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
input.sendafriend-button:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

table.sendAFriend
{
}

/* _errorPage */
div#errorMessage
{
    background-color: #fad6d1;
    color: #f00;
    width: auto;
    padding: 10px 10px 60px 10px;
}
div#errorMessage a { color: #f00; }

/* _siteMap */
ul.sitemap
{
    margin: 0 0 30px 0;
    
}
div#contentWhite div#content ul.sitemap li
{
    background: none;
}

div#contentWhite div#content ul.sitemap li a
{
    text-decoration: underline; 
}
    ul.sitemap li.level-0
    {
        margin: 10px 0 0 0 ;
    }

    ul.sitemap ul
    {   
        margin: 0 0 0 20px;
    }


/* _profileDetail */
div#profileContainer
{
    position: relative;
}

div#profilePhoto
{
    margin-bottom: 5px;
}

div#profileDescription
{
    position: relative;
    display: block;
    width: 310px;
    height: auto;
}

    
    /*position: absolute;
    display: block;
    width: 320px;
    height: 600px;
    top: 10px;
    left: 0px;*/
	


/* _testLab */
iframe#testIframe
{
    border: none;
    margin: 0px;
    padding: 0px;
}
    iframe#iframeLower
    {
        /*margin: 400px 0 0 0;*/
        position: relative;
        top: 400px;
        clear: both;
    }

div#productTabs
{
    
}
    div#productTabs ul.ui-tabs-nav a
    {
        text-decoration: underline;
    }

div.printTabTitel
{
    display: none;
    margin: 0px;
    padding: 0px;
    font-size: 1.3em;
}

div#productTabs div#fragment-iframe
{
    margin: 0 0 0 -10px;
    padding: 0px;
}

    div#fragment-4 a.testFaqBack
    {
        padding: 20px 0 0 0;
        display: block;
    }

div#testimonialWhitepaper
{
    position:absolute;
    top: 277px;
    left: 30px;
}

/* _startPageIframe */
div#coachSelectorOpening
{
    width: 530px;
    background-color: #ffffff;
    margin: 0 0 0 10px;
    padding: 5px 10px;
}
div#coachSelectorOpening div.form fieldset select
{
    height: 17px;
}
    div.form fieldset#openingCoaching
    {
        width: 500px;
    }
    div.form fieldset#coachSelector
    {
        width: 430px;
        padding: 0 0 30px 0;
    }

    div#coachSelectorOpening div#openingZoekButton,
    div.form div#openingZoekButton
    {
        width: 68px;
        height: 22px;
	    float: right;
	    padding: 0px 38px 0 0;
	    margin: 0;
    }
        

div#startPageIframe
{
    display: block;
    position: absolute;
    width: 570px;
    height: auto;
    top: 200px;
    left: 0px;
    z-index: 11;
}

    div#startPageIframe iframe{ margin: 0 0 8px 0; }
        
        
/* _gitpmedia */
div#divSubscriptionConnect label, div#divSubscriptionSelective label
{
    font-size: 0.7em;
}
        
/****************************/
/*  _DOM                    */
/****************************/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0 0 20px 0; 
}


iframe
{
	margin: 15px 0 0 0;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e2001a;
}
h1
{
	font-size: 34px;
}
/* aanpassing jf nav h1 - h4 problematiek */
div.headerTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.7em;
	line-height: 1em;
	color: #000000;
	margin: 3px 0 0 20px;
	font-weight: bold;
}
/* aanpassing jf nav h1 - h4 problematiek */

div.h1, span.h1
{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e2001a;
	margin-bottom: 5px;
	
}
/* aanpassing jf nav h1 - h4 problematiek */
    h1.subTitle
    {
        font-family: Georgia, Serif;
 /* aanpassing jf nav h1 - h4 problematiek */
       /* font-size: 1.5em; */
        font-weight: normal;
    }
h3.zieook
{
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 5px 0;
}
h2.zieook-employer
{
	color: #f39400;
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
}
h2.zieook-participant
{
	color: #009ee1;
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
}
/* aanpassing jf nav h1 - h4 problematiek */

h2
{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	margin: 0;
}

    div#content h2
    {
      font: bold 1.2em Georgia,serif;
      margin: 1em 0;
    }
    
    div#content h2.subTitle
    {
        margin-top: 5px;
    }
    
    div#content h3 {
      font: bold 1.2em Arial,Helvetica,sans-serif;
      margin: 1em 0;
    }       

    h3.contentListheader
    {
        margin: 15px 0 0 0;
        font-weight: normal;
        font-family: Georgia, Serif;
    }

h3.sideBar
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

/* aanpassing ks nav splitsen bezoek- en postadres */
h3.addresstitle
{
	 margin-top:10px;
	 font-style:bold; 
	 font-size:1.1em;
	 font-family:Arial, Verdana;
}

/* aanpassing jf nav h1 - h4 problematiek */

h4.sideBarHeader
{
	margin: 5px 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
h4 a
{
	text-decoration: none;
}
/* aanpassing jf nav h1 - h4 problematiek */
div.h4
{
	font-size: 1em;
}
/* aanpassing jf nav h1 - h4 problematiek */
div.h4 a
{
	text-decoration: none;
}



h5
{
	font-size: 0.9em;
}
h4.zieOok
{
	margin: 10px 0 0 0;
}

p
{
	/*font-size: 1.1em;*/
	margin: 0 0 10px 0;
}
p#introHome
{
	font-family: georgia;
	font-size: 1.3em;
	margin: 0 0 15px 0;
}


p#introPagina 
{
	font-family: georgia;
	font-size: 1.3em;
	margin: 0 0 10px 0;
	padding:0 0 0 0;
}

div.introPagina 
{
	margin: 0 0 10px 0;
	padding:0 0 0 0;
	font-family: georgia;
	font-size: 14px;
}

div.introPagina *
{
	font-family: georgia;
	font-size: 14px;
}

div#introPagina-theme 
{

}

div#introPagina-theme img.image-detail
{
    float: left;
    margin-right: 10px;
}


div#content h3.introtext,
div.textEditor h3.introtext
{
    font-weight: normal;
    font-family:georgia;  
}

    p.gitpnlIntro, 
    span.gitpnlIntro
    {
        font-family: georgia;
	    font-size: 1.3em;
    }
    
div#quote
{
	font-family: georgia;
	font-size: 1.4em;
	margin: 0 0 10px 0;
	/*font-style: italic;  this was once styled this way, but never looked this way, 
	because the em that was used inside it reset it to normal.
 */
}

hr
{
	color: #bababa;
	background-color: #bababa;
	height: 1px;
	border: none;
	border-style: none;
	margin: 0px 0 0px 0;
}
    hr.meerWeten{ margin: 15px 0px 15px 0; }

div.hr-dotted
{
	height: 5px;
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 12px 0 12px 0;
}
div.hr-dotted hr
{
	display: none;
}
div#contextMenuContainer div#contextMenuList div.contextMenu
{
	margin: 12px 0 12px 0;
	width: 165px;
}
hr.contextMenu
{
	color: #bababa;
	background-color: #bababa;
	height: 1px;
	border: none;
	border-style: none;
	margin: 0;
	width: 142px;
	padding: 0;
	/*margin-bottom: 5px;*/
	margin-top: -3px;
	text-align: left;
}



a:hover, a:focus
{
	text-decoration: underline;
	color: #e2001a;
}

a.linkButtonBack
{
	display: block;
	margin: 25px 0 15px 0;
}
    /* _underlineExceptions */
    div#column3-sidebar div.tekstboxrechts a,
    a.underline
    { text-decoration: underline; }
    
    div#column2-content  ul#locationList li a:link,
    div#column2-content  ul#locationList li a:visited,
    div#column2-content  ul#locationList li a:active
    { text-decoration: underline; }
    
    div#contextMenuContainer a,
    ul.dashBullet li a,
    ul.meerweten li a,
    ul#contextMenuList li a,
    div#topList ol li a
    { text-decoration: none; }
    
    a.linkButton{ display: block; margin: 5px 0 0 0; text-decoration: underline; }
    
    div#column2-content div#content ul li a
    {
        text-decoration: underline;
    }
    
    div#column2-content div#content ul.ui-tabs-nav li a{ text-decoration: none; }
    
    div#fragment-1 a,
    div#fragment-2 a,
    div#fragment-3 a,
    div#fragment-4 a,
    div#fragment-5 a,
    div#fragment-5 a
    {
        text-decoration: underline;
    }
    
    
span.selectedCharacter
{
	font-weight: bold;
	color: #e2001a;
}

div#columnWrapper a.navSideActive
{
	color: #e2001a;
}

ul
{
	list-style-type: none;
}

div#column2-content ul li a:link, div#column3-sidebar ul li a:link, div#column2-content ul li a:visited, div#column3-sidebar ul li a:visited, div#column2-content ul li a:active, div#column3-sidebar ul li a:active
{
	color: #000000;
	text-decoration: none;
}

div#column2-content ul li a:hover, div#column3-sidebar ul li a:hover, div#column2-content ul li a:focus, div#column3-sidebar ul li a:focus
{
    color: #e2001a;
	text-decoration: none;
}

div#menu ul a
{
	text-decoration: none;
}
div#menu ul li.divisionLink a
{
	text-decoration: underline;
	font-size: 1.1em;
}

select
{
    font-size: 1em;
}

/****************************/
/*  _pageElements           */
/****************************/

/** paging **/

div.paging-alphabet
{
    width: 440px;
}

div#column2-content div.paging ul.paging
{
	display: block;
	margin: 10px 0 10px 0;
}

div#column2-content div.paging ul.paging li
{
	float: left;
	background: none;
}
div#column2-content div.paging ul.paging li a:link, div#column2-content div.paging ul.paging li a:visited, div#column2-content div.paging ul.paging li a:active
{
	color: #000000;
	font-weight: bold;
}

div#column2-content div.paging ul.paging li a:hover, div#column2-content div.paging ul.paging li a:focus
{
	color: #e2001a;
	font-weight: bold;
}
div#column2-content div.paging ul.paging li a.active
{
	color: #e2001a;
}

div#column2-content div.paging ul.paging li span.pagingActive
{
	color: #e2001a;
}

/** ingangen startpagina **/
a.tekstblok:link, a.tekstblok:visited, a.tekstblok:active
{
	text-decoration: none;
	color: #000000;
}
a.tekstblok:hover, a.tekstblok:focus
{
	text-decoration: underline;
	color: #000000;
}

div.address
{
    font-size: 1em;
	margin: 15px 15px 15px 0px;
}

div#conversion
{
    margin: 10px 0 20px 0;
}


div#conversionLink
{
	display: block;
	position: absolute;
	top: 143px;
	left: 10px;
	width: 300px;
	height: 60px;
	text-align: left;
}
    div#conversionLinkText
    {
        display: block;
	    position: absolute;
	    top: 143px;
	    left: 10px;
	    width: auto;
	    height: 60px;
	    text-align: left;
	    background: transparent url(../images/gitpnl/spConversionBg.gif) top right no-repeat; 
    }
        div#conversionLinkText a.conversionLink{ display:block; color: #ffffff; line-height: 24px; font-size: 15px; font-weight: bold; padding: 0 40px 0 7px; text-decoration: none; }
    
      div#conversionLinkText a.conversionLink:link, div#conversionLinkText a.conversionLink:visted, div#conversionLinkText a.conversionLink:active{  }
      div#conversionLinkText a.conversionLink:hover, div#conversionLinkText a.conversionLink:focus{ text-decoration: underline; }  

div#bannerIframe
{
	display: block;
	position: absolute;
	top: 0px;
	left: -6px;
	width: 163px;
	height: 140px;
	margin: 0px 0 0 0;
}

/** Listings **/
div#listing
{
	clear: both;
	margin: 20px 0 0 0;
}
div#listingImage
{
	clear: both;
}
div#listingImage div.listingImageDetail div h3,
div#listingImage div.listingImageDetailFavorite div h3
{
	font-family: Georgia, Serif;
	font-style: normal;
}
div#listingImage div.listingImageDetail div h3 a,
div#listingImage div.listingImageDetailFavorite div h3 a
{
	text-decoration: none;
}

div#listingImage div.listingImageDetail img,
div#listingImage div.listingImageDetailFavorite img
{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
div#listingImage div.listingImageDetail div,
div#listingImage div.listingImageDetailFavorite div
{
	float: none;
	width: auto;
}

div#listingImage div.listingImageDetail div.intro-text,
div#listingImage div.listingImageDetailFavorite div.intro-text
{
	width: auto;
	overflow: visible;
}
div#listingImage div.listingImageDetail,
div#listingImage div.listingImageDetailFavorite
{
	clear: both;
}

div.hr-dotted-listing
{
	height: 20px;
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 4px repeat-x;
	border: none;
	margin: 4px 0 12px 0;
	top: 10px;
	clear: both;
}
div.hr-dotted-listing hr
{
	display: none;
}
div.hr-dotted-listing-home
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 4px 0 12px 0;
	z-index: 10;
}
    

div#column3-sidebar div.hr-dotted-listing-home
{
	display: block;
	position: relative;
	width: 200px;
	height: 5px;
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 4px 0 12px 0;
	z-index: 10;
}
    div#hr-testlab, div#column3-sidebar div#hr-testlab{ margin: 20px 0 10px 0; clear: both; }

/** service menu **/
div#servicemenu,
div#serviceMenu
{
	position: absolute;
	width: 300px;
	top: 1px;
	left: 520px;
	margin: 0px 0 0 0;
}

div#servicemenu a
{
	display: block;
}

ul#servicemenu li
{
	float: left;
	margin: 0 15px 0 0;
}

ul#servicemenu a
{
	font-size: 0.9em;
}
ul#servicemenu a:link, ul#servicemenu a:visited, ul#servicemenu a:active
{
	text-decoration: underline;
	color: #fff;
}
ul#servicemenu a:hover, ul#servicemenu a:focus
{
	text-decoration: none;
	color: #e2001a;
}
ul#servicemenu a.active
{
	color: #000000;
	text-decoration: none;
}

/**  _textEditor **/

div.textEditor
{
	margin: 0 0 10px 0;
}

div#column2-content p#introPagina span.gitpnlIntro
{
    font-family: georgia, Serif;
	font-size: 13px;
	
}

div#column2-content div.textEditor span.gitpnlIntro,
div#column2-content div#content p#introPagina span.gitpnlIntro
{
    font-family: georgia, Serif;
	font-size: 13px;
	
}

div#column2-content div.textEditor span.gitpnlPlain,
div#column2-content div#content p#introPagina span.gitpnlPlain,
div#column2-content div#content p.gitpnlPlain
{
    font-family: arial, Sans-Serif;
	font-size: 10px;
	
}

.gitpnlPlain
{
    font-family: arial, Sans-Serif;
	font-size: 10px;
}


div#column2-content div.textEditor ul li
{
    position: relative;
	padding: 0 0 0 10px;
	background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
}

div#column2-content div#content ul li
{
    position: relative;
	padding: 0 0 0 10px;
	background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
}

div#column2-content div.textEditor a
{
    text-decoration: underline;
}
    div#column2-content div.textEditor ul li a
    {
        text-decoration: underline;
    }
    
/* _vestigingen */
div.vestigingList-container
{
    min-height: 300px;
}

div#vestigingList
{
 	/*width: 170px;*/
    /* width: 210px; */   
    clear:both;
    /* float:left; */
    height:auto;
    left:15px;
    /*position:absolute;*/
    top:80px;
    /*margin-top: 16px;*/
}
div#vestigingList div.vestigingen div.vestiging
{
    margin: 0 0 10px 0;
}
div#vestigingList div.vestigingen ul
{
	padding-left: 10px;
}

 div#column2-content div#content div#vestigingList div.vestigingen ul li.vestiging
{
	margin: 3px 0px;
    padding: 5px 0px 0px 15px;
    background: transparent url(../includes/gitpnl/images/filter-bullet-green.gif) no-repeat 0 8px;
    font-size: 12px;
}

div#column2-content div#content div#vestigingList div.vestigingen ul li.vestiging a
{
	text-decoration: none;
}

div#vestigingSearch
{
    position:absolute;
    right:10px;
    top:80px;
    width:210px;
}

div#vestiging-selectie
{
   /* width: 250px;*/
    width: 210px;
   
   /* margin-right:50px;*/
}

div.zoek-postcode
{
	/* margin-bottom:10px; */
	
	margin:0 0 0 30px;

}
div.zoek-postcode input#zoek-postcode
{
	font-size: 1em;
}

div#detailAdres
{
	width: 280px;
	float: left;
}
div.vestiging-filter fieldset 
{
    width:70%;
}

div.vestiging-filter fieldset select
{
/*	margin: 0 0 5px 0;
	width: 165px;
	font-size: 1em;
	float:right;*/
	
	margin:0 0 5px 30px;
	
	font-size:1em;
    width:180px;
}
div.vestiging-filter h4.vestigingFilterHeader
{
   /* margin: 5 0 0 30px;
    width:30%;
    float: left;*/
    
    margin:5px 0 0 30px;
}

div#detailRichText 
{
    background: none repeat scroll 0 0 #E5E5E5;
    float: right;
    margin: 10px 5px 0 0;
    padding: 5px 5px 5px 7px;
    width: 145px;
    overflow: hidden;
    z-index: 10;
}

div#detailBerekenRoute {
	width: 145px;
	float: right;
	margin: -3px 5px 0 0;
	padding: 5px 5px 5px 7px;
	background: #e5e5e5;
	z-index:10;
}
div#detailBerekenRoute input {
	font-size: 1em;
	width: 130px;
	margin: 10px 5px 5px -2px;
}
div#detailBerekenRoute .postcode-search {
}
div#column2-content div#content div#detailBerekenRoute ul.googlemaps,
div#column2-content div#content div#detailBerekenRoute ul.googlemaps li {
	list-style:none;
	background:none;
	margin:0;
	padding:0;
}
div.routebeschrijving {
	clear: both;
}
div#content div.routebeschrijving h2 {
	font-size:1.3em;
	margin:15px 0 0 0;
	padding:0;
}

div.routebeschrijving strong {
	font-family: Arial, Verdana;
	font-size:1.3em;
	font-weight:normal;
}

div#map {
	height: 300px;
	width: 450px;
	z-index: 490;
}
    
/**  crosslinkContainer **/
div#crosslinks {
	float: right;
	width: 207px;
}
div#crosslinks ul {
	margin: 0;
	padding: 0px 2px 17px 17px;
	width: 100%;
	list-style: none;
}
div#crosslinks ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

/*red*/
div.crosslinkred
{
	margin-bottom: 7px;
	background: url(../images/overgitp/cl-red-bottom.jpg) left bottom no-repeat;
}
div.crosslinkred h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	font-size: 1.2em;
	padding: 7px 15px 10px 15px;
	background: url(../images/overgitp/cl-red-top.jpg) top no-repeat #ffffff;
	font-weight: bold;
}
div.crosslinkred p
{
	padding: 0px 2px 17px 17px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
}
/*green*/
div.crosslinkgreen
{
	margin-bottom: 7px;
	background: url(../images/overgitp/cl-green-bottom.jpg) left bottom no-repeat;
}
div.crosslinkgreen h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	font-size: 1.2em;
	padding: 7px 15px 10px 15px;
	background: url(../images/overgitp/cl-green-top.jpg) top no-repeat #ffffff;
}
div.crosslinkgreen p
{
	padding: 0px 2px 17px 17px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
}

/** crosslinks zieook **/
div#crosslinks-zieook
{
	width: 205px;
	margin: 0 0 5px 0;
}
div#crosslinks-zieook ul
{
	list-style-position: outside;
	margin: 0 0 6px 0;
}

div#crosslinks-zieook h2
{
	margin: 10px 0 -5px 0;
	padding: 0px;
	font-size: 16px;
	color: #000000;
}



div#crosslinks-zieook a.linkbutton
{
	text-decoration: underline;
}

/** _tagcloud **/
div#columnWrapper ul.tagCloud
{
	position: relative;
	width: 195px; /*white-space: pre-wrap;*/
	white-space: normal;
	margin:0;
	line-height:normal;
}
div#columnWrapper ul.tagCloud li
{
    display:inline;
    padding:0 2px;
}
div#columnWrapper #rood, div#columnWrapper #bruin
{
    margin: 0 0 10px 0;
} 

div#columnWrapper #rood a, div#columnWrapper #bruin a
{
	margin: 0 5px 0 0;
	padding:0;
	display: inline;
	text-decoration: none;
}
div#columnWrapper #rood a:hover, div#columnWrapper #bruin a:hover{ text-decoration: underline; }

/*tagcloud colors*/
div#columnWrapper #rood a
{
	color: #e2001a;
	font-weight: bold;	
}
div#columnWrapper #bruin a
{
	color: #993300;
	font-weight: bold;
}


div#columnWrapper #rood a.tint-1, div#columnWrapper #bruin a.tint-1
{
	font-size: 1em;
}
div#columnWrapper #rood a.tint-2, div#columnWrapper #bruin a.tint-2
{
	font-size: 1.2em;
}
div#columnWrapper #rood a.tint-3, div#columnWrapper #bruin a.tint-3
{
	font-size: 1.4em;
}
div#columnWrapper #rood a.tint-4, div#columnWrapper #bruin a.tint-4
{
	font-size: 1.6em;
}
div#columnWrapper #rood a.tint-5, div#columnWrapper #bruin a.tint-5
{
	font-size: 1.8em;
}

/* Reactions */
table.BlogCommentListMainTable h3
{
    font-size: 1em;
}

table.Reactie-form
{
	width: 400px;
	margin: 15px 0 0 0;
}
  table.Reactie-form  a.CaptchaRefreshLinkButton{ margin: 5px 0 0 0; }
    
    table.Reactie-form tr td.Reactie-Label, table.Reactie-form tr td.BlogCommentPostInput
    {
        padding: 5px 0 5px 0;
    }
    table.Reactie-form tr td.Reactie-input img{ margin: 5px 0 0 0; }
    
    table.Reactie-form h4
    {
        font-family: Georgia, Serif;
    }

.Reactie-form h2
{
		   	/* redesign doesnt like this.
	font-size: 1.2em; */
	font-style: italic;
}

.Reactie-form td.intro
{
	width: 325px;
		   	/* redesign doesnt like this.
	font-size: 0.8em; */
	font-style: normal;
}

.Reactie-Label
{
	width: 150px;
		   	/* redesign doesnt like this.
	font-size: 0.8em; */
	margin: 0 0 0 40px;
}
table.Reactie-form textarea
{
    font-family: Arial, Sans-Serif;
}

table.Reactie-form td.buttonPlaats input
{
    position: relative;
    left: 375px;
    	   	/* redesign doesnt like this.
	font-size: 0.7em; */ padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
table.Reactie-form td.buttonPlaats input:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

.Reactie-input
{
	width: 300px;
}

table.Reactie-form a,
table.Reactie-form a:active,
table.Reactie-form a:visited,
table.Reactie-form a:hover
{
    text-decoration: underline;
}

/*  _quickLinks */

    div#column2-content div#startPageIframe div#quicklinks
    {
        position: relative;
    } 

div#column2-content div#quicklinks img
{
	margin: 3px 0 0 14px;
}
div#column2-content div#quicklinks hr
{
	margin: 0 14px;
}
div#column2-content div#quicklinks a.linkButton
{
	margin: 5px 14px;
	text-decoration: underline;
}

div#column2-content div.quicklinks-services, div#column2-content div.quicklinks-themes
{
	display: block;
    position: absolute;
	z-index: 10;
}

    div#column2-content div.quicklinks-services p, div#column2-content div.quicklinks-themes p { margin: 0px 10px; }

div#column2-content div.quicklinks-services
{
	width: 229px;
	top: 0px;
	left: 206px;
	background: transparent url(../images/gitpnl/quicklinks-services-bg.png) 0 0 repeat-y;
	padding: 0px;
}
    div#column2-content div.quicklinks-eproducten{ left: 70px; top: 280px; }

div#column2-content div.quicklinks-themes
{
	width: 229px;
	top: 0px;
	left: 435px;
	background: transparent url(../images/gitpnl/quicklinks-themes-bg.png) 0 0 repeat-y;
	padding: 0px;
}
    div#column2-content div.quicklinks-tests{ left: 305px; top: 280px; }

div#column2-content div#business
{
	width: 204px;
	top: 0px;
	left: 163px;
	background: transparent url(../images/gitpnl/quicklinks-business-bg.png) 0 0 repeat-y;
	padding: 0px;
}
div#column2-content div#testimonial
{
	width: 204px;
	top: 0px;
	left: 368px;
	background: transparent url(../images/gitpnl/quicklinks-testimonial-bg.png) 0 0 repeat-y;
	padding: 0px;
	
	margin: 0 0 20px 0;
}  

  /* startpageIframe */
    div#column2-content div#businessIframe
    {
	    width: 204px;
	    top: 0px;
	    left: 158px;
	    background: transparent url(../images/gitpnl/quicklinks-business-bg.png) 0 0 repeat-y;
	    padding: 0px;
    }
    div#column2-content div#testimonialIframe
    {
	    width: 204px;
	    top: 0px;
	    left: 368px;
	    background: transparent url(../images/gitpnl/quicklinks-testimonial-bg.png) 0 0 repeat-y;
	    padding: 0px;
    }  
  
    div#column2-content div#startPageIframe div.quickLinksIframe
    {
        position: relative;
    }
    div#column2-content div#startPageIframe div#businessIframe, 
    div#column2-content div#startPageIframe div#testimonialIframe
    {
        position: relative;
        display: block;
        
        /*_test*/
        position: absolute;
    }  

div#column2-content div.quicklinks-services ul.dashBullet, 
div#column2-content div.quicklinks-themes ul.dashBullet
{
	list-style-position: outside;
	margin: 0 10px 10px 10px;
}

div#column2-content div.quicklinks-services h2, div#column2-content div.quicklinks-themes h2
{
	display: block;
	width: 217px;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 8px;
	color: #000;
}

div#column2-content div#business h2, div#column2-content div#testimonial h2,
div#column2-content div#businessIframe h2, div#column2-content div#testimonialIframe h2
{
	width: 191px;
}

div#column2-content div.quicklinks-services h2
{
	background: transparent url(../images/gitpnl/h2-quicklinks-service.jpg);
}

div#column2-content div.quicklinks-themes h2
{
	background: transparent url(../images/gitpnl/h2-quicklinks-themes.jpg);
}

h3.opdrachtgevers, h3.services
{
	font-family: Arial;
	color: #F1B243;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h1.opdrachtgevers, h1.services
{
	font-family: Arial;
	color: #F1B243;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3.deelnemers, h3.participants
{
	color: #27B0DE;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h1.deelnemers, h1.participants
{
	color: #27B0DE;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3.services a
{
    display: block;
    font-family: Georgia, Serif;
    font-style: normal;
    font-size: 1.2em;
    margin: 10px 0 0 0;
    width: 200px;
    border-style: solid;
    border-color: #000000;
    border-width: 0 0 1px 0;
}

h1.services a
{
    display: block;
    font-family: Georgia, Serif;
    font-style: normal;
    font-size: 1.2em;
    margin: 10px 0 0 0;
    width: 200px;
    border-style: solid;
    border-color: #000000;
    border-width: 0 0 1px 0;
}

h3.testThemes a, h3.testThemes
{
    display: block;
    font-family: Georgia, Serif;
    font-style: normal;
    font-size: 1.2em;
    margin: 0px 0 0 0;
    width: 200px;
    z-index: 10;
    position: relative;
    top: -15px;
    left: 15px;
}
    img.themeHeading
    {
        position: relative;
        top: 8px;
        z-index: 5;
    }

div#column2-content div.quicklinks-services div.hr-dotted, div#column2-content div.quicklinks-themes div.hr-dotted
{
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 10px 0 0px 0;
	margin-left: 10px;
	margin-right: 10px;
}

div#quicklinksFooterLeftHome
{
	display: block;
	width: 229px;
	height: 6px;
	top: 3px;
	background: transparent url(../images/gitpnl/quicklinks-footer-bg-left-home.png) 0 0 repeat-x;
	margin: 0 0 -6px 0;
}
div#quicklinksFooterRightHome
{
	display: block;
	width: 229px;
	height: 6px;
	top: 3px;
	background: transparent url(../images/gitpnl/quicklinks-footer-bg-right-home.png) 0 0 repeat-x;
	margin: 0px 0 -6px 0;
}

/* _quicklinksStartpage */
p.quicklinksIntro
{
	font-family: Georgia, Serif;
	font-size: 1.1em;
	margin: 0 14px 5px 14px;
}
p.quicklinksText
{
	margin: 0 14px 5px 14px;
}


div#quicklinksFooterLeft
{
	display: block;
	width: 204px;
	height: 6px;
	top: 3px;
	background: transparent url(../images/gitpnl/quicklinks-footer-bg-left.png) 0 0px repeat-x;
	margin: 0 0 -6px 0;
}
div#quicklinksFooterRight
{
	display: block;
	width: 204px;
	height: 6px;
	top: 3px;
	background: transparent url(../images/gitpnl/quicklinks-footer-bg-right.png) 0 0px repeat-x;
	margin: 0 0 -6px 0;
}

/* _quickLinksPulldown */
a.quickLinksPulldown
{
    display: block;
	width: 180px;
	height: auto;
	background: transparent url(../images/gitpnl/pulldown-indicator.gif) 150px 6px no-repeat;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	cursor: pointer;
}
    a.selected
    {
        display: block;
	    width: 180px;
	    height: auto;
	    background: transparent url(../images/gitpnl/pulldown-indicator-up.gif) 150px 6px no-repeat;
	    font-weight: bold;
	    margin: 10px 10px 0 10px;
	    cursor: pointer;
    }



    a.quickLinksPulldown:hover
    {
        color: #000000;
        text-decoration: underline;
    }
    div.quickLinksSpacerRight
    {
        display: block;
        height: 6px;
        width: 229px;
        background: transparent url(../images/gitpnl/quicklinks-themes-bg.png) 0 0 repeat-y;
    }
    div.quickLinksSpacerLeft
    {
        display: block;
        height: 6px;
        width: 229px;
        background: transparent url(../images/gitpnl/quicklinks-services-bg.png) 0 0 repeat-y;
    }


/* _poll */
div#pollContainer
{
    position: absolute;
    display: block;
    height: 186px;
    width: 300px;
    left: 60px;
    top: 10px;
}
    div#pollContainer h4{ font-weight: bold; }

.PollTable tbody tr.stelling td
	{
		padding: 0 0 3px 0;
	}
	
	tr.stelling{ margin: 0 0 10px 0; }
	
	tr.stelling td
	{ 
		font-size: 1.1em; 
		color: #ffffff; 
		font-weight: bold;
		font-family: Georgia, Serif;
		background: transparent url(../images/gitpnl/pollTitleBg.gif) 0 0 repeat;
	}

div#pollContainer .archive-button
{
    display: none;
}

.PollOptionResultTitle,
	.PollOptionResult
	{
		display: none;
	}
	
	.PollTitle
	{
		font-size: 17px;
		color: #ffffff;
		float: left;
	}
	.pollMain
	{
		width: 280px;
	}
	.pollResultaat,
	.pollPercentage,
	.pollValue
	{
		float: left;
		color: #fff;
		font-weight: bold;
		height: 15px;
	}
	
	tr.PollOption td
	{
	    color: #ffffff;
	    font-weight: bold;
	    font-size: 0.9em;
	}
	.pollPercentage
	{
		width: 50px;
		color: #fff;
		font-size: 0.8em;
	}
	.pollResultaat
	{
		clear: both;
		height: 15px;
		width: 270px;
	}
	.pollValue
	{
		margin-top: 4px;
		height: 5px;
		background-color: #fff;
		margin-right: 10px;
		overflow: hidden;
	}
	.pollTitle
	{
	    
		padding-left: 10px;
		font-size: 11px;
		float: left;
		white-space: nowrap;
	}
	.archivebutton
	{
		display: none;
	}
	
	.StemButton
	{
		width: 50px;
		position: absolute;
		left: 240px;
	}
	.PollOptionResultTitle
	{

	}

 /* _trainingCalender */
 dl#trainingCalender
 {
    font-family: Georgia, Serif;
    margin: 0 0 15px 0;
 }
 
 dl#trainingCalender dt
 {
    margin: 9px 0 0 0;
    color: #9d9d9d; 
 }
 
 div#trainingFilterContainer
 {
    margin: 0 0 15px 0;
    display: block;
    height: 100px;
 }
 
 div#trainingFilterContainer p
 {
    display: block;
    width: 190px;
    height: auto;
    margin: 0px 0 0 0;
    float: left;
    clear: both;
 }
 
 div#trainingFilterContainer div.trainingFilter
 {
    display: block;
    width: 200px;
    height: auto;
    margin: 0 0 15px 0;
    float: left;
 }
 div#trainingFilterContainer div.trainingFilter fieldset
 {
    display: block; 
    margin: 0 0 10px 0;
 }
 div#trainingFilterContainer div.trainingFilter fieldset label { width: 40px; margin: 0 10px 0 0; }
 div#trainingFilterContainer div.trainingFilter fieldset input, div#trainingFilterContainer div.trainingFilter fieldset select { position: absolute; right: 60px;  }
 div#trainingFilterContainer div.trainingFilter fieldset select{ width: 155px; }
 div#trainingFilterContainer div.trainingFilter input.button { margin: 0px 0 20px 55px ; font-size: 0.9em; padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat; }
div#trainingFilterContainer div.trainingFilter input.button:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

/* _top5 */
div#topList
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#topList ol
{
	list-style-type: decimal;
	list-style-position: inside;
}

/* startPageMenu */
div#startPageMenu ul
{
	width: 165px;
}
div#startPageMenu ul li
{
    position: relative;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}
    div#startPageMenu ul li a
    {
        padding: 0px;
        margin: 0px;
    }

div#startPageMenu h3.opdrachtgevers, div#startPageMenu h3.services
{
	font-size: 1.2em;
	margin: 15px 0 10px 0;
}

div#startPageMenu h1.opdrachtgevers, div#startPageMenu h1.services
{
	font-size: 1.2em;
	margin: 15px 0 10px 0;
}

div#startPageMenu h3.deelnemers, div#startPageMenu h3.participants
{
	font-size: 1.2em;
	margin: 15px 0 10px 0;
}

div#startPageMenu h1.deelnemers, div#startPageMenu h1.participants
{
	font-size: 1.2em;
	margin: 15px 0 10px 0;
}


/****************************/
/*  _navigation       */
/****************************/

/* _mainMenu */
#nav, #nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em;
}
#nav a
{
	width: 175px;
	display: block;
	color: #e51930;
	text-decoration: none;
	background-color: #f3e5e7;
	text-align: left;
}

div#mainMenu #nav a.pulldownStart, div#mainMenu #nav a.pulldownStartThemes, div#mainMenu #nav a.pulldownStartLab
{
    position: relative;
	display: block;
	padding: 1px 0px 0 5px;
	width: 154px;
	height: 21px;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	z-index: 1000;
}

#nav a.pulldownStart
{
	background: transparent url(../images/gitpnl/mainmenu_button_red.gif) 0 0 no-repeat;
}
#nav a.pulldownStartThemes
{
	background: transparent url(../images/gitpnl/mainmenu_button_brown.gif) 0 0 no-repeat;
}
#nav a.pulldownStartLab
{
	background: transparent url(../images/gitpnl/mainmenu_button_noarrow.gif) 0 0 no-repeat;
}

#nav a.pulldownStart:hover, #nav a.pulldownStartThemes:hover, #nav a.pulldownStartLab:hover
{
	background-color: transparent;
	width: 154px;
}

#nav li
{
	float: left;
	position: relative;
	background: #f3e5e7;
	width: 175px;
	color: #e51930;
}

#nav ul
{
	position: absolute;
	display: none;
	top: 0em;
	padding: 20px 0 20px 0;
	background: #f3e5e7;
	border: 1px solid #e51930;
}

#nav ul a:hover
{
	background-color: #e51930;
	color: #f3e5e7;
}

#nav li ul a
{
	width: 175px;
	height: auto;
	float: left;
}

#nav ul ul
{
	position: absolute; /* for long lists FF */ /*z-index: 110;*/ /* for long lists FF */
	top: auto;
}

#nav li ul ul /* secondary dropdown */
{
	left: 175px;
	margin: 0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
	display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
{
	display: block;
	width: 175px;
}

#nav li.startItem /*makes the first item smaller*/
{
	width: 154px;
	margin: 0 37px 0 0;
}

#nav li ul li
{
	width: 175px;
	padding: 0 0 0 0px;
}
#nav li ul li a
{
	padding: 0 0 0 2px;
}

/* _mainMenuBackground */
div#backgroundServices, div#themesServices, div#labServices
{
	display: block;
	width: 173px;
	height: 65px;
	z-index: -1;
	position: absolute;
	top: 0px;
}
div#backgroundServices
{
	left: 0px;
	background: transparent url(../images/gitpnl/mainMenuActiveRed.gif) 0 0 no-repeat;
}
div#themesServices
{
	left: 191px;
	background: transparent url(../images/gitpnl/mainMenuActiveBrown.gif) 0 0 no-repeat;
}
div#labServices
{
	left: 383px;
	background: transparent url(../images/gitpnl/mainMenuActiveRed.gif) 0 0 no-repeat;
}



/* _siteNavigation _locationNavigation */
#sitesNavigation, #sitesNavigation ul, #locationNavigation, #locationNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em;
}

#sitesNavigation a, #locationNavigation a
{
	display: block;
	padding: 0px 0px;
	color: #e51930;
	text-decoration: none;
	text-align: left;
}

#sitesNavigation hr, #locationNavigation hr
{
	color: #000000;
	background-color: #000000;
}

#sitesNavigation a.innerPullDown, ul#locationNavigation a.innerPullDown
{
	display: block;
	width: 12em;
	background: transparent url(../images/gitpnl/pulldown-indicator.gif) 110px 6px no-repeat;
	font-weight: bold;
	color: #000000;
}

ul#locationNavigation a.innerPullDown
{
	height: 51px;
	width: 12.5em;
	background: transparent url(../images/gitpnl/vestiging-pulldown-bg.gif) 0px 0px no-repeat;
}



#sitesNavigation a:hover, #sitesNavigation a:focus, #locationNavigation a:hover, #locationNavigation a:focus
{
	color: #000;
}

#sitesNavigation li a.navSideActive, #locationNavigation li a.navSideActive /* add image for secondary menu */
{
	color: #e2001a;
}
#sitesNavigation li a.navSideActive:hover, #locationNavigation li a.navSideActive:hover /* add image for secondary menu */
{
	color: #f3e5e7;
}

#sitesNavigation li, #locationNavigation li
{
	float: left;
	position: relative;
}

#sitesNavigation ul, #locationNavigation ul
{
	position: absolute;
	display: none;
	width: 12em;
	top: 1.5em;
	background: #f3e5e7;
	border: 1px solid #e51930; 
}
#sitesNavigation ul a, #locationNavigation ul a, ul#locationNavigation li ul li ul a
{
    width: 160px;
    padding: 0 0 0 5px;
}

#sitesNavigation ul a:hover, #locationNavigation ul a:hover, ul#locationNavigation li ul li ul a:hover
{
    padding: 0 0 0 5px;
	background-color: #e51930;
	color: #f3e5e7;
}

#sitesNavigation li ul a, #locationNavigation li ul a
{
	width: 12em;
	height: auto;
	float: left;
}

ul#sitesNavigation li ul, ul#locationNavigation li ul
{
	display: none;
	top: 1.5em;
	background: #f3e5e7; 
}

#sitesNavigation ul ul, #locationNavigation ul ul
{
	position: absolute; /* for long lists FF */ /*z-index: 220;*/ /* for long lists FF */
	top: auto;
}

#sitesNavigation li ul ul, #locationNavigation li ul ul
{
	position:absolute;
	top: -13em;
	left: 12em;
	bottom:-10;
	margin: 0px 0 0 0px; /*z-index: 230;*/
	background: #f3e5e7;
	border: 1px solid #e51930; 
	width: 160px;
}

#sitesNavigation li:hover ul ul, #sitesNavigation li:hover ul ul ul, #sitesNavigation li:hover ul ul ul ul, #locationNavigation li:hover ul ul, #locationNavigation li:hover ul ul ul, #locationNavigation li:hover ul ul ul ul
{
	display: none;
}
#sitesNavigation li:hover ul, #sitesNavigation li li:hover ul, #sitesNavigation li li li:hover ul, #sitesNavigation li li li li:hover ul, #locationNavigation li:hover ul, #locationNavigation li li:hover ul, #locationNavigation li li li:hover ul, #locationNavigation li li li li:hover ul
{
	display: block;
}

/* _contextMenu */
div#contextMenuContainer, div.contextTab
{
    /*position: relative;*/
	padding: 0 0px;
	width: 160px;
}
div#contextMenuContainer2 h1, 
div#contextMenuContainer2 h3, 
div.contextTab h3
{
	color: #e2001a;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

div.contextTab h1,div#contextMenuContainer h1,#filterTabs h1{
	color: #e2001a;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 5px 0;
}



div#startPageMenu hr.menuList, div#contextMenuContainer ul li hr.menuList, div#contextMenuContainer2 ul li hr.menuList, div.contextTab ul li hr.menuList
{
	margin: 0px 20px 0px 0;
}
div#contextMenuContainer div#contextMenu, div#contextMenuContainer div#contextMenu2 div.contextTab div#contextMenu, div.contextTab div#contextMenu2
{
	width: 160px;
	margin: 4px 0 12px 0;
}

/* Context menulist specific */

#contextMenuContainer h3 a { color: #b30015; }
#contextMenuContainer #contextMenuList { position: relative; top: 1px; width: 155px; margin-top: 5px; }
#contextMenuContainer #contextMenuList li { padding: 5px 0; border-bottom: 1px solid #bfbfbf; }
#contextMenuContainer #contextMenuList li.haschildren { background: url(/includes/gitpnl/images/plusmin.png) no-repeat 100% 8px; }
#contextMenuContainer #contextMenuList li.haschildren.open { background-position: 100% -83px; }
#contextMenuContainer #contextMenuList li li { background: #fff; }
#contextMenuContainer #contextMenuList li ul { display: none; margin: 5px 0 -5px; }
#contextMenuContainer #contextMenuList li.haschildren.open ul { display: block; }
#contextMenuContainer #contextMenuList li li { margin-left: 10px; border-top: 1px solid #bfbfbf; border-bottom: 0; }
#contextMenuContainer #contextMenuList li li:first-child { padding-left: 10px; margin-left: 0; }
#contextMenuContainer #contextMenuList li.last { border: 0; }
#contextMenuContainer #contextMenuList li a { display: block; height: auto; padding: 0; }
#contextMenuContainer #contextMenuList li.haschildren > a { margin-right: 12px; }
#contextMenuContainer #contextMenuList li li a { margin-right: 0; }
#contextMenuContainer #contextMenuList li a.active { color: #fff; text-decoration: none; background: #b30015; }

/* testlabmenu */

a.testLabPulldownMenu
{
    display: block;
	width: 180px;
	height: 25px;
	background: transparent url(/includes/gitpnl/images/testlab-inactive.gif) 140px 0px no-repeat;
	font-weight: bold;
	margin: 10px 10px 0 0px;
	cursor: pointer;
}
    a.testSelected
    {
        display: block;
	    width: 180px;
	    height: 25px;
	    background: transparent url(/includes/gitpnl/images/testlab-active.gif) 140px 0px no-repeat;
	    font-weight: bold;
	    margin: 10px 10px 0 0px;
	    cursor: pointer;
    }

/* pulldown navigation contextMenu */
ul#contextMenu, ul#contextMenu2, ul#contextMenuNoTabs { margin: 10px 0 0 0; }


#contextMenu, #contextMenu ul, #contextMenu2, #contextMenu2 ul, #contextMenuNoTabs, #contextMenuNoTabs ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative; /*line-height: 1.5em;*/
	margin: 0 0 10px 0;
}
    #contextMenu div.column-wrapper, #contextMenu2 div.column-wrapper,  #contextMenuNoTabs div.column-wrapper
    {
        clear: both;        
    }

    #contextMenu ul.floatcols, #contextMenu2 ul.floatcols,  #contextMenuNoTabs ul.floatcols
    {
        position: absolute;
        top: 0px;
        width: 12em;
        width: 14em;
    }
    #contextMenu ul.floatcols-1, #contextMenu2 ul.floatcols-1,  #contextMenuNoTabs ul.floatcols-1{left:160px;} 
    #contextMenu ul.floatcols-2, #contextMenu2 ul.floatcols-2,  #contextMenuNoTabs ul.floatcols-2{left:315px;}
    #contextMenu ul.floatcols-3, #contextMenu2 ul.floatcols-3,  #contextMenuNoTabs ul.floatcols-3{left:470px;} 
    #contextMenu ul.floatcols-4, #contextMenu2 ul.floatcols-4,  #contextMenuNoTabs ul.floatcols-4{left:625px;} 
    #contextMenu ul.floatcols-5, #contextMenu2 ul.floatcols-5,  #contextMenuNoTabs ul.floatcols-5{left:780px;} 

#contextMenu ul.secondlist, 
#contextMenu2 ul.secondlist, 
#contextMenuNoTabs ul.secondlist
{
    border: 1px solid red;
}

#contextMenu a, #contextMenu2 a, #contextMenuNoTabs a
{
	display: block;
	padding: 0px 0px;
	color: #000;
	text-decoration: none;
	text-align: left;
}

#contextMenu a.showAll, #contextMenu2 a.showAll, #contextMenuNoTabs a.showAll
{
    margin-top: 3px;
    background-color: #f07f8c;
    text-align: left;
}


#contextMenu a.contextPullDown, #contextMenu2 a.contextPullDown, #contextMenuNoTabs a.contextPullDown,
#contextMenu a.contextPullDown:hover, #contextMenu2 a.contextPullDown:hover, #contextMenuNoTabs a.contextPullDown:hover
{
	/*display: block;*/
	width: 140px;
	/*height: 30px;*/
	background: transparent url(/includes/gitpnl/images/pulldown-arrow.gif) top right no-repeat; /*margin: 0 0 5px 0; 	line-height: 1em;*/
	/*padding: 0 20px 0 0; changed padding for bigger pulldown-arrow image*/
	padding: 0 27px 0 0;
    text-decoration: none;
}

ul#contextMenu li, ul#contextMenu2 li, ul#contextMenuNoTabs li
{
	height: 22px;
	text-align: left;
	padding: 2px 0 0 0;
}

ul#contextMenu li li, ul#contextMenu2 li li, ul#contextMenuNoTabs li li
{
	/*
    fix width of column
    width: 16em;*/
	
	
	padding: 2px;
	height: auto;
	margin: 2px 2px;
}

	/*
    fix layout of checkbox column
    */
ul#contextMenu li ul.columns3 li
{
    width: 400px;
}

#contextMenu a:hover, #contextMenu2 a:hover, #contextMenuNoTabs a:hover
{
	color: #e2001a;
	text-decoration: none;
}

#contextMenu li a.navSideActive, #contextMenu2 li a.navSideActive, #contextMenuNoTabs li a.navSideActive /* add image for secondary menu */
{
	color: #e2001a;
}

#contextMenu li, #contextMenu2 li, #contextMenuNoTabs li
{
	/*float: left;*/
	position: relative;
	background: none;
}
#contextMenuNoTabs li
{
	margin: 0 0 5px 0;
}

#contextMenu ul, #contextMenu2 ul, #contextMenuNoTabs ul
{
	position: absolute;
	display: none;
	
	/*
    fix width of column
    width: 16em;*/
	width: 140px;
	
	top: 0em;
	left: 155px;
	border: 1px solid #b2b2b2;
}
    /* for two column checkbox sub-navigation */ 
    #contextMenu ul.columns, #contextMenu2 ul.columns, #contextMenuNoTabs ul.columns{width: 280px;}
    #contextMenu ul.columns3, #contextMenu2 ul.columns3, #contextMenuNoTabs ul.columns3{width: auto;}
    
    #contextMenu ul.columns tr td, #contextMenu2 ul.columns tr td, #contextMenuNoTabs ul.columns tr td{ width: 150px; vertical-align: top; padding: 0 10px 0 0; }
    
    table.menuCheckBoxList{  }
    table.menuCheckBoxList tbody tr td 
    {
        vertical-align: top;
        position: relative; 
    }
        
    table.menuCheckBoxList tbody tr td input{ 
        width: 12px; 
        height: 12px;  
        margin: 5px 0px 0 0;  
        float: left;  
        position: relative;  
        display: inline;  
        
        /*
        border: 0px solid red;
        width: 12px; 
        height: 12px; 
        margin: -20px 0px 0 0;*/
    }
    table.menuCheckBoxList tbody tr td label{ 
        
        
        /*
        fix for new design
        font-size: 0.7em; */
        
        display: inline;  
        padding: 4px 0 0 4px;  
        margin-left: 3px;  
        
        float: left;  
                
        /* border:0px solid blue;
        
        font-size: 0.7em; 
        padding: 0 0 0 20px;
        width: 90px;
        display: block;*/
    }
    

#contextMenu ul.scroll, #contextMenu2 ul.scroll, #contextMenuNoTabs ul.scroll
{
    display: block;
    overflow: scroll;
    height: 120px;
    width: 190px;
    overflow-x:hidden;
}

#contextMenu li ul a:hover, #contextMenu2 li ul a:hover, #contextMenuNoTabs li ul a:hover
{
    display: block;
	background-color: #F07F8C;
	color: #000000;
	text-decoration: none;
	height: auto;
}
    div#contextMenuContainer #contextMenu li ul a:hover, div#contextMenuContainer #contextMenu2 li ul a:hover, div#contextMenuContainer #contextMenuNoTabs li ul a:hover
    {
        color: #000000;
    }

#contextMenu li ul a, #contextMenu2 li ul a, #contextMenuNoTabs li ul a
{
    display: block;
	height: auto;
	/*float: left;*/
	text-decoration: none;
}

ul#contextMenu li ul, ul#contextMenu2 li ul, #contextMenuNoTabs li ul
{
    position: absolute;
	display: none;
	top: 0.2em; /*left: 10.5em;*/
	background: #ffffff;
}

#contextMenu ul ul, #contextMenu2 ul ul, #contextMenuNoTabs ul ul
{
	position: absolute; /* for long lists FF */ /*z-index: 220;*/ /* for long lists FF */
	top: auto;
}

#contextMenu li ul ul, #contextMenu2 li ul ul, #contextMenuNoTabs li ul ul
{
	position: absolute;
	display:block;
	/*top: 0em;
	left: 11em;*/
	top: 0em;
	left: 12em;
	width: 155px;
	background-color: #fff;
	margin: 0px 0 0 0px; 
	z-index: 9000;
}
    #contextMenu li ul ul.scrollSub, #contextMenu2 li ul ul.scrollSub, #contextMenuNoTabs li ul ul.scrollSub
    {
        display: block;
        overflow: scroll;
        height: 120px;
        width: 190px;
        overflow-x:hidden;
    }

#contextMenu li:hover ul ul, #contextMenu li:hover ul ul ul, #contextMenu li:hover ul ul ul ul, #contextMenu2 li:hover ul ul, #contextMenu2 li:hover ul ul ul, #contextMenu2 li:hover ul ul ul ul, #contextMenuNoTabs li:hover ul ul, #contextMenuNoTabs li:hover ul ul ul, #contextMenuNoTabs li:hover ul ul ul ul
{
	display: none;
	background: #fff;
}
#contextMenu li:hover ul, #contextMenu li li:hover ul, #contextMenu li li li:hover ul, #contextMenu li li li li:hover ul, #contextMenu2 li:hover ul, #contextMenu2 li li:hover ul, #contextMenu2 li li li:hover ul, #contextMenu2 li li li li:hover ul, #contextMenuNoTabs li:hover ul, #contextMenuNoTabs li li:hover ul, #contextMenuNoTabs li li li:hover ul, #contextMenuNoTabs li li li li:hover ul
{
	display: block;
	background: #fff;
}

#contextMenu li table tbody tr td
{
	/*font-size: 0.9em;*/
}





/** form **/
div.form
{
	margin: 10px 0 10px 0;
	width: 425px;
}

div.form div.productDescription
{
	font-size: 10px;
}

div.form fieldset
{
	padding: 0px 0 8px 0;
	width: 425px;
}
    div.form fieldset.opening{ width: 500px; }

div.form h3
{
	margin-bottom: 5px;
}

div.form hr
{
	clear: both;
}

div.form fieldset label
{
	float: left;
	width: 140px;
}

div.form fieldset textarea
{
	float: left;
	width: 220px;
}

div.form fieldset input, div.form fieldset select
{
	float: left;
	width: 180px;
}

div.form fieldset .checkBox input, div.form fieldset .checkBox select
{
	width: 10px;
}

div.form fieldset .file
{
	float: left;
	width: 216px;
	height: 20px;
}
div.form fieldset select.large
{
	width: 220px;
}

div.form fieldset select
{
	width: 250px;
}

div.form fieldset input.large
{
	width: 220px;
}

div.form fieldset input.medium
{
	width: 120px;
	margin: 0 60px 0 0;
}

div.form fieldset select.small
{
	width: 60px;
}

div.form fieldset input.small
{
	width: 60px;
	margin: 0 120px 0 0;
}

div.form fieldset div.radio
{
	position: absolute;
	left: 156px;
	padding-left: 10px;
}

div.form fieldset div.checkbox div
{
	display: inline-block;
}
div.form fieldset a.thickbox
{
	margin-left:7px;
}

/* used in trainingen/DT-InschrijvenOpleiding when textbox has a template source to facilitate thickbox question mark */
div.form fieldset a.leftnegativemargin
{
	margin-left:-53px;
}
div.form fieldset .checkbox input, div.form fieldset .radio input, div.form fieldset .radio-large input, div.form fieldset .radio-extralarge input, div.form fieldset div.radio input
{
	width: 10px;
}

div.form fieldset.checkbox label
{
	margin-top: 3px;
	width: 350px;
	padding-left: 4px;
	overflow: auto;
}

div.form .panel-themecards
{
	clear: both;
	display: block;
}

    div.form fieldset.checkbox table.checkbox label
    {
       width: 202px;
       margin: 0 0 auto 0; 
       vertical-align: top;
       padding: 0 0 auto 0;

    }
    div.form fieldset.checkbox table.checkbox label span
    {
        
        /*
        removed to fix ie7 problems in expander
        position: relative;
        top: 0px;*/
        
        
        
        /*font-size: 0.7em;
        vertical-align: top;*/
    }
    div.form fieldset.checkbox table.checkbox label img 
    {
        float: left; clear: both;
        margin-right: 5px;
    }

div.form fieldset .radio-extralarge label
{
	margin-top: 3px;
	width: 200px;
	padding-left: 4px;
}

div.form fieldset .radio-large label
{
	margin-top: 3px;
	width: 90px;
	padding-left: 4px;
	/*font-size: 0.7em; */
}

div.form fieldset .radio label, div.form fieldset div.radio label
{
	margin-top: 3px;
	width: 20px;
	margin-left: 4px;
	margin-right: 4px;
	/*font-size: 0.7em;*/
}

div.form fieldset .radio input, div.form fieldset div.radio input, form fieldset div.radio label
{
	float: left;
}

div.form-footer
{
	clear: both;
	margin-top: 20px;
}

div.form fieldset input.file
{
	margin: 0 0px 0 0;
}

div.form input.button-cancel
{
	position: relative;
	top : 32px;
	left: 140px;
	
	font-size: 0.9em; padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
div.form input.button-cancel:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

div.form input.generic-button-cancel
{
	position: relative;
	float: left;
	left: 140px;
	margin-top: 0px;
	font-size: 0.9em; padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
div.form input.generic-button-cancel:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

div.form input.generic-button
{
	position: relative;
	display: block;
	float: right;
	margin-top: 0px;
	font-size: 0.9em; padding: 0px 0 0 0; width: 120px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbglarge.png) 0px 0px no-repeat;
}
div.form input.generic-button:hover{ background: transparent url(../images/gitpnl/buttonbglarge.png) 0px -20px no-repeat; }

div.form input.button
{
	float: right;
	clear: both;
	cursor: pointer;
	margin-top: 10px;
	width: auto;
	font-size: 0.9em; padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
div.form input.button:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

div.form input#btnCoachSelector
{
    font-size: 0.9em; padding: 0px 0 0 0; width: 120px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbglarge.png) 0px 0px no-repeat;
}
div.form input#btnCoachSelector:hover{ background: transparent url(../images/gitpnl/buttonbglarge.png) 0px -20px no-repeat; }

.footer-form
{
	margin-top: 10px;
}

/* tables styles for .NET control */
table.radioButtons tbody table
{
	width: 220px;
}
table.radioButtons tbody tr
{
	vertical-align: middle;
}
table.radioButtons.horizontal tbody tr td
{
	width: 100px;
	padding: 0px;
}
table.radioButtons.horizontal tbody tr td label
{
	width: 50px;
	/*font-size: 0.7em;*/
}

table.radioButtons.vertical tbody tr td
{
	width: 240px;
	padding: 0px;
}
table.radioButtons.vertical tbody tr td label
{
	width: 210px;
	margin-bottom:5px;
	/*font-size: 0.7em;*/
}


table.radioButtons tbody tr td input
{
	width: 18px;
	height: 12px;
	margin: 0px;
}

/* .net control checkboxlist */
table.checkBoxList tbody table
{
	width: 220px;
}
table.checkBoxList tbody tr
{
	vertical-align: middle;
}
table.checkBoxList tbody tr td
{
	width: 100px;
	padding: 2px;
}
table.checkBoxList tbody tr td label
{
	width: 200px;
	/*font-size: 0.7em;*/
}
table.checkBoxList tbody tr td input
{
	width: 18px;
	height: 14px;
	margin: 0px;
}
     div.form fieldset table.checkBoxList tbody tr
     {
        height: 20px;
     }

    div.form fieldset table.checkBoxList tbody tr td input
    {
        position: relative;
        left: 0px;
        top: 0px;
    }
    div.form fieldset table.checkBoxList tbody tr td label
    {
        position: relative;
        left: 20px;
        top: -13px;
    }

/* radioList */
p.radioButtonsLabel
{
	width: 120px;
	float: left;
}

div.form fieldset.radioList
{
}

div.form fieldset.radioList label
{
	float: left;
}
div.form fieldset.radioList div
{
	float: left;
}
    div.form fieldset.radioList div label
    {
	    margin: 0px 0 0 10px;
    }

div.form fieldset.radioList fieldset
{
	width: 200px;
	margin: 0px;
	padding: 0px;
}
div.form fieldset.radioList fieldset input
{
	width: 10px;
}

/* radioButttons Questions */
div.form div.radiobuttonQuestions ul
{
	list-style-position: inside;
	margin: 0 0 10px 0;
}
div#column2-content div.form div.radiobuttonQuestions ul li
{
	background: none;
	display: block;
	float: right;
	width: 147px;
}
div.form div.radiobuttonQuestions ul li fieldset input
{
	width: 20px;
}
div.form div.radiobuttonQuestions ul li fieldset label
{
	width: 120px;
}

/* checkbox */
div.form fieldset.checkbox
{
	margin: 10px 0 10px 0;
	width:auto;
}
div.form fieldset.checkbox input
{
	width: 40px;
	margin: 0 auto 0 0;
	padding: 0px;
}

/*checkboxDescription*/
div.form fieldset.checkboxDescription
{
	margin: 5px 0 5px 0;
}
div.form fieldset.checkboxDescription input
{
	width: 40px;
	margin: 0 auto 0 0;
	padding: 0px;
}
div.form fieldset.checkboxDescription label
{
	width: 75px;
}
div.form fieldset.checkboxDescription div
{
	position: absolute;
	left: 120px;
	width: 270px;
}

/* Validation */
p.validation-summary span, 
div.validation-summary
{
	color: Red;
	background: #FFCFCE;
	width: 349px;
	margin-top: 10px;
	padding: 3px 6px 3px 3px;
	font-size: 11px;
 	border:solid 1px red;   	
}

DIV#column2-content DIV#content div.validation-summary  ul li
{
    	font-size: 11px;
    	list-style-image: none;
    	background: none;
    	padding: 0px;
    	margin: 0px;
    	overflow: hidden;
}

DIV#column2-content DIV#content table div.validation-summary 
{
    margin-bottom: 10px;
}

DIV#column2-content DIV#content table div.validation-summary  ul li
{
    	font-size: 11px;
    	list-style-image: none;
    	background: none;
    	padding: 0px;
    	margin: 0px;
    	height: 13px;
    	overflow: hidden;
}

div.quicklinks-services
{
	width: 200px;
	overflow: visible;
	float: left;
	margin-right: 5px;
}

div.quicklinks-themes
{
	width: 200px;
	overflow: visible;
}

li.quicklink-more
{
	display: none;
}

a.more-link-actions,
a.more-link-actions:visited,
a.more-link-actions:active,
a.more-link-actions:hover
{
    text-decoration: underline;
    margin-left: 12px;
}

/* Meer weten */
div.meerweten
{
    width: 165px;
    margin: 0 0px;
}

    div.meerweten h2
    {
	    font-family: georgia;
	    font-size: 1.4em;
	    font-weight: normal;
	    margin-bottom: 5px;
	    color: #000000;
    }
    div.meerweten ul.meerweten
    {
        margin: 0 0 15px 0;
    }
    
    div.meerweten ul li
    {
        padding: 0 0 0 11px;
	    background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
    }

.rich-media
{
	margin:0 0 10px 6px;
}
.rich-media-media
{
    position: absolute;
    top: 120px;
	margin:0 0 10px 8px;
}


.rich-media-opening
{
	margin:0 0 10px 162px;
}
.rich-media-werving
{
 	margin:0 0 10px 162px;   
}

div#flashcontent
{
	margin-bottom: 10px;
}

/* Home */
div#home-content
{
 border: 0px solid red;
 position: absolute;
 left: -130px;
 top: 200px;
 z-index: 20;
}    

div#home-content div#crosslinks
{
	float: left;
	margin-right: 5px;
}

/* Reactie module */
td.BlogCommentText
{
	   	/* redesign doesnt like this.
	font-size: 0.8em; */
	font-family: arial;
	margin: 0 0 0px 0;
}

td.BlogCommentFooter
{
	   	/* redesign doesnt like this.
	font-size: 0.7em; */
	font-family: arial;
	margin: 0 0 0px 0;
}

td.Reactie-Label
{
	   	/* redesign doesnt like this.
	font-size: 0.8em; */
	font-family: arial, Sans-Serif;
	margin: 0 0 0px 0;
	width: 290px;
}

.reactionInformation
{
	   	/* redesign doesnt like this.
	font-size: 0.8em; */
	font-family: arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.CaptchaRefreshLinkButton
{
	   	/* redesign doesnt like this.
	font-size: 0.8em; */
	font-family: arial;
	margin: 0 0 0px 0;
}

div#crosslinks a.more-link
{
	margin-top: 10px;
	margin-left: 20px;
	text-decoration: underline;
}

/****************************/
/*  _tabs                   */
/****************************/

/* this indents the  second tabmenu to hide it onload */
div#contextMenuContainer2
{
    position: absolute;
    left: -1000px;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen
{
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide
	{
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print
{
	.ui-tabs-nav
	{
		display: none;
	}
}

.ui-tabs-nav, .ui-tabs-panel
{
	font-family:  Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
}
.ui-tabs-nav
{
	list-style: none;
	margin: 0;
	padding: 10px 0 0 3px;
}
.ui-tabs-nav:after
{
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
div#column2-content .ui-tabs-nav li
{
	float: left;
	margin: 0 0 0 2px;
	font-weight: bold;
	font-size: 0.8em;
}
    div#column2-content .ui-tabs-panel ul li
    {
        padding: 0 0 0 11px;
	    background: url(../images/overgitp/list-dash.gif) no-repeat 0px 7px;
	    margin-bottom: 0px;
	    margin-top: 0px;
	    line-height: 14px; 
    }

.ui-tabs-nav a, .ui-tabs-nav a span
{
	float: left; /* fixes dir=ltr problem and other quirks IE */
	padding: 0 5px;
	background: #fff;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: #bababa;
}
.ui-tabs-nav a
{
	margin: 0 0 -1px 0; /*position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	background-position: 100% 0;
	text-decoration: none;
	white-space: nowrap; /* @ IE 6 */
	outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited
{
	color: #000;
}

/* fix IE7 tabs */
.ui-tabs-nav li.ui-tabs-selected
{
	display: block;
	float: left;
	clear: right;
}
.ui-tabs-nav li
{
	display: block;
	float: left;
	clear: right;
}

	div#column2-content div#content ul.ui-tabs-nav li
	{
	    background: none;
	    padding: 0;
    }

.ui-tabs-nav .ui-tabs-selected a
{
	position: relative;
	text-decoration: none;
	z-index: 2;
	margin-top: 0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #bababa #bababa #ffffff #bababa;
}


.ui-tabs-nav a span
{
	padding-top: 0px;
	padding-right: 0;
	height: 20px;
	background-position: 0 0;
	line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span
{
	padding-top: 0px;
	padding-right: 0;
	height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited
{
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active
{
	/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled
{
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    -khtml-opacity: .40;
    -moz-opacity: .4;
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited
{
	color: #000;
}
.ui-tabs-panel
{
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #bababa;
	padding: 15px 0px 10px 0px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
/* auto clear @ IE 6 & IE 7 Quirks Mode */
* html .ui-tabs-nav
{
	display: inline-block;
}
/* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
*:first-child + html .ui-tabs-nav
{
	display: inline-block;
}

/*  clearfix */
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* End hide from IE-mac */


/* Advanced search */
div.advanced-search
{
	padding-top: 10px;
}

div.advanced-search div
{
	clear: both;
	margin-bottom: 10px;
}

div.advanced-search div div.label
{
	font-size: 12px;
	width: 140px;
	float: left;
}

div.advanced-search div .input
{
	float: left;
}

div.advanced-search input.button
{ 
	float: right;
	clear: both;
	cursor: pointer;
	margin-top: 10px;
	width: auto;
	font-size: 0.9em; padding: 0px 0 0 0; width: 67px; height: 20px; border: none; text-align:center; cursor: pointer;
	background: transparent url(../images/gitpnl/buttonbg.png) 0px 0px no-repeat;
}
div.advanced-search input.button:hover{ background: transparent url(../images/gitpnl/buttonbg.png) 0px -20px no-repeat; }

div.advanced-search div.search
{
	width: 430px;
	text-align: right;
}


div.advanced-search div.search a, div.advanced-search div.search a:active, div.advanced-search div.search a:visited
{
	text-decoration: none;
}

div.advanced-search div.search a:hover
{
	text-decoration: underline;
}

/* Search results */
table.search-results
{
	border: none;
}

table.search-results tr.paging td
{
   	/* redesign doesnt like this.
	font-size: 0.8em; */
	padding: 5px 7px 5px 0px;
}
    table.search-results tr.paging td span
    {
       	/* redesign doesnt like this. 
	    font-size: 0.8em;*/
	    color: #e2001a;
	}
    
    table.search-results tr.paging td a
    {	
        /* redesign doesnt like this. 
	    font-size: 0.8em;*/
	}

table.search-results tr.search-result-item
{
   	/* redesign doesnt like this.
	font-size: 0.7em; */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	border: 1px solid #ffffff;
}
    table.search-results tr.search-result-item td
    {
        width: 430px;
    }

table.search-results tr.search-result-item h3
{
	font-size: 1em;
	font-weight: bold;
}

table.search-results tr.search-result-item div.hr-dotted
{
	height: 5px;
	background: transparent url(../images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 5px 0 5px 0;
}   

table.mailafriend-confirm-text *
{
    font-size: 1.1em;
}

div.html-detail
{
    
 
}

/* issue fixing Marc */

    /* banner spacing */ 
    #column3-sidebar a, #home-content a {display:block}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:996;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 998;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	overflow: hidden;
	padding-right:10px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	margin-right:-10px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	text-align:left;
	line-height:1.4em;
	overflow: visible;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:999;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
	height:100%;
	width:100%;
}

/* KS: It seems that the IE6 hacks where causing problems within IE6 */
/* ie6 hack */
/* html #TB_HideSelect { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/

.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

.text 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#TB_window, #TB_overlay { z-index:10000000 !important; }

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	padding: 10px;
}

/* Campagneform */
div#column2-content div#content .campaign-action-form
{
    display: block;
    clear: both;
    margin-bottom: 15px;
    margin-top: 10px;
}

div#column2-content div#content .campaign-action-form #eltBookListing
{
    clear: both;
    display: block;
 list-style-type: none;
 list-style: none;
 position: relative;
}
div#column2-content div#content .campaign-action-form #eltBookListing li
{
   list-style: none;
   list-style-type: none;
   border: 0px solid red;
   vertical-align: top;
   padding-bottom: 20px;
   background: none;
   display: block;
   
}
div#column2-content div#content .campaign-action-form #eltBookListing li a.book-title
{
    font-weight: bold;
    padding-left: 17px;
    margin-top: 3px;
    display: block;
}

div#column2-content div#content .campaign-action-form #eltBookListing li span.book-title
{
    font-weight: bold;
    margin-left: 24px;
    margin-top: 3px;
    display: block;
}

div#column2-content div#content .campaign-action-form #eltBookListing li a
{
    margin-top: 2px;
    margin-left: 8px;
    border: 0px solid blue;
   
}

div#column2-content div#content .campaign-action-form #eltBookListing li input
{
    float: left;
   display: block;
   clear: both;
   left: 0px;
   padding-left: 0px;
    
}

div#column2-content div#content .campaign-action-form #eltBookListing li img
{
    display: block;
    float: left;
    clear: both;
    border: 0px solid red;
    
}
    
div#column2-content div#content .campaign-action-form #eltBookListing li div.book-info
{
    display:list-item;
    clear: both;
    float: left;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 410px;
}

div#column2-content div#content .campaign-action-form #eltBookListing li span
{
    margin-left: 0px;
    
}

div#column2-content div#content .campaign-action-form #eltBookListing li div.book-info .book-description
{
    margin-bottom: 0px;
    margin-left: 0px;
    position: relative;
}

div#column2-content div#content .campaign-action-form #eltBookListing li div.book-info
{
    margin-right: 5px;
}

div#column2-content div#content .campaign-action-form #eltBookListing li div.book-info a
{
    margin-left: 0px;
    
}

div#column2-content div#content .action-form
{
    display: block;
    clear: both;
    
}

div#column2-content div#content .product-info-form .more-themecards
{
    display: block;
    margin-top: 4px;
}

.panel-themecards label
{
    font-size: 11px;
}

div#column2-content div#content h3.theme-title
{
    font-size: 1.0em;
}

div.lastminute-dates
{
    border: 0px solid blue;
    margin-top: 5px;
    margin-bottom: 0px;
    
    
}



.lastminute-dates {
    position:relative;
}

div.lastminute-dates div.date
{
    float: left;
    border: 0px solid red;  
    display: inline;
    position:relative;
    clear: both;
    text-align: left;
    
}

div.lastminute-dates div.link
{
    position:absolute;
    border: 0px solid green;   
    display: inline; 
    right:0px;
}

div.lastminute-dates span.arrow
{
    color: Red;
    font-weight: bold;
    text-decoration: none;
    padding-right: 2px;
    
}

/* Article Detail: styling for boek fields */
.boek-detail .boek-detail-foto
{
    float: left;
    margin: 0px 10px 0px 0px;
}

.boek-detail .boek-omschrijving
{
    clear: left;
    padding-top: 15px;
}

.boek-detail .boek-detail-table th
{
    min-width: 22%;
    display: block;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}
.boek-detail .boek-detail-table td 
{
    vertical-align: top;
}
.boek-detail .boek-bestel-link
{
    display:block;
    padding-top: 20px;
}