/** HEADER START **/
#headerContainer {
    background: #fff;
    height:     144px;
}

#headerContainer.homepageHeader {
    background: #fff;
    height:     115px;
}

#headerTopBar {
    height:      30px;
    line-height: 2.72;
}

#headerTopBarMenu,
#headerTopBarLanguages {
	float: right;
}

#headerTopBarMenu li,
#headerTopBarLanguages li {
	display: block;
    float:   left;
    height:  29px;
}

#headerTopBarMenu li {
    margin-left: 28px;
}
#headerTopBarMenu li.first {
	margin-left: 0;
}

#headerTopBarMenu li a {
    text-decoration: none;
    color:           #afafaf;
}

#headerTopBarLanguages li {
    margin-left:7px;
    padding-top: 1px;
}

#headerTopBarLanguages li.first {
	margin-left:17px;
}

#headerTopBarLanguages img {
    margin-top: 7px;
}

ul#headerTopBarSocial {
	float: right;
	margin: 6px 0 0 8px;
	padding: 0px;
}

#headerTopBarSocial li {
    float: left;
    list-style: none;
    padding: 0px;
}

#headerTopBarSocial li a {
    display: block;
    width: 16px;
    height: 16px;    
    background: url(/images/icons/social_icons.jpg) 0px 0px no-repeat;
    margin-left: 4px;
}

#headerTopBarSocial li.hyves a              { background-position: 0px 0px; }
#headerTopBarSocial li.facebook a           { background-position: -20px 0px; }
#headerTopBarSocial li.youtube a            { background-position: -40px 0px; }
#headerTopBarSocial li.twitter a            { background-position: -60px 0px; }
#headerTopBarSocial li.linkedin a           { background-position: -80px 0px; }
#headerTopBarSocial li.flickr a             { background-position: -100px 0px; }
#headerTopBarSocial li.rss a                { background-position: -120px 0px; }


#headerMiddleBarMenu .tab {
    display: block;
    width: 165px;
    height: 51px;
    padding: 9px;
}

#headerMiddleBarLogo {
    float:  left;
}

#headerMiddleBarLogo a {
	display: block;
	width:   231px;
	height:  69px;
}

#headerMiddleBarMenu {
	float: right;
}

#headerMiddleBarMenu li {
	display:     block;
    float:       left;
    margin-left: 1px;
}

#headerMiddleBarMenu li.first {
    margin-left: 0;
}

#headerMiddleBarMenu li a {
    text-decoration: none;
    color:           #fff;
    overflow:        hidden;
    opacity:         .75;
    filter:          alpha(opacity = 75);
}

#headerMiddleBarMenu li.active a,
#headerMiddleBarMenu li.active a:hover,
#headerMiddleBarMenu li a:hover {
	opacity: 1;
	filter:  alpha(opacity = 100);
}

#headerBottomBar {
    height:      36px;
    padding-top: 10px;
}

#headerBottomBar li {
	display:     block;
    float:       left;
    margin-left: 1px;
}

#headerBottomBar li.first {
	margin-left: 0;
}

#headerBottomBar li.active a,
#headerBottomBar li.active a:hover {
	background: #fff;
}

#headerBottomBar a {
	display:         block;
	height:          36px;
	line-height:     3.27;
    padding:         0 15px;
    text-decoration: none;
    color:           #fff;
}

#headerBottomBar a img {
    margin-top: 6px;
}
/** HEADER END **/

/** PAGE START **/
#pageContainer {
	/* background image set here for 100% height effect */
	background: #FFFFFF url(/images/backgrounds/rightbar.gif) repeat-y 745px 0px;
	position:   relative;
	overflow:   hidden;
}

#pageContainer.middleWidthContent,
#pageContainer.fullWidthContent {
	background-image: none;
}

#pageContainer.middleWidthContent .contentTwoColumns .column {
	width: 342px;
}

#pageContainer.fullWidthContent .contentTwoColumns .column {
    width: 460px;
}
/** PAGE END **/

/** CONTENT TOP START **/
#contentTopContainer {
	height:     60px;
	background: #fff;
	overflow:   hidden;
}

#contentTopPageTitle {
	float:  left;
	margin: 20px 0 0 12px;
}

#contentContainer #contentTopPageTitle {
	float:  none;
	margin: 2px 2px 10px 2px;
}

#contentTopPageSearch {
	float:       right;
	height:      20px;
	line-height: 20px;
	margin:      25px 15px 0 17px;
}

#contentTopPageSearch input.text {
	height:  14px;
	width:   149px;
	padding: 2px;
}

#contentTopPageSearch input {
	vertical-align: top;
}
/** CONTENT TOP END **/

/** CARROUSEL START **/

