body {
  margin: 0;
  font-family: arial, tahoma, sans-serif;
  font-size: 11px;
  background: url('gfx/body_bg.gif') repeat-x center 94px;
  color: #333;
}
form {
  margin: 0;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
td {
  padding: 0;
  vertical-align: top;
}
th {
	text-align: left;
}
ul, li {
  text-indent: 0;
}
a {
  color: #095ba6;
}
h1, h2 {
  font-family: 'trebuchet ms', tahoma, arial;
  margin: 0;
  margin-bottom: 10px;
}
h1 {
  font-size: 22px;
  margin: 0;
  margin-bottom: 10px;
  color: #095ba6;
  letter-spacing: -1px;
}
h2 {
  font-size: 18px;
  color: #337aba;
}
h2 a {
	text-decoration: none;
	font-weight: normal;
}
h3 {
  font-size: 14px;
  color: #337aba;
  letter-spacing: -1px;
}
p {
	margin-top: 0;
}
em {
	color: #337aba;
}
div.spacer {
	clear: both;
  line-height: 1px;
  height: 1px;
  font-size: 1px;
}
a.more {
  display: block;
  background: url('gfx/bullet_more.gif') no-repeat left center;
  padding-left: 18px;
  line-height: 23px;
  margin-top: 4px;
  color: #095BA6;
}
a.back {
  display: block;
  background: url('gfx/bullet_back.gif') no-repeat left center;
  padding-left: 18px;
  line-height: 23px;
  margin-top: 8px;
}
div#mainContainer {
  width: 1002px;
  border: 1px solid #c7c7c7;
  border-top: 0;
  margin: auto;
  position: relative;
  background-color: #fff;
}
div#header {
  height: 94px;
  position: relative;
}
div#header div#contact {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 250px;
  height: 85px;
  color: #007ac3;
  font-size: 11px;
}
div#header div#contact td {
  vertical-align: middle;
  padding: 3px;
  border-bottom: 1px dotted #007ac3;
}
img#logo {
  position: absolute;
  top: 10px;
  left: 15px;
}
div#topmenuDiv {
  position: relative;
}
div#mainMenu {
  position: relative;
  z-index: 1000;
  background: #d2d2d2 url('gfx/main_menu_bg.gif') repeat-x center;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #fff;
}
div#mainMenuBgDiv {
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  z-index: 1300;
  width: 100%;
  height: 240px;
  background: url('gfx/nav_bg.png') no-repeat center bottom;
  text-align: left;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  border-bottom: 2px solid #095ba6;
}
/* TOP NAV MENU */
#nav {
  margin: 0 auto;
  position: relative;
  z-index: 1500;
  /*height: 50px;*/
}

/* main level items */
#nav a {
  color: #404040;
  font-size: 14px;
  padding: 7px 16px;
  line-height: 30px;
  text-align: left;
  margin-right: 55px;
  text-decoration: none;
}

#nav a:hover,
#nav a.active {
  color: #fff;
  background: #ea6d0e url('gfx/main_menu_bg_hover.gif') repeat-x center center;
}

/* deeper nav level items */
#nav .navLevel a {
  display: block;
  width: 166px; /* width - own padding - padding of #nav .navLevel */
  font-size: 11px;
  color: #333;
  text-transform: none;
  padding: 1px 4px 1px 10px;
  margin-right: 0;
  line-height: 16px;
  border: none;
}

#nav .navLevel a:hover {
  color: #fff;
  background-color: #0052a5;
}

#nav .navLevel a.active {
  background-color: #006285;
  color: #fff;
}

#nav .navLevel a.hasChilds {
  background-image: url('gfx/bullet_arrow_right.gif');
  background-position: center right;
  background-repeat: no-repeat;
}

/* second level items */
#nav .navLevel {
  display: none;
  width: 180px;
  padding: 5px 0 0 10px;
  position: absolute;
  margin: 0px;
  top: 47px;
  left: 0px;
  line-height: 16px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#topNav {
  height: 130px;
}

