@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* breaks in lists weghalen */
ul br,
ul span br,
#nieuwsLijstContainer br,
table.nieuwsTable.agenda br 
{
	display: none;
}

	


/* ===================================================== */
/* === MVO STIJLEN */

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #58585a;
	background: #fff;
}

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


p {
	margin-bottom: 24px;
}

h1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 24px;
}


/* ronde hoeken */
.hoekLB {
	background:url(/images/ronde_hoeken_groen.png) -9px -9px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 9px;
	height: 9px;
}
.hoekLO {
	background:url(/images/ronde_hoeken_groen.png) -9px 0 no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 9px;
	height: 9px;
}
#IE6root .hoekLO 
{
	background-position: -9px 6px;
}


.hoekRB {
	background:url(/images/ronde_hoeken_groen.png) 0 -9px no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 9px;
	height: 9px;
}
#IE6root .hoekRB 
{
	margin-right: 0px;
}

.hoekRO {
	background:url(/images/ronde_hoeken_groen.png) 0 0 no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 9px;
	height: 9px;
}

#IE6root .hoekRO 
{
	background-position: 0 6px;
	margin-right: 0px;
}


/* eind ronde hoeken */


/* quotes */

li blockquote 
{
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	border-top: 1px dotted #87888a;
	padding: 4px;
	}
li blockquote p
{
	line-height: 18px;
	margin: 0;
	}
	
	
	li blockquote .bqstart 
{
     margin-left: -2px;
     margin-right: 2px;
     font-size: 18px;
	}
	
li blockquote .bqend 
{
     font-size: 18px;
	}
	
	
/*	
	
li blockquote .bqstart 
{
	display: inline-block;
     height: 12px;
     width: 11px;
     margin-left: -2px;
     margin-bottom: 3px;
     padding-top: 0px;
     font-size: 200%;
	}
	
li blockquote .bqend 
{
	display: inline-block;
     height: 12px;
     width: 11px;
     margin-bottom: 3px;
     padding-top: 0px;
     font-size: 200%;
	}
*/



/* eind quotes */





#rootContainer {
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 20px;
	
}

#mainContainer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: auto;
} 

#headerContainer {
	position: relative;
	width: 960px;
	height: 200px;
	margin: 0 auto;
	background: #fff;
}

div#sfeerFoto {
	background: #fff url(/images/PACT-MVO-HOME.jpg) top left no-repeat;
	position: relative;
	width: 320px;
	height: 200px;
	float: right;
}
/*.paginaActueel div#sfeerFoto {
	background: #fff url(/images/PACT-MVO-ACTUEEL.jpg) top left no-repeat;
} */

#logoContainer {
	position: relative;
	background: #fff url(/images/logo_pact_mvo.png) top left no-repeat;
	width: 620px;
	height: 120px;
	padding-right: 20px;
	float: left;
}


/* header menu */

#headerMenu {
	padding: 13px 0 0 0;
	font-size: 12px;
	float:right;
	width: 100%;
	position:relative;
}

#headerMenu li {
	float: right;
}

#IE6root #headerMenu li
{
 width: 100px;
}


#headerMenu li a {
	display: block;
	height: 100%;
	padding: 0px 8px;
	color: #58585a;
	text-decoration: none;
}
#headerMenu li:first-child a {
	padding-left: 0;
}

#headerMenu li a:hover {
	color: #003a8d;
	text-decoration: underline;
}


/* portals menu */

#portalsMenu {
	margin: 31px 0 0 0;
	font-size: 16px;
	float: right;
	line-height: 18px
}

#IE6root #portalsMenu {
	width: 244px;
}

#portalsMenu li {
	background: url(/images/bg_li_portalsmenu.png) right center no-repeat;
}

#portalsMenu li a {
	display: block;
	height: 100%;
	padding: 0 30px 0 0;
	color: #58585a;
	text-decoration: none;
}
#portalsMenu li:first-child a {
}

#portalsMenu li a:hover {
	color: #003a8d;
	text-decoration: underline;
}




/* main menu */

#menuContainer {
	position: relative;
	height: 80px;
	width: 640px;
	background: #c4d959;
	float: left;
}

#mainMenu {
	margin: 0 0 0 20px;
	font-size: 13px;
	line-height: 24px;
	padding-top: 30px;
}

#mainMenu li {
	float: left;
}

