/* == Styles for scrolling layers and scrollbars == */
div#holder1 { 
  width: 277px;
  height:100%; 
  overflow:hidden; 
  z-index:100;
  float:left;
 }
 
div#wn1  { 
  position:absolute; 
  left:0; 
  top:0;
  width: 270px;
  height:100%; 
  clip:rect(0px, 270px, 100%, 0px); 
  overflow:hidden; 
  z-index:1; 
  }
    
div#lyr1 {   width: 270px; padding-top:5px;  }

div.content1 { 
	position:absolute; 
	visibility:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	left:0px; 
	top:0px; 
	z-index:1; 
  }  
div.content2 { 
	position:absolute;
	visibility:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left:10px; 
	top:0px; 
	z-index:1; 
  }  

div#scrollbar1 { 
  position:relative; 
  left:0px; 
  top:0px;
  width: 9px !important;
  width/**/:/**/11px;
  height:430px; 
  font-size:1px; 
  z-index:4;
  float:left;
  }

div#track1 { 
  position:absolute; 
  left:0px; 
  top:11px;
  border-left: #ffffff solid 1px;
  border-right: #ffffff solid 1px;
  width: 9px !important;
  width/**/:/**/11px;
  height:408px;
  z-index:1;
  }

div#dragBar1 {
  position:absolute; 
  left:0px; 
  top:1px;
  width:7px; 
  height:11px;
  background-color:#2c5a85;
  z-index:1;
  } 
  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  

/* == LAYOUT == */

.inner {
	border:#000 solid 1px;
	width:900px; 
	height:600px;
	background-image: url(http://www.misjahelsloot.com/layout/home.jpg);
	background-repeat: repeat-x; 
}

#logo {
	width:480px;
	height:90px;
	position: absolute; 
	left: 25px;
	top:12px;
}

#Menu1 {
	width: 100px; 
	height: 180px; 
	position: absolute; 
	left: 64px; 
	top:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: right; 
	font-size: 10px; 
	font-weight: bold;
}

#Menu2 {
	width: 100px; 
	height: 80px; 
	position: absolute; 
	left: 64px; 
	top:508px;
}

#MainTekst {
	width: 297px;
	height: 430px;
	position: absolute;
	left: 174px;
	top: 148px;
	overflow: hidden;
}

#AllLogo {
	width: 178px; 
	height: 280px; 
	position: absolute; 
	left: 708px; 
	top:20px;
	text-align: right;
}

#XtraInfo{
	width: 322px;
	height: 110px;
	position: absolute;
	left: 633px;
	top: 492px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:10px;
	text-align: left;
	padding-right:10px;
}

#download{
	width: 222px;
	height: 30px;
	position: absolute;
	left: 606px;
	top: 432px;
	background-color:#fff;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	overflow: hidden;
	border:solid #fff 1px;
}

#download a:hover{
	border:solid #fff 1px;
}

#chasin {
	padding-top:0px;
}

#vonyc {
	padding-top:10px;
}

#ycatch {
	padding-top:20px;
}

#create {
	padding-top:10px;
}

#cloud9 {
	padding-top:15px;
}

h1{
	font-size:17px;
	margin-bottom: 10px;
	margin-top:0px;
	padding: 0px;
}

h2{
	font-size:16px;
	color:#fff;
	margin-bottom: 10px;
	margin-top:0px;
	padding: 0px;
}

a {
	color:#fff;
	text-decoration: underline;
}

a:hover {
	color:#000;
	text-decoration: undeline;
	background-color:#fff;
}