/* Generic */

body {padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana;}

.ClearEnd {clear: both;}

.ContentPage #Content #ImageHolder img {float: left;}
img {border: 0px;}
img.Screenshot {border: 1px solid; border-color: #DDDDDD; margin-left: 10px; margin-right: 10px;}

a:hover, #NavigationBar a, #NavigationBar a:hover, #Footer a, ul.SubNavLinks a {text-decoration: none;}
a, #Footer a:hover, ul.SubNavLinks a:hover {text-decoration: underline;}

/* Layout */

#Wrapper {background: url(/media/1103/bg_shadedcontent.jpg) repeat-y; position: relative; width: 764px; min-height: 599px; height: auto !important; height: 599px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px;}
#WrapperFooter {background: url(/media/1104/bg_shadedfooter.jpg) no-repeat; position: relative; width: 764px; min-height: 10px; height: auto !important; height: 10px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px;}

#BackgroundOverlay {background: url(/media/1101/bg_overlay.jpg) no-repeat; width: 744px; min-height: 599px; height: auto !important; height: 599px;}

.HomePage #Banner {background: url(/media/1083/banner.jpg) no-repeat; width: 744px; min-height: 107px; height: auto !important; height: 107px;}
.HomePage #BannerLogoButton a {display: block; position: absolute; left: 30px; top: 20px; width: 122px; min-height: 37px; height: auto !important; height: 37px;}
.HomePage #BannerHomeButton a {display: block; position: absolute; left: 641px; top: 27px; width: 23px; min-height: 27px; height: auto !important; height: 27px;}
.HomePage #BannerContactButton a {display: block; position: absolute; left: 698px; top: 27px; width: 32px; min-height: 27px; height: auto !important; height: 27px;}

.ContentPage #Banner {background: url(/media/1085/bannercontent_certified.jpg) no-repeat; width: 744px; min-height: 107px; height: auto !important; height: 107px;}
.ContentPage #BannerLogoButton a {display: block; position: absolute; left: 30px; top: 20px; width: 122px; min-height: 37px; height: auto !important; height: 37px;}
.ContentPage #BannerHomeButton a {display: block; position: absolute; left: 641px; top: 27px; width: 23px; min-height: 27px; height: auto !important; height: 27px;}
.ContentPage #BannerContactButton a {display: block; position: absolute; left: 698px; top: 27px; width: 32px; min-height: 27px; height: auto !important; height: 27px;}

#SubBanner {background: url(/media/1327/subbanner.jpg) no-repeat; width: 173px; min-height: 40px; height: auto !important; height: 40px; text-align: center; line-height: 40px;}
.HighlightBg {float: left; background: url(/media/1093/bg_highlight.jpg) no-repeat; width: 83px; min-height: 41px; height: auto !important; height: 41px; padding: 2px 0px 0px 3px; margin: 0px 0px 5px 0px;}
.HighlightBgLarge {float: left; background: url(/media/1094/bg_highlightlarge.jpg) no-repeat; width: 168px; min-height: 41px; height: auto !important; height: 41px; padding: 2px 0px 0px 3px; margin: 0px 0px 5px 0px;}

#Footer {background: url(/media/1091/bg_footer.jpg) repeat-x; position: absolute; bottom: 0px; left: 10px; width: 720px; min-height: 58px; height: auto !important; height: 58px; padding: 13px 0px 0px 0px; margin: 0px 10px 0px 10px; text-align: center;}
.FooterText {line-height: 16px;}

/* Top Navigation */

#NavigationBar {position: relative; z-index: 999; background: url(/media/1099/bg_navigationbar.jpg) no-repeat; width: 720px; min-height: 43px; height: auto !important; height: 43px; margin: 0px 10px 0px 10px;}
.LanguageFlag {float: left; width: 60px; margin: 14px 0px 0px 0px; text-align: center;}

/* Common Styling */

#NavigationBar ul li a, #NavigationBar ul li a:visited {display:block; text-decoration: none; width: 110px; height: 43px; text-align: center; color: #9e417a; line-height:36px; font-size:11px; overflow:hidden;} /* Menu Background Color Custom 1 */
#NavigationBar ul li a.NavButtonCustom, #NavigationBar ul li a.NavButtonCustom:visited {display:block; text-decoration: none; width: 60px; height: 43px; color: #9e417a; line-height:36px; font-size:11px; overflow:hidden;} /* Menu Background Color Custom 2*/
#NavigationBar ul {padding: 0px; margin: 0px; list-style-type: none; }
#NavigationBar ul li {float:left; position:relative; height: 20px;}
#NavigationBar ul li ul {display: none;}

/* Specific to non IE browsers */

#NavigationBar ul li:hover a {color: #1f469b;}
#NavigationBar ul li:hover ul {display: block; position: absolute; top: 42px; left: 0px; width: 175px;}
#NavigationBar ul li:hover ul.NavButtonCustom {display: block; position: absolute; top: 42px; left: -117px; width: 175px;}
#NavigationBar ul li:hover ul li a.hide {background: #ffffff; color: #9e417a;}
#NavigationBar ul li:hover ul li:hover a.hide {background:#ffffff; color: #9e417a;}
#NavigationBar ul li:hover ul li ul {display: none;}
#NavigationBar ul li:hover ul li a {display:block; background: #ffffff; color: #9e417a; height: 20px; line-height: 20px; text-align: left; width: 145px; padding: 0px 0px 0px 30px; border: solid 1px #efeff0;} /* Submenu Normal State */
#NavigationBar ul li:hover ul li a:hover {background: #9e417a; color: #ffffff;} /* Submenu Highlight */
#NavigationBar ul li:hover ul li:hover ul {display: block; position: absolute; left: 105px; top: 0px;}
#NavigationBar ul li:hover ul li:hover ul.left {left:-105px;}

/* Subnavigation Links */

ul.SubNavLinks {margin: 0px; padding: 10px 0px 80px 10px; list-style: none; line-height: 20px;}
li.SubNavLinks {margin: 0px; padding: 10px 0px 10px 10px; list-style: none; line-height: 20px; text-decoration: none;}

/* Page Specifics */

.HomePage #Content {width: 724px; min-height: 300px; height: auto !important; height: 240px; padding: 0px 10px 10px 10px;}
.HomePage #Content .LeftColumn {float: left; width: 520px; min-height: 220px; height: auto !important; height: 220px; padding: 15px 10px 0px 10px;}
.HomePage #Content .RightColumn {float: left; width: 173px; min-height: 233px; height: auto !important; height: 233px; padding: 2px 0px 0px 7px;}

#PromotionSpace {width: 720px; min-height: 148px; height: auto !important; height: 148px; border-bottom: solid 2px #dedfe0; margin: 0px 10px 0px 10px;}
#PromotionSpace a {display: block; width: 538px; min-height: 148px; height: auto !important; height: 148px;}
/* #PromotionSpace .LeftColumn {float: left; background: url(/media/1248/promotion.jpg) no-repeat; width: 538px; min-height: 148px; height: auto !important; height: 148px; border-right: solid 2px #dedfe0;} */
#PromotionSpace .LeftColumn {float: left; width: 538px; min-height: 148px; height: auto !important; height: 148px; border-right: solid 2px #dedfe0;}
#PromotionSpace .RightColumn {float: left; padding: 35px 0px 0px 30px;}

.ContentPage #Content {width: 724px; min-height: 390px; height: auto !important; height: 390px; padding: 0px 10px 10px 10px; margin-bottom: 10px;}
.ContentPage #Content .LeftColumn {float: left; width: 173px; min-height: 380px; height: auto !important; height: 380px; padding: 10px 0px 0px 0px;}
.ContentPage #Content .RightColumn {float: left;  width: 520px; min-height: 215px; height: auto !important; height: 215px; padding: 20px 10px 60px 17px;}
.ContentPage #Content #ImageHolder {width: 166px; min-height: 123px; height: auto !important; height: 123px; border: solid 2px #e1e2e3;}
.ContentPage #Content .RightColumn, .HomePage #Content .LeftColumn {line-height: 16px;}

#BreadCrumbs {padding: 0px 0px 14px 0px;}

/* Text */

body {font-size: 11px;}

h1 {margin: 0px; font-size: 18px;}
h2 {margin: 0px; font-size: 11px;}
h3 {margin: 0px; font-size: 11px;}

.FooterText {font-size: 10px;}

/* Colors */

body {background: #e0e0e0;}

a, #SubBanner, #BreadCrumbs a {color: #9e417a;}
h1, h2, h3, .NavButton a:hover, ul.SubNavLinks, #BreadCrumbs {color: #1f469b;}

.FooterText {color: #666666;}

#holderBody {background: #ffffff;}
#holderBody #holder {background: #ffffff;}

#uitgelicht {
    margin: 0px;
    width: 538px;
    height: 148px;
    }
             
img{border: none;}     
.clearboth { clear: both; display: block; }

.hidden { display: none; }

/* jQuery styles ------------------------------- */

#afbeeldingenbox, #uitgelicht, #projectCaroussel {
position: relative;
left: 0px;
top: 0px;
margin-bottom: 5px;
}

#afbeeldingenbox ul {
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  100%;
    height: 148px;
	list-style:none;
}

