@charset "utf-8";
/*************************
 * - www.ucreation.nl    *
 *************************
 Dit document bevat CSS codering. 
 */

html {
	overflow: -moz-scrollbars-vertical;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
	background: url('../images/body/bgstroke.png');
	background-repeat: repeat;
}
#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url('../images/container/bgstroke.png');
	background-repeat: repeat-x;
	background-position: 0 389px;
}
#container.subpage {
	background-position: 0 62px;
}
#container a {
	color: #226b9e;
	text-decoration: none;
}
#container a:hover {
	text-decoration: underline;
}
#container p {
	margin: 10px 0 10px 0;
	line-height: 16px;
}
#container h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 10px 0;
}
#container img {
	border: none;
}
#container table {
	border-collapse: collapse;
}
#container table .even {
	background-color: #fff;
}
#container table .odd {
}
#container #lightbox table .even {
	background-color: #f5f5f5;
}
#container #lightbox table .odd {
}
#container .right table .even {
	background-color: #f1eeee;
}
#container input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container .clearboth {
	clear: both;
}
#container .view {
}
#container .hidden {
	display: none;
}
#container .underline {
	text-decoration: underline;
}
#container .umedia {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d31f35;
}
#container .umedialogo {
	margin-bottom: -3px;
}
#container .aboutme {
	float: right;
	margin: -10px -40px 20px 30px;
}
#container .absolute {
	position: absolute;
}
#container #lightbox {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 20;
	background: url('../images/lightbox/bgstroke.png');
	background-repeat: repeat;
}
#container #lightbox .box {
	width: 520px;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 150px;
	padding: 15px 25px 1px 25px;
}
#container #lightbox .box table {
	width: 520px;
}
#container #lightbox .box .lightboxlogo {
	float: right;
}
#container #lightbox .box .bottom {
	width: 568px;
	color: #fff;
	background-color: #1F699D;
	border: none;
	padding: 12px 25px 12px 0;
	text-align: right;
	margin: 25px -24px 0 -24px;
	font-weight: bold;
}
#container #header {
	width: 100%;
	min-width: 1001px;
	height: 389px;
	background: url('../images/header/bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
}
#container.subpage #header {
	height: 62px;
	background: url('../images/header/subpage/bgstroke.png');
	background-repeat: repeat-x;
	position: relative;
	z-index: 5;
}
#container #header .alignment {
	width: 1001px;
	height: 389px;
	margin: 0 auto;
	position: relative;
}
#container.subpage #header .alignment {
	height: 62px;
}
#container #header #navigation {
	width: 723px;
	height: 48px;
	margin-left: 37px;
	background: url('../images/navigation/bg.png');
	background-repeat: no-repeat;
	position: relative;
	z-index: 15;
}
#container.subpage #header #navigation {
	float: left;
	margin-left: 22px;
}
#container #header #navigation ul {
	width: 607px;
	height: 45px;
	float: left;
	margin: 0 0 0 16px;
	padding: 0;
	list-style-type: none;
}
#container #header #navigation ul li {
	float: left;
}
#container #header #navigation ul li a {
	width: auto;
	height: 30px;
	display: block;
	padding: 15px 15px 0 15px;
	font-weight: bold;
	color: #323233;
}
#container #header #navigation ul li a:hover {
	background: url('../images/navigation/hover.png');
	background-repeat: repeat-x;
	text-decoration: none;
}
#container #header #navigation ul li.selected a {
	color: #2275b0;
	cursor: auto;
	background: url('../images/navigation/selected.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}
#container #header #navigation .language {
	width: 56px;
	height: 23px;
	float: left;
	margin: 10px 15px 10px 23px;
	border: 1px #adadad solid;
	background: url('../images/navigation/language/bg.png');
	background-repeat: repeat;
}
#container #header #navigation .language:hover {
	border: 1px #858585 solid;
	background: none;
}
#container #header #navigation .language a {
	width: 16px;
	height: 11px;
	display: block;
	float: left;
	padding: 6px;
}
#container #header #navigation .language a.nl {
	background: url('../images/navigation/language/nl.png');
	background-repeat: no-repeat;
	background-position: center center;
}
#container #header #navigation .language a.en {
	background: url('../images/navigation/language/en.png');
	background-repeat: no-repeat;
	background-position: center center;
}
#container #header #navigation .language .selected {
	cursor: auto;
	border: 1px #414141 solid;
	margin: 4px;
	padding: 1px;
}
#container #header .screen {
	width: 194px;
	height: 121px;
	position: absolute;
	top: 94px;
	z-index: 5;
}
#container #header .screen.screen1 {
	background: url('../images/header/screen1.png');
	background-repeat: no-repeat;
	left: 393px;
}
#container #header .screen.screen2 {
	background: url('../images/header/screen2.png');
	background-repeat: no-repeat;
	left: 600px;
}
#container #header .led {
	width: 132px;
	height: 32px;
	position: absolute;
	top: 215px;
}
#container #header .led.led1 {
	background: url('../images/header/led1.png');
	background-repeat: no-repeat;
	left: 425px;
}
#container #header .led.led2 {
	background: url('../images/header/led2.png');
	background-repeat: no-repeat;
	left: 630px;
}
#container #header #logo {
	width: 223px;
	height: 138px;
	display: block;
	background: url('../images/header/logo.png');
	background-repeat: no-repeat;
	margin: 82px 0 0 74px;
}
#container.subpage #header #logo {
	width: 187px;
	height: 20px;
	background: url('../images/header/subpage/logo.png');
	background-repeat: no-repeat;
	margin: 26px 0 0 46px;
	float: left;
}
#container.subpage #header #logo.projectlogo {
	margin-top: 10px;
}
#container.subpage #header .projectname {
	width: 300px;
	position: absolute;
	z-index: 1000;
	top: 33px;
	left: 46px;
	font-size: 15px;
}
#container #header #identifier {
	display: none;
}
#container #header #colorpallet {
	width: 85px;
	height: 107px;
	position: absolute;
	z-index: 10;
	left: 675px;
	top: -39px;
	display: none;
}
#container.subpage #header #colorpallet {
	left: 893px;
}
#container #header #colorpallet .background {
	width: 85px;
	height: 107px;
	background: url('../images/colorpallet/bg.png');
	background-repeat: no-repeat;
}
#container #header #colorpallet .background .colors {
	width: 61px;
	height: 68px;
	padding: 14px 12px 2px 12px;
}
#container #header #colorpallet .background .colors ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#container #header #colorpallet .background .colors ul li {
	float: left;
}
#container #header #colorpallet .background .colors ul li img {
	cursor: pointer;
	border: 1px #fff solid;
	margin: 1px;
}
#container #header #colorpallet .background .colors ul li img:hover {
	border: 1px #e1e1e1 solid;
}
#container #header #colorpallet .background .text {
	width: 85px;
	height: 20px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding-top: 3px;
	cursor: pointer;
}
#container #header #colorpallet .background .text:hover {
	color: #e3e3e3;
}
#container.subpage #header #logo.admin {
	background: url('../images/header/admin/logo.png');
	background-repeat: no-repeat;
}
#container .glow {
	width: 100%;
	min-width: 1001px;
	height: 57px;
	background: url('../images/glow/bg.png');
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 2;
}
#container #content {
	width: 932px;
	margin: 0 auto;
	margin-top: -57px;
	padding: 0 0 15px 20px;
	position: relative;
}
#container #content .left {
	width: 633px;
	float: left;
}
#container #content .left .top {
	width: 633px;
	background: url('../images/content/box/top.png');
	background-repeat: no-repeat;
	padding-top: 14px;
	margin-top:15px;
}
#container #content .left .box {
	width: 573px;
	background: url('../images/content/box/bg.png');
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 20px 30px 10px 30px;
}
#container #content .left .box .title, #container #lightbox .title {
	color: #1f699d;
	font-size: 16px;
}
#container #content .left .top .box {
	padding-top: 6px;
}
#container #content .left .box.portfolio {
	width: 633px;
	padding: 34px 0 0 0;
}
#container #content .left .box.portfolio .psystem {
	float: right;
	margin: 8px 13px 2px 0;
	text-align: right;
}
#container #content .left .box.portfolio .psystem a {
	height: 16px;
	width: 17px;
	display: block;
	background: url('../images/pages/number/bg.png');
	background-repeat: no-repeat;
	color: #fff;
	margin-right: 3px;
	border: 1px #1e67a6 solid;
	text-align: center;
	padding: 1px 0 0 0;
	float: left;
}
#container #content .left .box.portfolio .psystem a:hover {
	background: url('../images/pages/number/bg_hover.png');
	background-repeat: no-repeat;
}
#container #content .left .box.portfolio .psystem a.selected {
	background: url('../images/pages/number/selected.png');
	background-repeat: no-repeat;
	border: 1px #000 solid;
	text-decoration: none;
	cursor: auto;
}
#container #content .left .top .box.portfolio {
	padding-top: 8px;
}
#container #content .left .box.portfolio .item {
	width: 601px;
	height: 117px;
	margin: 0 16px 0 16px;
	padding-bottom: 9px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
