/*****************************************************************************
 *
 *  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
 *
 *****************************************************************************/

html,body						{ margin: 0px; padding: 0px; background: url(../images/pattern.gif); font-family: Helvetica, sans-serif; height: 100%; width: 100%; color:#000000; }

h1								{ margin: 0px 0px 0.5em 0px; color: #000000; font-family: Helvetica, sans-serif; font-size: 15px; }
h2								{ margin: 0px 0px 1em 0px;  font-family: Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
p								{ margin: 0px 0px 1em 0px; }

img								{ border: none; }
a:link 							{ text-decoration: none; color: #FF1493; }
a:visited 						{ text-decoration: none; color: #FF1493; }
a:hover 						{ text-decoration: underline; color: #FF0000; }
a:active 						{ text-decoration: none; color: #FFFF00; }

input							{ width: 160px; }
textarea						{ width: 262px; height: 75px; }

#intro							{ background: url(../images/pattern.gif); position: absolute; left: 50%; margin: -39px 0px 0px -362px; width: 724px; height: 463px; z-index: 1000; }

#center							{ width: 100%; height: 100%; }

#menu 							{ margin: -35px auto 0px auto; width: 724px; }
#menu							{ font-family: Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 0px;  }
#menu a							{ text-decoration: none; color: #000000; }
#menu a:hover					{ text-decoration: underline; color: #FF1493; }
#menu ul						{ margin: 0px 0px 0px 35px; padding: 0px; list-style: none; }
#menu ul li 					{ float: left; margin: 0px 10px 0px 0px; }


#container						{ background: url(../images/site.jpg); margin: 0px auto 0px auto; padding: 38px 0px 0px 0px; width: 724px; height: 425px; }
#content						{ margin: 0px 0px 0px 350px; padding: 0px 5px 0px 0px; width: 315px; height: 233px; overflow: auto; overflow-y: auto !important; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content						{ scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; }
#content table					{ border-collapse: collapse; }
#content td						{ vertical-align: top; }

.message						{ margin: 0px 0px 1em 0px; border-bottom: 1px solid #000000; width: 270px; }
.info							{ width: 75px; }
.left							{ float: left; margin: 0px 5px 0px 0px; }
.right							{ float: right; margin: 0px 0px 0px 5px; }

#portfolio_nav					{ position: absolute; margin: 50px 0px 0px -325px; width: 300px; padding: 5px; list-style: none; font-size: 15px; font-weight: bold; color: #969696; }
#portfolio_nav a:hover			{ color: #969696; }
#portfolio_nav li				{ float: left; margin: 0px 5px 0px 0px; }

#portfolio						{ position: absolute; margin: 60px 0px 0px -320px; width: 200px; color: #696969; }
#portfolio table				{ margin: 0px 0px 2em 0px; padding: 0px; list-style: none; border-collapse: separate; }
#portfolio table td				{ float: left; margin: 0px 3px 0px 0px; width: 20px; text-align: center; cursor: pointer; background: #FF0000; }
#portfolio_prevnext				{ position: absolute; margin: 220px 0px 0px -340px; width: 240px; color: #000000; }
#portfolio_prevnext a			{ color: 000000; }
#portfolio_prevnext img			{ vertical-align: middle; }


#portfolio_large				{ display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/pattern.gif); }
#portfolio_large table			{ width: 100%; height: 100%; }
#portfolio_large td				{ text-align: center; vertical-align: middle; font-size: 10px; }
#portfolio_large img			{ border: 1px solid #000000; }

#portfolio_img 					{ margin: -28px 0px 0px 0px; }
#portfolio_img table			{ width: 285px; height: 225px; }
#portfolio_img td				{ text-align: center; vertical-align: middle;}
#portfolio_img img				{ border: 1px solid #FFFFFF; }


.nav							{ text-align: center; }
.nav_2							{ font-size: 14px; }
.nav_3							{ font-size: 18px; }
.nav_4							{ font-size: 14px; }


#artflyer						{ margin: -65px auto 0px auto; width: 724px; }
#artflyer div					{ margin: 0px 0px 0px 20px; width: 95px; height: 65px; cursor: hand; mouse: pointer; }