/*
colors: 
paars: #A5037C
groen: #57AC9C
roze: #E72779
blauw: #0081C6
*/


/* ------ HTML Elements ------ */

body, html {
	color: #000;
	background: #FFF;
	font-size: 11px;
}
body,form,select,input,button,textarea {
	font-family: Arial,Helvetica,sans-serif;
}
p {
	margin: 0;
}
a:link, a:visited {
	text-decoration: underline;
	color: #333;
}
a:hover, a:active {
	text-decoration: none;
	color: #333;
}
a:focus {
	border: 0;
	outline: 0;
}
em {
	font-style: italic;
}
th {
	font-weight: bold;
}
ol,ul,dl {
	margin-left: 15px;
	margin-bottom: 15px;
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
	margin-bottom: 10px;
}
table {
	margin: 10px 0 10px 0;
}
td,th {
	padding-right: 10px;
}
hr {
	border: none; 
	border-bottom: 1px solid #333;
	height: 0;
}
/* ------ Page Structure ------ */

#wrapper {
	width: 930px;
}	
#header {
	background: url(/site/gfx/header_logo_shape.png) no-repeat right 41px;
	height: 203px;
	width: 880px;
	margin-left: 50px;
	position: relative;
}
#header_links {
	float: right;
	margin-top: 12px;
	color: #0081C6;
}
#header_links a:link, #header_links a:visited {
	color: #0081C6;
	font-size: 11px;
}
#header_links a:hover, #header_links a:active {
	color: #000;
	font-size: 11px;
}


#header_links a.languageswitch:link, #header_links a.languageswitch:visited {
	color: #57AC9C;
	font-size: 11px;
}
#header_links a.languageswitch:hover, #header_links a.languageswitch:active {
	color: #000;
	font-size: 11px;
}

#header_top {
	position: relative;
	width: 880px;
	height: 40px;
}
#header_content {
	border-top: 1px solid #CCC;
	height: 162px;
	width: 880px;
}
#header_logo {
	background: url(/site/gfx/header_logo.png) no-repeat 0 0;
	height: 162px;
	width: 82px;
}
#header_title {
	background: url(/site/gfx/header_title.png) no-repeat 0 0;
	height: 50px;
	width: 398px;
	left: 132px;
	top: 143px;
	position: absolute;
}
#header_ddfa {
	float: left;
}
#header_ddfa a {
	background: url(/site/gfx/header_ddfa.png) no-repeat 0 0;
	height: 40px;
	width: 252px;
	text-indent: -9000px;
	display: block;
	cursor: pointer;
}


.fc {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

/* ------ Headings ------ */

h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}

/* ------ Content Area ------ */

#content {
	line-height: 140%;
	width: 930px;
}

/* CONTENTNAV ARROWS */

.nav_select {
	width: 206px;
	margin: 10px 0 0 10px;
	color: #666;
	float: left;
	
}
.nav_select select {
	width: 170px;
	padding:1px;
}
.nav_label {
	width: 125px;
	margin: 12px 0 0 10px;
	color: #666;
	float: left;
	font-weight: bold;
	display: inline;
}
.nav_arrows {
	height: 25px;
	overflow: hidden;
	width: 66px;
	margin: 7px 6px 0 0;
	float: left;
}
a.scrollleft:link,a.scrollleft:visited,a.scrollleft:hover,a.scrollleft:active { 
	display: block;
	width: 33px;
	height: 25px;
	overflow: hidden;
	background: url('/site/gfx/arrows.png') no-repeat 0 -80px;
}
a.scrollleft:hover {
	background-position: 0 -130px;
}
a.scrollleft.inact {
	background-position: 0 -180px;
}
a.scrollright:link,a.scrollright:visited,a.scrollright:hover,a.scrollright:active { 
	display: block;
	width: 33px;
	height: 25px;
	overflow: hidden;
	background: url('/site/gfx/arrows.png') no-repeat 0 -105px;
}
a.scrollright:hover {
	background-position: 0 -155px;
}
a.scrollright.inact {
	background-position: 0 -205px;
}
.nav_arrows2 {
	height: 25px;
	overflow: hidden;
	width: 66px;
	margin: 7px 6px 0 0;
	float: left;
}
a.scrollleft2:link,a.scrollleft2:visited,a.scrollleft2:hover,a.scrollleft2:active { 
	display: block;
	width: 33px;
	height: 25px;
	overflow: hidden;
	background: url('/site/gfx/arrows.png') no-repeat 0 -80px;
}
a.scrollleft2:hover {
	background-position: 0 -130px;
}
a.scrollleft2.inact {
	background-position: 0 -180px;
}
a.scrollright2:link,a.scrollright2:visited,a.scrollright2:hover,a.scrollright2:active { 
	display: block;
	width: 33px;
	height: 25px;
	overflow: hidden;
	background: url('/site/gfx/arrows.png') no-repeat 0 -105px;
}
a.scrollright2:hover {
	background-position: 0 -155px;
}
a.scrollright2.inact {
	background-position: 0 -205px;
} 