#mainMenu li a {
	display: block;
	height: 100%;
	padding: 0 8px 0 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#mainMenu li a.selected {
	color: #003a8d;
}

/*#mainMenu li:first-child a {
	padding-left: 0;
}*/

#mainMenu li a:hover  {
	color: #003a8d;
}


#rechterKolom {
	position: relative;
	background: #fff;
	width: 320px;
	color: #003a8d;
	padding: 0;
	margin-left: 20px;
	float: right;
}

#nieuwsContainer {
	position: relative;
	width: 280px;
	padding: 20px;
	background: #c4d959;
	}

#nieuwsContainer h1 {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin-top: 16px;	
	margin-bottom: 16px;
}

#nieuwsContainer a {
	color: #003a8d;
}


div#logoHengelo {
	width: 320px;
	float: right;
	clear:both;
	text-align:center;
	padding: 20px 0 0 0;
	}



#mainContent {
	padding: 20px;
}
#mainContent a {
	color: #58585a;
}

/* ===================================================== */
/* === NIEUWS SCOLLER STIJLEN */
#nieuwsContainer {
	height: auto;
	min-height: 300px;
	overflow: hidden;
	}

#nieuwsContainer #news {
position: absolute;
visibility: visible;
top: 420px;
left: 20px;
height: 340px;
z-index: 10;
clip: rect(100px, 800px, 60px, 0px);
border-width: 2px;
padding-top: 40px;

}


#nieuwsContainer h1 a {
	text-decoration: none;
}

#nieuwsContainer ul#scroller li {
	float: left;
}


/* ===================================================== */
/* === HOME PAGINA STIJLEN */


.homePagina div#sfeerFoto {
	background: #fff url(/images/PACT-MVO-HOME.jpg) top left no-repeat;
}

.homePagina div#mainContent {
	margin: 0 340px 0 0;
	padding-top: 28px;
}

/*.homePagina #mainContent {
	font-size: 16px;
	line-height: 24px;
} */

#portalBlokkenContainer {
	margin: 0;
}
#portalBlokkenContainer a {
	color: #003a8d;
	text-decoration: underline;
}
#milenniumnetwerkhengeloBlok {
	float: left;
	position: relative;
	width: 260px;
	height: 70px;
	color: #003a8d;
	padding: 80px 20px 0 20px;
	font-size: 12px;
	line-height: 14px;
	background:url(/images/bg_millenniumblok.png) top left no-repeat;
}
#mixBlok {
	float: left;
	position: relative;
	width: 260px;
	height: 70px;
	color: #003a8d;
	padding: 80px 20px 0 20px;
	font-size: 12px;
	line-height: 14px;
	background:url(/images/bg_mixblok.png) top left no-repeat;
}
#mvoBlok {
	float: left;
	position: relative;
	width: 260px;
	height: 70px;
	color: #003a8d;
	padding: 80px 20px 0 20px;
	font-size: 12px;
	line-height: 14px;
	background:url(/images/bg_mvoblok.png) top left no-repeat;
}



td#links > div {
	margin: 0px 20px 0px -20px;
	}

#IE6root td#links div#mixBlok,
#IE6root td#links div#milenniumnetwerkhengeloBlok,
#IE6root td#links div#mvoBlok 
{
	margin: 0px 20px 0px -20px;
	}


td#rechts > div {
	margin: 0px -20px 0px 0px;
	}

#IE6root td#rechts div#mixBlok,
#IE6root td#rechts div#milenniumnetwerkhengeloBlok,
#IE6root td#rechts div#mvoBlok
 {
	margin: 0px -20px 0px -20px;
	}

.homePagina #mainContainer .afbeeldingRB {
	float: right;
	margin: 0 0 10px 10px;
	}
	
.homePagina #mainContainer .afbeeldingLO {
	width: auto;
	float: left;
	clear: right;
	}



/* ===================================================== */
/* === OVERZICHT PAGINA STIJLEN */

.overzichtPagina div#sfeerFoto {
	background: #fff url(/images/PACT-MVO-OVER-PACT-MVO.jpg) top left no-repeat;
}

.overzichtPagina h1 {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 16px;
	}

.overzichtPagina #linkerKolom {
	float: left;
	clear: both;
	width: 270px;
	padding: 32px 0 0 20px;
}


div#middenKolom {
	width: 290px;
	margin: 0 340px auto 330px;
	padding-top: 28px;
}

