/* 
  -- copyright forswop.com --
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	background: url("../layout_images/design/bg.png") 50% 0 no-repeat;
	margin:0;
	text-align:center;
	font: 90%/1.4em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #1e1e1e;
}
#wrapper {
	position:relative;
	width:886px;
	text-align:left;
	margin:0 auto 0;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #1e1e1e;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #1e1e1e;
}
h2 {
	font: 1.1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3 {
	font: 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.sIFR-active h2 {
	visibility: hidden;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
.sIFR-active h2 {
	font-size: 12px;
	display: block;
}
.sIFR-active h3 {
	visibility: hidden;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
.sIFR-active h3 {
	font-size: 11px;
	display: block;
}
ul {
}
#accessibility {
	text-indent: -99999px;
	display: none;
	position: absolute -1932x -1067px;
}
#zoekbutton {
	background-image: url(../layout_images/design/search_button.png);
	background-repeat: no-repeat;
}
#zoekbutton:hover {
	background-image: url(../layout_images/design/search_button_active.png);
	background-repeat: no-repeat;
}
#header {
	height: 140px;
}
#header h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 205px;
	height: 92px;
	text-indent: -99999px;
	cursor: pointer;
}
#search_title {
	position: absolute;
	left: 0px;
	top: -19px;
	width: 517px;
	height: 20px;
}
#search {
	position: absolute;
	left: 222px;
	top: 41px;
	width: 528px;
	height: 63px;
}
#search_1 {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 110px;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
}
#search_1_2 {
	position: absolute;
	left: 85px;
	top: 25px;
	width: 105px;
	height: 30px;
	font-weight: bold;
}
#search_2 {
	position: absolute;
	left: 0px;
	top: 54px;
	width: 105px;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
}
#search_2_2 {
	position: absolute;
	left: 85px;
	top: 55px;
	width: 105px;
	height: 30px;
	font-weight: bold;
}
#search_3 {
	position: absolute;
	left: 195px;
	top: 25px;
	width: 53px;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
}
#search_3_2 {
	position: absolute;
	left: 290px;
	top: 25px;
	width: 103px;
	height: 30px;
}
#search_4 {
	position: absolute;
	left: 195px;
	top: 55px;
	width: 90px;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
}
#search_4_2 {
	position: absolute;
	left: 290px;
	top: 53px;
	width: 105px;
	height: 30px;
}
#search_button {
	position: absolute;
	left: 399px;
	top: 1px;
	width: 108px;
	height: 24px;
	font-size: 90%;
}
a img#zoek {
	height: 44px;
	width: 103px;
	border-width: 0;
}
a#zoek img {
	background: url("../layout_images/design/search_button.png") top left no-repeat;
}
a#zoek:hover img {
	background: url("../layout_images/design/search_button_active.png") top left no-repeat;
}
#search_5 {
	position: absolute;
	left: 245px;
	top: 1px;
	width: 450px;
	height: 24px;
	font-size: 90%;
}
#search_button {
	position: absolute;
	left: 407px;
	top: 41px;
	width: 131px;
	height: 44px;
}
#skyscraper {
	position: absolute;
	background: url("../layout_images/design/skyscraper_bg.png") no-repeat;
	left: 751px;
	top: 118px;
	width: 136px;
	height: 618px;
	padding: 10px 0px 0px 9px;
}
#banner {
	position: absolute;
	background: url("../layout_images/design/banner_bg.png") no-repeat;
	left: 0px;
	top: 118px;
	width: 747px;
	height: 111px;
	padding: 10px 0px 0px 9px;
}
#content {
	position: absolute;
	left: 0px;
	top: 292px;
	width: 747px;
	height: 102px;
}
#breadcrumb {
	position: absolute;
	left: 0px;
	top: 270px;
	width: 747px;
	height: 38px;
	padding-left: 5px;
}
#intro {
	height: 330px;
}
#intro_icons {
	float: left;
	width: 170px;
	padding-top: 3px;
}
#intro_text {
	float: right;
	width: 520px;
	padding-top: 9px;
}
/* 
  -- menu --
*/