/* Frisobouwgroep */
div.company1 {
	background: url('gfx/header_frisobouwgroep.jpg') no-repeat center center;
	border-bottom: 5px solid #fe7018;
}
/* Home achtergrond */
div.background_1 {
	background: url('gfx/submenu_frisobouwgroep.jpg') no-repeat center center;
}
/* Renovatie achtergrond */
div.background_7 {
	background: url('gfx/header_renovatie.jpg') no-repeat center center;
}
/* Renovatie achtergrond */
div.background_6 {
	background: url('gfx/header_verbouw.jpg') no-repeat center center;
}
/* Service & onderhoud */
div.background_8 {
	background: url('gfx/header_service.jpg') no-repeat center center;
}
/* Achtergrond nieuwbouw */
div.bg5 {
	background: url('gfx/bg_nieuwbouw.jpg') no-repeat center center;
	border-bottom: 5px solid #fe7018;
}
/* Achtergrond organisatie */
div.background_17,
div.background_18,
div.background_19,
div.background_20
{
	background: url('gfx/header_organisatie.jpg') no-repeat center center;
}
/* Vacatures */
div.background_21,
div.background_67,
div.background_68
{
	background: url('gfx/header_vacatures.jpg') no-repeat center center;
}
/* Contact */
div.background_25 {
	background: url('gfx/header_contact.jpg') no-repeat center center;
}
/* Contact */
div.background_12 {
	background: url('gfx/header_nieuws.jpg') no-repeat center center;
}

/* Frisplan */
div.company2 {
	background: url('gfx/submenu_frisoplan.jpg') no-repeat center center;
	border-bottom: 5px solid #fe7018;
}

/* JJdevries */
div.company4 {
	background: url('gfx/header_jjdevries.jpg') no-repeat center center;
	border-bottom: 5px solid #fe7018;
}
div.background_4 {
	background: url('gfx/submenu_jjdevries.jpg') no-repeat center center;
}
div.background_30 {
	background: url('gfx/header_civiel.jpg') no-repeat center center;
}
div.background_31 {
	background: url('gfx/header_industrie.jpg') no-repeat center center;
}
div.company4 a#nav_30,
div.company4 a#nav_31,
div.company4 a#nav_32
{
	width: 323px;
	padding-top: 105px;
	height: 25px;
}

/* Schipper en Meijerink */
div.company111 {
	background: url('gfx/header_sm.jpg') no-repeat center center;
}
div.background_111 {
	background: url('gfx/submenu_sm.jpg') no-repeat center bottom;
}
div.company111 a#nav_112,
div.company111 a#nav_113,
div.company111 a#nav_114,
div.company111 a#nav_115
{
	width: 240px;
	padding-top: 105px;
	height: 25px;
}
div.background_112 {
	background: url('gfx/header_verbouw_woning.jpg') no-repeat center bottom;
}
div.background_113 {
	background: url('gfx/header_nieuwbouw_woning.jpg') no-repeat center bottom;
}
div.background_115 {
	background: url('gfx/header_renovatie_sm.jpg') no-repeat center bottom;
}
div.background_118 {
	background: url('gfx/header_renovatie_sm.jpg') no-repeat center bottom;
}
div.background_120 {
	background: url('gfx/header_geschiedenis_sm.jpg') no-repeat center bottom;
}
div.background_122 {
	background: url('gfx/header_nieuws.jpg') no-repeat center bottom;
}
div#topNav a {
	float: left;
	width: 132px;
	height: 35px;
	padding-top: 95px;
	padding-left: 10px;
	color: #fff;
	font-family: 'trebuchet ms', tahoma, arial;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}