#IE6root div#middenKolom {
	width: 284px;
}

div#middenKolom ul {
	padding-left: 12px;
	margin-bottom: 24px;
}
#IEroot div#middenKolom ul {
	padding-left: 16px;
}
div#middenKolom ul#bedrijvenLijst {
	padding-left: 0;
	margin-bottom: 0;
}
div#middenKolom li {
	list-style-type: disc;
}

div#bedrijvenLijstContainer {
	width: 100%;
	background: #c4d959;
	position: relative;
	padding-bottom: 20px;
	}
	
div#bedrijvenLijstContainer h1 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 2px 10px;
	color: #fff;
	}	
	
/* bedijven lijst */	
	
ul#bedrijvenLijst {
	font-size: 12px;
	line-height: 22px;
}

#bedrijvenLijst li,
#bedrijvenLijst span span li
{
	background: #ffffff;
	border-top: 1px solid #c4d959;
	border-left: 1px solid #c4d959;
	border-right: 1px solid #c4d959;
}


#bedrijvenLijst li a
{
	background: #fff;
	display: block;
	height: 100%;
	padding: 0px 10px;
	color: #87888a;
	font-weight: normal;
	text-decoration: none;
}

#bedrijvenLijst li a h1
{
	color: #87888a;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 3px 0;
	}
	
#bedrijvenLijst li:first-child a {
	border-top: none;
}

#bedrijvenLijst li a:hover {
	background: #e1ecac;
}


#lijstNavigatie {
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: -22px;
	}
	
#lijstNavigatie a {
	color: #fff;
	text-decoration:none;
	}
#lijstNavigatie a:hover {
	color: #58585a;
	text-decoration:none;
	}


/* ===================================================== */
/* === DETAIL PAGINA STIJLEN */

.detailPagina div#sfeerFoto {
	background: #fff url(/images/PACT-MVO-OVER-PACT-MVO.jpg) top left no-repeat;
}


.detailPagina div#linkerKolom {
	float: left;
	/*clear: both;*/
	width: 140px;
	padding: 42px 0 0 20px;
}

.detailPagina .zonderLinkerMenu div#linkerKolom {
	display: none;
}


.detailPagina div#middenKolom {
	width: 440px;
	margin: 0 340px auto 180px;
	padding-top: 42px;
}

.detailPagina div#middenKolom div#LijstContainer,
.detailPagina div#middenKolom div#bedrijvenLijstContainer
{
 	float: none;
}

.detailPagina #IEroot div#middenKolom div#LijstContainer,
.detailPagina #IEroot div#middenKolom div#bedrijvenLijstContainer,
.detailPagina #IE6root div#middenKolom div#LijstContainer,
.detailPagina #IE6root div#middenKolom div#bedrijvenLijstContainer
{
 	float: none;
}


 .detailPagina #IE6root #middenKolom {
	width: 431px;
}

.detailPagina .zonderLinkerMenu div#middenKolom {
	width: 600px;
	margin: 0 340px auto 20px;
	padding-left: 20px;
}

 .detailPagina #IEroot .zonderLinkerMenu div#middenKolom {
	width: 580px;
}
 .detailPagina #IE6root .zonderLinkerMenu div#middenKolom {
	width: 577px;
}

#middenBovenKolom 
{
	float: left;
	width: 600px;
	margin: 28px auto auto 20px; 
	}

#IE6root #middenBovenKolom 
{
	width: 580px;
	}



/* detail menu */


#detailMenu {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
}

#detailMenu li {
}


#IE6root #detailMenu li { /* fix voor IE6 whitespace bug, kleur moet gelijk aan achtergrondkleur zijn */
	border: 1px solid #fff;
}



#detailMenu li a {
	display: block;
	height: 100%;
	padding: 0px 8px;
	color: #87888a;
	font-weight: normal;
	text-decoration: none;
}
#detailMenu li:first-child a {
}

#detailMenu li a:hover {
	color: #003a8d;
}


.afbeeldingRB
{
	float: right;
	margin: 0 0 10px 10px;
	}
	
.afbeeldingLO {
	width: auto;
	float: none;
	clear: right;
	}



/* ===================================================== */
/* === ACTUEEL-NIEUW-AGENDA PAGINA STIJLEN */

