* {
    margin: 0;
    padding: 0;
}

body {
	width: 100%;
	height: 100%;
	color: black;
    background: #fff;
    font: 13px Myriad Pro, Verdana, sans-serif;
}

a {
	color: #eb690b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.menu {
	color: #ffffff;
}

/* zorgt ervoor dat er geen underline effect is in IE */
a.menu:hover {
	text-decoration: none;
}

/* zorgt ervoor dat er geen underline effect is in IE in overzicht projecten, nieuws, etc.*/
a.newslink:hover {
	text-decoration: none;
}

a.breadcrumb {
	color: #eb690b;
}

h1.header {
	color: #ffffff;
}

h2.download_catalogue {
	margin-top: 1.5em;
}

h2.newsitems-sponsor {
	margin: 2em 0em 1em 0em;  /* top right bottom left */
}

h2 {
	font-size: 110%;
}

h2.company-picture {
	font-size: 110%;
	padding-top: 1em;
}

h2.subtitle {
	margin-bottom: 1em;
}

h2.subtitle-projects {
	margin-bottom: 2.2em;
}

h2.subtitle-sponsor-info {
	margin-top: 2em;
}

h2.newstitle {
	margin-top: 1em;
}

img {
	border: none;
}

img.headerlogo {
	height: 70px;
	margin: 1em 0em 0em 2em;  /* top right bottom left */
}

/* foto's segment project-detail  eigenschappen gelden voor thumbnails links en rechts*/
img.news-detail {
	margin: 1em; 
	float: left; 
	border: 2px solid black;
}

img.news-detail:hover {
	border: 2px solid #eb690b;
}

img.request-catalogue {
	border: none;
}

ul.show-pdf {
	list-style-position: inside;
}

ul.show-pdf li{
	line-height: 1.6em;
}

div.header {
	position: relative;
	background: #787878;
	background-image:url('/media/joalpe_website_eng/img/bg-header5.png');
	background-repeat:no-repeat;
	background-position: top right;
	min-width: 800px;
}

div.header-spacer {
	position: relative;
	width: 100%;
	height: 7px;
	background-image:url('/media/joalpe_website_eng/img/bg-header-spacer3.png');
	background-repeat: repeat-x;
	background-position:bottom; 
}

table.header {
	width: 100%;
	height: 80px
}

td.header-left {
	width: 100px;
	text-align: right;

}

td.header-center {
	background-image:url('/media/joalpe_website_eng/img/bg-wereldkaart-b7b5a1.png');
	background-position: 270px 0px;
	background-repeat:no-repeat;
	color: #ffffff;
	min-width: 500px;
}

td.header-right {
	width: 500px;
}

/* houdt de formaten van de website in stand als scherm wordt verkleind */
div.main-container {
	min-width: 1100px;
}

/* tekst links van vlag inconen taalkeuze en referenties naar websites */
div.site-referal{
	float: left; 
	color: #e1dbd0; 
	width: 100px;
}

/* logo's voor taalkeuze in header */
div.language-icon {
	float: left;
	padding: 0em 1.5em 0em 0em;  /* top right bottom left */	
}

/* logo's van externe sites joalpe */
div.other-joalpe-sites {
	float: left;
	padding: 0em 1.5em 0em 0em;  /* top right bottom left */	
}


div.main {
	width: 100%;
	background: #e1dbd0;
	background-image:url('/media/joalpe_website_eng/img/bg-main-left3.png');
	background-repeat: repeat-y;
}

/* ---------------------------- */
/* ---------------------------- */
/* inhoud wordt in tabel geplaatst zodat linker menu in IE6+7 op goed plaats komt */

table.main {
	width: 100%;
}

td.main-left {
	/*position: absolute;*/
	width: 230px;
	padding: 3em 0em 3em 0em;  /* top right bottom left */
	vertical-align: top;
}

td.main-right {
	background: #ffffff;
	background-image:url('/media/joalpe_website_eng/img/bg-main-right1.png');
	background-repeat: repeat-y;
	min-height: 700px;
	/*margin-left: 230px;*/
	padding: 2em 2em 3em 2em;  /* top right bottom left */
	vertical-align: top;

}

div.main-right-content {
	width: 100%;
	height: 100%;
	background-image:url('/media/joalpe_website_eng/img/bg-main-right1.png');
	
}

/* presentatie ISO logo boven menu op NL pagina */
div.iso-logo {
	padding: 0em 0em 2em 2.5em;  /* top right bottom left */
}

