@charset "UTF-8";
/* Developed by Hotspot Design */
/* Website: http://www.hotspotdesign.nl */


* {
	margin: 0;
	padding: 0px;
}

#clearfloat {
	clear:both;
	height:0;
	line-height: 0px;
}

a:link {
	color: #FFFFFF; text-decoration: none;
}
a:visited {
	color: #FFFFFF; text-decoration: none;
}
a:active {
	color: #9c005e; text-decoration: none;
}
a:hover {
	color: #9c005e; text-decoration: none;
}

img {
	border: none;
}
	
	
/*---------- end algemene styles ----------*/


html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #9c005e;
   width: auto;
   height: 100%;
}

#wrapper{
	height: 100%;
	background-color:9c005e;
}


/*------- header styles ---------*/
#header{
	height: 128px;
   background: url(TLFtemplate_img/bg_header.gif) repeat;
}

#header_content{
	height: 128px;
   background: url(TLFtemplate_img/bg_header_content.gif) no-repeat;
}

#sitemapmailtext  {
   position: absolute;
   left: 124px;
   top: -8px;
   width: 91px;
}

#sitemapmailtext p  {
   font: 11px/36px Verdana;
   margin: 0px;
   text-align: left;
}

a.sitemapmailtext:link {
	color: #626262; text-decoration: none;
}
a.sitemapmailtext:visited {
	color: #626262; text-decoration: none;
}
a.sitemapmailtext:active {
	color: #acacac; text-decoration: none;
}
a.sitemapmailtext:hover {
	color: #acacac; text-decoration: none;
}

#banner  {
	background-color: #e382c2;
	position: absolute;
	left: 283px;
	top: 15px;
	width: 468px;
	height: 60px;
}

#search  {
	background: url(TLFtemplate_img/search_txt.gif) no-repeat;
	position: absolute;
	left: 757px;
	top: 15px;
	width: 58px;
	height: 16px;
}

#searchfield  {
	position: absolute;
	left: 757px;
	top: 36px;
	width: 70px;
	height: 18px;
}

#okbuttonsearch  {
	position: absolute;
	left: 800px;
	top: 60px;
	width: 28px;
	height: 15px;
}

#login  {
	background: url(TLFtemplate_img/login.gif) no-repeat;
	position: absolute;
	left: 850px;
	top: 7px;
	width: 136px;
	height: 74px;
}

#usernametext  {
	position: absolute;
	left: 857px;
	top: 10px;
	width: 58px;
}

#passwordtext  {
	position: absolute;
	left: 857px;
	top: 43px;
	width: 54px;
}

#usernametext p, #passwordtext p {
   font: 11px Arial;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
   }
   

#okbuttonlogin  {
	position: absolute;
	left: 950px;
	top: 60px;
	width: 28px;
	height: 15px;
}

#passwordtext p  {
   font: 11px Verdana;
}

#usernametext p  {
   font: 11px Verdana;
}

#field_username  {
	position: absolute;
	top: 23px;
	width:80px;
	height: 18px;
	left: 856px;
}

#field_password  {
	position: absolute;
	top: 55px;
	height: 18px;
	left: 856px;
}




/* ---------- menu-items --------- */
#styleone{
	position: absolute;
	left: 199px;
	top: 101px;
	display:inline;
	height:15px;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family:Verdana, sans-serif;
}
		
#styleone ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
		
#styleone ul li{
	float:left;
	margin:0 0 0 0;
	border-left: 1px;
	border-right: 1px;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}
		
#styleone ul li a{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 16px 0 16px;
	height:15px;
}
	
#styleone ul li a:hover, #styleone ul li a.current{
	color:#9c005e;
	background:transparent url(TLFtemplate_img/bgON.gif) repeat-x top left;
}
	
/* ---------- end menu-items --------- */



/*------- end header styles---------*/




/*------- content_area styles ---------*/
#content_area {
	height: auto;
	padding-top:15px;
	background:url(TLFtemplate_img/bg_wave.gif) no-repeat;
}

#content_left {
	width: 541px;
	height: auto;
}

#box_left {   
	width: 526px;
   height: auto;
   margin-left:15px;
   margin-bottom: 15px; /*-------is afstand/marge naar de volgende tekstbox--------*/
   text-align: left;
   font-size: 10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background: url(TLFtemplate_img/box_left_content.jpg) repeat-y;

}

#box_left #box_left_top {
	background: url(TLFtemplate_img/box_left_header.jpg) no-repeat;
	height: 21px;
	padding-top: 3px;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#box_left #box_left_content {
	float:left;
	position: relative;
	background-image: url(TLFtemplate_img/box_left_content.jpg);
	background-repeat:repeat-y;
	padding-top: 10px;
   	padding-left: 10px;
	padding-right: 15px;
	color: #760443;
	font-size:11px;
	line-height: 14px;
}

#box_left #box_left_content img {
	float:right;
	width: 75px;
	height: 100px;
	margin-left:10px;
	margin-bottom:5px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
}

#box_left #box_left_content a {
	color: #FFFFFF;
	text-decoration:underline;
}


#box_left #box_left_bottom {
	background: url(TLFtemplate_img/box_left_bottom.jpg);
	background-repeat:no-repeat;
    height: 20px;
}

#bannervertical  {
	position: absolute;
	left:541px;
	top:143px;
	width: 120px;
	height: 600px;
	padding-left:15px;
	padding-right:15px;
}

#content_right {
	position: absolute;
	left:691px;
	top:143px;
	width:280px;
	height: auto;
}

#video  {
   background-color:#000000;
   position:relative;
   width: 280px;
   height: 220px;
   margin-bottom:15px;
}

#box_right {
   position: relative;
   width: 280px;
   height: auto;
   margin-bottom: 15px; /*-------is afstand/marge naar de volgende tekstbox--------*/
   text-align: left;
   font-size: 10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(TLFtemplate_img/box_right_content.gif) repeat-y;

}

#box_right #box_right_top {
	height: 21px;
	padding-top: 3px;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	background-image:url(TLFtemplate_img/box_right_header.gif);
}

#box_right #box_right_content {
	float:right;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	color: #FFFF66;
	font-size:11px;
	line-height: 14px;
	background:url(TLFtemplate_img/box_right_content.gif) repeat-y;
}

#box_right #box_right_content img {
	float:right;
	width: 76px;
	height: 104px;
	margin-left:10px;
	margin-bottom:5px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
}

#box_right #box_right_content a {
	color: #FFFFFF;
	text-decoration:underline;
}

#box_right #box_right_bottom {
    height: 20px;
	background-image:url(TLFtemplate_img/box_right_bottom.gif);
}

/*------- end content area ---------*/



/*------- begin footer area ---------*/

#footer {
	position: relative;
	padding-left:15px;
	padding-bottom:15px;
	font-size:11px;
	font-family:Verdana, sans-serif;
	color: #FF3399;
}

#footer p {
	color: #FF3399;
	text-decoration: none;
}

#footer a:hover {
	color: #e382c2;
	text-decoration: none;
}