/* CSS Document */
	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#ffffff;
        color: #4d4d4d;
		font: 13px sans-serif;
        line-height: 20px;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#ffffff;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:24em;
		width:80em;
		clear:left;
		background: #ffffff;
		border:0px;
		}
		
	#intro{
	   position: absolute;
	   top: 0px;
	   left: 448px;
	   z-index: 1;
	   width: 20em;
	   height: 20em;
	   background: #ffffff;
	   }
	   
	 #tekstwrap{
	   position: absolute;
	   top: -14px;
	   left: 0px;
	   z-index: 800;
	   width: 1022px;
	   height: 336px;
       }
       

	 #menu{
	   position: absolute;
	   top: 32em;
	   left: 44.2em;
	   z-index: 4;
       background: transparent;
       font-size:80%;
       float:left;
       margin-top:-0.3em;
       margin-right:3em;
	   text-align: right;
	   width: 40em;
	   height: 10em;
       }
	   
	#navigate {
		position: absolute;
		font-size:100%;
		float:left;
		margin-top:23em;
		margin-right:13em;
		text-align:left;
		z-index: 1000;
		}

	 #content {
		width: 30em;
	    }

	 #tekst{
	   position: absolute;
	   top: 14px;
	   left: 0.9em;
	   z-index: 900;
	   width: 24em;
	   height: 22em;
       background: transparent;
	   }
	   
	 #teamgif{
	   position: relative;
	   top: 70px;
	   left: 260px;
	   z-index: 4;
	   width: 171px;
	   height: 171px;
       background: #ffffff;
	   }
 
	   .left{
	   float: left;
	   margin-right: 2.4em;
	   padding: 0;
	   }

a, a:visited{
      color: #9b9b9b;
      text-decoration: none;
}

a:hover, a:active{
      color: #4d4d4d;
      text-decoration: underline;
}

ul ul {
      list-style: none;
      font-family: sans-serif; 
      color: #9b9b9b;
      font-size: 17px;
	  font-weight: 700;
      line-height: 27px;
      margin-top: 0px; 
      margin-left: 0px;
      margin-bottom: 27px; 
      padding-left: 0px;
}

ul {
      list-style: none;
      font-family: sans-serif; 
      color: #9b9b9b;
      font-size: 10px;
	  font-weight: 400;
      line-height: 17px;
      margin-top: 0px; 
      margin-bottom: 17px; 
      margin-left: 0px; 
      padding-left: 0px;
}

h1 {
      font-family: Arial, sans-serif; 
      color: #4d4d4d;
      font-size: 17px;
	  font-weight: 700;
      line-height: 17px;
	  margin-bottom: 14px;
}

h3 {
      font-family: Verdana, sans-serif; 
      color: #4d4d4d;
      font-size: 11px;
	  font-weight: 500;
      line-height: 17px;
}

h3 a{
      font-family: Verdana, sans-serif; 
      color: #4d4d4d;
      font-size: 11px;
	  font-weight: 500;
      line-height: 17px;
}

.text {
      font-family: Verdana, sans-serif; 
      color: #9b9b9b;
      font-size: 11px;
	  font-weight: 400;
      line-height: 15px;
}

.intro{
      position: absolute;
      font-family: Verdana, sans-serif; 
      color: #9b9b9b;
      font-size: 11px;
	  font-weight: 400;
      line-height: 15px;
      top: 17.8em;
	  left: 15.2em;
	  width: 140px;
	  height: 100px;
	  z-index: 3;
	  }

.navigate {
      font-family: sans-serif; 
      color: #9b9b9b;
      font-size: 10px;
	  font-weight: 400;
      line-height: 17px;
	  padding-left: 1.3em;
}

.logo {
      position: absolute;
	  width: 287px;
	  height: 61px;
	  left: 13em;
	  top: 10em;
}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin-bottom: 7px;
height: 20px;
line-height: 27px;
text-align: right;
font-weight: 700;
font-size: 17px;
font-family: sans-serif; 
color: #9b9b9b;
border: 0 none;
background: #ffffff;
}
dl#menu dd {
border: 0px solid #ffffff;
}
dl#menu li {
text-align: right;
background: #ffffff;
}
dl#menu li a, dl#menu dt a {
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #ffffff;
}

#menu1,#menu2,#menu3,#menu4,#menu5,#NLmenu1,#NLmenu2,#NLmenu3,#NLmenu4,#NLmenu5{
position: absolute;
width: 8em;
z-index: 500;
}
#menu1 {
top:0px;
left: -38px;
}
#menu2 {
top:0px;
left: 57px;
}
#menu3 {
top:0px;
left: 150px;
}
#menu4 {
top:0px;
left: 237px;
}
#menu4 {
top:0px;
left: 349px;
}
#NLmenu1 {
top:0px;
left: -42px;
}
#NLmenu2 {
top:0px;
left: 51px;
}
#NLmenu3 {
top:0px;
left: 152px;
}
#NLmenu4 {
top:0px;
left: 237px;
}
#NLmenu5 {
top:0px;
left: 349px;
}
#navigation2 {
position: absolute;
width:10em;
z-index:600;
top:0px;
left:-200px;
}

#navigation3 {
position: absolute;
width:10em;
z-index:600;
top:0px;
left:-350px;
}

#navigation4 {
position: absolute;
width:10em;
z-index:600;
top:0px;
left:-500px;
}

#navigation5 {
position: absolute;
width:10em;
z-index:600;
top:0px;
left:-650px;
}

#dhtml-carousel{
	z-index:600;
	position: absolute;
	top: -80px;
	left: 15px;
}

.carousel-component {
	padding:8px;
}
.carousel-component .carousel-list li { 
	margin:4px;
	width:54px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #fff;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #fff; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #fff;
	display:block; 
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									
#prev-arrow { 
	position:absolute;
	top:16px;
	z-index:3;
	cursor:pointer; 
	left:22px; 
}

#next-arrow { 
	position:absolute;
	top:16px;
	z-index:3;
	cursor:pointer; 
	right:22px; 
}

#back{
	position:absolute;
	top:-50px;
	left:15px;
	width:50px;
	height:20px;
	z-index:700;
}