div.iso-logo img{
	border: 1px solid black;
}

div.menu {
	padding: 0em 0em 2em 1.2em;  /* top right bottom left */
}

div.menu-top {
	background-image:url('/media/joalpe_website_eng/img/menu-top-e48723-v2.png');
	background-repeat: no-repeat;
	background-position: top;
	width: 192px;
	height: 7px;
}

/* presentatie eerste div onder ronding menu - bijv. kies een segment */
div.menu-item-top {
	background: #e48723;
	border-left: 1px solid #eb690b;
	border-right: 1px solid #eb690b;
	border-bottom: 1px solid #ffffff;
	width: 190px;
	height: 25px;
	text-align: left;
	padding: 0.2em 0em 0.2em 0em;  /* top right bottom left */

}

/* header tekst menu segmenten */
div.menu-text-top {
	color: #000000;
	padding-left: 1em;
	font-size: 110%;
	font-weight: bold;
	text-decoration: bold;
}

/* presentatie volgende div's - segmenten */
div.menu-item {
	background: #e48723;
	border-left: 1px solid #eb690b;
	border-right: 1px solid #eb690b;
	border-bottom: 1px solid #ffffff;
	width: 190px;
	text-align: left;
	padding: 0.4em 0em 0.4em 0em;  /* top right bottom left */
	color: #ffffff;
}

/* presentatie volgende div's - segmenten */
div.menu-item:hover {
	background-image:url('/media/joalpe_website_eng/img/bg-menu-top.png');
	background-repeat: repeat-x;
	color: #ffffff;
}

/* presentatie volgende div's - segmenten CURRENT SEGMENT */
div.menu-item-active {
	background: #787878;
	border-left: 1px solid #eb690b;
	border-right: 1px solid #eb690b;
	border-bottom: 1px solid #ffffff;
	width: 190px;
	text-align: left;
	padding: 0.4em 0em 0.4em 0em;  /* top right bottom left */
	color: #ffffff;
}

/* tekst in segmenten */
div.menu-text {
	padding-left: 1em;
	font-size: 110%;
}

/* onderkant van het menu */
div.menu-bottom {
	background-image:url('/media/joalpe_website_eng/img/menu-bottom-e48723.png');
	background-repeat: no-repeat;
	width: 192px;
	height: 22px;
}

/* adres joalpe */
div.company-info {
	padding: 0em 0em 2em 2.5em;  /* top right bottom left */
}

div.img-company-info {
	float:left; 
	height: 200px; 
	vertical-align: top;
	margin: 1em;
}

/* uitlijen telefoon en fax nummer zodat ze recht onder elkaar staan */
div.company-info-telnr {
	float: left; 
	width: 2.5em;
}

/* keurmerken joalpe op homepage */
div.show-mark {
	padding: 0em 0em 2em 2.5em;  /* top right bottom left */
}

div.show-mark img {
	border: 0px solid black;
}

