body {
      background: #000;
      margin: 0;
/*	  scrollbar-3dlight-color: #222;
      scrollbar-arrow-color: #FFF;
      scrollbar-base-color: #000;
      scrollbar-darkshadow-color: #222;
      scrollbar-face-color: #000;
      scrollbar-highlight-color: #000;
      scrollbar-shadow-color: #000;
*/
      }
	  
#outer {        				 
	 position: absolute;
	 top: 20px;
	 left: 20px;
	 width: 1075px;
     height: 700px;
     background-color: red;
     /*border: red 1px solid;*/
     z-index: 1;
     }

#inner {  
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 width: 1020px;
	 height: 420px;
     background-color: #ff4747;
     z-index: 10;
}

h3, h2 {
        font-family: verdana, helvetica, sans serif;
        color: white;
        font-size: 14px;
        margin-left: 10px;
}

#footer {
        position: absolute;
        top: 666px;
        left: 30px;
        width: 1020px;
        height: 20px;
}

#footer ul {
        margin: 0;
        font-family: verdana, helvetica, sans serif;
        color: white;
        background-color: #ff4747;
        font-size: 12px;
        text-decoration: none;
        text-align: right;
        z-index: 5;
}

#footer li {
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        display: inline;
        border-left: solid white 1px;
}

#footer li:first-child {
        border: none;
}

#footer a:visited, #footer a:link, #footer a:active {
        text-decoration: none;
}

#footer a:hover {
        color: white;
        text-decoration: none;
        background-color: red;
}

img {
        margin: 0;
        padding: 0;
        border: 0;
}

a#titel:link, a#titel:visited, a#titel:active {
        font-family: verdana, helvetica, sans serif;
        font-size: 14px;
        font-weight: bold;
        color: #942424;
        margin-left: 50pt;
        margin-right: 50pt;
}

a#titel:hover {
        font-family: verdana, helvetica, sans serif;
        font-size: 14px;
        font-weight: bold;
        color: #ff6f78;
        margin-left: 50pt;
        margin-right: 50pt;
}

a#titel:hover {
        font-family: verdana, helvetica, sans serif;
        font-size: 14px;
        font-weight: bold;
        color: #ff6f78;
        margin-left: 50pt;
        margin-right: 50pt;
}

a#intro:link, a#intro:visited, a#intro:active {
        padding: 0;
        margin: 0;
        font-family: verdana, helvetica, sans serif;
        font-size:12px;
        color: white;
}

a#intro:hover {
        font-family: verdana, helvetica, sans serif;
        font-size:12px;
        color: #ff6f78;
}

#intro {
        font-family: verdana, helvetica, sans serif;
        font-size: 12px;
        color: white;
        padding-left: 50pt;
        padding-right: 50pt;
        margin-top: 5pt;
}

ul {
        font-family: verdana, helvetica, sans serif;
        font-size: 12px;
        color: white;
        padding-left: 75pt;
        padding-right: 50pt;
        margin-top: 5pt;
}

#afzender {
        font-family: verdana, helvetica, sans serif;
        font-size: 12px;
        color: #ff9f98;
}

#next:link, #next:visited, #next:active {
        font-family: verdana, helvetica, sans serif;
        font-size:12px;
        color: white;
}

#next:hover {
        font-family: verdana, helvetica, sans serif;
        font-size:12px;
        color: #ff6f78;
}
#close {
       border: 0;
       float: right;
       clear: right;
       margin: 5px 5px;
       top: 10px;
       left: 150px;
       width: 20px;
       height: 20px;
}

#divControl {
		position: absolute;
		left: 1000px;
		top: 0px;
		width: 20px;
        height: 420px;
		font-size: 10pt;
		font-family: verdana, helvetica, sans serif;
		visibility: hidden;
}

#scrollbox {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1000px;
		height: 420px;
		clip: rect(0px 1020px 420px 0px);
}

#scrollbox2 {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1020px;
		height: 420px;
        overflow: auto;
}

.clScroll {
		position: absolute;
		visibility: hidden;
}

#up {
	 	background-color: red /*#ff4747*/;
		width: 20px;
		height: 210px;
}

#down {
	 	background-color: red /*#ff4747*/;
		width: 20px;
		height: 210px;
}

.floatLeftClear {
        float: left;
        clear: left;
        font-family:Arial,Utopia,Sans Serif,Courier;
        font-size:10px;
        font-style:italic;
        color:white;
        text-align:center;
        padding-left: 50pt;
        padding-right: 10pt;
}

.floatRightClear {
        float: right;
        clear: right;
        font-family: verdana, helvetica, sans serif;
        font-size: 10px;
        font-style: italic;
        color: white;
        text-align: center;
        padding-left: 50pt;
        padding-right: 10pt;
        }

.floatCenterClear {
        float: center;
        clear: both;
        font-family:Arial,Utopia,Sans Serif,Courier;
        font-size:10px;
        font-style:italic;
        color:white;
        text-align:center;
        padding-left: 10pt;
        padding-right: 50pt;
        padding-top: 0pt;
}