/* SECTIONS GLOBAL */

.section {
	width: 930px;
	background-color: #FFF;
}
.section_top {
	border-top: 1px solid #CCC;
	height: 50px;
	margin-left: 50px;
	width: 880px;	
}
.section_top_click {
	width: 880px;
	height: 50px;
	cursor: pointer;
	float: left;
	position: relative;
}
.section_title {
	width: 125px;
	height: 25px;
	display: block;
	overflow: hidden;
	margin-top: 12px;
	float: left;
}
.section_arrow {
	position: relative;
	background: url(/site/gfx/arrows.png) no-repeat 0 -52px;
	display: block;
	height: 13px;
	width: 13px;
	margin: 15px 0 0 -25px;
	float: left;
	font-size: 0;
}
.arrow_hvr {
	background: url(/site/gfx/arrows.png) no-repeat 0 -65px;	
}
.arrow_act {

	background: url(/site/gfx/arrows.png) no-repeat 0 -25px;	
}
.section_nav {
	height: 40px;
	width: 430px;
	background-color: #F3F3F3;
	float: right;
}
.section_content {

	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:50px;
	width: 880px;
}
.section_content2 {
	margin: 10px 0 10px 0;
	width: 880px;
}
.section_subcontent {
	margin: 30px 0 10px 50px;
}
a.readmore span.label {
	float: left;
	cursor: pointer;
}
a.readmore:link span.smallarrow, a.readmore:visited span.smallarrow, a.readmore:hover span.smallarrow, a.readmore:active span.smallarrow {
	display: block;
	height: 10px;
	width: 10px;
	float: left;
	margin: 3px 5px 0 5px;
	font-size: 0;
	cursor: pointer;
}
.column_wide {
	width: 880px;
	float: left;
}
.column_double {
	width: 430px;
	float: left;
}
.column_single {
	width: 205px;
	float: left;
}
.column_middle {
	width: 380px;
	float: left;
}
.column_spacing {
	margin-left: 20px;
}
/* ABOUT SECTION */

#about {
	z-index: 200;
}
.about_title {
	background: url(/site/gfx/btn_about_cn.png) no-repeat 0 0;
}
.about_title_hvr {
	background: url(/site/gfx/btn_about_cn.png) no-repeat -125px 0;	
}
#about_content {
	display: none;
}
#about a.readmore {
	color: #A5037C;
	font-size: 11px;
}
#about a:link,#about a:visited {
	color: #A5037C;
}
#about a:hover, #about a:active {
	color: #000;
}
#about a.readmore span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -30px;
	}
#about a.readmore:hover span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -40px;
}

#programme a.readmore span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px 0;
	}
#programme a.readmore:hover span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -40px;
}

