/* =DEFAULTS */
* { margin: 0px; padding: 0px; } /* remove all browser specific default spacing */
body, html { height: 100%; }
body {
	background: #fff;
	color: #000;
	font: normal 62.5%/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif; /* 62.5% makes 1em ~ 10px */
	line-height: 1.4em;
}

h1, h2, h3, h4 {
	color: #202123; 
	font: normal bold 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
h1 { color: #ed1b2d; }
h3, h4, h5, h6 { font-weight: normal; }
h4, h6 {	font-style: italic; }
h4,h5,h6 { color: #5d5e5e; }

img {	border: 0; display: block; }
a { color: #ed1b2d; text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-size: 1.1em; margin: 0 0 1.4em 0; }
ul { font-size: 1.1em; line-height: 2.2em; list-style: none; }

fieldset { border: 0; font-size: 1.1em; }
input, textarea, select { font: normal 1.0em/normal Tahoma, Verdana, Arial, Helvetica, sans-serif; }
option, optgroup { padding-left:3px; }
optgroup option {	padding:0; }
optgroup { font-style:normal; }


/* =GENERAL */
/* =Body backgrounds */
/*.bg_1 { background: #151b1d url(../images/bg.jpg) repeat-x; }*/
.bg_1{ background-color: #777; }

/* =Shadow */
#shadow {
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}
#shadow div {
	background: #000;
	filter: alpha(opacity=20);
	height: 100%;
	margin: auto;
	opacity: .2;
	width: 696px;
}


#meta {
	background: url(../images/meta_bg.gif) repeat-y;
	border-right: 1px solid #585e60;
	border-left: 1px solid #585e60;
	color: #000000; /* #5d5e5e */
	margin:auto;
	min-height:100%;
	position: relative;
	width: 686px;
}


/* =HEAD */
.head { background: #202123; height: 65px; }
.logo {
	background: url(../images/logo_store3d.png) no-repeat;
	height: 58px;
	left: 26px;
	position: absolute;
	top: 0px;
	width: 105px;
}
.logo a { display: block; height: 100%; }


/* =Language select */
.lang {
	/*background: url(../images/lang.gif) repeat-x 0 -160px;*/
	margin-right: 26px;
	padding-bottom: 1px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}
.lang div { float: left; }
.lang .nl a, .lang .uk a, .seperate, .seperate2, .log a { 
	color: #f7f7f7; 
	display: block; 
	font-size: 12px;
	padding-top: 10px;
	/*height: 22px;*/ 
}
.lang .nl a:hover, .lang .uk a:hover, .log a:hover { color: #ed1b2d; }
.lang .nl a { /*background: url(../images/lang.gif) no-repeat 0 -22px; width: 58px;*/ }
.lang .nl a.active {	color: #ed1b2d; /*background-position: 0 -44px;*/ }
.lang .uk a { /*background: url(../images/lang.gif) no-repeat 0 -66px; width: 35px;*/ }
.lang .uk a.active { color: #ed1b2d; /*background-position: 0 -88px;*/ }
.seperate {	/*background: url(../images/lang.gif) no-repeat;*/ width: 15px; }
.seperate2 { /*background: url(../images/lang.gif) no-repeat -15px 0;*/ width: 22px; }
.log a { /*background: url(../images/lang.gif) no-repeat 0 -110px; width: 96px;*/ }
.log a.active { color: #ed1b2d; /*background-position: 0 -132px;*/ }
.UK a { /*background-position: 0 -192px; width: 120px;*/ }

/* =STAGE */
#stage {	padding: 18px 18px 40px 26px; }
#stage p { line-height: 22px; }
.left {
	float: left;
	width: 406px;
}
.right {
	color: #202123;
	float: right;
	width: 186px;
}
.right p{ text-align:right; }
.contact { margin-top: -1.4em; }
.contact td {	font-size: 1.1em; line-height: 22px; }
.right a.text {
	color: #202123;
	display: block;
	text-decoration: none;
}
.clearFloat { clear:both; height:0; }
#meta li a, #meta li a:hover {
	background: url(../images/ul_bullet.gif) no-repeat 0px 10px;
	color: #5d5e5e;
	display: block;
	margin: 0 0 6px 0;
	padding-left: 12px;
	text-decoration: none;
}
.contact a { color: #202123; }
.contact a:hover { color: #ed1b2d; text-decoration: none; }

.werkwijze {
	font-size: 1.1em;
	line-height: 22px;
}

.layer {
	position: absolute;
	margin-top: -100px;
	width: 640px;
}


/* Form elements */
fieldset { color: #000; }
label {
	clear: left;
	display: block;
	float: left;
	width: 100px;
	line-height: 20px;
	margin: 0 6px 0 0;
}
input, select, textarea {
	background: #e7e7e7;
	border: 0;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	margin-bottom: 4px;
}
input {
	height: 17px;
	padding: 3px 3px 0 3px;
	width: 243px;
}
select {	width: 250px; }
textarea { padding: 3px; width: 243px; }
.file { height: 21px; width: 250px; }
.buttonSpacer {
	margin-top: 4px;
	padding-left: 104px;
}
.submit {
	background: url(../images/button_verstuur.gif) no-repeat;
	border: 0;
	display: block;
	height: 22px;
	padding: 0;
	width: 80px;
}
.submit:hover { background-position: 0 -22px; }
.uk .submit { background-position: 0 -44px; }
.uk .submit:hover { background-position: 0 -66px; }
.notValid {
	background: #e9b4b8;
	border-top: 1px solid #dda8ac;
	border-left: 1px solid #dda8ac;
}

/* PROJECTINFO */
.projectInfo p {
	text-transform: uppercase;
	line-height: 1em !important;
}

.projectInfo img {
	margin: 0 0 20px 0;
}

.quote { 
	color: #8f8f92;
	font-style: italic;
}


/* =FOOTER */
#footer {
	background: #202123;
	color: #8f8f92;
	font-size: 1.1em;
	height: 30px;
	margin: -30px auto;
	position: relative;
	width: 686px;
}
#footer table { line-height: normal; margin: 0 auto;/*margin: 0 22px 0 26px;*/ }
#footer table td { padding-top: 7px; }
#footer a { color: #8f8f92; text-decoration: none; }
#footer a:hover { color: #ed1b2d; text-decoration: none; }
#footer strong { color: #fff; }
#footer img { margin: 2px 12px 0 12px; }
#footer img.at { display: inline; margin: 0; }


/* =POPUP */
.popup {
	background: #fff;
	border: 1px solid #8f8f92;
	display: none;
	left: 50%;
	margin: -100px 0 0 -220px;
	position: fixed;
	top: 50%;
	width: 440px;
}
.popup .head {
	background: url(../images/popup_head.gif) no-repeat;
	height: 21px;
	padding-left: 26px;
}
.popup .head h2 { color: #b3b3b3; padding-top: 3px; }
.popup .head .close {
	background: url(../images/close.gif) no-repeat;
	display: block;
	float: right;
	height: 13px;
	margin: 4px 6px 0 0;
	width: 13px;
}
.popup .subhead { background: #ed1b2d; height: auto; }
.popup .subhead h3 { color: #fff; padding: 2px 10px 4px 26px; }
.popup form { padding: 10px 10px 10px 26px; }
.popup form .submit, .popup form .reset {
	background: url(../images/buttons.gif) no-repeat;
	border: 0;
	color: #5e5e5e;
	display: block;
	float: left;
	font-weight: bold;
	height: 19px;
	margin-right: 3px;
	padding: 0 0 0 22px;
	text-align: left;
	width: 117px;
}
.popup form .submit:hover { background-position: 0 -19px; cursor: pointer; }
.popup form .reset { background-position: 0 -38px; }
.popup form .reset:hover { background-position: 0 -57px; cursor: pointer; }