/* RESET DEFAULT VALUES */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym { border:0;
}
/* END RESET DEFAULT VALUES */

body {
	font: 13px Arial, Helvetica, sans-serif;
	color:#666666;
}
.clear {
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}
#wrap {
}
#wrap #head {
	height: 391px;
	background: #fd7900 url(start_bg.gif) 991px 0 no-repeat;
}
#wrap #head #logo {
	width: 200px;
	height: 391px;
	border-right: 1px #fff solid;
}
#wrap #head #logo #logotext {
	position: absolute;
	top: 35px;
	left: 0;
	width: 152px;
	padding: 220px 24px 0 24px;
	line-height: 140%;
	font-size: 11px;
}
#wrap #head #slide {
	position: absolute;
	top: 0;
	left: 200px;
	height: 391px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
#wrap #head #bg {
	height: 391px;
	width: 700px;
	top: 0;
	left: 980px;
	position:absolute;
	background: transparent url(bg_head.gif) top left repeat-x;
	border-left: 1px #fff solid;
	min-width: 779px;
}
#wrap #head #slide ul {
	list-style: none;
}
#wrap #head #slide ul li {
	float: left;
	display: inline;
	margin-right: 1px;	
	color: #f0cdcd;
}
#wrap #head #slide ul li a {	
	display: block;	
	height: 391px;
	width: 394px;
	cursor: pointer;
}
#wrap #head #slide #a1 {
	width: 394px;
	height: 391px;
}
#wrap #head #slide ul li a.ann {	
	background:url(slide_1.jpg) top left no-repeat;
}
#wrap #head #slide ul li a.archi {	
	background:url(slide_2.jpg) top left no-repeat;
}
#wrap #head #slide ul li img {	
	z-index: 100;
	position: absolute;
	border-left: 1px #fff solid;
}
#wrap #head #breadcrumb {
	background-color: #000;
	height: 20px;
	width: 100%;
	color: #fff;
	position: absolute;
	border-top: 1px #fff solid;
	top: 391px;
	left: 0;
}
#wrap #head #breadcrumb #buttons {
	position: absolute;
	left: 715px;
	text-align: left;
	width: 270px;
}
#wrap #head #breadcrumb #buttons img.button {
	margin: 0 0 0 30px;
}
#wrap #head #breadcrumb #buttons img.zoeken {
	float: right;
}
#wrap #head #breadcrumb #search {
	position: absolute;
	left: 990px;
	width: 400px;
}
#wrap #head #breadcrumb #search span {
	position: absolute;
	left: 155px;
	top: 3px;
	font-size: 11px;
}
#wrap #head #breadcrumb #search span a {
	color: #fff;
}
#wrap #head #breadcrumb #path {
	position: absolute;
	left: 235px;
	width: 550px;
	font-size: 11px;
	color: #999999;
	top: 3px;
}
#wrap #head #breadcrumb #path a {
	color: #fff;
}
#wrap #content {
	margin: 85px 0 65px 235px;
	width: 625px;
	position: relative;
}
#wrap #content span.headline1 {
	letter-spacing: -10px;
	font-size: 26px;
}
#wrap #content p, #wrap #contentwrap #navigation p, #wrap #contentwrap #contentright p {
	line-height: 1.6;
	margin: 0 0 15px 0;
}
#wrap #contentwrap {
	width: 850px;
	position: relative;
	margin: 61px 0 0 0;
}
#wrap #contentwrap #navigation {
	width: 200px;
	float: left;
}
#wrap #contentwrap #navigation #contact {
	border-top: 1px #ccc solid;
	padding: 15px 0 0 45px;
	margin: 40px 0 0 0;
}
#wrap #contentwrap #navigation #contact h4 {
	color: #fd7900;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 15px 0;
}
#wrap #contentwrap #contentright {
	width: 615px;
	float: left;
	padding: 0 0 0 35px;
}
#wrap #contentwrap #contentright img.plainimg {
	border: 3px #fd7900 solid;
	margin: 5px 15px 5px 15px;
}
#wrap #contentwrap #contentright a img.subpic {
	border: 3px #fd7900 solid;
	margin: 0 10px 10px 0;
}
#wrap #contentwrap #contentright a img.subpic:hover {
	border: 3px #000 solid;
}
#wrap #contentwrap #contentright a {
	color: #fd7900;
}
#wrap #contentwrap #contentright h1 {
	margin: 0 0 15px 0;
	color: #FD7900;
	font-size: 22px;
	text-transform:uppercase;
	font-weight: bold;
}
#wrap #content h1 {
	margin: 0 0 15px 0;
	color: #FD7900;
	font-size: 22px;
	text-transform:uppercase;
	font-weight: bold;
}
#wrap #contentwrap #contentright h2 {
	margin: 35px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}
