/* body dimension and background */
body,
html									{ margin: 0; padding: 0; background: url(../images/background-body.jpg) repeat-x left top #fff; }

/* standard font */
body									{ font-family: Arial, Geneva, sans-serif; font-size: 12px; line-height: 20px; color: #000; }

/* html elements */
p										{ padding: 0; margin: 0 0 10px; }
h1										{ font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; font-weight: normal; line-height: 20px; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }
h2										{ font-family: Georgia, Times New Roman, Times, serif; color: #000; font-size: 20px; font-weight: normal; line-height: 20px; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }
a, img									{ outline: none; border: none; }
a										{ color: #ce7418; font-weight: bold; text-decoration: none; }
a:hover									{ text-decoration: underline; }
div										{ position: relative; z-index: 0; }

/* form elements */
input[type=text],
input[type=password],
textarea								{ background: #fff; border: 1px solid #aaa; padding: 2px; width: 300px; }
input.medium							{ width: 200px; }
input.small								{ width: 100px; }
input.xsmall							{ width: 50px; }
textarea								{ height: 150px; }
button									{ background: #aaa; border: none; color: #fff; padding: 4px; margin: 0 5px 0 0; }

/* common classes */
.clear									{ clear: both; }
.left									{ float: left; }
.right									{ float: right; }
.hidden									{ display: none; }
.smallspan								{ display: block; width: 35px; float: left; }
.last									{ margin: 0!important; }
.catRemark								{ position: relative; margin: 0 0 15px; }

/* alignment */
.header-wrapper,
.menu-wrapper,
.showreel-wrapper,
.body-wrapper							{ width: 960px; margin: 0 auto; }

/* main */
.main-wrapper							{ min-width: 1100px; }

/* ornament */
.letter-ornament						{ position: fixed; width: 61px; height: 100%; background: url(../images/letter-ornament.png) repeat-y left top; top: 0; left: 0; }

/* header */
.header-wrapper							{ height: 160px; background: url(../images/background-header.jpg) no-repeat left top; }
.logo-wrapper							{ position: absolute; top: 20px; left: 20px; }
.address-wrapper						{ position: absolute; top: 20px; right: 20px; font-size: 11px; line-height: 16px; color: #fff; }

/* menu */
.menu-wrapper							{ height: 40px; }
.menu-wrapper ul						{ margin: 0; padding: 0; list-style-type: none; height: 40px; }
.menu-wrapper ul li						{ float: left; height: 40px; line-height: 40px; margin: 0 25px 0 0; }
.menu-wrapper ul li a					{ font-size: 13px; font-weight: normal; color: #000; text-decoration: none; }
.menu-wrapper ul li a.active,
.menu-wrapper ul li a:hover				{ color: #ce7418; }

/* showreel */
.showreel-wrapper						{ height: 282px; background: url(../images/base-showreel.png) no-repeat left top; }
.showreel-big-image						{ width: 390px; height: 250px; margin: 5px 4px 5px 5px; background: url(../images/loader.gif) no-repeat center center #efefef; overflow: hidden; }
.showreel-item-wrapper					{ width: 560px; }
.showreel-item							{ width: 136px; height: 80px; background: url(../images/loader.gif) no-repeat center center #efefef; float: left; margin: 5px 4px 0 0; overflow: hidden; }

/* body */
.body-wrapper							{  }
.submenu-wrapper						{ width: 400px; min-height:10px;}
.submenu-wrapper ul						{ margin: 0; padding: 0; list-style-type: none; width: 200px; }
.submenu-wrapper ul li					{ padding: 2px 0; width: 180px; background: url(../images/list-menu.png) no-repeat right top; }
.submenu-wrapper ul li a				{ color: #000; text-decoration: none; display: block; }
.submenu-wrapper ul li a.active,
.submenu-wrapper ul li a:hover			{ color: #ce7418; }
.content-wrapper						{ width: 560px; text-align: justify; margin: 3px 0 0; }
.content-wrapper .projecten-wrapper		{ text-align: left; margin: 0 0 20px; }

/* contactform */
.contact-form td						{ padding: 3px 0; }

/* images */
.image-small							{ width: 136px; margin: 7px 15px 7px 0;}
.image-medium							{ width: 150px; height: 113px; margin: 10px 20px 7px 5px;}

/* Errors */
.error input, .error textarea 			{border: 1px solid red;}