div#leftNav {
  float: left;
  width: 615px;
  margin-top: 10px;
  background: url('gfx/bg_block.gif') repeat-x;
  padding: 15px;
  margin-left: 10px;
	display: inline;
}
div#breadCrumb {
	margin-bottom: 10px;
	color: #404040;
}
div#breadCrumb a {
	color: #404040;
	text-decoration: none;
}
div#rightNav {
  float: right;
  width: 325px;
  margin-top: 10px;
  margin-right: 10px;
	display: inline;
}
div#searchBlock {
  height: 60px;
  background: url('gfx/bg_block.gif') repeat-x;
  padding: 15px;
}
input.searchSubmit, input.btnLogin {
  background-color: #fe7018;
	border: 0;
	color: #fff;
	height: 23px;
	cursor: pointer;
}
div#newsBlock {
  background: url('gfx/bg_block.gif') repeat-x;
  padding: 15px;
}
div#footer {
  clear: both;
  height: 25px;
  line-height: 38px;
  padding: 0 10px;
  text-align: right;
  color: #fff;
  margin: 20px 0;
}
div#footer a {
  margin: 0 2px;
}

/*### Projects Home ###*/
div#projectsHome {
  clear: both;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  height: 300px;
  margin-top: 20px;
}

div#projectsHome ul.tab-menu {
  float: right;
  width: 335px;
  height: 300px;
  background-color: #095ba6;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
div#projectsHome ul.tab-menu li {
  padding: 10px;
	padding-top: 20px;
  font-size: 18px;
	letter-spacing: -1px;
  font-family: 'trebuchet ms', tahoma, arial;
  height: 61px;
  border-bottom: 2px dotted #fff;
  background-color: #337aba;
}
div#projectsHome ul.tab-menu li a {
  color: #c4e1ef;
  text-decoration: none;
}
div#projectsHome ul.tab-menu li span.contracter {
	display: block;
	font-size: 12px;
	color: #c4e1ef;
	letter-spacing: 0;
	font-family: arial, tahoma, sans-serif;
}
div#projectsHome ul.tab-menu li.tab-selected {
  background-color: #fff;
}
div#projectsHome ul.tab-menu li.tab-selected a {
  color: #007ac3;
}
div#projectsHome ul.tab-menu li.tab-selected span.contracter
{
	color: #666666;
}
div#projectsHome div.tab-wrapper {
  float: left;
  width: 667px;
}
div#projectsHome div.tab-container {
  height: 300px;
  background-repeat: none;
  background-position: center center;
  position: relative;
}
div#projectsHome div.tab-container div.info {
  position: absolute;
  bottom: 0;
  left: 100px;
  height: 160px;
  width: 255px;
  padding: 10px;
  color: #fff;
  border: 3px dotted #fe7018;
  border-bottom: 0;
}
div#projectsHome div.tab-container div.info h3 {
  font-size: 14px;
	color: #fff;
	margin: 0;
}
div#projectsHome div.tab-container div.info a {
	color: #fff;
}
div#projectsHome div.tab-container div.transBg {
  position: absolute;
  bottom: 0;
  left: 103px;
  height: 180px;
  width: 275px;
  background-color: #fe7018;
  border-bottom: 0;
  filter:alpha(opacity=94);
  -moz-opacity:.94;
  opacity:.94;
}

div#projectsHome div.tab-container div.arrowBg {
  position: absolute;
  top: 0;
  right: 0px;
  height: 300px;
  width: 46px;
  background-image: url('/gfx/projecten/tab_arrow.png');
  _background-image: url('/gfx/projecten/tab_arrow.gif');
  background-repeat: no-repeat;
}
div#projectsContainer {
  position: relative;
}
div#projectsContainer a.projectsMore {
  display: block;
  position: absolute;
  bottom: 4px;
  right: 10px;
  color: #fff;
  text-decoration: none;
}
div#projectsContainer h2 {
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  color: #fff;
  background-color: #095ba6;
  padding: 6px;
  padding-left: 20px;
  width: 230px;
  z-index: 10;
}

/* News */
div.pagingMenu {
	clear: both;
	height: 25px;
}
div.newsMessage {
	position: relative;
	border-bottom: 1px dotted #095ba6;
	padding: 15px 0;
}
div.newsMessage h2 {
	margin: 0;
	background: url('gfx/bullet_square_open.gif') no-repeat left center;
	padding-left: 20px;
}
div.newsMessage div.date {
	position: relative;
	float: left;
	width: 70px;
	height: 45px;
	border: 1px solid #c7c7c7;
	font-family: sans-serif;
	font-size: 30px;
	color: #545454;
	padding-top: 30px;
	text-align: center;
}
div.newsMessage div.date div.month {
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: -2px;
	left: -2px;
	height: 24px;
	line-height: 24px;
	width: 72px;
	text-align: center;
	background: url('gfx/bg_date.gif') repeat-x;
}