#uitgelicht ul {
    z-index: -1;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  538px;
    height: 148px;
	list-style:none;
}

#projectCaroussel ul {
    z-index: -1;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  100%;
    height: 148px;
	list-style:none;
}


#afbeeldingenbox li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 100%;
    height: 210px;
	padding-left: 0px !important;
	
}

#uitgelicht li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 960px;
    height: 320px;
	padding-left:0px !important;
	overflow:hidden;
	
}

#projectCaroussel li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 100%;
    height: 250px;
	padding-left:0px !important;
	overflow:hidden;
	
}
	
#afbeeldingenbox li.item1,
#uitgelicht li.foto1,
#projectCaroussel li.foto1 {
  z-index: 40;
  }
#afbeeldingenbox li.item2,
#uitgelicht li.foto2,
#projectCaroussel li.foto2 {
  z-index: 30;
  }
#afbeeldingenbox li.item3,
#uitgelicht li.foto3,
#projectCaroussel li.foto3 {
  z-index: 20;
  }
#afbeeldingenbox li.item4,
#uitgelicht li.foto4,
#projectCaroussel li.foto4 {
  z-index: 10;
  }
#afbeeldingenbox li.item5,
#uitgelicht li.foto5,
#projectCaroussel li.foto5 {
  z-index: 1;
  }


