﻿/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Morgen32
 *  Email                : info @ morgen32.nl
 *	
 *  
 *  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 Morgen32.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/

/*
Colors:
Lichtblauw: 		#60a4d2
Donderblauw:		#415791
*/



html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, small, em, strong, code, img, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
html, body									{ width: 100%; height: 100%; }
body										{ font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; background: url(../images/background/background.jpg) no-repeat bottom left #60a4d2; }

table										{ border-collapse:separate; border-spacing:0; }
caption, th, td								{ text-align:left; font-weight:normal; }
table, td, th								{ vertical-align:top; }

h1											{ font-size: 220%; margin: 0px 0px 0.7em 0px; font-family:Georgia, "Times New Roman", Times, serif; }
h2											{ font-size: 170%; margin: 1em 0px 0.2em 0px; }
h3											{ font-size: 150%; }
p											{ margin: 0px 0px 1em 0px; }
strong										{ font-weight: bold; }
a											{ color: #60a4d2; }

/********************************************
					ID
********************************************/ 

#container									{ min-height: 800px; height: 100% !important; height: 800px; }
#container									{ width: 810px; margin: 0px 0px 0px 140px; }
#header										{ height: 20px; }
#logo										{ position: absolute; top: 20px; left: 690px; }
#menu										{ position: absolute; top: 230px; left: 690px; font-size: 19px; }
#menu ul									{ margin: 0px; padding: 0px; list-style: none; }
#menu ul li									{ margin: 8px 0px 0px 0px; }
#menu ul li a								{ color: #FFFFFF; text-decoration:none; }
#menu ul li a:hover							{ text-decoration: underline; }
#content									{ background: url(../images/background/content.gif) top right no-repeat #FFFFFF; width: 530px; height: 430px; overflow: hidden;  }
#content_text								{ margin: 50px 45px 0px 30px; text-align:justify; line-height: 1.5em; color: #415791; }
#content_text .cloud						{ line-height: 2em; color: #60a4d2; }
#content_text .pretext						{ color: #60a4d2; width: 400px; font-size: 18px; }
#hidden										{ display: none; }
#footer										{ position: absolute; margin: -30px 0px 0px 185px; color:#FFFFFF; }
#footer div ul								{ margin: 0px; padding: 0px; list-style: none; }
#footer div ul li							{ display: inline; margin: 0px 15px 0px 0px; }
#footer div ul li a							{ color: #FFFFFF; text-decoration: none; }
#footer div ul li a:hover					{ text-decoration: underline; }
#footer div ul li img						{ margin: 0px 3px 0px 0px; }

/********************************************
					CLASS
********************************************/ 
.error, .notice, .success					{ padding: 0.8em; margin-bottom: 1em; border: 2px solid; }
.error      								{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     								{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    								{ background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a    								{ color: #8a1f11; }
.notice a   								{ color: #514721; }
.success a  								{ color: #264409; }
