/* Start of CMSMS style sheet 'Algemeen' */
@charset "utf-8";

/* ********** ********** ********** ********** CSS Document LEO DE KOCK ********** ********** ********** **********  */

* 			{margin: 0; padding: 0; outline: none;}

img, div { behavior: url(scripts/iepngfix.htc) }

a, a:link { font-weight:bold; text-decoration:none; color:#23598d; }
a:visited { color: #be4540; }
a:hover , a:active{ text-decoration:none; color:#000; }

a img, a:link img { border: none; }

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

h1 {
	margin: 10px 10px 8px 0px;
	padding: 0;
	font-size:16px;
	font-weight: bold;
	color: #23598d;
	/*border-bottom:1px solid #C4E7F3;*/

	}

h2 {
	margin: 10px 10px 8px 0px;
	padding: 0;
	font-size:18px;
	font-weight: bold;
	color: #be4540;
	border-bottom:1px solid #C4E7F3;

	}

h3 {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight: bold;
	color: #be4540;
	}


span {  }

body, html, div, td { font: 9pt Arial; color: #696969; vertical-align: top; line-height: 18pt; letter-spacing:0.3pt;}

/*div { border: 1px solid #FF0000; }*/

.bigred { font-size:12pt; color:#CC3300; }
.bigblue { font-size:12pt; color:#0072bb; }

input, textarea, select
{
border:1px solid #CCCCCC;
float: top;
}
ins			{display: none;}

p	{color: #000; margin-bottom: 20px; padding: 0px;}

ul			{padding: 0px 80px; margin: 0; margin-bottom: 10px;}
li			{padding: 0; margin: 0}

/*html, body	{font-family: Arial, Helvetica, sans-serif; font-size: 16px; height: 100%;}*/

body		{background-color: #ff7f00; color: #000; background-image: url(../img/background.jpg); background-repeat:repeat-xy; background-position: left top}
/*body		{background-color: #f48f22; }*/

/* ********** ********** ********** ********** CONTAINER ********** ********** ********** ********** */

.container 	{width: 998px; margin: 0px auto; padding: 0px; padding-top: 44px; padding-bottom: 0px;}

.fullWidth	{display: block; clear: both; }

/* ********** ********** ********** ********** ROWS and COLS ********** ********** ********** ********** */

.row 		{clear: both;}
.col 		{display: block; float: left; margin: 10px 0px 10px 10px; margin: 0; background-color: transparent}

.home_first 	{width: 250px; padding-top: 245px;}
.home_second 	{width: 720px; margin-left: 20px; background-color: #fff; background-image: url(../img/footer.gif); background-repeat: no-repeat; background-position:bottom}
.home_third 	{width: 250px; height: 370px; background-image: url(../img/home_third.png); background-repeat: no-repeat;}

.home_first div.article_first	{margin-top: 60px; margin-left: 20px; margin-right: 20px;}
.home_second div.article_first	{margin-top: 40px; margin-left: 20px; margin-right: 20px;}
.home_third div.article_first	{margin-top: 60px; margin-left: 20px; margin-right: 20px;}


#content div.contentText		{background-image: url(../img/contentFill.png); min-height: 200px;}
#content div.top				{background-image: url(../img/contentTop.png); height: 20px}
#content div.bottom				{background-image: url(../img/contentBottom.png); height: 20px}


.twentyfive		{width: 200px;}
.fifty			{width: 400px;}
.seventyfive	{width: 780px;}
.hundred		{width: 980px;}

.left		{float: left;}
.right		{float: right;}

/* ********** ********** ********** ********** HEADER ********** ********** ********** ********** */

#header 				{margin-top: 10px;}

/* ********** ********** ********** ********** MAIN MENU ********** ********** ********** ********** */

#mainmenu ul			{list-style: none; padding: 50px 16px; margin: 0; font-family: Arial, Helvetica, sans-serif}
#mainmenu li 			{float: left; text-align: right; background-color: transparent; margin: 0px 15px; margin: 0px;}
#mainmenu li a			{
						display: block; padding: 10px 34px;
						text-decoration: none; font-size: 14px; font-weight: bold; line-height: 13px; background-color: transparent;
						 color: #fff; border: 0px solid #888;
						}
/*{
						display: block; padding: 10px 16px;
						text-decoration: none; font-size: 13px; font-weight: bold; line-height: 13px; background-color: #CCCCCC;
						 color: #fff; border: 1px solid #888;
						} */

#mainmenu li a:hover	{color: #fff; border: 0px solid #c66;}

#mainmenu li a.current	{color: #f03; background-image: url(../img/active.gif); background-position: top center; background-repeat: no-repeat}


/* ********** ********** ********** ********** SUB MENU ********** ********** ********** ********** */


#submenu ul				{list-style: none; padding: 0px; padding: 0 0 60px 10px; margin: 0; width: 180px; background-image: url(../img/sub_list.gif); background-position: right bottom; background-repeat: no-repeat}
#submenu li 			{text-align: right;}
#submenu li a			{
						display: block;	text-decoration: none; font-size: 11px; font-weight: bold; line-height: 28px; background-image: url(../img/sub_item.gif); background-position: bottom right; background-repeat: no-repeat; background-color: transparent; padding-right: 10px; margin-right: 2px;
						 color: #505050; border-bottom: 0px solid #ccc;
						}
#submenu li a.current	{
						 color: #e00;
						}


/* ********** ********** ********** ********** CONTENT ********** ********** ********** ********** */


#content				        {padding: 20px 40px 105px 20px; margin: auto; min-height:200px;}

#main					{padding: 20px 20px 0px 50px; width: 610px; float: right}

#text					{background: #fff; padding: 0px}

.center					{text-align: center;}

/* ********** ********** ********** ********** FOOTER ********** ********** ********** ********** */

div.footertext					{background-image: url(../img/footer.png); background-repeat: no-repeat; height: 44px}
div.footertext p.bodytext 		{margin-left: 320px; padding: 14px 0px;color: #505050; line-height: 10px; font-size: 16px}
div.footertext a 				{color: #505050; text-decoration: none}

/* ********** ********** ********** ********** PAGES ********** ********** ********** ********** */

span.time					{color: #e00; font-size: 32px; font-weight: bold; float: left; line-height: 24px; margin-right: 5px}
span.day					{color: #666; font-size: 14px; font-weight: bold; float: left; line-height: 16px; margin: 0; padding: 0; margin-top: -5px}
span.date					{color: #666; font-size: 12px; font-weight: bold; float: left; line-height: 10px; margin: 0; padding: 0}



.grey		{color: #666;}
.red		{color: #e00;}


/* ********** ********** ********** ********** BIO's ********** ********** ********** ********** */

.slideDiv		{padding: 10px;}


/* CONTACTFORM */

#tfr_contact								{padding: 10px;}
.error 										{color: #f03; padding: 10px;}
#tfr_contact label 							{font-weight: bold}
#tfr_contact input[type="text"], 
#tfr_contact textarea 						{border: 1px solid #f03; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#tfr_contact input[type="submit"]			{border: 1px solid #f03; background-color: #f03; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 2px;}		
#tfr_contact td								{padding: 2px 0px;}
/*
.contactform input[type="text"], 
.contactform textarea 				{border: 1px solid #999; width: 180px;}
.contactform textarea 				{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.contactform table td				{padding: 2px 0px;}
*/

/* typo hacks */

/*
#contact .wtcalculatingcaptcha {display: block;}
#contact fieldset {border: 1px solid #ccc}
#contact legend    {margin: 0px 10px; padding: 0px 5px; font-weight: bold; font-size: 14px}
#contact label {display: block; width: 140px; float: left; padding: 0 15px; margin-top: 4px}
#contact input    {margin: 4px 0px}
#contact input[type="submit"]    {margin-left: 170px;}



#rightcolumn img {float: right}	
.tx_lumogooglemaps_pi1_sidebar {display: none}

#spacer {clear: both;}
.tx-lumogooglemaps-pi1 {width: 310px; float: left; margin-top: -20px; _margin-top: 0px; #margin-top: 0px;}
.wtcalculatingcaptcha {height: 30px; margin-left: 170px;}
*/


#logo		{position: absolute; margin-top: -26px; margin-left: -241px; background-image: url('../img/tfr_logo.png'); width: 406px; height: 266px; z-index: 2}

#logo2		{position: absolute; margin-top: -82px; margin-left: 540px; background-image: url('../uploads/images/Logo/beach.png'); width: 289px; height: 240px; z-index: 2}



}

#wall {
	position:absolute;
        float: right;
        margin-top: 48px;
        margin-left: 770px;
        width: 200px;
        z-index: 5
}

#footer
{
clear: both;
margin: auto;
margin-left: 20px;
margin-right: 20px;
margin-top: 9px;
padding-top:8px;
padding-bottom:8px;
font-size:8pt;
color:#FFFFFF;
/*border-top:1px solid #C4E7F3;*/
letter-spacing:1pt;
}

/* End of 'Algemeen' */