/* ----- generic styling ----- */

body {font-family: arial, verdana, helvetica, sans-serif; font-size: 100%;}

img	{ max-width: 560px; }

/* ----- main containers ----- */

body {background: url('../tropical/bg.jpg')  repeat center top;} /* Dit is de versiering om de weblog heen */
#containerBuiten {background: url('../tropical/bg.jpg')  repeat-y center top;} /* Achtergrond die de divjes mooi naar beneden doortrekt */
#headerContainer {background: url('../tropical/top.jpg')  no-repeat center top;}
#blokLinks {background: url('../tropical/left.jpg')  no-repeat center top;}
#blokMidden {background: url('../tropical/middle.jpg')  no-repeat center top;}
#blokRechts {background: url('../tropical/right.jpg')  no-repeat center top;}
#footerBox {background: url('../tropical/footer.gif') no-repeat left top;}

/* ----- balk bovenaan ----- */

div#titleContainer
{
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 50px;
	left: 0px;
	padding: 0px;
	width: 996px;
	height: 115px;
}

div#title
{
	margin: 15px 0px 0px 0px;
	color: #EEC818;
	font-family: arial, verdana;
	font-weight: bold;
	line-height: 100%;
	font-size: 200%;
}

div#subtitle
{
	margin: 10px 0px 0px 0px;
	color: #EEC818;
	font-family: arial, verdana;
	font-weight: bold;
	line-height: 120%;
	font-size: 150%;
}

/* Classes main column */

div#blogdesc { }

.blogdescription {
	color: #3B639F;
	font-size: 90%;
}

.lh1 {
	height: 2px;
	border: solid;
	color: #EEC818;
	border-width: 2px;
	margin: 0px 0px 5px 0px;
}

div#messagetable {
	width: 566px;
	padding: 0px;
	margin: 0px;
}

div#messagetoprow {
	width: 566px;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

div#messagemidrow {
	width: 566px;
	padding: 0px;
	margin: 0px;
}

div#messageseprow {
	width: 566px;
	height: 15px;
	padding: 0px;
	margin: 0px;
}

div#messageclorow {
	width: 556px;
	padding: 0px;
	margin: 0px;
}

div#messageendrow {
	width: 566px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dashed #EEC818;
	border-width: 2px;
}

div#messageseparator {
	width: 566px;
	height: 15px;
}

H1.messagetitel {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: bold;
	line-height: 100%;
	font-size: 125%;
	margin: 0 0 8px 0;
}

H2.messageondertitel {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: bold;
	line-height: 100%;
	font-size: 100%;
}

.messageinhoud {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: normal;
	line-height: 100%;
	font-size: 90%;
}

.leesverder {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: normal;
	line-height: 100%;
	text-decoration: underline;
	font-size: 90%;
}

.geplaatstop {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: normal;
	line-height: 100%;
	font-size: 64%;
}

.geplaatstoplinkjes {
	color: #3B639F;
	font-family: arial, verdana;
	font-weight: normal;
	line-height: 100%;
	text-decoration: underline;
}

/* 								Classes linkerkolom */

.lefttopimage {
	max-width: 170px;
	text-decoration: none;
}

.lefttoptable {
	width: 170px;
	padding: 0px;
	spacing: 0px;
	border: 0px;
}

.lefttoptd {
	background: #EEC818;
	vertical-align: middle;
	height: 20px;
}

.lefttopseparator
{
	background: none;
	height: 0px;
}

a.lefttoplink
{
	color: #FFFFFF;
	font-family: arial, verdana;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
}

a.lefttoplink:hover
{
	text-decoration: underline;
}

H2.kopjelinks, H2.kopjerechts
{
	color: #EEC818;
	font-family: arial, verdana;
	font-size: 110%;
	line-height: 100%;
	display: inline;
}

a.catlink, a.arclink
{
	color: #3B639F;
	font-family: arial, verdana;
	font-size: 90%;
	text-decoration: none;
}

a.catlink:hover, a.arclink:hover
{
	text-decoration: underline;
}

a.cataddlink
{
	color: #3B639F;
	font-size: 80%;
	text-decoration: underline;
}

