body{margin:0px;font-family:arial;font-size:12px;background:#5DB224 url('http://www.spellentuin.nl/pics/bg.gif') repeat-x;}
#banner{background:url('http://www.spellentuin.nl/pics/banner1a.png') no-repeat;height:162px;width:904px;padding-left:46px;margin:0 auto 0 auto;position: relative;}
#wrapper {
  width: 950px;
  margin: 0 auto;
}
#wrapper2 {
  width:950px;
  margin: 0 auto;
}
#banner h1 {
  position: absolute;
  top: 0px;
  left: 100px;
  right: 230px;
  font-size: 12px;
  text-align: center;
  color: white;
	}
.flags {
  top: 4px;
 right: 45px;
 position: absolute;
 padding:0px;
height: 17px;
margin:0px;			
	}
.zoekbalk {
  top: 110px;
 right: 260px;
 position: absolute;
 padding:0px;
height: 20px;
margin:0px;			
	}
.newzoekbalk {
	 width: 293px; 
	 height: 21px; 
	 position: absolute; 
	 top: 115px; 
	 left: 444px; 
	 background-image: url(http://www.spellentuin.nl/zoekbalk.jpg);
	}
	.newzoekbalk input.query {
	 border: none; 
	 background: none; 
	 display: block; 
	 float: left; 
	 padding:4px 5px;
	 width: 165px; 
	 height: 21px;
	 color: #313131;
	 font-size: 11px;
		}
	.newzoekbalk input.submit {
	 border: none; 
	 background: none; 
	 color: white; 
	 font-size: 12px;
	 text-align: center;	 
	 cursor: pointer; 
	 display: block; 
	 float: right; 
	 width: 88px; 
	 height: 18px;	
	 line-height: 12px;
	 padding: 3px 0 6px;  
	}
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(pics/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 17px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 22px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(pics/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(pics/menub_hover_right2.gif) no-repeat right top; /*right tab image path*/
}
#container{padding:4px;background:#FFFFFF;width:852px;margin:0 auto 0 auto;}
#container2{padding:0px;background: #ffffff;width:860px;margin:0 auto 0 auto;clear: both;}
#container3{padding:4px;background: #ffffff;width:860px;margin:0 auto 8px auto;clear: both;}
#google{border:0px solid #3D3D3D;text-align:center;width:820px;margin:0 auto 0 auto;}
#google a{text-decoration: none;}
#google a font{border-bottom: 1px solid white;}
#orange,#blue,#pink,#green{float:left;width:192px;}
#orange1,#blue1,#pink1,#green1{float:left;width:192px;}
#bottom2{clear:both;}
#bottom{background:#FFFFFF url('pics/bottom.jpg') no-repeat bottom ;height:90px;width:860px;margin:0 auto 0 auto;}
#copy{text-align:center;width:850px;margin:0 auto 0 auto;color:black;}
#pink{margin:0 15px 0 15px;}
#orange{margin:0 15px 0 15px;}
#orange1{margin:0 19px 0 19px;}
#groen{margin-right:15px;}
.copy{color:black;}
.title{position:absolute;right:8px;bottom:0px;z-index:9999;}
.title2{position:absolute;right:8px;bottom:1px;z-index:9999;}
.box{background: url('pics/middenstuk.png');margin:0;} 
.box1{background: url('pics/middenstuk2.gif');margin:0;}
.box2{background: url('pics/oranjebg.jpg');height:230px;width:192px;background-repeat:no-repeat;}
.box3{background: url('pics/groenbg.jpg');height:230px;width:192px;background-repeat:no-repeat;}
.box4{background: url('pics/blauwbg.jpg');height:230px;width:192px;background-repeat:no-repeat;}
.box5{background: url('http://www.spellentuin.nl/pics/middenstuk5.gif');width:820px;margin:5px 15px 5px 15px;}
.box6{width:820px;margin:0;}
.box7{background: url('pics/middenstuk1.jpg');margin:0;width:295px;height:270px;} 
.box8{background: url('pics/middenstuk2.jpg');margin:0;width:170px;height:270px;} 
.floatLeft { 
	float: left !important;
}
.floatRight { 
	float: right; margin:0;
}
.produktinfolinks{width:330px;margin:0px 0px 0px 0px;float:left;}
.produktinfomidden{width:295px;margin:6px 0px 0px 0px;float:left;}
.produktinforechts{width:170px;margin:6px 5px 0px 12px;float:left;}
#slideshow {list-style:none; color:#fff; background:#000}
#slideshow span {display:none}
#wrapper {width:304px; margin:5px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:300px; height:200px; padding:1px; border:1px solid #ccc; background:#000}
#image {width:300px; height:200px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:206px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://www.spellentuin.nl/zylom/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://www.spellentuin.nl/zylom/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:206px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(http://www.spellentuin.nl/zylom/images/link.gif) center center no-repeat}
#thumbnails {margin-top:6px}
#information {position:absolute; bottom:0; width:300px; height:0px; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#slideleft {float:left; width:19px; height:81px; background:url(http://www.spellentuin.nl/zylom/images/scroll-left.gif) center center no-repeat; background-color:#ccc}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:19px; height:81px; background:#ccc url(http://www.spellentuin.nl/zylom/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:260px; margin-left:5px; margin-top:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}
.blue{background:url('pics/blue.gif');}
.pink{background:url('pics/bovenstuk.png');background-repeat:no-repeat;}
.pink2{background:url('pics/bovenstuk2.png');background-repeat:no-repeat;}
.pink3{background:url('pics/bovenstuk3.png');background-repeat:no-repeat;}
.pink4{background:url('pics/bovenstuk4.png');background-repeat:no-repeat;}
.pink5{background:url('pics/bovenstuk5.png');background-repeat:no-repeat;}
.pink6{background:url('pics/bovenstuk6.png');background-repeat:no-repeat;}
.pink7{background:url('pics/bovenstuk7.png');background-repeat:no-repeat;}
.pink10{background:url('pics/bovenstuk10.png');background-repeat:no-repeat;}
.pink11{background:url('pics/bovenstuk11.png');background-repeat:no-repeat;}
.pink12{background:url('pics/bovenstuk1.jpg');background-repeat:no-repeat;}
.pink13{background:url('pics/bovenstuk3.jpg');background-repeat:no-repeat;}
.onderstuk{background:url('pics/onderstuk.png');background-repeat:no-repeat;margin:0;}
.onderstuk1{background:url('pics/onderstuk1.jpg');background-repeat:no-repeat;margin:0;}
.onderstuk2{background:url('pics/onderstuk2.jpg');background-repeat:no-repeat;margin:0;}
.green{background:url('pics/green.gif');}
.orange,.blue,.pink2,.pink3,.pink4,.pink5,.pink6,.pink7,.pink10,.pink11,.pink12,.pink13,.onderstuk,.onderstuk1,.onderstuk2,.green,.biggreen{color:white;height:29px;position:relative;padding:5px 0 0 5px;}
.pink12{color:white;font-size:2;font-weight:bold;text-align: center;}
.pink13{color:white;font-size:2;font-weight:bold;text-align: center;}
.pink{color:white;height:29px;position:relative;padding:1px 0 0 5px;}
.orange1{background:url('pics/button2.jpg');background-repeat:no-repeat;width:192px;height:30px;}
.blue1{background:url('pics/button4.jpg');background-repeat:no-repeat;width:192px;height:30px;}
.bigblue1{background:url('pics/button4.jpg');}
.biggreen{background-image: url('pics/buttontop4.png');background-repeat:no-repeat;width:614px;height:30px;}
.biggreen1{background:#5db224;}
.biggreen2{background-image: url('http://www.spellentuin.nl/pics/buttontop6.jpg');background-repeat:no-repeat;width:820px;height:30px;color:white;position:relative;padding:5px 15px 0 15px;}
.bigpink{background:url('pics/toporange.gif');}
.green1{background:url('pics/button3.jpg');background-repeat:no-repeat;width:192px;height:30px;}
.orange1,.bigblue1,.biggreen1,.bigpink1,.blue1,.pink1,.green1{color:white;height:25px;border-bottom:0px solid #ffffff;position:relative;padding:5px 0 0 5px;}
#spelnaam{background:url('pics/spelnaam.gif');width:670px;height:44px;padding-top:45px;}
#spel{width:552px;border-left:10px solid #5DB224;border-right:10px solid #5DB224;margin:0 auto 0 auto;}
#spelbodem{background:url('pics/spelbodem.gif') no-repeat;width:572px;padding-top:20px;}
#spelnaam,#spelbodem{margin:0 auto 0 auto;text-align:center;font-weight:bold;font-size:15px;}
#ads{z-index:0;position:relative;width:742px;background:#5db224;width:742px;margin:0px auto 0px auto;}
#adstop{height:9px;width:742px;background:url('http://www.spellentuin.nl/pics/adstop3.gif') no-repeat;margin:10px auto 0px auto;}
#adstext{text-align:center;}
#adsbottom{height:9px;width:742px;background:url('http://www.spellentuin.nl/pics/adsbottom3.gif') no-repeat bottom center;}
#adsbottom1{height:9px;background:url('pics/adsbottom1.jpg') no-repeat bottom center;}
img{border:0px;margin:0px;padding:0px;}
.text{padding-left:8px;padding-bottom: 4px;padding-top: 4px;color:black;}
.text1{padding-left:6px;padding-bottom: 4px;padding-top: 4px;color:black;}
.text2{padding-left:8px;padding-bottom: 4px;padding-top: 4px;color:black;}
.text1 a:active{color:black;}
.text a:hover{/* color:white; */border-bottom:1px #00000 solid;}
.text1 a:hover{color:#EF5F12;border-bottom:1px #000000 solid;}
.stijl h2{font-family:arial;font-size:12px;color:white;font-weight:normal;margin-left:2px;}
.stijl h2 a{font-family:arial;font-size:12px;color:white;}
.stijl h2 a:hover{font-family:arial;font-size:12px;color:white;text-decoration:underline;}
ul{margin:5px 5px 5px 20px;padding:0px;}
a{color:black;text-decoration: none;}
a:hover{color:#EF5F12;text-decoration: underline;}
.foto  {
 padding: 5px;
}
a.rechts_link {
 display: block;
 background: #eeeeee;
 width:90%;
 align:center;
 max-height: 120px; overflow: hidden;
 margin:4px 4px 0px 0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:5px;
 padding-bottom:5px;
 color: black;
 border: rgb(123,129,146) 1px dashed;
 text-decoration: none;
 font-weight: bold;
}
a.rechts_link:hover {
 background: #5DB224;
 border: #3D9E30 1px solid;
 color: white;
 }
a.links_link {
 display: block;
 background: #eeeeee;
 width: 140px;
 margin: 5px;
 padding: 5px;
 padding-bottom: 0px;
 color: rgb(0,0,0);
 border: rgb(123,129,146) 1px dashed;
 text-decoration: none;
}
a.links_link:hover {
 background: #ff9966;
 border: #F2732D 1px solid;
 }
.foto {
 padding: 0px;
 border: 1px rgb(53,64,71) solid;
}
h2, h3 {margin:0px;font-family:arial;font-size:12px;color:white;}
#tekst h1 {
   text-align:center;
    font-family: Verdana, Arial, Sans;
   	font-size: 11px;
	font-weight:normal;
	color: #000000;
}
.verticalmenu{
list-style-type: none;
margin: 0;
margin-bottom: 0px;
padding-left: 1px;
width:190px;
}
.verticalmenu li{
padding-bottom: 0px;
padding-top: 1px;
}

.verticalmenu li a{
color: #000000;
display: block;
padding: 0px 0;
padding-left: 5px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
}
.verticalmenu li a:visited{
color: #000000;
}

.verticalmenu li a:hover{
background-color: #3D9E30;
color: #ffffff;
}
.button {
  width: 150px;
  background: #EFCCCC;
  font: 8pt arial,sans;
  color: black;
  font-weight: bold;
  text-align: center;
}
a.gratis_sexgames {
 font-size: 11px;
 display: block;
 background:#eeeeee;
 border: 1px solid #dadada; 
 width: 134px;
 height: 120px;
 text-align: center;
 margin: 3px;
 padding: 2px;
 color: #000000;
 text-decoration: none;
}

a.gratis_sexgames:hover {
 background: #5db224;
 text-decoration: none;
 color: #FFFFFF;
}

.sexgames_foto {
	padding: 0px;
	border: 1px solid #000000;
}
.imageflags{
  border: 1px solid #000000; 
	margin-bottom: 0.5em;
	}	
.toggleborder a img { border: 1px solid black; vertical-align: bottom;}
.toggleborder a:visited img { border: 1px solid black;}
.toggleborder a:hover img { border: 1px solid #4b3a70;}
.toggleborder a:active img { border: 1px solid black;}
.search-bt {
  cursor: pointer;
  position: absolute;
	margin: 0;
	padding: 0px 0px 3px 0px;
	text-align: center;
	top: 1px;
	right: 0;
  width: 70px;
	height: 18px;
	border: 0px solid #808080;
	font-size:11px;
	color:white;
	background: url(pics/zoekbutton.png) no-repeat left top;
	}
.search-txt {
top: 1px;
position: absolute;
margin: 0;
  right: 72px;
	font-size: 11px;
	padding: 3px 4px 0 4px;
  width: 162px;
  height: 14px;
  border: 1px solid #808080;
	color:black;
background:#ffffff;
}
.pagehover {color:#FFFFFF; background-color:#FF0000; font-size:12px; padding:0px 4px 0px 4px;}

.pages a {
  color: black;
  background: none;
  padding: 0 2px;
}
.pages a:hover {
  color: white;
  background: #f2742f;
}
.pages span.on {
  color: white;
  background: #ee5d11;
  padding: 0 2px;
}


/* Witte links in de gekleurde boxen */
#blue1 a, #orange1 a, #green1 a, #blue1 a:hover, #orange1 a:hover, #green1 a:hover
{
	color: #fff;
}

/* Aanbevolen spelletjes, buttons */
a span.recomendedButton{
	background-image: url('/pics/button44.jpg');
	width: 138px;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	display: block;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}

a:hover span.recomendedButton{
	background-image: url('/pics/button42.jpg');
	text-decoration: none;
		}
a.recommendedLink:hover {
  text-decoration: none;
}
.clearer {
	clear: both;
	}
/*<![CDATA[*/
 div.c18 {text-align: center}
 table.c17 { background-image: url(pics/opvullen2.gif);margin-right:15px;}
 td.c16 {background-image: url(pics/buttonbottom1.jpg);margin-right:15px;margin: -3px 0 0 0;}
 div.c15 {overflow: hidden;}
 td.c13 {text-align: center; font-size: 14px; background-image: url(pics/opvullen2.gif);margin-right:15px;}
 td.c12 {background-image: url(pics/buttontop.jpg);margin-right:15px;}
 div.c11 {margin-bottom: 2px; margin-top: 2px; text-align: center}
 h2.c10 {color: white}
 table.c9 { background-image: url(pics/opvul.gif);}
 td.c8 {background-image: url(pics/onderkant.gif);margin: -3px 0 0 0;}
 td.c7 {text-align: center; font-size: 14px; background-image: url(pics/opvul.gif);}
 td.c6 {background-image: url(pics/bovenkant.gif);}
 span.c5 {color: black; font-size: 80%}
 div.c4 {background: #004200;}
 td.c3 {background: #ffffff;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;}
 form.c2 {display:inline;}
 div.c1 {position: relative}
/*]]>*/

/* Fixes searchbar positioning in IE 8 */
.ddcolortabs ul{
	float:left;
}
.thumbnail
{
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.thumbnail:hover
{
    background-color: #FFFFFF;
    border-color: #aaa;
}

.thumbnailWithLink
{
   
    width: 170px;
		height: 140px;
    text-align: center;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.thumbnailWithLink:hover
{
    background-color: #FFFFFF;
    border-color: #aaa;
}

.thumbnailWithLink .thumbnail, .thumbnailWithLink .thumbnail:hover
{
    background: transparent;
    border: none;
    padding: 0;
}

.thumbnailWithLink a
{
    background: transparent;
}
a.meer {
      display: block;
      width: 160px;
      height: 20px;
      color: transparent;
			margin-left:5px;
			}   
a.meest {
      background-image: url(pics/button37.png);
    }
a.meest:hover {
      background-image: url(pics/button38.png);
    }
a.nieuw {
      background-image: url(pics/button36.png);
    }
a.nieuw:hover {
      background-image: url(pics/button35.png);
    }
a.sport {
      background-image: url(pics/button19.png);
    }
a.sport:hover {
      background-image: url(pics/button20.png);
    }
a.actie {
      background-image: url(pics/button21.png);
    }
a.actie:hover {
      background-image: url(pics/button22.png);
    }
a.avontuur {
      background-image: url(pics/button5.png);
    }
a.avontuur:hover {
      background-image: url(pics/button6.png);
    }
a.race {
      background-image: url(pics/button25.png);
    }
a.race:hover {
      background-image: url(pics/button26.png);
    }
a.multiplayer {
      background-image: url(pics/button15.png);
    }
a.multiplayer:hover {
      background-image: url(pics/button16.png);
    }
a.puzzel {
      background-image: url(pics/button17.png);
    }
a.puzzel:hover {
      background-image: url(pics/button18.png);
    }
a.kleurplaten {
      background-image: url(pics/button9.png);
    }
a.kleurplaten:hover {
      background-image: url(pics/button10.png);
    }
a.meisjes {
      background-image: url(pics/button31.png);
    }
a.meisjes:hover {
      background-image: url(pics/button32.png);
    }
a.film {
      background-image: url(pics/button23.png);
    }
a.film:hover {
      background-image: url(pics/button24.png);
    }
a.humor {
      background-image: url(pics/button33.png);
    }
a.humor:hover {
      background-image: url(pics/button34.png);
    }
a.dieren {
      background-image: url(pics/button27.png);
    }
a.dieren:hover {
      background-image: url(pics/button28.png);
    }
a.beste {
      background-image: url(pics/button39.png);
    }
a.beste:hover {
      background-image: url(pics/button40.png);
    }
a.feestdagen {
      background-image: url(pics/button47.png);
    }
a.feestdagen:hover {
      background-image: url(pics/button48.png);
    }
a.kaart {
      background-image: url(pics/button11.png);
    }
a.kaart:hover {
      background-image: url(pics/button12.png);
    }
a.denk {
      background-image: url(pics/button43.png);
    }
a.denk:hover {
      background-image: url(pics/button44.png);
    }    
a.teken {
      background-image: url(pics/button45.png);
    }
a.teken:hover {
      background-image: url(pics/button46.png);
    }