/*
Name: Text box 1.0
URI: http://creative.toondierdorp.nl
Description: Textbox vor sidebars or other use
Version: 1.0
Author: Toon Dierdorp
Author URI: http://www.toondierdorp.nl/
*/

/*HTML Tags*/
p  { margin: 0 0;}

/*Classes*/


/*Small box*/
.box-small {
	float: left;
	width: 204px;
	margin: 10px 10px;
	border: #CCC solid 2px;
}
.box-small-head { 
	width:204px;
	height:24px;
	border-bottom: #CCC solid 2px; 
}
.box-small-title{
	padding: 3px 0 0 10px;
	color: #fff;
	font: bold 14px Verdana;
}
/*Big Box*/
.box-big{
	float: left;
	width: 504px;
	margin: 10px 85px;
	border: #CCC solid 2px;
}
.box-big-head{
	width:504px;
	height:24px;
	border-bottom: #CCC solid 2px;
}
.box-big-title{
	padding: 3px 0 0 10px;
	color: #fff;
	font: bold 14px Verdana;
}
/*Boxen Content*/
.box-small-content, .box-big-content{
	background: url('images/content-bg.png') repeat-x top left;
	padding: 5px;
}
/*ClearFix*/
.clear{
	clear:both;
	display: block;
}
.clear:after {
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
/*ID's*/
#pagewrap {
	width: 800px;
	margin: 0 auto;
}
#box-1{	background: url('images/orange-head.png') no-repeat 2px 2px;}
#box-2{	background: url('images/green-head.png') no-repeat 2px 2px;}
#box-3{ background: url('images/blue-head.png') no-repeat 2px 2px;}
#box-4{ background: url('images/big-orange-head.png') no-repeat 2px 2px;}
#box-5{ background: url('images/big-green-head.png') no-repeat 2px 2px;}
#box-6{ background: url('images/big-blue-head.png') no-repeat 2px 2px;}