#wrap #contentwrap #contentright #sidebar {
	width: 200px;
	float: right;
	margin: 20px 0 20px 0;
}
#wrap #contentwrap #contentright a img.imgleft {
	display: block;
	border: 1px #999 solid;
	padding: 1px;
	float: left;
	margin: 20px 20px 10px 0;
}
#wrap #contentwrap #contentright a img.imgleft:hover, #wrap #contentwrap #contentright a img.imgright:hover {
	border: 1px #fd7900 solid;
}
#wrap #contentwrap #contentright a img.imgright {
	display: block;
	border: 1px #999 solid;
	padding: 1px;
	float: right;
	margin: 20px 0 10px 20px;
}
#wrap #contentwrap #contentright ul {
	padding: 0 0 0 0;
	margin: 7px 0 20px 0;
	list-style-type: none;
}
#wrap #contentwrap #contentright ul li {
	color: #fd7900;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: transparent url(layer2_active.gif) 0 2px no-repeat;
}
#wrap #contentwrap #contentright ul.download li {
	padding: 0 0 5px 20px;
	background: transparent url(layer2_active.gif) 0 2px no-repeat;
	border-bottom: 1px #EBEBEB solid;
}
#wrap #contentwrap #contentright ul.download li span {
	color: #666;
}
ul#theMenu { 
	width: 200px; 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
}
ul#theMenu li { margin:0 0 7px 0; padding:0; }
ul#theMenu li a {
	color: #666;
	display:block;
	outline: none;
	margin: 0 0 0 0 !important;
	text-decoration: none;
	text-indent: -9999px;
}
ul#theMenu li ul {
	list-style-type: none; 
	margin: 0 0 0 0;
	padding-bottom: 15px;
}
ul#theMenu li ul li {
	padding:0 0 0 30px;
	margin: 9px 0 9px 0;
}
ul#theMenu li ul li a {
	background: transparent url(layer2.gif) top left no-repeat;
	color: #666;
	padding: 0 0 0 17px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-indent: 0px !Important;
}
* html ul#theMenu li ul li a {
	background: transparent url(layer2.gif) 0 2px no-repeat;
}
*+ html ul#theMenu li ul li a {
	background: transparent url(layer2.gif) 0 2px no-repeat;
}
ul#theMenu li ul li a.current {
	background: transparent url(layer2_active.gif) top left no-repeat;
}
* html ul#theMenu li ul li a.current {
	background: transparent url(layer2_active.gif) 0 2px no-repeat;
}
*+ html ul#theMenu li ul li a.current {
	background: transparent url(layer2_active.gif) 0 2px no-repeat;
}
ul#theMenu li ul li ul {
	list-style-type: none; 
	padding-bottom: 0;
}
ul#theMenu li ul li ul li {
	margin: 4px 0 4px 0;
	padding:0 0 0 18px;
}
ul#theMenu li ul li ul li a {
	background: transparent url(layer3.gif) 0 3px no-repeat;
	font-size: 12px;
	text-transform:none;
	text-indent: 0px !Important;
}
ul#theMenu li ul li ul li a.current {
	background: transparent url(layer3_active.gif) 0 3px no-repeat;
}
#theMenu h5.head { 
	padding: 0;
	margin: 0;
}
#theMenu h5.head a, #theMenu h5 a { 
	color: #fff;
	display:block; 
	outline: none;
	margin: 0 0 0 0 !important;
	height: 20px;
	text-indent: -9999px;
}
#theMenu h5.voordelen a { 
	background: transparent url(menu_voordelen.gif) top left no-repeat;
}
#theMenu h5.overstaalkozijn a { 
	background: transparent url(menu_staalkozijn.gif) top left no-repeat;
}
#theMenu h5.producten a { 
	background: transparent url(menu_producten.gif) top left no-repeat;
}
#theMenu h5.logistiek a { 
	background: transparent url(menu_logistiek.gif) top left no-repeat;
}
#theMenu h5.veiligheid a { 
	background: transparent url(menu_veiligheid.gif) top left no-repeat;
}
#theMenu h5.referenties a { 
	background: transparent url(menu_referenties.gif) top left no-repeat;
}
#theMenu h5.downloads a { 
	background: transparent url(menu_downloads.gif) top left no-repeat;
}
#theMenu h5.contact a { 
	background: transparent url(menu_contact.gif) top left no-repeat;
}
#theMenu h5.ontwerp a { 
	background: transparent url(menu_ontwerp.gif) top left no-repeat;
}
#theMenu h5.selected a { 
	background-position: bottom left;
}
ul#theMenu li a.current {
	color: #fd7900;
}