#about h1 {
	font-size: 22px;
	color: #A5037C;
	padding-top: 5px;
	line-height: 120%;
}
#about .intro_text {
	font-size: 14px;
	color: #A5037C;
	line-height: 140%;
}
#about h2 {
	color: #A5037C;
	font-size: 18px;
	font-weight: normal;
}
.intro_more {
	padding-top: 10px;
}
#about .introvideo {
}
#about .introvideo img {
	width: 430px;
}
/* PROGRAMME SECTION */

#programme {
	z-index: 201;
}
.programme_title {
	background: url(/site/gfx/btn_programme_cn.png) no-repeat 0 0;
}
.programme_download {
	width: 305px;
	height: 25px;
	overflow: hidden;
	margin: 10px 0 0 0;
	float: left;
	display: none;
}
#programme .programme_download a:link,#programme .programme_download a:visited {
	color: #666;
	text-decoration: underline;
}
#programme .programme_download a:hover,#programme .programme_download a:active {
	color: #000;
	text-decoration: underline;
}
#programme .download {
	padding-top: 5px;
	float: right;
}
#programme .pdficon {
	width:30px;
	height:27px;
	padding-top: 2px;
	padding-left: 5px;
	float: right;
	position:relative;
}

.programme_title_hvr {
	background: url(/site/gfx/btn_programme_cn.png) no-repeat -125px 0;	
}
#programme_content {
	display: none;

}
.programme_item {
	margin-bottom: 15px;	
}
.programme_items .caption {
	color: #999;
	margin-bottom: 5px;
	border-top: 1px solid #E4E4E4;
}
.programme_item h4 {
	font-size: 12px;
	font-weight: bold;
	color: #57AC9C;
	margin-bottom: 0;
}
#programme a:link,#programme a:visited {
	color: #57AC9C;
}
#programme a:hover, #programme a:active {
	color: #000;
}
.programme_item a.readmore {
	color: #57AC9C;
	font-size: 12px;
	text-decoration: none;
}
.programme_item a:hover, .programme_item a:active {
	color: #000;
}
.programme_item a.readmore span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -0px;
	}
.programme_item a.readmore:hover span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -40px;
}

.programme_item_large h4 {
	font-size: 17px;
	font-weight: bold;
	color: #57AC9C;
	margin-bottom: 4px;
}
.programme_item_large {
	margin-bottom: 15px;	
}
.programme_item_large a.readmore {
	color: #57AC9C;
	font-size: 17px;
	text-decoration: none;
}
.programme_item_large a:hover, .programme_item_large a:active {
	color: #000;
}
.programme_item_large a.readmore span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -0px;
	}
.programme_item_large a.readmore:hover span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -40px;
}
.programme_detail h3 {
	font-size: 22px;
	font-weight: normal;
	color: #57AC9C;
	margin-bottom: 20px;
	line-height: 100%;
}
#programme .container {
	overflow: hidden;
	width: 430px;
	margin-top:16px;
}
.programme_detail {
	width: 430px;
	overflow: hidden;
	float: left;
}


/* PROFILES SECTION */
#profiles a:link,#profiles a:visited {
	color: #E72779;
}
#profiles a:hover, #profiles a:active {
	color: #000;
}
#profiles {
	z-index: 203;
	float:left;
}
.profiles_title {
	background: url(/site/gfx/btn_profiles_cn.png) no-repeat 0 0;
}
.profiles_title_hvr {
	background: url(/site/gfx/btn_profiles_cn.png) no-repeat -125px 0;	
}
#profiles_content {
	display: none;
	float:left;
}
#profile_container {
	height: 170px;
	float:left;
}
#profiles .container {
	overflow: hidden;
	width: 880px;
	float:left;	
}
.profile_projects {

}
.profile_item {
	width: 205px;
	overflow: hidden;
	float: left;
}
.profile_item img {
	width: 205px;
	height: auto;
	background-color: #E4E4E4;
	border: none;
	margin-bottom: 5px;
}

.profile_item_image {
	overflow: hidden;
	height:110px;
	width:205px;
}


