/*
Mijn stylesheet
http://sikkepitje.nl
Paul Wiegmans 20070614
gewijzigd 20081028
www.colorblender.com
HTML #FFA135	RGB 255/161/53	oranje
HTML #B37125	RGB 179/113/37	bruin
HTML #68C9CC	RGB 104/201/204	cyaan
HTML #B5FDFF	RGB 181/253/255	lichtcyaan
HTML #242424	RGB 36/36/36	heeldonkergrijs
HTML #F0F0F0	RGB 240/240/240	lichtgrijs

#F88F1A  oranje -> bruin; moet eigenlijk oranje.
Oranje in logo is #F88F1A

http://www.colorjack.com/studio/?lang=ndl#
Schema split-complementary op oranje:
#DDAA33 oranje
#33BBDD azuurblauw
#5533dd kobaltblauw


*/

/* ******************** begin body type *************************** */	
body	{
	font-size:	.92em; /*.83em;*/
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: "Trebuchet MS", "Gill Sans MT", "Gill Sans", GillSans, Verdana,
      "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
pre	{
	font-family:	'Monotype.com', Monotype, "Courier New", monospace;
}
/* ******************** begin header type *************************** */	
h1,h2,h3,h4,h5,h6 {
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
/* ******************** begin affordances *************************** */	

body	{
	color:		#242424;
	background:	#ffffda;
}
h1, h2, h3, h4, /*h5, h6,*/ dt, th, thead, tfoot	{
	color:		#ffffda;
	/*background:	#366D15;*/
	background:	#5533DD;
}
a:link	{
	text-decoration:none;
	font-weight:	bold;
	color:		#F88F1A;
	background:	transparent;
}
a:visited	{
	text-decoration:none;
	font-weight:	bold;
	color:		#B37125;
}
a:active	{
	text-decoration:none;
	font-weight:	bold;
	color:		#F88F1A;
}
a:hover	{
	text-decoration:underline;
	color:		#F88F1A;
	/*background:	#E5E5E5;*/
}
#layout a, #layout a:link, #layout a:hover, #layout a:active, #layout a:visited, #layout a.offsite {
	font-weight: 	700;
}
/* ******************** begin vertical *************************** */	
* {
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	vertical-align:	baseline;
}
body	{
	line-height:	1.58em;
}
div > p:first-child, body > p:first-child, td > p:first-child	{
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{
	margin-top:	.75em;
	margin-bottom:	.75em;
}
h1, h2, h3, h4, h5, h6	{
	line-height:	1.33em;
}
h1	{
	margin-top:	1.58em;
	margin-bottom:	.33em;
}
h2	{
	margin-top:	1.44em;
	margin-bottom:	.33em;
}
h3	{
	margin-top:	1.33em;
	margin-bottom:	.33em;
}
h4	{
	margin-top:	1.26em;
	margin-bottom:	.33em;
}
h5	{
	margin-top:	1.17em;
	margin-bottom:	.33em;
}
h6	{
	margin-top:	1em;
	margin-bottom:	.33em;
}
p	{
	margin-top:	.75em;
	margin-bottom:	.75em;
}
/* ******************** begin horizontal *************************** */	
* {
	margin-left:	0px;
	margin-right:	0px;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
}
*{
	text-align:	left;
	float:	none;
	clear:	none;
	list-style-position:	outside;
}
div > p:first-child, body > p:first-child, td > p:first-child {
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial{
	margin-left:	10px;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
}
h1, h2, h3, h4, h5, h6, address {
	margin-left:	0px;
	margin-right:	0px;
	padding-left:	10px;
}
p {
	margin-left:	10px;
	margin-right:	10px;
	padding-left:	0px;
}
p + a 	{
	margin-left: 0px;
}
hr	{
	text-align:	left;
	width:	100%;
}
/* ******************** begin body box *************************** */	
body	{
	margin-top:	0;
	margin-left:	0px;
	margin-right:	0px;
	margin-bottom:	0;
	padding:	0;
	border:		0;
	width:	auto;
}

/* ******************** Pauls CSS *************************** */	
div#layout {
	position: relative;
	width: 720px;
	/*border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;*/
	margin-left:auto;
	margin-right:auto;
	/*background:	#F0F0F0;*/
	/*background-image:url(/~paul/image/backdrop.gif); */
}
div#layout540 {
	position: relative;
	width: 540px;
	/*border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;*/
	margin-left:auto;
	margin-right:auto;
	/*background:	#F0F0F0;*/
	/*background-image:url(/~paul/image/backdrop.gif); */
}
div#layout360 {
	position: relative;
	width: 360px;
	/*border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;*/
	margin-left:auto;
	margin-right:auto;
	/*background:	#F0F0F0;*/
	/*background-image:url(/~paul/image/backdrop.gif); */
}
div div#opvul {
 	padding: 0px;
/*	margin: 16 px;*/
}

hr  {
	height: 0;
	border: 0;
	border-top: 3px solid #F88F1A;
	visibility: visible;
}
hr#fancier  {
	height: 3px;
	border: 0;
	border-top: 2px solid #f33;
	border-bottom: 2px solid #05f;
}


/*----------------- KOLOMMEN --------------------------*/
/* Stijl voor kolommen , Gebruik:
<!-- Kolommen start -->
<div id="divtable" class="cfix">
<div>
Bla 1
</div>
<div>
Bla 2
</div>
<div class="clear"></div>
</div>
<!-- Kolommen eind -->
*/
.divtable {
width: 720px;
border: 0px solid #0FF;
padding: 0px;
}
/* 2 kolommen */
.divtable div {
display: block;
width: 360px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}
/* 3 kolommen */
.divtable3 div {
display: block;
width: 240px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}
/* 4 kolommen */
.divtable4 div {
display: block;
width: 180px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}
.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}
/* clearfix after+contents */
.cfix:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}
/* algemeen id voor blockweergave */
div.blok {
display: block;
}
.tablegrid {
	padding: 0px;
	margin: 8px;
	vertical-align: top;
	border: 1px solid #006699 ;
	border-spacing: 0;
	border-collapse: collapse;
 	/*background-color: transparant;*/
}
.tablegrid tbody {
}
.tablegrid tr {
}
.tablegrid td {
	padding: 0px;
	margin: 0px;
}