#wrap #contentwrap #contentright #footer {
	margin: 50px 0 50px 0;
	text-align: right;
	font-size: 11px;
	border-top: 1px #EBEBEB solid;
	padding: 7px 0 0 0;
}

.adresinfo {
	position: absolute;
	z-index: 999;
	width: 240px;
	background: #fd7900 url(start_bg.gif) 0 0 no-repeat;
	color: #fff;
	border: 4px #FD7900 solid;
	left: 703px;
	top: -40px;
	padding: 20px;
	color:#fff;
	line-height: 1.6;
}
* html .adresinfo {
	position: absolute;
	z-index: 999;
	width: 240px;
	background: #fd7900 url(start_bg.gif) 0 0 no-repeat;
	color: #fff;
	border: 4px #FD7900 solid;
	top: -40px;
	left: 703px;
	padding: 20px;
	color:#fff;
	line-height: 1.6;
}
*+ html .adresinfo {
	
}

.adresinfo a {
	color: #fff;
	font-style:italic;
}

#wrap #contentwrap #contentright input {
	border: 1px #FE8B1C solid;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
}


/* FORMULAR */
form {
	width: 500px;
}
form fieldset {
	border: none;
}
form legend {
	display: none;
}
form .formblock label {
	float:left;
	width: 175px;
}
form input, form textarea, form select {
	border: 1px #FE8B1C solid;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333; 
	font-size: 1em;
}
form .formblock input.formtext {
	float:right;
	width:275px;
}
form .formblock select.formselect {
	float:right;
	width:281px;
}
form .formblock input.formcheck {
	float:right;
	margin: 0 265px 0 0;
	padding: 2px;
}
form .formblock input.formsubmit {
	float:right;
	width:140px;
	margin: 0 0 0 0;
	background-color: #EBEBEB;
	border: 1px #EBEBEB solid;
	color: #000;
}
form .formblock table {
	float:right;
	width:285px;
}
form input.delete {
	float:right;
	width:140px;
}
form select.text {
	float:right;
	width:275px;
}
form .formblock .formtextfield {
	float:right;
	width:275px;
	height: 90px;
}
form input:hover, form input:focus, form textarea:hover, form textarea:focus {
	border-color: #666;
}
form .formblock {
	clear: both;
	margin: 0 !important;
	padding: 5px 0 5px 0 !important;
	line-height:normal !important;
}
.forminfo {
	border: 1px #bd0000 solid;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
#form-module-thanks {
	
}

#wrap #head #breadcrumb #search input.term {
	height: 16px;
	position: absolute;
	top: 1px;
	left: 0;
	border: 1px #fff solid;
	width: 114px;
	height: 16px;
	padding: 0 3px 0 3px;
}
#wrap #head #breadcrumb #search input.searchgo {
	position: absolute;
	top: 1px;
	left: 123px;
	border: 1px #fff solid;
	background: #fff;
	width: 19px;
	height: 18px;
	padding: 0;
	background: #fff url(search_arrow.gif) -1px 3px no-repeat;
	cursor:pointer;
}
*+ html #wrap #head #breadcrumb #search input.searchgo {
	background: #fff url(search_arrow.gif) 0 4px no-repeat;
	border-width: 0px;
}
input.searchgo:active, input.searchgo:focus, input.searchgo:hover  {
	border-width: 0px;
}