.imgTitle {
position: absolute;
top: 0px;
left: 10px;
background: url(http://unicef.arlanet.nl/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
color: #ffffff;
padding: 7px 11px 8px 11px;

}

#uitgelicht p {
position: absolute;
top: 0px;
left: 10px;
font-size: 16px;
line-height: 30px;
font-weight: bold;
letter-spacing: 0.03em;
}

    #uitgelicht p span {
    margin-bottom: 1px;
    background: url(http://unicef.arlanet.nl/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
    color: #ffffff;
    padding: 3px 6px 4px 6px;
    }
    
        #uitgelicht p span.blue {
        background: url(http://unicef.arlanet.nl/media/1282/afbeeldingenbox_transparantbg_blue.png) repeat left top;
        }
    
    .imgTitle a {
    color: #ffffff;
    padding-left: 15px;
    font-size: 11px;
    font-weight: bold;
    background: url(/media/1280/afbeeldingenbox_dart.png) no-repeat left 3px;
    }

.jcarousel-clip {
    z-index: 2;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: relative;
}


.jcarousel-control {
  position: absolute;
  width: auto !important;
  overflow: hidden;
  right: 10px;
  top: 10px;
  z-index: 130;
  background: url(http://unicef.arlanet.nl/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
  padding: 5px 5px 5px 5px;
  }
  
.jcarousel-control a {
  float: left;
  height: 11px;
  width: 11px;
  margin-right: 2px;
  overflow: hidden;
  background: url(http://unicef.arlanet.nl/media/1288/circle_white.png) no-repeat left top;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color:black;
  display: block;
  text-indent: -9999px;
  }
  
.jcarousel-control a.active {
background: url(http://unicef.arlanet.nl/media/1287/circle_blue.png) no-repeat left top;
}

.jcarousel-control2 {
  position: absolute;
  width: auto !important;
  overflow: hidden;
  right: 10px;
  top: 10px;
  z-index: 130;
  background: url(http://unicef.arlanet.nl/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
  padding: 11px 11px 11px 11px;
  }
  
.jcarousel-control2 a {
  float: left;
  height: 11px;
  width: 11px;
  margin-right: 2px;
  overflow: hidden;
  background: url(http://unicef.arlanet.nl/media/1288/circle_white.png) no-repeat left top;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color:black;
  display: block;
  text-indent: -9999px;
  }
  
.jcarousel-control2 a.active {
background: url(http://unicef.arlanet.nl/media/1287/circle_blue.png) no-repeat left top;
}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */