@charset "utf-8";
/* CSS Document */
html {
	height:100%;
	background-attachment: scroll;
	min-width:959px;
}

body {
	background-color: #333333;
	background-image: url(../images/bkg.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100%;
	color: #FFFFFF;
	background-attachment: scroll;
	min-width:959px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

div#container {
	width:100%;
	min-height: 100%;
	background:url(../images/bkg.png) repeat-y 0 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header {
	width: 100%;
	height: 200px;
	background-image: url(../images/bkg-lijn.png);
	background-repeat: no-repeat;
	background-position: top;
}
.subheader{
	background-image: url(../images/bkgsubheader_grijs.png);
	background-repeat: no-repeat;
	background-position: top;
	position:relative;
}
.height200 {
	height: 200px;
}

.height125 {
	height: 125px;
}

.height75 {
	height: 75px;
}
.height10 {
	height: 10px;
}
.height20 {
	height: 20px;
}
.height38 {
	height: 38px;
}
.height48 {
	height: 48px;
}
.height34 {
	height: 34px;
}
.height290 {
	height: 290px;
}
.marginbottom20 {
padding-bottom:20px;
}
/* MISSIE
/////////////////////////////////////*/

.mybond {
	background-image: url(../images/sprite_missie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

.withyou {
	background-image: url(../images/sprite_missie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -30px;
	text-indent:-9999px;
}

.andyourplanet {
	background-image: url(../images/sprite_missie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -60px;
	text-indent:-9999px;
}

.architecture {
	background-image: url(../images/sprite_missie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	text-indent:-9999px;
}

.slogan{
	background-image: url(../images/sprite_missie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -120px;
	text-indent:-9999px;
}

/* TEAM
/////////////////////////////////////*/
.au-logoklein {
	background-image: url(../images/sprite_team_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

/* TEAM
/////////////////////////////////////*/
.prijzen {
	background-image: url(../images/sprite_prijzen-selecties_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

.selecties {
	background-image: url(../images/sprite_prijzen-selecties_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -30px;
	text-indent:-9999px;
}

/* LEZINGEN-PUBLICATIES
/////////////////////////////////////*/
.lezingen {
	background-image: url(../images/sprite_nieuws_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

.publicaties {
	background-image: url(../images/sprite_nieuws_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	text-indent:-9999px;
}

.diverse {
	background-image: url(../images/sprite_nieuws_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -88px;
	text-indent:-9999px;
}

/* CONTACT-LINKS
/////////////////////////////////////*/
.christian{
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}

.ester{
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	text-indent:-9999px;
}

.links{
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -88px;
	text-indent:-9999px;
}

.turnhout{
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -118px;
	text-indent:-9999px;
}

.mechelen{
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -148px;
	text-indent:-9999px;
}

.emailchristian {
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 274px -178px;
	text-indent:-9999px;
}

.emailester {
	background-image: url(../images/sprite_contact-links_grijs.png);
	background-repeat: no-repeat;
	background-position: 274px -228px;
	text-indent:-9999px;
}

#emailester
{
  display: block;
  width: 300px;
  height: 20px;
  background: url("../images/sprite_contact-links_grijs.png") no-repeat 0px -228px;

}

#emailester:hover
{ 
  background-position: 0px -248px;
}

#emailester span
{
  display: none;
}

#emailchristian
{
  display: block;
  width: 300px;
  height: 20px;
  background: url("../images/sprite_contact-links_grijs.png") no-repeat 0px -178px;

}

#emailchristian:hover
{ 
  background-position: 0px -198px;
}

#emailchristian span
{
  display: none;
}


/* TOP NAVIGATION BAR
/////////////////////////////////////*/

ul#topnav {
width:959px;
list-style:none;
height:75px;
}

ul#topnav li {
display:inline;
margin:0;
}

ul#topnav li a {
height:75px;
float:left;
text-indent:-9999px;
}

ul#topnav li#topnav-1 a {
	width:137px; /* X and Y position at 0 */
	background-image: url(../images/navigatie_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#topnav  li#topnav-1 a:hover {
background-position:0 -75px; /* Y position -40px for Over instance image */
}

ul#topnav  li#topnav-1 a.current {
background-position:0 -75px; /* Y position -80px for Current instance image */
}

ul#topnav li#topnav-2 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -137px 0;
}

ul#topnav  li#topnav-2 a:hover {
background-position:-137px -75px;
}

/*ul#topnav  li#topnav-2 a.current {
background-position:-137px -75px;
}*/

body#missie ul#topnav li#topnav-2 a{background:url(../images/navigatie_grijs.png) -137px -75px no-repeat; }

ul#topnav li#topnav-3 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -274px 0;
}

ul#topnav  li#topnav-3 a:hover {
background-position:-274px -75px;
}

/*ul#topnav  li#topnav-3 a.current {
background-position:-274px -75px;
}*/

body#team ul#topnav li#topnav-3 a{background:url(../images/navigatie_grijs.png) -274px -75px no-repeat; }


ul#topnav li#topnav-4 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -411px 0;
}

ul#topnav  li#topnav-4 a:hover {
background-position:-411px -75px;
}

/*ul#topnav  li#topnav-4 a.current {
background-position:-411px -75px;
}*/

body#projecten ul#topnav li#topnav-4 a{background:url(../images/navigatie_grijs.png) -411px -75px no-repeat; }

ul#topnav li#topnav-5 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -548px 0;
}

ul#topnav  li#topnav-5 a:hover {
background-position:-548px -75px;
}

/*ul#topnav  li#topnav-5 a.current {
background-position:-548px -75px;
}*/

body#prijzen-selecties ul#topnav li#topnav-5 a{background:url(../images/navigatie_grijs.png) -548px -75px no-repeat; }


ul#topnav li#topnav-6 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -685px 0;
}

ul#topnav  li#topnav-6 a:hover {
background-position:-685px -75px;
}

/*ul#topnav  li#topnav-6 a.current {
background-position:-685px -75px;
}*/

body#nieuws ul#topnav li#topnav-6 a{background:url(../images/navigatie_grijs.png) -685px -75px no-repeat; }


ul#topnav li#topnav-7 a {
width:137px;
background:url(../images/navigatie_grijs.png) no-repeat -822px 0;
}

ul#topnav  li#topnav-7 a:hover {
background-position:-822px -75px;
}

/*ul#topnav  li#topnav-7 a.current {
background-position:-822px -75px;
}*/

body#contact-links ul#topnav li#topnav-7 a{background:url(../images/navigatie_grijs.png) -822px -75px no-repeat; }


/* TEAM NAVIGATION BAR
/////////////////////////////////////*/

ul#teamnav {
width:127px;
list-style:none;
height:55px;
}

ul#teamnav li {
	display:inline;
	margin: 0px;
}

ul#teamnav li a {
height:55px;
float:left;
text-indent:-9999px;
}

ul#teamnav li#teamnav-1 a {
	width:127px; 
	background-image: url(../images/sprite_team_grijs.png);
	background-repeat: no-repeat;
	background-position: 0 -40px;
}

ul#teamnav  li#teamnav-1 a:hover {
background-position:-127px -40px; 
}

ul#teamnav  li#teamnav-1 a.current {
background-position:-127px -40px; 
}

ul#teamnav li#teamnav-2 a {
width:127px;
background:url(../images/sprite_team_grijs.png) no-repeat 0px -105px;
}

ul#teamnav  li#teamnav-2 a:hover {
background-position: -127px -105px;
}

ul#teamnav  li#teamnav-2 a.current {
background-position: -127px -105px;
}

ul#teamnav li#teamnav-3 a {
width:127px;
background:url(../images/sprite_team_grijs.png) no-repeat 0px -170px;
}

ul#teamnav  li#teamnav-3 a:hover {
background-position: -127px -170px;
}

ul#teamnav  li#teamnav-3 a.current {
background-position: -127px -170px;
}

.spacer1 {
	position:absolute;
	top: 0px;
	left: -4px;
}
.spacer2 {
	position:absolute;
	top: 0px;
	right: -5px;
}

/* PROJECTEN NAVIGATION BAR
/////////////////////////////////////*/
#navigation {
	text-align: right;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navigation ul ul {
	padding-top: 2px;
	padding-bottom: 5px;
}

#navigation li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#navigation a
{
	display: block;
	width: 127px;
	color: #CCCCCC;
	background-color: #333;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 15px;
	line-height: normal;
}
#navigation a:hover
{
color: #FFF;
background-color: #333;
text-decoration: none;
}

#navigation ul ul li { margin: 0 0 3px 0; }

#navigation ul ul a
{
	display: block;
	width: 112px;
	color: #CCCCCC;
	background-color: #333;
	text-decoration: none;
	font-size: 13px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-image: url(../images/nav-bolletje.png);
	background-repeat: no-repeat;
	background-position: 112px 2px;
}

#navigation ul ul a:hover
{
color: #FFF;
background-color: #333;
text-decoration: none;
background-image: url(../images/nav-bolletje.png);
	background-repeat: no-repeat;
	background-position: 112px -13px;
}

#navigation ul ul ul li { margin: 0 0 0px 0; }

#navigation ul ul ul a
{
	display: block;
	width: 107px;
	color: #CCCCCC;
	background-color: #333;
	text-decoration: none;
	font-size: 10px;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-image: url(../images/nav-vierkantje.png);
	background-repeat: no-repeat;
	background-position: 107px 2px;
}