.profile_loader {
	width: 880px;
	text-align: center;
	padding-top: 50px;
}
.profile_item h4 {
	margin: 5px 0 10px 0;
}
.profile_item h4 a {
	font-size: 14px;
	font-weight: normal;
	color: #E72779;
	line-height: 100%;
}
#profile_detail {
	float:left;
	width:880px;
}
#profile_detail h3 {
	font-size: 22px;
	font-weight: normal;
	color: #57AC9C;
	margin-bottom: 20px;
	line-height: 100%;
}
.profiledetail_title {
	width: 205px;
	display: block;
	overflow: hidden;
	margin-top: 12px;
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
}
.profiledetail_top {
	border-top: 1px solid #CCC;
	/* height: 50px; */
	margin-left: 0;
	width: 880px;	
}
.profiledetail_content {
	width: 880px;
	margin: 10px 0 10px 0;
}
#profile_detail_content{
/* 	height:101%; */
	float:left;
}
.profiledetail_top_click {
	width: 450px;
	/* height: 50px; */
	float: left;
	margin-bottom: 10px;
}
.profile_logo {
	width: 205px;
	background-color: #E4E4E4;
	margin-bottom: 10px;
}
.profile_logo img {
	width: 205px;
}
.profile_contact {

}
.profile_contactphoto {
	width: 60px;
	height: 75px;
	float: left;
	background-color: #E4E4E4;
	margin-right: 10px;
	margin-bottom:10px;
}
.profile_contactphoto img {
	width: 60px;
	height: 75px;
}
.profile_caption {
	color: #E72779;
}
.profile_address {
	margin-top: 10px;
}
.profile_phone {
	margin-top: 10px;
}
.profile_internet {
	margin-top: 10px;
}
#profiles .profile_internet a:link,#profiles .profile_internet a:visited {
	color: #666;
}
#profiles .profile_internet a:hover, #profiles .profile_internet a:active {
	color: #000;
}
.profile_info {
	font-size: 11px;
	color: #666;
}
.profile_description {

}
.profile_description_title h6 {
	font-size: 22px;
	font-weight: bold;
	color: #E72779;
	margin-bottom: 10px;
	line-height: 120%;
	padding-right: 20px;
}
.profile_description_intro {
	font-size: 14px;
	color: #E72779;
	margin-bottom: 10px;
	line-height: 140%;
	padding-right: 20px;
}
.profile_description_text {
	font-size: 11px;
	padding-right: 20px;
}
#profiles .container2 {
	overflow: hidden;
	width: 205px;	
}
.profiledetail_project_item {
	width: 205px;
	overflow: hidden;
	float: left;
}
#profile_projects_container{
	float:left;
	overflow: hidden;
/* 	position: relative; */
}
.inside2 {
}
.projectnr {
	color: #999;
}
.projectphoto {
	width: 205px;
	background-color: #E4E4E4;
	margin-bottom: 5px;
	overflow: hidden;
}
.projectphoto a.hideimage {
	display: none;
}
.projectphoto img {
	width: 205px;
}
.projectphoto a {
	width: 205px;
	display: block;
}
.profiledetail_project_item h5 {
	font-size: 16px;
	font-weight: normal;
	color: #E72779;
	margin-bottom: 10px;
	line-height: 120%;
}
.projectphoto a:link .zoom,.projectphoto a:visited .zoom {
	background: url(/site/gfx/btn_zoom.png) no-repeat 165px 20px;
	width: 205px;
	height: 60px;
	position: absolute;
}
.projectphoto a:hover .zoom, .projectphoto a:active .zoom {
	background: url(/site/gfx/btn_zoom_hvr.png) no-repeat 165px 20px;
	width: 205px;
	height: 60px;
	position: absolute;
}
/* BLOG SECTION */