.carrouselContainer {
	position: absolute;
	top:      60px;
	left:     0;
	width:    966px;
	height:   370px;
	z-index:  1;
    overflow: hidden;
}
.carrouselContainer img {
    position: absolute;
    top: 0px;
}
.link span img, .title span img { position: static; top: auto; }
.carrouselContainer .carrouselPagination {
    position: absolute;
    right: 5px;
    top: 10px;
    height: 24px;
}
.carrouselContainer .carrouselPagination li {
    float: left;
    margin-right: 12px;
    background-color: white;
    list-style: none;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
	background: url(/images/spinner_start.png) 0px 0px no-repeat; 
}
.carrouselContainer .carrouselPagination li a { 
	text-decoration: none; 
	font-weight: bold;
    display: block;
    width: 20px;
padding-right: 2px;
    height: 21px;
    color: #fff;
}
.carrouselContainer .carrouselPagination li.active, .carrouselContainer .carrouselPagination li:hover {
	background: url(/images/spinner_end.png) 0px top no-repeat; 
}
.carrouselImageInfo {
    position: absolute;
    width: 939px;
    height: 330px;
    top: 40px;
    overflow: hidden;
    padding: 0px 0px 0px 27px;
    word-wrap: break-word;
}
.carrouselImageInfo .title {
    font-size: 20px;
    line-height: 23px;
    color: #FED206;
    font-weight: bold;
    display: block;
    margin-bottom: 16px;
    position: absolute;
    bottom: 49px;
    right: 18px;
}
.carrouselContainer .link, .carrouselImageInfo .link {
	background-color: #a70069;
    color: #ffffff;
    display: block;
    font-size: 12px;
    color: white;
    padding: 12px 60px 0 19px;
    height: 33px;
    position: absolute;
    right: 21px;
    bottom: 16px;
}
.carrouselContainer .link .arrow { 
	width: 8px; 
	height: 11px; 
	display: block; 
	position: absolute; 
	right: 19px; 
	top: 16px; 
	background: url(/images/carrousel_button_arrow.png) left top no-repeat;
}
.carrouselImageInfo .link {
    margin-top: 10px;
}

/** CARROUSEL END **/

/** CONTENT START **/
#contentContainer {
	position:   relative;
	z-index:    2;
	float:      left;
	width:      484px;
	padding:    13px 13px 13px 0px; /*invloed op meer onderdelen*/
	overflow:   hidden;
}

#pageContainer.middleWidthContent #contentContainer {
	width: 704px;
}

#pageContainer.rightWidthContent #contentContainer {
    padding-left: 13px;
    width:        720px;
}

#pageContainer.fullWidthContent #contentContainer {
	padding-left: 13px;
	width:        940px;
}

#contentContainer.carrouselMarge,
#rightContainer.carrouselMarge {
	margin-top: 370px;
}

/** CONTENT END **/

/** LEFT BAR START **/
#leftContainer {
	position: relative;
	z-index:  2;
	float:    left;
	width:    223px;
	padding:  13px;
	overflow: hidden;
}

#leftMenu {
	padding:      16px;
	background:   #000;
	line-height:  1.75;
	margin-bottom:13px;
}

#leftMenuWrap {
	min-height:    357px;
	margin-bottom: 13px;
}

#leftMenu li {
	padding-bottom: 10px;
}

#leftMenu li.last,
#leftMenu li li {
	padding-bottom: 0;
}

#leftMenu a,
#leftMenu a:hover {
	color:           #fff;
	font-size:       1.36em;
	text-decoration: none;
	line-height: 1.2;
}

#leftMenu li li a,
#leftMenu li li a:hover {
	font-size: 1em;
	line-height: 1.75;
}

#leftMenu li li a:hover {
	color: #E8C561;
}

#leftMenu li li.active > a,
#leftMenu li li.active > a:hover {
	color: #eca300;
}

/** LEFT BAR END **/

/** RIGHT BAR START **/
#rightContainer {
	position:   relative;
	z-index:    2;
	float:      left;
	width:      187px;
    min-height: 81px;
    padding:    16px 17px 3px 16px;
	background: url(/images/backgrounds/rightbar_top.gif) no-repeat;
	overflow:   hidden;
}
/** RIGHT BAR END **/

/** FOOTER START **/
#footerContainer {
	position:   relative;
    background: #000;
    overflow:   hidden;
    padding:    13px 0;
}

#footerContainer a {
    color:           #fff;
    font-weight:     bold;
    text-decoration: none;
}

#footerContainer a:hover {
    text-decoration: underline;
}

#footerSitemap,
#footerMenu {
    float:   left;
    padding: 0 0 13px 13px;
}

#footerSitemap > ul,
#footerMenu > ul {
    margin: 10px;
}

#footerSitemap {
    width:        733px;
    border-right: 1px solid #8e8e8e;
}

#footerMenu {
    width: 206px;
}

#footerSitemap > ul {
	width: 400px;
}

#footerSitemap > ul > li {
	margin-bottom: 15px;
}

#footerSitemap > ul > li.last {
    margin-bottom: 0;
}

#footerSitemap li li {
	float:         left;
	padding-right: 7px;
    margin-right:  7px;
	background:    url(/images/backgrounds/sitemap_border_right.gif) no-repeat right 4px;
}

#footerSitemap li li.last {
    padding-right: 0;
	margin-right:  0;
	background:    none;
}

#footerSitemap li li a {
	font-weight: normal;
	color:       #c2c2c2;
}

#footerCopyright {
	clear:      both;
	position:   absolute;
	bottom:     10px;
    color:      #fff;
    text-align: center;
}
/** FOOTER END **/