/* Projecten */
div.project {
	float: left;
	width: 460px;
	height: 160px;
	margin-left: 30px;
	margin-bottom: 20px;
	display: inline;
}
div.project a {
	text-decoration: none;
}
div.img {
	float: left;
	width: 180px;
	height: 115px;
	border: 1px solid #c8c8c8;
	overflow: hidden;
}
div.project div.content {
	float: right;
	width: 258px;
}
div.project div.content table th,
#tenderInfo th {
	color: #6f6f6f;
	line-height: 23px;
	border-bottom: 1px solid #c8c8c8;
	width: 46%;
	padding: 0 4px;
}
div.project div.content table td,
#tenderInfo td {
	line-height: 23px;
	border-bottom: 1px solid #c8c8c8;
	width: 54%;
	padding: 0 4px;
}

/* Projecten Nav */
div.projectsNav {
	border-top: 1px solid #c8c8c8;
	color: #5F5F5F;
	padding: 2px 6px 2px 10px;
	margin: 10px 20px 20px 20px;
	line-height: 25px;
}
div.num {
	margin-left: 20px;
	float: right;
	width: 200px;
	text-align: right;
}
div.pages {
	float: left;
	width: 400px;
	margin-top: 4px;
}
div.pages a {
	float: left;
	width: 17px;
	margin-right: 4px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	background-color: #f0f5fa;
	text-decoration: none;
}
div.pages a.activePage {
	color: #fff;
	background-color: #095BA6;
}

/*  Projecten Google maps */
div#mapsContainer {
	border-bottom: 8px solid #c8c8c8;
	margin-bottom: 30px;
}
div#map_canvas {
	float: right;
	width: 690px; 
	height: 350px;
}
div#mapsTopNav {
	height:32px;
	padding-left: 12px;
}
div#mapsTopNav a.list {
	margin-top: 5px;
	float: left;
	width: 47px;
	line-height: 22px;
	background: url('gfx/icon_list.gif') no-repeat;
	color: #6b6b6b;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
}
div#mapsTopNav a.map {
	margin-top: 5px;
	float: left;
	width: 47px;
	line-height: 22px;
	background: url('gfx/icon_map.gif') no-repeat;
	padding-left: 25px;
	color: #6b6b6b;
	text-decoration: none;
	font-weight: bold;
}
div#mapsTopNav a.activeMap {
	background: url('gfx/icon_map_active.gif') no-repeat;
	color: #fff;
}
div#mapsTopNav a.activeList {
	background: url('gfx/icon_list_active.gif') no-repeat;
	color: #fff;
}
div#mapsNav {
	float: left;
	width: 312px;
	background-color: #337aba;
	height: 296px;
}
div#mapsNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
div#mapsNav ul li {
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	font-weight: bold;
	padding-left: 20px;
	border-bottom: 1px dotted #85afd6;
}
div#mapsNav ul li input {
	margin-right: 10px;
}
div#navBottom {
	background-color: #095ba6;
	height: 34px;
	padding-top: 20px;
	margin-top: 3px;
	padding-left: 20px;
	color: #fff;
	font-weight: bold;
}