#navigation ul ul ul a:hover
{
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-vierkantje.png);
	background-repeat: no-repeat;
	background-position: 107px -10px;
}
#navigation ul .active a{
	color: #FF0000;
	background-color: #333;
	text-decoration: none;
}
#navigation ul a{
	color: #CCC;
	background-color: #333;
	text-decoration: none;
}
#navigation ul a:hover{
	color: #FFF;
	background-color: #333;
	text-decoration: none;
}

#navigation ul .active ul .active a{
	color: #FF0000;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-bolletje.png);
	background-repeat: no-repeat;
	background-position: 112px -28px;
}
#navigation ul .active ul a{
	color: #CCC;
	background-color: #333;
	text-decoration: none;
}
#navigation ul .active ul a:hover{
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-bolletje.png);
	background-repeat: no-repeat;
	background-position: 112px -13px;
}

#navigation ul .active ul .active ul .active a{
	color: #FF0000;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-vierkantje.png);
	background-repeat: no-repeat;
	background-position: 107px -22px;
}
#navigation ul .active ul .active ul a{
	color: #CCC;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-vierkantje.png);
	background-repeat: no-repeat;
	background-position: 107px 2px;
}
#navigation ul .active ul .active ul a:hover{
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	background-image: url(../images/nav-vierkantje.png);
	background-repeat: no-repeat;
	background-position: 107px -10px;
}

/* PROJECT SIDE BAR
/////////////////////////////////////*/
#navbarProject {
	text-align: right;
}

#navbarProject ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navbarProject li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#navbarProject a
{
	display: block;
	width: 127px;
	color: #CCCCCC;
	background-color: #333;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 10px;
}
#navbarProject a:hover
{
color: #FF0000;
background-color: #333;
text-decoration: none;
}
#navbarProject ul .active a
{
color: #FF0000;
background-color: #333;
text-decoration: none;
}

/* PROJECTEN NAVIGATION BAR foto's + tekst
/////////////////////////////////////*/
.content-project {
	position: relative;
	width: 675px;
	float: left;
	padding-left: 10px;
}
.pre-project {
	position:relative;
	width: 83px;
	float: left;
}
.nav-project {
	position: relative;
	width: 44px;
	float: left;
}
.fotos {
	position: relative;
	width: 22px;
	height: 50px;
	float: left;
}
.plannen {
	position: relative;
	width: 22px;
	float: left;
}
.tekst {
	position: relative;
	width: 22px;
	float: left;
}
.fotos {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.fotos li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	display:inline;
}
.fotos ul li a {
	width:22px;
	background-image: url(../images/nav_projecten.png);
	background-repeat: no-repeat;
	background-position: 0 -22px;
	height:22px;
	float:left;
	text-indent:-9999px;
}
.fotos ul li a:hover {
	background-position: 0 0px;
}
.fotos ul li a.current {
	background-position: 0 0px;
}
.plannen {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.plannen li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	display:inline;
}
.plannen ul li a {
	width:22px;
	background-image: url(../images/nav_projecten.png);
	background-repeat: no-repeat;
	background-position: -22px -22px;
	height:22px;
	float:left;
	text-indent:-9999px;
}
.plannen ul li a:hover {
	background-position: -22px 0px;
}
.plannen ul li a.current {
	background-position: -22px 0px;
}
.tekst {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.tekst li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	display:inline;
}
.tekst ul li a {
	width:22px;
	background-image: url(../images/nav_projecten.png);
	background-repeat: no-repeat;
	background-position: -44px -22px;
	height:22px;
	float:right;
	text-indent:-9999px;
}
.tekst ul li a:hover {
	background-position: -44px 0px;
}
.tekst ul li a.current {
	background-position: -44px 0px;
}

/* NIEUWS NAVIGATION BAR foto's + tekst
/////////////////////////////////////*/
.content-nieuws {
	position: relative;
	width: 675px;
	float: left;
	padding-left: 10px;
}
.nav-nieuws {
	position: relative;
	width: 22px;
	float: left;
}
.nav-nieuws {
	margin-left: 3px;
	padding-left: 0;
	list-style-type: none;
}
.nav-nieuws li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	display:inline;
}
.nav-nieuws ul li a {
	width:22px;
	background-image: url(../images/nav_projecten.png);
	background-repeat: no-repeat;
	background-position: -22px -22px;
	height:22px;
	float:left;
	text-indent:-9999px;
}
.nav-nieuws ul li a:hover {
	background-position: -22px 0px;
}
.nav-nieuws ul li a.current {
	background-position: -22px 0px;
}