/* presentatie slideshow op homepage */
.slideshow { position: relaitve; height: 380px; width: 100%;}
.slideshow img { padding: 15px; border: 1px solid #eb690b; background-color: #e1dbd0; width: 100%; height: 100%;}

.test { margin: auto }

/*---------------------------*/
/*---------------------------*/
/* OP HOMEPAGE WORDT SLIDE SHOW EN CONTAINERS IN TABELVORM GEPRESENTEERD */

/* presentatie slideshow */
td.slideshow-row {
	height: 410px; 
	text-align: center;
	vertical-align: top;
	margin-bottom: 1em;
}

/* zorgt ervoor dat verticale lijnen van containers niet direct op slideshow img aanlsuiten */
td.slideshow-spacer {
	height: 20px;
}

/* presentatie van segmentblokker op homepage onder slideshow */
td.container {

	height: 200px;
	width: 200px;
	border-right: 1px solid #e1dbd0;
	padding: 1em 2em 1em 2em;  /* top right bottom left */
	margin: 2em 0em 2em 0em;  /* top right bottom left */
	text-align: left;
	vertical-align: top;
}

td.container h2{
	font-size: 100%;
	padding-bottom: 1em;
	vertical-align: middle;
}

/* presentatie van segmentblokker op homepage onder slideshow */
td.container-last {
	height: 200px;
	width: 200px;
	padding: 1em 2em 1em 2em;  /* top right bottom left */
	margin: 2em 0em 2em 0em;  /* top right bottom left */
	text-align: left;
	vertical-align: top;
}

td.container-last h2{
	font-size: 100%;
	padding-bottom: 1em;
	vertical-align: middle;
}

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


td.subcontainer {
	
}

td.subcontainer img{
	border: none;
	padding-right: 1em;

}

div.subcontainer:hover {
	border: 1px solid gray;

}

/* presentatie adresgegevens in company_info */
div.company-addresses {
	width: 310px;
	height: 250px; 
	float: left;
	padding-right: 2em;
}

/* presentatie informatieveld / introductietext binnen segmenten */
div.info-field {
	margin: 1em 0em 2em 0em;  /* top right bottom left */	
}


/* zorgt ervoor dat de iconen allemaal id zelfde hoogte worden geplaatst op de volgende regel*/ 
div.productgroup-container {
	float: left;
	height: 250px;
	width: 200px;
}

/* presentatie productgroep iconen */
div.productgroup-block {
	padding: 0em;
	float: left;
	position: relative;
	text-align: center;
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-title4.png');
	background-repeat: repeat-x;
}

/* presentatie productgroep iconen */
div.productgroup-block:hover {
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-title4-hover.png');
	background-repeat: repeat-x;
}

div.productgroup-block img{
	border-left: 1px solid #eb690b;
	border-right: 1px solid #eb690b;
}

div.productgroup-title {
	color: white;
	padding-top: 2px;
	width: 175px;
	height: 19px;
}

div.productgroup-title a{
	color: white;
	text-decoration: none;
}

div.productgroup-image {
	height: 100%;
	background: #eb690b;
}

div.productgroup-bottom {
	padding: 0em;
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-footer.png');
	background-repeat: repeat-x;
	height: 20px;
	width: 177px;
}

/* presentatie project items in project overzicht*/
div.newsblock {
	margin: 1em 2em 1em 0em;  /* top right bottom left */
	width: 90%; 
	background: #ffffff;
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-title4.png');
	background-repeat: repeat-x;
	border: 1px solid #eb690b;
}

div.newsblock img{
	border: none;
	margin: 1em;
}

/* witte tekst in header project / newsitem / sponsoring  ondanks link*/
div.newsblock-title a{
	color: #ffffff;
	font-weight: bold;
	padding: 0.1em 0em 0em 1em;  /* top right bottom left */
	text-decoration: none;
}

td.newsblock-text {
	padding: 1em 0em 1em 0em;  /* top right bottom left */
	vertical-align: top;
	color: #000000;
}

td.newsblock-text a{
	color: #000000;
	text-decoration: none;
}

td.newsblock-img {
	width: 230px;
	text-align: center;
	vertical-align: top;
}

div.newsblock:hover {
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-title4-hover.png');
	background-repeat: repeat-x;
	border-top:  1px solid #787878;
}

/* project-detail thumbnail links weergave is iets groter dan thumbnails rechts */
td.news-detail-img-left { 
;
	width: 330px;
	vertical-align: top;
}

/* project-detail thumbnail(s) rechts */
td.news-detail-img-right {

	vertical-align: top;
}

div.news-detail-text{
	clear: left;
}

div.newsitem-sponsor {
	width: 800px;
	margin-bottom: 1em;
}

/* presentatie catetegorien van pictures in company info */
table.company-picture {
	margin-top: 2em;
}

table.company-picture td{
	clear: left;
	margin-bottom: 1em;
	border: 1px solid black;
}

table.request-catalogue {
	margin: 0em 0em 0em 0em;  /* top right bottom left */
}

table.request-catalogue th{
	height: 30px;
	font-weight: normal;
	text-align: left;
	padding-right: 2em;
}

/* submit button */
.button {
	margin-top: 2em;
	border: 1px solid #eb690b; 
	background: #eb690b;
	color: white;
	cursor:pointer;
}

.button:hover {
	background-image:url('/media/joalpe_website_eng/img/bg-productgroup-title4-hover.png');
	background-repeat: repeat-x;
	border-top:  1px solid #787878;
}

div.footer {
	clear: left;
	position: relative;
	background-image:url('/media/joalpe_website_eng/img/bg-footer-spacer1.png');
	background-repeat: repeat-x;
	background-color: #e1dbd0;
	min-width: 800px;
	min-height: 70px;
	text-align: center;
	padding-top: 2em;
}

div.folderinfo {
	margin-top: 1em;
	color: #b1aca3;
}

div.folderinfo a{
	margin-top: 1em;
	color: #b1aca3;
}