/* Project detail */
div#projectDetail div.img {
	width: 200px;
	float: left;
	border: 0;
	height: 125px;
}
div#projectDetail div.img img {
	padding: 1px;
	border: 1px solid #c8c8c8;
}
div#projectDetail div.desc {
	width: 410px;
	float: right;
}
div#projectDetail table {
	width: 100%;
}
div#projectDetail table#specs th {
	color: #6f6f6f;
	line-height: 23px;
	border-bottom: 1px solid #c8c8c8;
	width: 30%;
	padding: 0 4px;
}
div#projectDetail table#specs td {
	line-height: 23px;
	border-bottom: 1px solid #c8c8c8;
	width: 70%;
	padding: 0 4px;
}
div#projectDetail h2.block {
	background-color: #095ba6;
	color: #fff;
	display: block;
	padding: 2px 6px 2px 10px;
	width: 600px;
	margin-top: 10px;
}
div#projectDetail div.imgContainer {
	float: left;
	width: 130px;
	margin: 5px;
	height: 110px;
	border: 1px solid #c8c8c8;
	padding: 5px;
	overflow: hidden;
	position: relative;
}
div#projectDetail div.imgContainer div {
	overflow: hidden;
	height: 110px;
	text-align: center;
}
div#projectDetail div.zoom {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 27px;
	height: 20px;
	background: url('gfx/zoom.gif') no-repeat right bottom;
}

/* vactures */
div#vacatures table th {
	width: 100px;
	vertical-align: top;
}
div#vacatures h2 {
	margin: 0;
	background: url('gfx/bullet_square_open.gif') no-repeat left center;
	padding-left: 20px;
}
div.vacature {
	position: relative;
	border-bottom: 1px dotted #095ba6;
	padding: 15px 0;
}

/* Vestingen */
div.location {
	float: left;
	width: 180px;
	margin-right: 10px;
	height: 184px;
}
div.location a.more {
	margin: 0;
}
div#locationDetail div.img {
	width: 200px;
	float: left;
}
div#locationDetail div.desc {
	width: 400px;
	float: right;
}
div#locationDetail table {
	width: 100%;
}

/*** TEKENINGEN ***/
div#tenderContainer {
  width: 800px;
  border: 1px solid #c7c7c7;
  border-top: 0;
  margin: auto;
  position: relative;
  background-color: #fff;
}
#tenderContainer #leftNav {
  padding: 15px 50px;
  width: 680px;
  margin-top: 0;
}
#loginForm {
  margin: 150px auto;
  width: 300px;
  padding: 15px;
  background-color: #eee;
  border: 1px solid #000;  

}
#loginForm label {
  display: block;
  width: 100px;
  float: left;
  font-weight: bold;
}
#loginForm input.btnLogin {
  margin-left: 100px;
}
#tenderTable {
  width: 100%;
  margin-top: 15px;
}
#tenderTable td {
  padding: 3px;
}
#tenderTable tr.topRow {
  background-color: #095BA6;
  color: white;
}
#tenderTable tr.topRow  td {
	padding-left: 5px;
}
#tenderTable tr.rowEven {
  background-color: #f9f9f9;
  border-bottom: 1px dotted #666;
}
#tenderTable tr.rowOdd {
  background-color: #e9e9e9;
  border-bottom: 1px dotted #666;
}
#tenderTable tr.rowEven:hover, 
#tenderTable tr.rowOdd:hover {
  background-color: #fff;
}
#tenderTable a {
	color: #F68938;
}
#tenderTable a.more {
  margin: 0;
  line-height: 15px;
  color: #095BA6;  
}
#tenderInfo {
  width: 100%;
}
#tenderInfo td {
  width: auto;
}
#tenderInfo th {
  width: 125px;
}
#tenderNav {
	padding: 5px 0 6px 3px;
	margin: 10px 0 -10px 0;
	background-color: #F68938;
	font-weight: bold;
	color: #fff;
}
#tenderNav a {
	color: #fff;
	margin: 0 3px;
}

/* Video page Houkesloot */
#videoList {
  margin: 0;
  padding: 0;
  list-style: none;
}
#videoList li {
  border-top: 1px solid #ebebeb;
  padding: 5px 0;
}
#videoList .thumb {
  background: url('gfx/video/feature_bg.png') no-repeat center top;
  padding: 4px 0;
  width: 110px;
  float: left;
  text-align: center;
}
#videoList .content {
  padding: 3px;
  padding-top: 0;
  width: 170px;
  float: right;
}
#videoList a.title {
  font-size: 18px;
  color: #000;
  text-decoration: none;
}