.logo { 
        font-size: 120px;
		position: absolute;
		top: 10px;
		left: 25px;
		font-family: verdana, helvetica, sans serif;
		color: #222;
}

.subline {
		 font-family: verdana, helvetica, sans serif;
         font-size: 22px;
         color: white;
         position: absolute;
         left: 680px;
         top: 100px;
}
         
div#mozaik {
        position: absolute;
		top: 12px;
		left: 7px;
        width: 500px;
        height: 400px;
}

#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9 {
        position: absolute;
        top: 30px;
        left: 550px;
        width: 420px;
		font-family: verdana, helvetica, sans serif;
        color: red;
        background-color: #ababab;
        display: none;
        border: 1px solid white;
        z-index: 30;
}

#blurbs {
        position: absolute;
        display: inline;
        top: 12px;
        left: 503px;
        width: 500px;
        height: 400px;
        z-index: 20;
}

#thumbnail1, #thumbnail2, #thumbnail3, #thumbnail4, #thumbnail5, #thumbnail6, #thumbnail7, #thumbnail8, #thumbnail9 {
      margin: 0;
      padding: 0;
      position: absolute;
      width: 155px;
      height: 117px;
      border: solid 2px #ff4747;
}

#thumbnail1 {
      background-image: url(Images/_MG_8272.jpg);
}

#thumbnail2 {
      background-image: url('Images/NLP24 uur153.jpg');
}

#thumbnail3 {
      background-image: url(Images/sfeer16.jpg);
}

#thumbnail4 {
      background-image: url(Images/CIMG6223.jpg);
}

#thumbnail5 {
      background-image: url(Images/DSC01358.jpg);
}

#thumbnail6 {
      background-image: url(Images/CIMG3429.jpg);
}

#thumbnail7 {
      background-image: url(Images/CIMG1026.jpg);
}

#thumbnail8 {
      background-image: url(Images/CIMG4685.JPG);
}

#thumbnail9 {
      background-image: url(Images/CIMG4101.jpg);
}

#cell1, #cell2, #cell3, #cell4, #cell5, #cell6, #cell7, #cell8, #cell9 {
      margin: 0;
/*      padding-top: 20px;*/
      position: absolute;
      width: 155px;
      height: 117px/*97px*/;
      vertical-align: middle;
      border: solid 2px #ff4747;
      font-family: verdana, helvetica, sans serif;
      font-size: 18px;
      color: white;
      text-align: center;
      background-color: red;
}

div#cell1 {
}

#thumbnail1 {
       top: 10px; left: 10px;          /*   1 2 3   */
}                                      /*   4 5 6   */
                                       /*   7 8 9   */
#thumbnail2 {
       top: 10px; left: 175px;
}

#thumbnail3 {
       top: 10px; left: 340px;
}

#thumbnail4 {
       top: 137px; left: 10px;
}

#thumbnail5 {
       top: 137px; left: 175px;
}

#thumbnail6 {
       top: 137px; left: 340px;
}
#thumbnail7 {
       top: 264px; left: 10px;
}

#thumbnail8 {
       top: 264px; left: 175px;
}

#thumbnail9 {
       top: 264px; left: 340px;
}


#cell1 {
       top: 10px; left: 10px;
}

#cell2 {
       top: 10px; left: 175px;
}

#cell3 {
       top: 10px; left: 340px;
}

#cell4 {
       top: 137px; left: 10px;
}

#cell5 {
       top: 137px; left: 175px;
}

#cell6 {
       top: 137px; left: 340px;
}
#cell7 {
       top: 264px; left: 10px;
}

#cell8 {
       top: 264px; left: 175px;
}

#cell9 {
       top: 264px; left: 340px;
}




.thumbnail {
           display: inline;
}

.afzender {
          font-family: verdana, helvetica, sans serif;
          font-size: 12px;
          color: white;
          margin-left: 10px;
}

div#inner a:hover, div#inner2 a:hover {
          background: none;
          color: #ff6f78;
}

div#inner a span {display: none;}

div#inner a:visited span {display: none;}

div#inner a {
          text-decoration: none;
		  color: white;
}
			 
/* navigation line */

#navi {
position: absolute;
top: 590px;
left: 30px;
width: 1020px;
height: 57px;
background-color: #ff4747;
z-index: 5;
}

#navi ul {
margin-top: 14px;
padding: 0px;
}

#navi ul li {
display: inline;
/*height: 75px;*/
padding-top: 5px;
padding-bottom: 5px;
float: left;
list-style: none;
margin-left: 15px;
}

#navi li a {
padding: 10px;
font-family: verdana, helvetica, sans serif;
font-size: 14px;
color: #fff;
text-decoration: none;
}

#navi li a:hover {
padding: 10px;
color: #fff;
/*text-decoration: underline;
font-weight: bold;*/
background-color: red;
}

#active {
background-color: red;
}