#menu {
	position: absolute;
	left: 0px;
	top: 225px;
	width: 747px;
	height: 38px;
	font-size:110%;
	line-height:normal;
	padding:0px 0px 5px 0px;
}
#menu ul {
	margin:0;
	padding:5px 2px 0;
	list-style:none;
}
#menu li {
	float:left;
	background:url("../layout_images/design/left_menu.png") no-repeat left top;
	margin:0;
	padding:0 0 5px 7px;
}
#menu a {
	float:left;
	display:block;
	width:.1em;
	background:url("../layout_images/design/right_menu.png") no-repeat right top;
	padding:8px 12px 12px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
}
#menu > ul a {
	width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {
	float:none;
}
/* End IE5-Mac hack */
#menu a:hover {
	color:#000;
}
#home #nav-home, #news #nav-news, #products #nav-products, #about #nav-about, #contact #nav-contact {
	background-position:0 -42px;
	border-width:0;
}
#home #nav-home a, #news #nav-news a, #products #nav-products a, #about #nav-about a, #contact #nav-contact a {
	background-position:100% -42px;
	padding-bottom:10px;
	color:#333;
}
#menu li:hover, #menu li:hover a {
	background-position:0% -42px;
	color:#333;
}
#menu li:hover a {
	background-position:100% -42px;
}
/* 
  -- menu intro --
*/

#menu_intro {
	font-size:110%;
	line-height:normal;
	padding:0px 0px 0px 0px;
}
#menu_intro ul {
	margin:0;
	padding:5px 2px 0;
	list-style:none;
}
#menu_intro li {
	float: right;
	background:url("../layout_images/design/left_menu.png") no-repeat left top;
	margin:0;
	padding:0 0 5px 7px;
}
#menu_intro a {
	float: right;
	display:block;
	width:.1em;
	background:url("../layout_images/design/right_menu.png") no-repeat right top;
	padding:8px 12px 12px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
}
#menu_intro > ul a {
	width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_intro a {
	float:none;
}
/* End IE5-Mac hack */
#menu_intro a:hover {
	color:#000;
}
#home #nav-home, #news #nav-news, #products #nav-products, #about #nav-about, #contact #nav-contact {
	background-position:0 -42px;
	border-width:0;
}
#home #nav-home a, #news #nav-news a, #products #nav-products a, #about #nav-about a, #contact #nav-contact a {
	background-position:100% -42px;
	padding-bottom:10px;
	color:#333;
}
#menu_intro li:hover, #menu li:hover a {
	background-position:0% -42px;
	color:#333;
}
#menu_intro li:hover a {
	background-position:100% -42px;
}
/* 
  -- boxes with rounded corners and  shadow --
*/

.box_info {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:740px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#000;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-top:0.5em; /* spacing under box_info */
}
.box_info .content, .box_info .t, .box_info .b, .box_info .b div {
	background: url(../layout_images/design/box_bg.png) no-repeat top right;
}
.box_info .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
}
.box_info .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:3000px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.box_info .b {
	/* bottom */
 position:relative;
	width:100%;
}
.box_info .b, .box_info .b div {
	height:10px; /* height of bottom cap/shade */
	font-size:1px;
}
.box_info .b {
	background-position:bottom right;
}
.box_info .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}
.box_info .hd, .box_info .bd, .box_info .ft {
	position:relative;
}
.box_info .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
 position:static;
	max-height:3000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.box_info h2, .box_info p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding: 5px 0px 5px 0px;
}
.box_info h2 {
	padding-bottom:0px;
}
#footer {
	background:url("../layout_images/design/footer_bg.png") no-repeat;
	padding-top: 9px;
	font-size:85%;
	line-height:1.4em;
}