/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Vizzual.com
 *  Email                : info @ vizzual.com
 *	
 *  
 *  Disclaimer:
 *	Niets uit dit script mag zonder toestemming van de maker van deze
 *	scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze
 *	scripting blijft ten alle tijden copyright op dit product houden. De 
 *	scripting is ter beschikking gesteld door Vizzual.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/
/*
 Paars: 		#a54399
 Middel Paars	#df96d6
 Licht Paars:	#e2c2de
 
*/

/**												{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }*/
*												{ font-family: Lucida Sans Unicode, Verdana, Arial; font-size: small; }
html,body										{ margin: 0px; width: 100%; height: 100%; background: url(../images/website_background.jpg) repeat-x #f8f8f8; }

h1,h2,h3,h4,h5,h6								{ color: #a54399; font-family: "Microsoft Sans Serif", "Courier New", Courier, monospace; margin: 0px 0px 0.5em 0px; }
h1												{ padding: 10px 0px 0px 0px;}
h1 span											{ background: url(../images/h1_background.gif) repeat-x; font-size: 20px; padding: 10px 0px 0px 0px; }
h2												{ font-size: 18px; letter-spacing: 1px; }
h3												{}
h4												{}
h5												{}
h6												{}
img												{ border: none; }
a												{ text-decoration: none; color: #3366cc; }
a:hover											{ text-decoration: underline; color: #a54399; }
p												{ margin: 0px 0px 1em 0px; line-height: 1.3em; }
table, tr, td									{ border-collapse: collapse; vertical-align: top; }
td												{ padding: 0px 3px 0px 0px; }
tbody .even										{ background: #f6e7f4 }
tbody .ruled									{ background: #df96d6; }
ul												{ margin-top: 0px; margin-bottom: 1em; }
form											{ margin: 0px; }
form td											{ width: 150px; }
input											{ width: 150px; }
select											{ width: 156px; }
textarea										{ width: 150px; height: 75px; }
.submit											{ width: 156px; }
.radio											{ width: 15px; }
sup												{ font-size: 70%; }
address img										{ vertical-align: middle; }

#tabs, #header, #breadcrumb, #container, #footer, #footerend	{ margin: 0px auto 0px auto; width: 770px; position: relative; left: -30px; }

#top											{ background: url(../images/website_top.jpg) center repeat-x; height: 66px; width: 100%; margin: 0px 0px 70px 0px; }
#top #logo										{ position: absolute; left: 50%; top: 20px; margin: 0px 0px 0px -155px; }

#tabs											{ position: absolute; left: 50%; top: 111px; margin: 0px 0px 0px -375px; z-index: 2; color: #3366cc; }
#tabs ul										{ margin: 0px; padding: 0px; list-style: none; }
#tabs ul li										{ background:url(../images/tab/tab_n_left.gif) repeat-x top left; float: left; margin: 0px 2px 0px 2px; height: 28px;   }
#tabs ul li div									{ background:url(../images/tab/tab_n_right.gif) no-repeat top right; }
#tabs ul li div div								{ padding: 8px 10px 0px 10px; }
#tabs ul li a									{ cursor: pointer; text-decoration: none; color: #3366cc;}
#tabs ul li a:hover								{ color: #a54399;}

#header											{ background: url(../images/website_header.jpg) no-repeat; height: 48px; }
#header #search 								{ text-align: right; color: #a54399; padding: 11px 10px 0px 0px; }
#header #search input							{ width: 230px; font-size: 15px; padding: 0px; }
#header #search img								{ cursor: pointer; vertical-align: middle; margin: -5px 0px 0px 0px; }

#breadcrumb										{ background: url(../images/website_background_content.jpg) repeat-y center #ffffff; padding: 10px 0px 0px 0px; }
#breadcrumb	div									{ padding: 0px 18px 0px 18px; }
#breadcrumb div a								{ text-decoration: none; color: #3366cc; }
#breadcrumb div a:hover							{ text-decoration: underline; }

#container										{ background: url(../images/website_background_content.jpg) #ffffff; }

#content										{ padding: 18px 18px 2em 18px; line-height: 1.4em; color:#222222; z-index: 1; }

#footer											{ background: url(../images/website_background_content.jpg) repeat-y top center #ffffff; }
#footer	div										{ padding: 0px 18px 0px 18px; text-align: center }
#footer div ul									{ margin: 0px; padding: 0px; list-style: none; }
#footer div ul li								{ display: inline; padding: 0px 10px 0px 10px; font-size: 10px; }
#footer #footer_text							{ font-size: 10px; color:#999999; margin: 1em 0px 0px 0px; }
#footer #footer_text a							{ font-size: 10px; color: #999999; text-decoration: none; }
#footer #footer_text a:hover					{ text-decoration: underline; }
#footer	hr										{ color: #df96d6; background: #a54399; width: 760px; height: 3px; position: relative; top: 6px; }


#footerend										{ background: url(../images/website_footer.jpg) no-repeat top center; height: 3px; }
#footerend div									{ margin: 5px 0px 5px 0px; text-align: center; }
#footerend div a								{ color: #a5a5a5; font-size: 10px; padding: 0px 5px 0px 5px;  }
#footerend div a:hover							{ color: #b6d905; background: #67625e;  }

#right											{ float: right; width: 200px; margin: 0px 0px 0px 15px; }
#right ul										{ margin: 0px; padding: 0px; list-style: none; }
#right ul ul									{ margin: 0px 0px 0px 15px; padding: 0px; list-style: none; }

#nav_tab										{ margin: 0px 0px -1px 0px; padding: 1px 10px 0px 10px; list-style: none; display: inline-block; border-bottom: 1px solid #a54399; }
#nav_tab li										{ float: left; text-align: center; padding: 0px 3px 0px 3px; margin: 0px 3px 0px 0px; background: #e2c2de; border: 1px solid #a54399; border-bottom: #ffffff; }

#other #language								{ position: absolute; top: 25px; left: 45%; margin: 0px 0px 0px 100px; z-index: 10; }
#other #language *								{ font-size: 11px; }
#other #language_selected						{ background: #ffffff; border: 1px solid #f4f4f4; width: 120px; }
#other #language_list							{ margin: 0px; padding: 3px; list-style: none; width: 122px; display: none; background: #ffffff; border: 1px solid #f4f4f4; }

#other #login									{ position: absolute; left: 50%; width:760px; top: 95px; margin: 0px 0px 0px -380px; text-align: right; }
#other #login table								{ width: 100%; }
#other #login .icon								{ width: 40px; height: 40px; }
/*
#other #login #loginform						{ background: #FFFFFF; border: 1px dashed #a54399; padding: 15px; margin: 5px 0px 0px 0px; display: none; width: 350px; text-align: left; }
#other #login #loginform table					{ width: 100%; border-collapse: collapse; }
#other #login #loginform input					{ font-size: 10px; padding: 0px; width: 150px; }
*/
#other #loggedin								{ position: absolute; left: 50%; width: 760px; top: 125px; margin: 0px 0px 0px -380px; text-align: right; font-size: 10px; }
#other #loggedin *								{ font-size: 10px; }