/*
 This stylesheet contains to main sections: LAYOUT and ELEMENT
 */
/* 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;
}

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

fieldset, img
{
	border: 0;
}

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

ol, ul
{
	list-style: none;
}

caption, th
{
	text-align: left;
}

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

abbr, acronym
{
	border: 0;
}
/*
 LAYOUT
 */
html, body
{
	padding: 0 0 0 12px;
	font-size: 62.5%;
}

div#headerwrapper
{
	width: 935px;
	height: 90px;
	margin: 0px;
	background: #ffffff;
}


div#pulldown
{
	position: relative;
	z-index: 100;
}

div#spacer
{
	/*width: 40px;*/
}

div#serviceMenu
{
	/*float: right;*/
	margin: 0px 0 0 0;
}
div#servicemenu a
{
	display: block;
}

div#header
{
	width: 935px;
	background: #ffffff;
	margin: 0 0 0px 0;
}

div#map
{
	height: 300px;
	width: 500px;
}

div#logoSearch
{
	height: 80px;
}
img#logo
{
	width: 177px;
	height: 68px;
	float: left;
}

div#homeSearchContainer
{
	width: 400px;
	height: 30px;
	float: right;
	margin: 50px 0 0 0;
	text-align: right;
}

div#homeSearchContainer a
{
	margin: 3px 15px 0 0;
}

div#search
{
	display: inline;
	float: none;
}

div#menu
{
    width: 935px;
	/*height: 105px;*/
	height: 125px;
	position: relative;
}
div#menu ul
{
	display: block;
	height: 102px;
	padding: 5px 0 0 0;
}

div#menu ul li
{
	margin: 0 0 0 8px;
}

div#menu ul li.divisionLink
{
	font-family: georgia;
	font-style: italic;
	font-size: 1.2em;
}

div#menu ul li.divisionLink a.active
{
	font-family: georgia;
	font-style: italic;
	font-size: 1.2em;
	color: #e2001a;
}

div#menu ul#informatie
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
}
div#menu ul#overGitp
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 140px;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #000000;
}
div#menu ul#werkenBijGitp
{
	position: absolute;
	top: 0px;
	left: 320px;
	width: 140px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #000000;
}
div#menu ul#inDeMaatschappij
{
	position: absolute;
	top: 0px;
	left: 460px;
	width: 140px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #000000;
}
div#menu ul#nieuwsEnPers
{
	position: absolute;
	top: 0px;
	left: 600px;
	width: 140px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #000000;
}
div#menu ul#events
{
	position: absolute;
	top: 0px;
	left: 740px;
	width: 190px;
}


div#pageWrapper
{
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #000000;
	width: 935px;
	margin: 0px 0 0 0;
}



div#title h1
{
	margin-bottom: 0px;
}

div#breadCrumb
{
	margin: 0 0 10px 0;
}

div#breadCrumb a,
div#breadCrumb a:active,
div#breadCrumb a:visited
{
	text-decoration: none;
}

div#breadCrumb a:hover
{
	text-decoration: underline;
}

div#columnWrapper
{
	position: relative;
	width: 100%;
}

    div#column1-submenu
    {
	    position: absolute;
	    z-index: 40;
	    top: 0px;
	    left: 12px;
	    width: 165px;
	    display: none;
    }

    div#column3-sidebar
    {
	    position: absolute;
	    top: 0px;
	    left: 535px;
	    width: 530px;
	    display: none;
    }
    div#column3-crossslinks
    {
        display: none;
    }



/*
 ELEMENT
 */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background: transparent url(../images/overgitp/body-bg.gif) 14px 0 repeat-y;
}


h1, h2, h3
{
	font-family: georgia;
	color: #000000;
}
h1
{
	font-size: 1.3em;
	font-style: italic;
}
h2
{
	font-size: 4.4em;
	margin: 10px 0 0px 0;
	letter-spacing: -0.04em;
}
    div#column1-submenu h3.topMargin
    {
        font-size: 1.3em;
	    font-style: italic;
        margin: 40px 0 0 0;
        clear: both;
    }
h3
{
	font-size: 1.3em;
}
h3.listHeading
{
   font-style: italic; 
}

