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

/*
Groen:		#34a699
Grijs: 		#8c8c8e
*/

@font-face 												{ font-family: Segoe UI; font-style: normal; font-weight: normal; src:url(segoe.eot); }

html, body												{ margin: 0px; padding: 0px; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7c7c7c; }

h1														{ color: #868688; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 32px; margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; }
h1 u													{ color: #34a699; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 32px; margin: 0px; font-weight: normal; text-decoration: none; }
h2														{ color: #868688; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 26px; margin: 0px; font-weight: normal; line-height: 1.4em; }
h3														{ color: #34a699; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; margin: 0px; font-weight: normal; line-height: 1.4em; }


img														{ border: 0px; }
table, tr, td											{ vertical-align: top; }
input, textarea											{ width: 400px; }
textarea												{ height: 100px; }
input[type=submit]										{ width: 406px; }
a														{ color: #34a699; }

#container												{ width: 950px; margin: 0px auto 0px auto; background: url(../images/background.jpg) no-repeat center 254px; }
#top													{ height: 80px; }
#header													{ height: 254px; background:url(../images/header.jpg); }

#slideshow												{ position: absolute; }
#logo													{ padding: 40px 0px 0px 0px; }

#font_size												{ float: right; margin: 15px 15px 0px 0px; }

#menu													{ font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; height: 39px; padding: 0px 0px 0px 18px; font-size: 14px; }
#menu ul												{ margin: 0px; padding: 0px; }
#menu ul li												{ list-style: none; float: left; height: 22px; margin: 0px 30px 0px 0px; padding: 22px 0px 0px 10px; border-left: #8c8c8e solid 2px; }
#menu ul li a											{ color: #8c8c8e; text-decoration: none; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; }
#menu ul li a:hover										{ color: #34a699; text-decoration: none; }
#menu ul li.active										{ border-left: #34a699 solid 2px; }
#menu ul li.active a									{ color: #34a699; text-decoration: none; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; }
#menu ul li.active a:hover								{ color: #34a699; text-decoration: underline; }

#right													{ float: right; width: 210px; margin: 0px -290px 0px 0px; padding: 0px 20px 0px 20px; display: inline; }
#right ul												{ margin: 0px; padding: 0px; }
#right ul li											{ list-style: none; margin: 0px 0px 2em 0px; }
#right ul li b											{ font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; }
#right ul li a											{ text-decoration: none; }
#right ul li a:hover									{ text-decoration: underline; }
#right ul li span										{ font-size: 85%; }

#content												{ padding: 50px 270px 0px 30px; line-height: 1.6em; }

#footer													{ clear: both; margin: 3em 0px 1em 0px; color: #666666; font-size: 80%; }
#footer div												{ text-align: right; }
#footer div a											{ color: #666666; text-decoration: none; }
#footer div a:hover										{ text-decoration: underline; }

.more													{ background: #34a699; text-decoration: none; color: #FFFFFF; padding: 3px; font-size: 85%; vertical-align: middle; }
.more:hover												{ text-decoration: none !important; color: #000000; }

.notice													{ margin: 1em 0px 1em 0px; padding: 5px; font-weight: bold; background: #34a699; color: #FFFFFF; }