* {
	margin: 0;
	padding: 0;
}

html, body {
	font: 90%/1.4em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #1e1e1e;
}

body {
	background: url("../layout_images/design/content_bg.png") 50% 0 repeat-y;
}

ol{ margin-left:25px}

a { font-weight: bold;
	text-decoration: none;
	color: #eb5703;
}

a:hover {
    font-weight: bold;
	text-decoration: none;
	color: #1e1e1e;
}

h1 {
    font: 1.3em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #fff;
}

h2 {
    font: 1.4em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #fff;
}

h2 a {
    font: 1.0em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #fff;
}

h3 {
    font: 15px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

ul {
	
}


#wrapper {
background: url("../layout_images/design/header_bg.png") no-repeat;
	width: 916px;
	position: absolute;
	left: 50%;
	margin-left: -458px;
	top: 0;
}


#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: 110px;
}

#header h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 205px;
	height: 92px;
	text-indent: -99999px;
	cursor: pointer;
}

#search_title {
	position: absolute;
	left: 158px;
	top: -22px;
	width: 300px;
	height: 20px;
}

#search {
	position: absolute;
	left: 222px;
	top: 41px;
	width: 300px;
	height: 63px;
}

#search_1 {color: #fff;
	position: absolute;
	left: 0px;
	top: 25px;
	width: 110px;
	height: 30px;
	font-size: 90%;
	font-weight: bolder;
}

#search_1_2 {
	position: absolute;
	left: 80px;
	top: 25px;
	width: 105px;
	height: 30px;
	font-weight: bold;
}

#search_2 {color: #fff;
	position: absolute;
	left: 0px;
	top: 54px;
	width: 105px;
	height: 30px;
	font-size: 90%;
	font-weight: bold;
}

#search_2_2 {
	position: absolute;
	left: 80px;
	top: 55px;
	width: 105px;
	height: 30px;
	font-weight: bold;
}

#search_3 {color: #fff;
	position: absolute;
	left: 205px;
	top: 25px;
	width: 53px;
	height: 30px;
	font-size: 90%;
	font-weight: bold;
}

#search_3_2 {
	position: absolute;
	left: 259px;
	top: 25px;
	width: 103px;
	height: 30px;
}

#search_4 {
	position: absolute;
	left: 222px;
	top: 55px;
	width: 53px;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
}

#search_4_2 {
	position: absolute;
	left: 280px;
	top: 53px;
	width: 105px;
	height: 30px;
}



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 a{color: #fff;
	position: absolute;
	left: 370px;
	top: 0px;
	width: 150px;
	height: 24px;
	font-size: 90%;
}

#search_6 a{color: #fff;
	position: absolute;
	left: 411px;
	top: 62px;
	width: 120px;
	height: 24px;
	font-size: 90%;
}

#search_button {
	position: absolute;
	left: 379px;
	top: 25px;
	width: 131px;
	height: 44px;
}

#skyscraper {
	position: absolute;
	background: url("../layout_images/design/skyscraper_bg.png") no-repeat;
	left: 764px;
	top: 118px;
	width: 136px;
	height: 618px;
	padding: 9px 0px 0px 9px;
}

#banner {
	position: absolute;
	background: url("../layout_images/design/banner_bg.png") no-repeat;
	left: 17px;
	top: 118px;
	width: 747px;
	height: 111px;
	padding: 10px 0px 0px 9px;
}


#content {
	position: absolute;
	left: 0px;
	top: 315px;
	width: 747px;
}

#content_ideal {
	position: absolute;
	left: 0px;
	top: 220px;
	width: 747px;
}

#breadcrumb {
	position: absolute;
	color: #fff;
	left: 19px;
	top: 280px;
	width: 747px;
	height: 38px;
	padding-left: 5px;
      }
	  
#online {
	position: absolute;
	color: #fff;
	left: 350px;
	top: 300px;
	width: 400px;
	height: 38px;
	padding-left: 5px;
      }
	  
#breadcrumblink {
	  color:#fff;
	  text-decoration: underline;
      }

#intro { height: 280px;}

#intro_icons {
	float: left;
	width: 170px; 
	padding-top: 3px;
}
	  
#intro_text {
	float: right;
	width: 520px;
	padding-top: 0px;
}


/* 
  -- menu --
*/


#menu {
    position: absolute;
	left: 18px;
	top: 225px;
	width: 750px;
	height: 38px;
	font-size:110%;
	line-height:normal;
	padding:0px 0px 0px 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 {
     
      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 {

      }

#menu li:hover, #menu li:hover a {
      background-position:0% -42px;
      }
#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_2.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_2.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;
      }

#menu_intro  li:hover, #menu li:hover a {
      background-position:0% -42px;
      }
#menu_intro  li:hover a {
      background-position:100% -42px;
      }

/* 
  -- boxes with rounded corners and  shadow --
*/

.box_info {
 position:relative;
 left: 17px;
 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:6000px; /* 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:6000px;
 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:28px 0px 35px 0px;
 margin-bottom: 10px;
}

.box_info h2 {
 padding-bottom:0px;
}

#footer {
background: #fff url("../layout_images/design/footer_bg.png") no-repeat;
width: 916px;
padding-top: 35px;
font-size:85%; 
line-height:1.4em;
height:100%;
}

#footer_ideal {
background: #fff url("../layout_images/design/footer_bg.png") no-repeat;
width: 916px;
padding-top: 35px;
font-size:85%; 
line-height:1.4em;
height:100%;
min-height: 350px;
}

#menu_advertentie ul {
	margin:0;
	padding:5px 2px 0;
	list-style:none;
}
#menu_advertentie li {
	float: right;
	background:url("../layout_images/design/left_menu_2.png") no-repeat left top;
	margin:0;
	padding:0 0 5px 7px;
}
#menu_advertentie a {
	float: right;
	display:block;
	width:.1em;
	background:url("../layout_images/design/right_menu_2.png") no-repeat right top;
	padding:8px 12px 12px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
}
#menu_advertentie > ul a {
	width:auto;
}