/* WITK	| Version c_1.css Jasper Witkamp
These style-sheets, accompanying graphics and design are copyrighted. Weetjewel.
----------------Made by Witkamp Webdesign ---The Netherlands----------------------- */

@media screen {	
* { font-size: 100%; margin: 0; padding: 0; }
html { height: 100%; min-width:960px; max-width:1980px; }
body {
	font-family: Arial, Verdana;
	background-color: #ffffff;
	background-image: url(../i/body-tile01.png);
	background-repeat: no-repeat;
    background-attachment: scroll;
	min-width: 960px;
	text-align: center; /* for IE */
	color: #ffffff;
	}
	
body,td,th {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	color: #330000;}
p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 0em 0; }
p {font-size: 11px; color: #00cc00;}
h1, h2, h3, h4, h5, h6 { background: transparent; color: #ffffff; font-weight: normal; letter-spacing: .1em; }
a img { border: none; }
a:link {
  color: #000; 
  text-decoration: none; 
  background: transparent;}/*normal links in the text*/
a:visited {
  color: #666666; 
  text-decoration: none; 
  background: transparent;}
a:hover { /*this effect is not shown in NN4.xx*/
  color: #999999; 
  text-decoration: none; 
  background: transparent;}
a:active {/*colour in NN4.xx is ..*/ 
  color: #666666; 
  text-decoration: none; 
  background: transparent;}
	
#heading { position: relative; }
#heading h1, #heading h2 { left: -9999px; position: absolute; }

#lefter{width:auto; display:block; position: absolute; width:512px; padding:0px 0; font-size:11px; color:#666666; background-image: url(../images/behangetjes/JWwall.jpeg);}


img.topleft {
position:absolute;
top:0;
left:0;
}
img.topright {
position:absolute;
top:0;
right:0;
}
img.bottomleft {
position:absolute;
bottom:0;
left:0;
}
img.bottomright {
position:absolute;
bottom:0;
right:0;
}



/* #container has an absolute width (960 pixel) */
#containerXXX {
  margin: 0px auto;
  background-image: url(i/body-tile50.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  min-width: 960px;
  max-width: 960px;
  width: 960px;
  color: #deb069;
  text-align: left; /* counter the body center */
}

/*--------content---------------------- */
#content { position:absolute; overflow:hidden ; width:960px; height:2500px; border:0px dotted #ffffff; margin:0 auto;}
.content_001 {  background: url(../i/content_001.png) no-repeat; }
.content_025 {  background: url(../i/content_025.png) no-repeat; }
.content_050 {  background: url(../i/content_050.png) no-repeat; }
.content_075 {  background: url(../i/content_075.png) no-repeat; }
.content_100 {  background: url(../i/content_100.png) no-repeat; }
.content_125 {  background: url(../i/content_125.png) no-repeat; }
.content_150 {  background: url(../i/content_150.png) no-repeat; }
.content_175 {  background: url(../i/content_175.png) no-repeat; }
#content h1 { font-size: 18px; color: #ffffff; text-align: right; font-weight: normal; letter-spacing: .1em; }
#content h2 { font-size: 15px; color: #ffffff; text-align: right; font-weight: bolder; letter-spacing: .1em; }
#content h3 { font-size: 13px; color: #ffffff; text-align: left; font-weight: bolder; letter-spacing: .1em; }
#content h4 { font-size: 12px; color: #999999; text-align: right; font-weight: bolder; letter-spacing: .1em; }
#content h5 { font-size: 12px; color: #ffffff; text-align: right; font-weight: bolder; letter-spacing: .1em; }s
#content h6 { font-size: 12px; color: #cccccc; text-align: right; font-weight: bolder; letter-spacing: .1em; }

#LINKtxt { position:absolute; overflow:hidden; width:560px; height:23px; top:540px; left:0px; background: transparent; border:0px solid #000000; margin:  0 0 0 0; padding:0px; text-align: right; text-transform:uppercase; font-weight: bolder; }

#copyright { position:absolute; overflow:hidden; width:220px; height:56px; top:527px; left:590px; background: url(../i/textC_001.jpg); border:0px dotted #ffffff; margin:  0 0 0 0; padding:0px;}
#copyright p {font-size: 7px; color: #cccccc;}

#txtblock1 { position:absolute; top:267px; left: 42px; overflow:hidden ; width:405px; height:210px; background: url(../i/textA_001.jpg); border:0px dotted #ffffff; margin:  0 0 0 0; padding:0px;}
#txtblock1 h1 { font-size: 18px; color: #ffffff; text-align: left; font-weight: normal; letter-spacing: .1em; }
#txtblock1 p { font-size: 11px; color: #474747; text-align: justify; font-weight: normal; letter-spacing: .1em; }

#videogoogleS { position:absolute; top:74px; left: 365px; overflow:hidden ; width:400px; height:326px; background: url(../i/videogoogle-sb.jpg); border: 1px #fffff; margin:  0 0 0 0; padding:0px;}

#youtubeS { position:absolute; top:170px; left: 385px; overflow:hidden ; width:340px; height:285px; background: url(../i/youtube-sb.jpg); border: 0px #ffffff; margin:  0 0 0 0; padding:0px;}

#leftblock_001 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_001 a { background: url(../i/leftblock_001.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}
#leftblock_025 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_025 a { background: url(../i/leftblock_025.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}
#leftblock_050 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_050 a { background: url(../i/leftblock_050.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}
#leftblock_075 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_075 a { background: url(../i/leftblock_075.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}
#leftblock_100 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_100 a { background: url(../i/leftblock_100.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}
#leftblock_125 { left:720px; position: absolute; text-indent: -9999px; top: 0px; }
#leftblock_125 a { background: url(../i/leftblock_125.png); display: block; height: 540px; overflow: hidden; width: 240px; z-index: auto}

/*--------grafic LINK buttons---------------------- */
#LINK-a { position: absolute; text-indent: -9999px; left:27px; top: 3px;}
#LINK-a a { background: url(../i/home_001.png); display: block; overflow: hidden; width: 182px; height: 75px; border:0px dotted #000000; margin: 0;}
#LINK-a a:hover, #LINK-a a:focus, #LINK-a a:active { background: url(../i/home-b_001.png);}

#LINK-b { position: absolute; text-indent: -9999px; left:12px; top: 58px; }
#LINK-b a { background: url(../i/animation_001.png); display: block; overflow: hidden; width: 448px; height: 83px; border:0px dotted #000000; margin: 0;}
#LINK-b a:hover, #LINK-b a:focus, #LINK-b a:active { background: url(../i/animation-b_001.png);}

#LINK-c { position: absolute; text-indent: -9999px; left:0px; top: 126px; }
#LINK-c a { background: url(../i/art_001.png); display: block; overflow: hidden; width: 166px; height: 100px; border:0px dotted #000000; margin: 0; }
#LINK-c a:hover, #LINK-c a:focus, #LINK-c a:active { background: url(../i/art-b_001.png);}

#LINK-d{ position: absolute; text-indent: -9999px; left:142px; top: 141px; }
#LINK-d a { background: url(../i/vj-ing_001.png); display: block; overflow: hidden; width: 129px; height: 82px; border:0px dotted #000000; margin: 0;}
#LINK-d a:hover, #LINK-d a:focus, #LINK-d a:active { background: url(../i/vj-ing-b_001.png);}

#LINK-e { position: absolute; text-indent: -9999px; left:283px; top: 135px; }
#LINK-e a { background: url(../i/video_001.png); display: block; overflow: hidden; width: 166px; height: 76px; border:0px dotted #ffffff; margin: 0;}
#LINK-e a:hover, #LINK-e a:focus, #LINK-e a:active { background: url(../i/video-b_001.png);}
 
#LINK-f { position: absolute; text-indent: -9999px; left:0px; top: 207px; }
#LINK-f a { background: url(../i/webdesign_001.png); display: block; overflow: hidden; width: 453px; height: 64px; border:0px dotted #000000; margin: 0;}
#LINK-f a:hover, #LINK-f a:focus, #LINK-f a:active { background: url(../i/webdesign-b_001.png);}

#LINK-g { position: absolute; text-indent: -9999px; left:0px; top: 207px; }
#LINK-g a { background: url(../i/LINK-g_001.png); display: block; overflow: hidden; width: 200px; height: 75px; border:0px dotted #000000; margin: 0;}
#LINK-g a:hover, #LINK-g a:focus, #LINK-g a:active { background: url(../i/LINKg-b_001.png);}

/*--------grafic bLINK buttons-----small----------------- */
#bLINK-a { position: absolute; text-indent: -9999px; left:27px; top: 4px;}
#bLINK-a a { background: url(../i/home_050.png); display: block; overflow: hidden; width: 119px; height: 49px; border:0px dotted #000000; margin: 0;}
#bLINK-a a:hover, #bLINK-a a:focus, #bLINK-a a:active { background: url(../i/home-b_050.png);}

#bLINK-b { position: absolute; text-indent: -9999px; left:12px; top: 45px; }
#bLINK-b a { background: url(../i/animation_050.png); display: block; overflow: hidden; width: 311px; height: 61px; border:0px dotted #000000; margin: 0;}
#bLINK-b a:hover, #bLINK-b a:focus, #bLINK-b a:active { background: url(../i/animation-b_050.png);}

#bLINK-c { position: absolute; text-indent: -9999px; left:15px; top: 91px; }
#bLINK-c a { background: url(../i/art_050.png); display: block; overflow: hidden; width: 81px; height: 65px; border:0px dotted #000000; margin: 0; }
#bLINK-c a:hover, #bLINK-c a:focus, #bLINK-c a:active { background: url(../i/art-b_050.png);}

#bLINK-d{ position: absolute; text-indent: -9999px; left:99px; top: 100px; }
#bLINK-d a { background: url(../i/vj-ing_050.png); display: block; overflow: hidden; width: 90px; height: 42px; border:0px dotted #000000; margin: 0;}
#bLINK-d a:hover, #bLINK-d a:focus, #bLINK-d a:active { background: url(../i/vj-ing-b_050.png);}

#bLINK-e { position: absolute; text-indent: -9999px; left:197px; top: 90px; }
#bLINK-e a { background: url(../i/video_050.png); display: block; overflow: hidden; width: 95px; height: 50px; border:0px dotted #ffffff; margin: 0;}
#bLINK-e a:hover, #bLINK-e a:focus, #bLINK-e a:active { background: url(../i/video-b_050.png);}
 
#bLINK-f { position: absolute; text-indent: -9999px; left:16px; top: 142px; }
#bLINK-f a { background: url(../i/webdesign_050.png); display: block; overflow: hidden; width: 296px; height: 45px; border:0px dotted #000000; margin: 0;}
#bLINK-f a:hover, #bLINK-f a:focus, #bLINK-f a:active { background: url(../i/webdesign-b_050.png);}

#bLINK-g { position: absolute; text-indent: -9999px; left:0px; top: 207px; }
#bLINK-g a { background: url(../i/bLINK-g_050.png); display: block; overflow: hidden; width: 200px; height: 75px; border:0px dotted #000000; margin: 0;}
#bLINK-g a:hover, #bLINK-g a:focus, #bLINK-g a:active { background: url(../i/bLINKg-b_050.png);}

#vc1 { position: absolute; text-indent: -9999px; left:20px; top: 245px;}
#vc1 { background: url(../i/images/tumb_vj-vector_live.jpg); display: block; overflow: hidden; width: 80px; height: 60px; border:0px dotted #000000; margin: 0;}
#vc1 a:hover, #vc1 a:focus, #vc1 a:active { background-position -80px, 0;}

.indentik {  position: absolute; left:575px; top: 230px; font-size: 3px; }
	
/* Lijstjes
---------------------------------------500 230-------- */
#content ol { display: inline; list-style-position: inside; list-style-type: lower-roman; color:  #616161}
#content ul { list-style-type: none; }
#content ul li { background: transparent;color: #fff}

.indent { display: inline; }

#downsite { padding:540px 0; }

#topbar{width:auto; display:block; height:100px;}
#navbar{width:auto; display:block; height:24px;}
#camlive{width:auto; display:block; height:180px; float:right;}

#navbar a{heigth:24px; line-height:24px; padding:0 8px; display:inline;}

#main{ background-image: url(../images/behangetjes/JWwallx.jpeg); width:auto; display:block; padding:20px 0; border:0px dotted #f2534f;}

#column_left{ background-color: #000000; width:640px; margin-left:20px; margin-right:20px; float:left; border:0px dotted #f2534f;}
#column_right{background-image: url(../i/images/colonne-001jw.png); width:100px; float:left; border:0px dotted #f2534f; padding-top:512px; padding-left:10px; padding-right:10px;  }
#column_right_adsense{width:120px;  margin-right:20px; float:right; border:0px dotted #f2534f;}

div.spacer{clear:both; height:10px; display:block;}


#footer{width:auto; display:block; padding:10px 0; font-size:11px; color:#666666;}


 
}