#container #content .left .box.portfolio .item img {
	position: absolute;
	left: 0;
	top: 0;
}
#container #content .left .box.portfolio .item .title {
	position: absolute;
	bottom: 26px;
	left: 14px;
	z-index: 2;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 13px;
}
#container #content .left .box.portfolio .item .itemview {
	width: 131px;
	height: 45px;
	position: absolute;
	top: 2px;
	right: 18px;
}
#container #content .left .box.portfolio .item .itemview span {
	width: 131px;
	height: 29px;
	display: block;
	background: url('../images/content/portfolio/view.png');
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 16px 0 0 0;
}
#container #content .left .bar {
	width: 573px;
	height: 31px;
	color: #fff;
	padding: 27px 30px 0 30px;
	display: block;
	background: url('../images/content/box/bottom.png');
	background-repeat: no-repeat;
	background-position: top;
	font-weight: bold;
}
#container #content .left input.bar {
	width: 633px;
	height: 58px;
	border: none;
	cursor: pointer;
	text-align: right;
	padding: 10px 30px 0 30px;
}
#container #content .left a.bar:hover, #container #content .left input.bar:hover {
	background: url('../images/content/box/bottom.png');
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
}
#container #content .left table {
	width: 573px;
}
#container #content .left .dataform td, #container #lightbox .dataform td {
	padding: 4px 0 4px 0;
}
#container #content .left .dataform .description, #container #lightbox .dataform .description {
	vertical-align: top;
	padding: 8px 0 0 10px;
}
#container #content .left .dataform .description strong, #container #lightbox .dataform strong {
	color: #000;
	margin: 0 1px 0 1px;
}
#container #content .left .dataform .input, #container #lightbox .dataform .input {
	width: 458px;
}
#container #content .left .dataform .input input, #container #content .left .contact .input textarea, #container #lightbox .dataform .input input {
	width: 200px;
	border: 1px #d1d1d1 solid;
	padding: 3px;
	background-color: #fff;
	color: #000;
}
#container #content .left .dataform .input input:focus, #container #content .left .contact .input textarea:focus, #container #lightbox .dataform .input input:focus {
	color: #105485;
	border: 1px #1f699e solid;
}
#container #content .dataform .input input.captcha {
	width: 65px;
	text-align: center;
}
#container #content .dataform .captchaimg {
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	float: left;
	height: 21px;
	margin: 0 13px 0 0;
	overflow: hidden;
	width: 120px;
}
#container #content .dataform .captchaimg .renew {
	background: url("../images/captcha/renew.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	width: 20px;
	background-position: top;
}
#container #content .dataform .captchaimg .renew:hover {
	background-position: bottom;	
}
#container #content .left .dataform .input textarea, #container #lightbox .dataform .input textarea {
	width: 440px;
	height: 100px;
	margin-right: 10px;
}
#container #content .left #messageboxidentifier {
	display: none;
}
#container #content .left .messagebox {
	width: 258px;
	height: 92px;
	position: absolute;
	left: -100px;
	top: -220px;
	z-index: 4;
	display: none;
}
#container #content .left .messagebox p {
	margin: 0;
}
#container #content .left .messagebox p span {
}
#container #content .left .messagebox .background {
	width: 223px;
	height: 77px;
	background: url('../images/content/contact/message.png');
	background-repeat: no-repeat;
	padding: 15px 15px 0 20px;
}
#container #content .right {
	width: 285px;
	float: right;
}
#container #content .right .top {
	width: 285px;
	background: url('../images/content/right/box/top.png');
	background-repeat: no-repeat;
	padding-top: 14px;
	margin-top: 15px;
}
#container #content .right .box {
	width: 225px;
	background: url('../images/content/right/box/bg.png');
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 20px 30px 10px 30px;
}
#container #content .right .box .contactdata {
	width: 100%;
}
#container #content .right .box .contactdata td {
	padding: 6px;
	text-align: right;
}
#container #content .right .box .contactdata td.description {
	font-weight: bold;
	text-align: left;
}
#container #content .right .top .box {
	padding-top: 6px;
}
#container #content .right .box .title {
	color: #000;
	font-size: 16px;
}
#container #content .right .bar {
	width: 225px;
	height: 30px;
	color: #fff;
	padding: 27px 30px 0 30px;
	display: block;
	background: url('../images/content/right/box/bottom.png');
	background-repeat: no-repeat;
	background-position: top;
	font-weight: bold;
}
#container #content .right input.bar {
	width: 285px;
	height: 58px;
	border: none;
	cursor: pointer;
	text-align: right;
	padding: 10px 30px 0 30px;
}
#container #content .right a.bar:hover, #container #content .right input.bar:hover {
	background: url('../images/content/right/box/bottom.png');
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
}
#container #content .right .domains {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container #content .right .domains li.even {
	background-color: #ececec;
}
#container #content .right .domains li.even:hover {
	background-color: #e4e4e4;
}
#container #content .right .domains li.odd {
	background-color: #fff;
}
#container #content .right .domains li a {
	width: 217px;
	display: block;
	color: #000;
	padding: 4px 4px 4px 4px;
	position: relative;
}
#container #content .right .domains li a span {
	padding-right: 8px;
}
#container #content .right .domains li a span.pagerank {
	position: absolute;
	right: 4px;
	color: #226B9E;
	padding-right: 0;
}
#container #content .right .domains li a:hover {
	color: #226B9E;
	text-decoration: none;
}
#container #content .right ul {
	padding: 0 0 0 18px;
}
#container #content .right ul li {
	padding: 1px 0 1px 0;
}
#container #content .left .box .sitemap {
	padding: 0 0 0 20px;
}
#container #content .left .box .sitemap li {
	padding: 0;
}
#container #content .left .box .sitemap .domains {
	padding: 0 0 0 15px;
}
#container #content .left .box .sitemap .domains li {
	padding: 0;
}
#container .admin {
	width: 353px;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 130px;
}
#container .admin .top {
	width: 353px;
	background: url('../images/content/admin/top.png');
	background-repeat: no-repeat;
	padding-top: 14px;
	margin-top: 15px;
}
#container .admin .box {
	width: 293px;
	background: url('../images/content/admin/bg.png');
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 20px 30px 10px 30px;
}
#container .admin .top .box {
	padding-top: 6px;
}
#container .admin .box .title {
	color: #1f699d;
	font-size: 16px;
	text-align: left;
}
#container .admin .bar {
	width: 293px;
	height: 32px;
	color: #fff;
	padding: 27px 30px 0 30px;
	display: block;
	background: url('../images/content/admin/bottom.png');
	background-repeat: no-repeat;
	font-weight: bold;
}
#container .admin input.bar {
	width: 353px;
	height: 58px;
	border: none;
	cursor: pointer;
	text-align: right;
	padding: 10px 30px 0 30px;
}
#container .admin a.bar:hover, #container .admin input.bar:hover {
	background: url('../images/content/admin/bottom_hover.png');
	background-repeat: no-repeat;
	text-decoration: none;
}
#container .admin table {
	width: 293px;
}
#container .admin td {
	padding: 4px 0 4px 0;
}
#container .admin .description {
	vertical-align: top;
	padding: 8px 0 0 10px;
}
#container .admin .description strong {
	color: #000;
	margin: 0 1px 0 1px;
}
#container .admin .input {
	width: 158px;
}
#container .admin .input input {
	width: 190px;
	border: 1px #d1d1d1 solid;
	padding: 3px;
	background-color: #fff;
	color: #000;
	margin-right: 10px;
}
#container .admin .input input:focus {
	color: #105485;
	border: 1px #1f699e solid;
}
#container #content .left #portfoliotable .box .itemname {
	width: 265px;
}
#container #content .left #portfoliotable td {
	padding: 4px;
}
#container #content .left #portfoliotable .box .en {
	width: 20px;
}
#container #content .left #portfoliotable .box .views {
	width: 50px;
}
#container #content .left #portfoliotable .box .options {
	width: 180px;
}
#container #content .left #portfoliotable .box .sorteer {
	cursor: pointer;
}
#container #content .left #portfoliotable .box .umediatd {
	text-align: center;
}
#container #content .left .box .addtable {
	width: 100%;
}
#container #content .left .box .addtable td {
	padding: 4px;
}
#container #content .left .box .addtable .left {
	width: 119px;
}
#container #content .left .box .addtable .left td {
	vertical-align: middle;
}
#container #content .left .box .addtable .right {
	width: 432px;
}
#container #content .left .box .addtable .right input, textarea, select {
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	color: #000000;
	padding: 3px;
}
#container #content .left .box .addtable .right .textinput {
	width: 200px;
}
#container #content .left .box .addtable .right .selectbox {
	width: 207px;
	padding: 1px;
}
#container #content .left .box .addtable .right .textinput:focus, .textarea:focus, .selectbox:focus {
	color: #105485;
	border: 1px #1f699e solid;
}
#container #content .left .box .addtable .right .textarea {
	height: 100px;
	margin-right: 10px;
	width: 430px;
}
#container #content .left .box .refviewtable {
	width: 100%;
}
#container #content .left .box .refviewtable td {
	padding: 4px;
}
#container #content .left .box .refviewtable .en {
	width: 20px;
}
#container #content .left .box .refviewtable .itemname {
	width: 125px;
}
#container #content .left .box .refviewtable .message {
	width: 280px;
}
#container #content .left .box .refviewtable .options {
	width: 130px;
}
#container #content .left .box .refviewtable .display {
	text-align: center;
}
#container #content .left #domaintable td {
	padding: 4px;
}
#container #content .left #domaintable .box .pagerank {
	width: 80px;
}
#container #content .left #domaintable .box .year {
	width: 60px;
}
#container #content .left #domaintable .box .options {
	width: 180px;
}
#container #content .left #domaintable .box .sorteer {
	cursor: pointer;
}
#container #content .left #domaintable .box .display {
	text-align: center;
	width: 75px;
}
#container #content .left .domainstable td, #container #content .left .referencestable td {
	padding: 8px;
}
#container #content .left .domainstable .description {
	background-color: #e5e5e5;
	color: #000;
	font-weight: bold;
}
#container #content .left .resetbutton {
	width: 100px;
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	border: 1px #FFF solid;
	background-color: #2e2e2e;
}
#container #content .left .resetbutton:hover {
	text-decoration: none;
	color: #E3E3E3;
}
#container #content #message .top {
	width: 433px;
	background: url('../images/message/top.png');
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 14px;
	margin-top: 55px;
}
#container #content #message .box {
	width: 373px;
	background: url('../images/message/bg.png');
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 20px 30px 10px 30px;
}
#container #content #message .top .box {
	padding-top: 6px;
}
#container #content #message .box .title {
	color: #000;
	font-size: 16px;
}
#container #content #message .bar {
	width: 373px;
	height: 34px;
	color: #fff;
	padding: 25px 30px 0 30px;
	display: block;
	font-weight: bold;
}
#container #content #message.red .title {
	color: #b60808;
}
#container #content #message.green .title {
	color: #a8b22a;
}
#container #content #message.red .bar {
	background: url('../images/message/red/bottom.png');
	background-repeat: no-repeat;
}
#container #content #message.green .bar {
	background: url('../images/message/green/bottom.png');
	background-repeat: no-repeat;
}
#container #content #message input.bar {
	width: 285px;
	height: 58px;
	border: none;
	cursor: pointer;
	text-align: right;
	padding: 8px 30px 0 30px;
}
#container #content #message.red a.bar:hover, #container #content #message.red input.bar:hover {
	background: url('../images/message/red/bottom_hover.png');
	background-repeat: no-repeat;
	text-decoration: none;
}
#container #content #message.green a.bar:hover, #container #content #message.green input.bar:hover {
	background: url('../images/message/green/bottom_hover.png');
	background-repeat: no-repeat;
	text-decoration: none;
}
#container #project {
	margin: 0 auto;
	margin-top: -35px;
	text-align: center;
}
#container #project .downloadfolder {
	width: 930px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-left: 20px;
}
#container #project .downloadfolder h1 {
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	margin: 7px 0 10px 0;
}
#container #project .downloadfolder table {
	width: 930px;
	border: 1px #181c27 solid;
	background-color: #fff;
}
#container #project .downloadfolder td {
	text-align: left;
	padding: 5px;
}
#container #project .downloadfolder tr.odd {
	background-color: #fbfbfb;
}
#container #project .itemname {
	font-size: 16px;
}
#container #project .item {
	margin: 10px 0 50px 0;
}
#container #project .item img {
	border: 1px #afafaf solid;
}
#container #project .fould {
	font-size: 14px;
	color: #900;
	padding: 60px 0 60px 0;
	display: block;
}
#container #footer {
	width: 946px;
	height: 35px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 6px;
}
#container #footer .copyright {
	margin: 0;
	float: left;
	padding-left: 20px;
}
#container #footer .links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	margin-right: -10px;
}
#container #footer .links li {
	float: left;
}
#container #footer .links li a {
	display: block;
	padding: 0 10px 0 10px;
	color: #000;
}
#container #footer .links li a.top {
	cursor: pointer;
}
#container #footer .links li.selected a {
	cursor: auto;
	color: #2275b0;
	font-weight: bold;
}
#container #footer .links li.selected a:hover {
	text-decoration: none;
}