h4
{
	font-size: 1em;
}
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.8em;
	margin: 0 0 20px 0;
}
p#introPagina
{
	font-family: georgia;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

hr
{
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: none;
	border-style: none;
	margin: 2px;
}

div.hr-dotted
{
	height: 5px;
	background: transparent url(../images/overgitp/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 9px 0 5px 0;
}
div.hr-dotted hr
{
	display: none;
}

a:link, a:visited, a:active
{
	text-decoration: underline;
	color: #000000;
}

a:hover, a:focus
{
	text-decoration: underline;
	color: #e2001a;
}
a.linkButton
{
	display: block;
	margin: 4px 0 0 0;
}
a.linkButtonBack
{
	display: block;
	margin: 25px 0 15px 0;
}

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

ul
{
	list-style-type: none;
}
div#column2-content ul li, div#column3-sidebar ul li, div#column4-crosslinks ul li
{
	padding: 0 0 0 10px;
	font-size: 1.1em;
	background: transparent url(../images/overgitp/list-dash.gif) 0px 6px no-repeat;
}

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

div#column2-content ul li a:hover, div#column3-sidebar ul li a:hover, div#column4-crosslinks ul li a:hover, div#column2-content ul li a:focus, div#column3-sidebar ul li a:focus, div#column4-crosslinks ul li a:focus div#columnWrapper ul li a:hover, div#columnWrapper ul li a:focus
{
	text-decoration: underline;
}

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

/** paging **/

div#column2-content div#divSearchResults
{
	display:block;
}

div#column2-content div#paging-top
{
	
}

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

div#column2-content div.page-navigatie ul li
{
	float: left;
	background: none;
}
div#column2-content div.page-navigatie ul 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.page-navigatie ul li a:hover, div#column2-content div.paging ul.paging li a:focus
{
	color: #e2001a;
	font-weight: bold;
}
div#column2-content div.page-navigatie ul li a.active
{
	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;
}


/**  crosslinkContainer **/
div#crosslinks
{
	float: right;
	width: 207px;
}
div#crosslinks ul
{
	margin: 0;
	padding: 0px 2px 17px 17px;
	width: 180px;
	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;*/
	background-color: #ff0000;
}
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;*/
	background-color: #00ff00;
}
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;
}

/** vacature **/
div#vacatureListing
{
	clear: both;
}
div#weblogListing
{
	clear: both;
}
div#weblogListing div.weblog a, div#weblogListing div.weblog a:active, div#weblogListing div.weblog a:visited
{
	text-decoration: none;
}

div#weblogListing div.weblog a:hover
{
	text-decoration: underline;
}

div#weblogListing div.weblog img
{
	float: left;
}
div#weblogListing div.weblog div
{
	float: right;
	width: 240px;
}
div#weblogListing div.weblog
{
	clear: both;
}

/** form **/
div.form
{
	margin: 10px 0 10px 0;
	width: 425px;
	border: 0px solid red;
}
div.form fieldset
{
	padding: 0px 0 8px 0;
	width: 425px;
}

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

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

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

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

div.form fieldset select.large
{
	width: 214px;
}

div.form fieldset input.large
{
	width: 210px;
	/*margin: 0 60px 0 0;*/
}

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


div.form fieldset div#radio
{
	position: absolute;
	left: 140px;
}

div.form fieldset div.checkbox div
{
	display: inline-block;
}

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: 202px;
	padding-left: 4px;
	overflow: auto;
	
}

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;
	
}

div.form fieldset .radio label,
div.form fieldset div#radio label
{
	margin-top: 3px;
	width: 10px;
	margin-left: 4px;
	margin-right: 4px;
}

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

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

div.form input.button
{
	float: right;
	background: none;
	border: 0px solid transparent;
	cursor: hand;
}

.footer-form
{
	margin-top: 10px;
}
/** service menu **/
ul#servicemenu li
{
	float: left;
	margin: 0 11px 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: #000000;
}
ul#servicemenu a:hover, ul#servicemenu a:focus
{
	text-decoration: none;
	color: #e2001a;
}

/** tagcloud **/
div#columnWrapper ul.tagcloud
{
	margin: 0px;
	padding: 0px;
}
div#columnWrapper ul.tagcloud li
{
	display: inline;
	font-family: georgia;
	background: none;
	padding: 0;
}
div#columnWrapper ul.tagcloud li.tint-1
{
	font-size: 0.9em;
}
div#columnWrapper ul.tagcloud li.tint-2
{
	font-size: 1.1em;
}
div#columnWrapper ul.tagcloud li.tint-3
{
	font-size: 1.3em;
}
div#columnWrapper ul.tagcloud li.tint-4
{
	font-size: 1.5em;
}
div#columnWrapper ul.tagcloud li.tint-5
{
	font-size: 1.7em;
}
div#columnWrapper ul.tagcloud li
{
	margin-right: 5px;
}