#blog {
	z-index: 224;
	float:left;
}
.blog_title {
	background: url(/site/gfx/btn_blog_cn.png) no-repeat 0 0;
}
.blog_title_hvr {
	background: url(/site/gfx/btn_blog_cn.png) no-repeat -125px 0;	
}
.blog_author {
	color: #999;
	display: inline;
	margin-right: 5px;
}
#blog_content {
	display: none;

}
.blog_loader {
	width: 880px;
	text-align: center;
	padding-top: 50px;
}
#blog_container {
	min-height: 170px;
}
#blog .container {
	overflow: hidden;
	width: 880px;	
}
.blog_item {
	width: 205px;
	overflow: hidden;
	float: left;
}
.blog_line_small {
	height: 10px;
	display: block;
	width: 205px;
	background: url(/site/gfx/blog_line.png) no-repeat 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog_date {
	color: #999;
	display: inline;
	margin-right: 5px;
}
.blog_content {
}
.blog_item h6 {
	height:20px;
	margin-bottom: 5px;
}
#blog a.readmore {
	color: #A5037C;
	font-size: 11px;
}
#blog a.readmore span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -30px;
	}
#blog a.readmore:hover span.smallarrow {
	background: url(/site/gfx/arrows.png) no-repeat -17px -40px;
}
/*
.blog_item h6 a {
	font-size: 12px;
	font-weight: normal;
	color: #E72779;
	line-height: 100%;
}
*/
.blog_item h6 {
	font-size: 12px;
	font-weight: normal;
	color: #E72779;
	line-height: 100%;
}

.blogphoto {
	width: 205px;
	background-color: #E4E4E4;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.blogphoto img {
	width: 205px;
}
.blogphoto a {
	width: 205px;
	display: block;
}
.blogphoto a:link .zoom,.blogphoto a:visited .zoom {
	background: url(/site/gfx/btn_zoom.png) no-repeat 165px 20px;
	width: 205px;
	height: 60px;
	position: absolute;
}
.blogphoto a:hover .zoom, .blogphoto a:active .zoom {
	background: url(/site/gfx/btn_zoom_hvr.png) no-repeat 165px 20px;
	width: 205px;
	height: 60px;
	position: absolute;
}

/* SPONSORS SECTION */

#sponsors {
	z-index: 230;
	float:left;
}
#sponsors .section_top {
	padding-top: 15px;
}
.toplink {
	margin-left: 0;
	float: left;
	margin-left: -25px;
	position: relative;
}
a.toplink:link span, a.toplink:visited span, a.toplink:hover span, a.toplink:active span {
	display: block;
	height: 13px;
	width: 13px;
	background: url(/site/gfx/arrows.png) no-repeat 0 0;
	float: left;
	font-size: 0;
	margin: 2px 10px 0 0;
}
a.toplink:hover span {
	background: url(/site/gfx/arrows.png) no-repeat 0 -13px;
}
#sponsors a:link, #sponsors a:visited {
	color: #0081C6;
	font-size: 11px;
}
#sponsors a:hover, #sponsors a:active {
	color: #000;
	font-size: 11px;
}
#sponsors_content .caption {
	color: #999;
	margin-bottom: 5px;
	border-top: 1px solid #E4E4E4;
}
#extra_links {
	float: right;
}
#extra_links .grey, #extra_links .grey a {
	color:#CCC;
}


/* ------ Forms ------ */

button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
	padding: 1px;
}
select, input, button, textarea {
	font-size: 99%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

/* ------ Contactform ------ */

#contactform textarea,input {
	font-size: 12px;
	color: #23333E;
}
#contactform .formfield {
	display: block;
	height: 20px;
	margin-bottom: 15px;
}
#contactform .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
}
#contactform label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 100px;
	color: #23333E;
}
#contactform .required {
	color: #C43349;
}
#contactform .input_large {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 250px;
}
#contactform .input_small {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 100px;
}
#contactform .hiddenfield {
	display: none;
	visibility: hidden;
}
#contactform .errorlabel {
	color: #C43349;
}
#contactform .normallabel {
	color: #23333E;
}