a.lllink
{
	color: #3B639F;
	font-family: arial, verdana;
	font-size: 90%;
	text-decoration: none;
}

a.lllink:hover
{
	text-decoration: underline;
}

.cbinhoud
{
	color: #3B639F;
	font-family: arial, verdana;
	font-size: 90%;
}

/* Classes Reacties (showitem.asp) */

div#beginreactiesseparator	{ position: relative; height: 20px; }
div#vensterreacties		{ width: 556px; padding: 5px; }
div#kopreacties			{ position: relative; color: #3B639F; font-size: 110%; line-height: 100%; height: 40px;}
div#reactie			{ position: relative; background: #E7E7E7; color: #3B639F; font-size: 90%; line-height: 100%; padding: 10px;}
div#reactieplaatsing		{ position: relative; color: #3B639F; font-size: 64%; line-height: 100%; padding-top: 5px;}
div#reactieseparator		{ position: relative; height: 10px; }
div#reactiesreageerseparator	{ height: 0px; }
div#vensterreageer		{ width: 556px; padding: 5px; }
div#kopreageerzelf		{ position: relative; color: #3B639F; font-size: 110%; line-height: 120%; height: 40px; }
div#uwreactie			{ position: relative; background: #E7E7E7; color: #3B639F; font-size: 90%; line-height: 100%; padding: 10px; }

/* Classes rechterkolom */

.kalenderkopdiv {
	width: 170px;
	padding: 0px;
	spacing: 0px;
	border: 0px;
}

.kalenderkopzelf {
	color: #FFFFFF;
	font-family: arial, verdana;
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
	background: #EEC818;
	vertical-align: middle;
	height: 20px;
}

.calendar_table		{ width: 160px; text-align: center; }
.calendar_month		{ color: #176C9A; font-size: 90%; font-weight: normal; }
.calendar_days		{ color: #176C9A; font-size: 90%; font-weight: normal; }
.calendar_normal	{ color: #176C9A; font-size: 90%; font-weight: bold; }
.calendar_log		{ color: #EE1D24; font-size: 90%; font-weight: bold; }

/* general classes */

/* color */
.colortitle {color: #000040;}
.colorsubtitle {color: #000040;}
.color1 {color: #FF0000;}
.color2 {color: #400040;}
.color3 {color: #706856;}
.color4 {color: #3B639F;}
.color5 {color: #FFFFFF;}
.color6 {color: #800080;}
.color7 {color: #333333;}
.color8 {color: #963232;}
.color9 {color: #0000FF;}

/* bgcolors */
.bgcolor1 {background-color: #FF0000;}
.bgcolor2 {background-color: #00FF00;}

/* styles */
.fontstyleitalic {font-style: italic;}
.fontstylebold {font-weight: bold;}
.fontstyleunderline {text-decoration: underline;}
.fontstylenone {text-decoration: none;}
.fontstylenormal {font-weight: normal;}

/* borders */
.borderbottomdashedred {border-bottom: 1px dashed red;}
.bordertopdashedred {border-top: 1px dashed red;}

/* size */
.size65 {font-size: 65%;}
.size70 {font-size: 70%;}
.size75 {font-size: 75%;}
.size80 {font-size: 80%;}
.size85 {font-size: 85%;}
.size90 {font-size: 90%;}
.size95 {font-size: 95%;}
.size100 {font-size: 100%;}
.size105 {font-size: 105%;}
.size110 {font-size: 110%;}
.size115 {font-size: 115%;}
.size120 {font-size: 120%;}

/* line-height */
.lh1 {line-height: 1%;}
.lh50 {line-height: 50%;}
.lh80 {line-height: 80%;}
.lh100 {line-height: 100%;}
.lh120 {line-height: 120%;}

/* cursor */
.pointer {cursor: pointer;}

/* positioning */

/* padding */
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}

/* margin */
.margin5 {margin: 5px;}
.margin10 {margin: 10px;}
.margin15 {margin: 15px;}
.margin20 {margin: 20px;}

/* inline */
.displayinline {display: inline;} 

/* border */
.border1 {border: 1px solid black;}