.nieuwsPagina div#middenKolom {
	width: 600px;
	margin: 0 340px 0 0;
	padding-top: 28px;
	padding-left: 20px;
}

.nieuwsPagina #IE6root div#middenKolom {
	width: 594px;
}

div#nieuwsLijstContainer {
	background: #c4d959;
	position: relative;
	padding-bottom: 20px;
	}
	
#IE6root div#nieuwsLijstContainer .hoekLO,
#IE6root div#nieuwsLijstContainer .hoekRO
 {
	bottom: 27px;
	}

	
/* nieuws table */	
	
table.nieuwsTable {
	width: 100%;
}

div#nieuwsLijstContainer th {
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	color: #fff;
	height: 22px;
	text-align:left;
	vertical-align: middle;
	background: none;
	}	


table.nieuwsTable tr:hover td {
	background: #e1ecac;
}

table.nieuwsTable td {
	padding: 2px 10px;
	border-bottom: 1px solid #c4d959;
	vertical-align: top;
	background: #fff;
}

table.nieuwsTable.agenda td.titel {
	width: 300px;
}

table.nieuwsTable.actueel td.titel {
	width: 440px;
}

table.nieuwsTable td,
table.nieuwsTable td a {
	color: #87888a;
	text-decoration: none;
}



/*  news scroller stijlen */




#nieuwsScroller {
    height:  180px;  
    width:   280px;  
    padding: 0;  
    margin:  0;  
	/*border: 1px dotted red;*/
	}
	
#nieuwsScroller div.headline,
#nieuwsScroller span span div.headline
{   
    height: 180px; 
	width:  280px; 
    top:  0; 
    left: 0;
	position:absolute;
} 





#evenementenScroller {
    height:  100px;  
    width:   280px;  
    padding: 0;  
    margin:  0;  
	/*	border: 1px dotted red;*/
}

#evenementenScroller div.headline {   
    height: 100px; 
	width:  280px; 
    top:  0; 
    left: 0;
	position:absolute;
} 

.formbutton
{
   background-color: #c4d959; 
   color: #000000;	
   

}

/* ===================================================== */
/* === Stijlen voor de lijsten van Projecten, Aan de slag en Deelnemers */
.LijstStijl
{
	width:100%
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.LijstStijl
	{
		float: left; /* safari bugfix */
	}
  }



.LijstAlternatingStijl 
{
	background-color:#e1ecac;
	padding:2px 10px;
}

.LijstAlternatingRowStijl td
{
	background-color:#e1ecac;
	padding:2px 10px;
}

.LijstHeaderStijl
{
	color:White;
	font-weight:bold;
	text-align:Left;
	vertical-align:middle;	
}

.LijstFooterStijl
{
	color:White;
	font-weight:bold;
	text-align:center;

}

.LijstItemStijl 
{
	padding:2px 10px;
}

.LijstItemStijl a:hover, 
.LijstAlternatingStijl a:hover
{
	font-weight:normal;
	text-decoration: underline;
}

div#LijstContainer 	
{
	color:White;
	background: #c4d959;
	position: relative;
	padding:5px 10px;
	}
#IE6root div#LijstContainer	
{
	height: 1px;
}	
div#LijstContainerFooter 	
{
	color:White;
	background: #c4d959;
	position: relative;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	}
#IE6root div#LijstContainerFooter 	
{
	height: 1px;
	}	
	
	

div#LijstContainerFooter a
{
	color:White;
	text-decoration:none;	
}
	
.LijstDDPager 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.DvHeaderStijl
{
	vertical-align:top;
	}
	
.DvButton
{
	background-color: #c4d959; 
	color: #000000;			
}


.DvLijstItemStijl td
{
	padding:2px 10px;
}	

.DvLijstAlternatingRowStijl td
{
	background-color:#e1ecac;
	padding-top:2px;
	padding-bottom:2px;
}


/*
=========================================================================
===== TERUG LINK
*/


#teruglink a {
	padding-left: 20px;
	color: #003a8d;
	font-weight: bold;
}



/*
=========================================================================
===== LINK NAAR PDF BOEKJE IN FLASH BLADER BESTAND
*/
a.linkBoekje {
	color:#87888a;
	padding-left: 8px;
	font-weight:bold;
	text-decoration:none;
}
#IEroot a.linkBoekje {
	padding-left: 24px;
}
a.linkBoekje:hover {
	color:#003a8d;
}