/* pulldown 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
{
	display: block;
	padding: 0px 5px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	text-align: left;
}

#nav hr
{
	color: #000000;
	background-color: #000000;
}

#nav a.pulldownStart
{
	display: block;
	padding: 0 30px 0 0;
	width: 120px;
	background: transparent url(../images/overgitp/pulldown-indicator.gif) 110px 6px no-repeat;
}

#nav a:hover
{
	background-color: #ddd;
	color: #e2001a;
}

#nav li
{
	float: left;
	position: relative;
	background: #fff;
}

#nav ul
{
	position: absolute;
	display: none;
	width: 12em;
	top: 1.5em;
}

#nav li ul a
{
	width: 12em;
	height: auto;
	float: left;
}

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

#nav li ul ul
{
	left: 12em;
	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;
	background: #dddddd;
}

/* pulldown navigation SIDEMENU */
#navSide, #navSide ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em;
}

#navSide a
{
	display: block;
	padding: 0px 5px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	text-align: left;
}

#navSide hr
{
	color: #000000;
	background-color: #000000;
}

#navSide a.innerPullDown
{
	display: block;
	width: 120px;
	background: transparent url(../images/overgitp/inner-pulldown-indicator.gif) 110px 6px no-repeat;
}

#navSide a.innerLink
{
	display: block;
	width: 120px;
}

#navSide a:hover
{
	background-color: #fff;
	color: #e2001a;
}

#navSide li a.navSideActive
{
	color: #e2001a;
}

#navSide li
{
	float: left;
	position: relative;
	background: #fff;
}

#navSide ul
{
	position: absolute;
	display: none;
	width: 12em;
	top: 1.5em;
}


#navSide li ul a
{
	width: 12em;
	height: auto;
	float: left;
}

ul#navSide li ul
{
	display: block;
	z-index: 100;
	top: 0px;
	left: 10.5em;
	background: #ffffff;
}

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

#navSide li ul ul
{
	left: 12em;
	margin: 0px 0 0 10px;
}

#navSide li:hover ul ul, #navSide li:hover ul ul ul, #navSide li:hover ul ul ul ul
{
	display: none;
	background: #ffffff;
}
#navSide li:hover ul, #navSide li li:hover ul, #navSide li li li:hover ul, #navSide li li li li:hover ul
{
	display: block;
	background: #ffffff;
}

/*  clearfix */


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

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

/* Rich Media */
div.rich-media
{
	margin: 10px 0 10px 0;
}

/* Mail a friend */
.sendafriend-label
{
	width: 150px;
	font-size: 12px;
}
.sendafriend-textbox
{
	width: 200px;
	margin-bottom: 2px;
}

.sendafriend-comments
{
	width: 202px;
	height: 100px;
	margin-bottom: 5px;
}

input.sendafriend-button
{
	float: right;
	background:none;
	border: none;
	cursor: hand;
}

/* Reactions */
.Reactie-form
{
	width: 360px;
}

.Reactie-form td.intro
{
	width: 325px;
}

.Reactie-Label
{
	width: 100px;
}

.Reactie-input
{
	width: 300px;
}

.page-navigatie
{
}

/* newsletter history */
.newsletter-history p
{
	margin-top: 5px;
	margin-bottom: 0px;
}

/* Advanced search */
div.advanced-search div
{
	clear: both;
	margin-bottom: 5px;
}

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

div.advanced-search div .input
{
	float: right;
	clear: both;
}

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;
}

/* Validation */
p.validation-summary span,
div.validation-summary
{
	color: Red;
	background: #FFCFCE;
	width: 345px;
	margin-top: 10px;
	padding: 3px 6px 3px 3px;
}

div.validation-summary ul li
{
	color: Red;
	list-style-type: square;
}


/* Sitemap */


DIV#column2-content ul.sitemap ul
{
	margin-left: 10px;
}

DIV#column2-content ul.sitemap
{
	margin-left: 0px;
	padding: 0 0 0 0;
}

DIV#column2-content ul.sitemap li
{
	list-style-type: none;
	background: yellow;	
	background: none;
}

DIV#column2-content ul.sitemap li a
{
	font-size: 12px;
	text-decoration: underline;	
}

DIV#column2-content ul.sitemap li.level-0
{
	list-style-type: none;
	margin-bottom: 15px;
	background-image: none;
	margin-left: -10px;
}




/* =======================================================================================*/
/* =======================================================================================*/

div#headerwrapper div#header div#homeSearchContainer,
div#menuHeader,
div#column1-submenu,
div#column3-sidebar,
div#column3-sidebar-broad,
div#column4-crosslinks,
div#pageWrapper div#menu,
table.BlogCommentPostMainTable,
div#div-youtube,
div#flashcontent
{
	display: none;
}

div#column2-content
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 353px;
}

div#column3-sidebar
{
	position: absolute;
	top: 0px;
	left: 355px;
	width: 195px;
}

div#column4-crosslinks
{
	position: absolute;
	top: 0px;
	left: 560px;
	width: 195px;
}

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

iframe
{
    display: none;
}