/* ======================================================== */
/* GLOBAL SETTINGS/ATTRIBUTES                               */
/* ======================================================== */

/* Global White Space Reset */
* {padding: 0; margin: 0;}
html, body {min-width: inherit; margin: 0; padding: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em}

td, th, dl {font: 0.9em Arial, Helvetica, sans-serif;}
p {margin: 0; padding: 0}

dl, ol {}
ul {margin: 0px; padding: 0px;}
a:link, a:active, a:visited {color: #000; text-decoration: underline;}/*00778F*/
a:hover {color: #3366FF; text-decoration: underline}

img {border: none; line-height: 0}
hr {color: #cccccc; background-color: #cccccc; height: 2px; border: 0; margin: 5px 0 20px 0;}
br {clear: left;}

.floatleft 	{float: left}
.floatright {float: right}
.absolute 	{position: absolute}
.relative 	{position: relative}
.clearleft 	{clear: left}
.clearright {clear: right}
.clearboth 	{clear: both}
.clearall 	{clear: all}
.clearer 	{clear: left; line-height: 0; height: 0; margin: 0; padding: 0; font-size: 1px}
.block 		{display: block;}
.inline		{display: inline;}

/* INPUTS / FORMSTUFF */
textarea {}
label {}
legend {font-size:2em}
fieldset {padding: 10px 20px 20px 20px}
input {}
select {}

/* HEADINGS */
h1 {font-size: 3.5em; margin: 0}
	h1 a:link, h1 a:visited, h1 a:active {}
	h1 a:hover {}
h2 {font-size: 3em; margin: 0}
h3 {font-size: 2.5em; margin: 0}
h4 {font-size: 2em; margin: 0}
h5 {font-size: 1.4em; margin: 0}
h6 {font-size: 1em; margin: 0}

/* SIZES */
.xx-large 	{font-size: 400%}
.x-large 	{font-size: 300%}
.large 		{font-size: 215%}
.medium 	{font-size: 155%}
.small 		{font-size: 95%}
.x-small 	{font-size: 90%}
.xx-small 	{font-size: 80%}

/* SPECIAL ATTRIBUTES */ 
.white 		{color: #ffffff}
.black		{color: #000000}
.x-light	{color: #eeeeee}
.light		{color: #999999}
.info		{color: #FFFF99}
.alert		{color: #ff0000} /* rood 	*/
.success	{color: #66CC00} /* groen 	*/
.bold 		{font-weight: bold}
.italic 	{font-style: italic; }

.bg-alert 	{background: #ff0000}
.bg-info	{background: #FFFF99}
.bg-success	{background: #66CC00}


.divider 	{padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #cccccc; height: 5px;}

/* LINE-HEIGHT */
.lh18		{line-height: 18px}
.lh20		{line-height: 20px}
.lh22		{line-height: 22px}
.lh30		{line-height: 30px}

/* WIDTHS */

.w60	{width: 60px;}
.w80	{width: 80px;}
.w100	{width: 100px;}
.w120	{width: 120px;}
.w140	{width: 140px;}
.w200	{width: 200px;}
.w220	{width: 220px;}
.w240	{width: 240px;}
.w260	{width: 260px;}
.w450	{width: 450px;}

/* MARGINS */
/* Margin per side */
.mt-5  {margin-top: 5px}  .mr-5  {margin-right: 5px}  .mb-5  {margin-bottom: 5px}  .ml-5  {margin-left: 5px}
.mt-10 {margin-top: 10px} .mr-10 {margin-right: 10px} .mb-10 {margin-bottom: 10px} .ml-10 {margin-left: 10px}
.mt-15 {margin-top: 15px} .mr-15 {margin-right: 15px} .mb-15 {margin-bottom: 15px} .ml-15 {margin-left: 15px}
.mt-20 {margin-top: 20px} .mr-20 {margin-right: 20px} .mb-20 {margin-bottom: 20px} .ml-20 {margin-left: 20px}
.mt-25 {margin-top: 25px} .mr-25 {margin-right: 25px} .mb-25 {margin-bottom: 25px} .ml-25 {margin-left: 25px}
.mt-30 {margin-top: 30px} .mr-30 {margin-right: 30px} .mb-30 {margin-bottom: 30px} .ml-30 {margin-left: 30px}
.mt-120 {margin-top: 120px} .mr-120 {margin-right: 120px} .mb-120 {margin-bottom: 120px} .ml-120 {margin-left: 120px}
/* Margin for all sides */	
.margin-5 {margin: 5px}	
.margin-10 {margin: 10px}
.margin-15 {margin: 15px}
.margin-20 {margin: 20px}
.margin-25 {margin: 25px}
.margin-30 {margin: 30px}

/* PADDINGS */	
/* Padding per side */
.pt-5  {padding-top: 5px}  .pr-5  {padding-right: 5px}  .pb-5  {padding-bottom: 5px}  .pl-5  {padding-left: 5px}
.pt-10 {padding-top: 10px} .pr-10 {padding-right: 10px} .pb-10 {padding-bottom: 10px} .pl-10 {padding-left: 10px}
.pt-15 {padding-top: 15px} .pr-15 {padding-right: 15px} .pb-15 {padding-bottom: 15px} .pl-15 {padding-left: 15px}
.pt-20 {padding-top: 20px} .pr-20 {padding-right: 20px} .pb-20 {padding-bottom: 20px} .pl-20 {padding-left: 20px}
.pt-25 {padding-top: 25px} .pr-25 {padding-right: 25px} .pb-25 {padding-bottom: 25px} .pl-25 {padding-left: 25px}
.pt-30 {padding-top: 30px} .pr-30 {padding-right: 30px} .pb-30 {padding-bottom: 30px} .pl-30 {padding-left: 30px}	
.pt-40 {padding-top: 40px} .pr-40 {padding-right: 40px} .pb-40 {padding-bottom: 40px} .pl-40 {padding-left: 40px}
.pt-50 {padding-top: 50px} .pr-50 {padding-right: 50px} .pb-50 {padding-bottom: 50px} .pl-50 {padding-left: 50px}
.pt-60 {padding-top: 60px} .pr-60 {padding-right: 60px} .pb-60 {padding-bottom: 60px} .pl-60 {padding-left: 60px}

/* Padding for all sides */
.padding-5 	{padding: 5px}
.padding-10 {padding: 10px}
.padding-15 {padding: 15px}
.padding-20 {padding: 20px}
.padding-25 {padding: 25px}
.padding-30 {padding: 30px}

/* FONTS */
.font-georgia {font-family: Georgia, "Times New Roman", Times, serif}
.font-arial {font-family: Arial, Helvetica, sans-serif}
.font-helvetica-rounded {font-family: "HelveticaRounded Bold"}
.font-verdana {font-family: Verdana, Arial, Helvetica, sans-serif}