/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #57c8f2 url('http://www.kinderspelletjes.nl/imagesnl/body.jpg') repeat-x; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { padding: 7px 0 15px 0; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1005px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1005px; height: 128px; }
	#headerCntr h1 { position: absolute; top: 32px; left: 216px; }
	#headerCntr h1 a { display: block; width: 432px; height: 69px; text-indent: -9999px; background: url('http://www.kinderspiele.de/imagesnl/logo_de.png') no-repeat; }
	
		/* ### search box ### */
		.searchBox { position: absolute; top: 51px; right: 24px; width: 293px; overflow: hidden; }
		.searchBox fieldset { border: none; }
		.searchBox input.field { padding: 5px; float: left; width: 221px; height: 19px; font-size: 11px; color: #005079; border: none; background: url('http://www.kinderspelletjes.nl/imagesnl/field.gif') no-repeat; }
		.searchBox input.button { border: none; width: 62px; height: 29px; font-size: 18px; color: #fff; font-family: 'Cocan Reguler', arial; float: left; background: url('http://www.kinderspelletjes.nl/imagesnl/button.gif') no-repeat; }
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 180px; left: 0px; width: 980px; height: 20px; }
	
	/* ### content container ### */
	#contentCntr { padding-top: 2px; width: 1003px; }

		/* ### center container ### */
		#centerCntr { position: relative; width: 1003px; }
			.postBoxCat { padding-top: 46px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-top-cat.png') left top no-repeat; }
			
			/* ### post box ### */
			.postBox { padding-top: 46px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-top.png') left top no-repeat; }
			.postBox .bottom { padding-bottom: 11px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-bottom.png') left bottom no-repeat; }
			.postBox .mid { padding: 0px 24px 13px 12px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/pos-mid.png') repeat-y; }
			.postBox .menu { position: absolute; top: 12px; left: 12px; width: 967px; height: 47px; }
			.postBox .menu ul { width: 415px; float: left; list-style: none; }
			.postBox .menu li { margin-right: 10px; float: left; font-size: 12px; width: 135px; height: 28px; text-align: center; font-weight: bold; background: url('http://www.kinderspelletjes.nl/imagesnl/li-bg.png') no-repeat; }
			.postBox .menu li a { text-decoration: none; color: #003652; display: block; line-height: 28px; }
			.postBox .menu li a:hover, .postBox .menu li.selected a  { color: #ff6c01; }
			.postBox .menu h2 { font-size: 18px; color: #003652; font-weight: normal; }
			.postBox .left {   position: relative; float: left;width: 1003px; }
			.postBox .right { padding-top: 20px; float: right; width: 186px; }
			.postBox .close { position: absolute; right: 2px; top: 22px; width: 37px; display: block; text-indent: -9999px; height: 37px; background: url('http://www.kinderspelletjes.nl/imagesnl/close.gif') no-repeat; }
			.postBox .right img { float: right; border: #d2d2d2 solid 1px; }
			.postBox .post {overflow: hidden; padding: 6px 0px 9px 11px; margin-top: 7px; width: 589px; border:1px #003652 solid; }
			.postBox .post strong { color: #003652; font-size: 12px; line-height: 18px; }
			.postBox p { font-size: 12px; font-weight: normal; color: #003652; line-height: 18px; }
			.postBox .head { float: left; width: 330px;  }
			.postBox .spare { padding-top: 5px; float: left; width: 249px;  }
			.postBox .spare .first1 { text-align: center; margin-bottom: 8px; float: right; text-decoration: none; font-size: 12px; color: #fff; display: block; width: 179px; height: 29px; line-height: 25px; font-weight: bold; background: url('http://www.kinderspelletjes.nl/imagesnl/button2.gif') no-repeat; }
			.postBox .spare .first1:hover { text-decoration: underline; }
			.postBox .spare .first2:hover { text-decoration: underline; }
			.postBox .spare .first2 { text-align: center; margin-bottom: 8px; float: right; text-decoration: none; font-size: 12px; color: #fff; display: block; width: 179px; height: 29px; line-height: 25px; font-weight: bold; background: url('http://www.kinderspelletjes.nl/imagesnl/button3.gif') no-repeat; }
			.postBox .spare ul { padding: 1px 1px 0px 0px; float: right; width:250px; list-style: none; }
			.postBox .spare li { padding: 0px; margin-right: 0px; width:120px; float: right; border: none; }
			.postBox .spare li.last { margin-right: 0px; margin-left:5px;  }
			
			
			/* ### image box ### */
			.imageBox { padding-top: 46px; margin-top: 2px; position: relative; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-top.png') left top no-repeat; }
			.imageBox .bottom { padding-bottom: 11px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-bottom.png') left bottom no-repeat; }
			.imageBox .mid { padding: 0px 4px 2px 12px; width: 987px; overflow: hidden; background: url('http://www.kinderspelletjes.nl/imagesnl/pos-mid.png') repeat-y; }
			.imageBox h2 { position: absolute; top: 15px; left: 392px; font-size: 18px; color: #003652; font-weight: normal; }
			.imageBox ul { padding: 8px 0px 0px 2px; list-style: none; }
			.imageBox li { margin-right: 54px; width: 150px; float: left; }
			.imageBox li a { text-decoration: none; font-weight:bold; }
			.imageBox li a:hover { color: #ff6c01; }
			.imageBox li.last { margin: 0px 0px 0px 9px; }
			.imageBox img { margin-bottom: 4px; border: none; }
			.imageBox span { font-size: 12px; color: #003652; font-weight: bold; text-align: center; display: block; }
			
			/* ### facebook box ### */
			.facebookBox { padding-top: 46px; margin-top: 2px; position: relative; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-top.png') left top no-repeat; }
			.facebookBox .bottom { padding-bottom: 11px; width: 1003px; background: url('http://www.kinderspelletjes.nl/imagesnl/post-bottom.png') left bottom no-repeat; }
			.facebookBox .mid { padding: 0px 24px 0px 12px; width: 967px; overflow: hidden; background: url('http://www.kinderspelletjes.nl/imagesnl/pos-mid.png') repeat-y; }
			.facebookBox h2 { position: absolute; top: 15px; left: 370px; font-size: 18px; color: #003652; font-weight: normal; }
			.facebookBox h2 a { color: #003652; text-decoration: none; }
			.facebookBox h2 a:hover { text-decoration: underline; }
			
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 980px; }