/* (c) 2010, Stolk Marimecs http://www.marimecs.com */

/* ========== clear margins, padding and borders: ========== */
table, tr, td {
	margin:  0;
	padding: 0;
	border:  0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, h2{
	margin: 0;
	border: 0;
	padding:0;
}


html,body {
	height: 100%;
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0 0 10px 0;
/*	background: #f9f5ec url(bg_frame.png) repeat-x;  */
	background: #f8fafd;
	background-attachment: fixed;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	text-align: center;
}

hr {
	display: none;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* ========== Main site structure: ========== */

#container {
/*  Note: website width can be changed here:  ( example: 1000px or 95% ) */
/*	width: 96%; */
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 0;
	text-align: left;
    border: 1px solid #000000;
	background: #fff;
}

#header {
	height: 200px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(header_ships.jpg) no-repeat;
}
#header_buttons {
	float: right;
	padding: 0;
	margin: 20px 10px 0px 0px;
}

.btn_edge_y{
	width:170px;
	height:40px;
	margin: 0;
	border: 0;
	padding: 3px;
	background:url(edge_yachts2.gif) no-repeat;
}
.btn_edge_s{
	width:170px;
	height:40px;
	margin: 0;
	border: 0;
	padding: 3px;
	background:url(edge_ships2.gif) no-repeat;
	margin: -10px 0 0 0; /* mag negatief ? */
}
.nbja_member{
	font-size: 8pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
	color: #eee;
	padding: 40px 0 0 67px;  /* T R B L*/
}
.nbja_member img{
	padding: 0 3px 0 0;  /* T R B L*/
	float: left;
}

.yachts_btn a, .yachts_btn a:hover, .ships_btn a, .ships_btn a:hover {
	display: block;
	width:164px;  /* 170  -3  -3  (the whole area is a link! ) */
	height:27px;  /* 40  -3  -3  -13*/
	margin:  0;
	padding: 7px 0 0 0;
	border:  0;
	background: #ccc url(img2.png) no-repeat;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	text-decoration:none;
	color: #000;
}
/*  for Ships:  */
.yachts_btn a:hover { background-position: -3px -117px;}
.yachts_btn a             { background-position: -3px -157px; color: #555; }
.ships_btn   a:hover { background-position: -3px -197px;}
.ships_btn   a             { background-position: -3px -197px;}

#header_text {
	width:  200px;
	height: 116px;
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 7px; /* T R B L */
	margin: 0;
}
#header_text_1 { /* "STOLK MARIMECS" */
	color: #000080;
	font-size: 26px;
	padding: 2px 0 0 0px; /* T R B L */
}
#header_text_2 { /* "Marine-design Engineering Consultancy" */
	color: #808080;
	font-size: 12px;
	padding: 0 0 0 2px; /* T R B L */
}
#header_logo {
	width:  200px;
/*	height: 90px; */
	padding: 0 0 0 8px;
	margin: 0;
}

#header_tabs {
	height: 37px;
	margin: 0;
	border: 0;
	padding: 0 0 0 5px;
	background: url(img2.png) repeat-x;
	background-position: 0px -77px;
	font-size: 4em;
}
#header_bg_fade {
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(bg_page_fade.png) no-repeat;
}

#contentwrap {
	background: url(bg_page.png) repeat-y;
/*	width: 950px; */   /* 100% ??  (if no right aligned images !?) */
	margin: 0;
	border: 0;
	padding: 0px 30px 0px 30px; /* marge lenks/rechts van text */
	color: #000;
	text-align: justify;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 10pt;
	line-height: 25px;
}
#address {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
}

h2 {
	padding: 8px 0 0 0; /* T R B L */
	margin: 0 0 10px 0; /* T R B L */
	color: #666;
	font-weight: bold;
	font-size: 12pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

#footer {
	clear: both;
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	line-height: 15px;
	color: #888;
}
#kvk {
	clear: both;
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	line-height: 15px;
	color: #555;
}

/* ========== tabs at top of page: ========== */
ul#tabs {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size : 10px;
	font-weight: bold;
	text-decoration: none;
  	padding:0 0 0 1px;
	margin: 0 0 0 0;
}
/* left tabs:  */
ul#tabs li {
	display:inline;
	padding:0;
	margin:0;
}

ul#tabs li a{
	float:left;
	display:block;
	height:17px;
	color: #666;
	padding:15px 10px 5px 10px; /* T R B L */
	margin:0px;
	background:url(img2.png) right bottom no-repeat;
	background-position: 0px -39px;
}

ul#tabs li div{ /* selected tab: */
	float:left;
	display:block;
	height:17px;
	color: #000;
	padding:15px 10px 5px 10px; /* T R B L */
	margin:0px;
	background:url(img2.png) right top no-repeat;
	background-position: 0px -1px;
}

ul#tabs li div.right{
	float:right;
}

ul#tabs li.tab_right a {
	float:right;
}

ul#tabs li a:hover, ul#tabs li.tab_right a:hover {
	text-decoration: underline;
	background:url(img2.png) right top no-repeat;
	background-position: 0px -1px;
}

/* extra edge for first and last tab: */
ul#tabs li.tab_left_last, ul#tabs li.tab_right_first{
	float:left;
	display:block;
	height:17px;
	color: #666;
	padding:15px 1px 5px 1px;
	margin:0px;
	background:url(img2.png) right bottom no-repeat;
	background-position: 0px -39px;
}
ul#tabs li.tab_right_first{
	float:right;
}
/*    --- end tabs/menu ---       */

/* ========== tables for rounded image border: ========== */
.brd2 {
	border-collapse: collapse;
	line-height: 1px;
	float:right;
	margin: 48px 0 0 30px;  /* T R B L*/
	border: 0;
}
.brdfix {
	border-collapse: collapse;
	line-height: 1px;
}
.brd {
	border-collapse: collapse;
	line-height: 1px;
	float:right;
	margin: 0 0 0 0;
}
/* undo the 100% width set in the parent news item table: (wekt niet!?)  */
.brd2 table tr td div{
/*	width: auto;  */
	margin: 0px;
}
.brd table tr td div{
/*	width: auto;  */
	margin: 0px;
}
.brd tr{
	border-width: 0; /* don't copy border width from parrent table. */
}

.top {
	background: url(t_hor.png) top right no-repeat;
	vertical-align: top;
	line-height: 1px;
	font-size: 1px;
	text-align: left;
}
.bot {
	background: url(t_hor.png) bottom right no-repeat;
	vertical-align: top;
	line-height: 1px;
	font-size: 1px;
	text-align: left;
}
.left {
	background: url(t_ver.png) bottom left no-repeat;
	vertical-align: top;
}
.right {
	background: url(t_ver.png) bottom right no-repeat;
	vertical-align: top;
}
.top div {
	width: 10px;
	height: 3px;
	background: url(t_hor.png) no-repeat;
	text-align: left;
}
.bot div{
	width: 10px;
	height: 3px;
	background: url(t_hor.png) no-repeat;
    background-position: 0 -2px;
}
.left div {
	width: 3px;
	height: 7px;
	background: url(t_ver.png) no-repeat;
}
.right div {
	width: 3px;
	height: 7px;
	background: url(t_ver.png) no-repeat;
    background-position: -2px 0;
}
div.h10 {
	height: 10px;
	margin:  0;
	padding: 0;
	border:  0;
	font-size: 1px;
}
div.w10 {
	width: 10px;
	margin:  0;
	padding: 0;
	border:  0;
	font-size: 1px;
}

/* ========== tables news list: ========== */
div.news {
	border-color: #ccc;
	border-width: 2px 0px 0px 0px; /* T R B L*/
	border-style: solid;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;  /* T R B L*/
/*	background:#f00; */
}
.news table{
	border-collapse: collapse;
	margin: 5px 0 5px 0;  /* T R B L*/
	width: 100%;
	border: 0;
}
div.news td{
	vertical-align: top; /* plaatjes boven aan */
}
td.news_text {
	vertical-align: top;
	width: 100%;
	padding: 0 18px 0 0;  /* T R B L*/
	margin:0;
}
span.news_title {
	font-size: 10pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
	padding: 0;
	margin:0;
	color: #555;
}

/* ========== tables project list: ========== */
div.projects {
	border-color: #ccc;
	border-width: 2px 0px 0px 0px; /* T R B L*/
	border-style: solid;
	margin: 0 0 0 0;  /* T R B L*/
	padding: 8px 0 8px 0;  /* T R B L*/
}
.projects table{
	border-collapse: collapse;
	margin: 0 0 0 0;
	width: 100%;
	border: 0;
}
td.project_text {
	vertical-align: top;
	width: 100%;
	padding: 0 5px 0 0;  /* T R B L*/
	margin:0;
}
span.proj_nr {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	padding: 0 10px 0 0;  /* T R B L*/
	color: #000080;
	margin:0;
}
span.proj_name {
	font-size: 10pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
	padding: 0;
	margin:0;
	color: #000080;
}

/* ========== links page: ========== ("links_hoog" zet de tekst lager zodat het bij een hoog logo past....) */
div.links_header {
	padding: 2px 0 0 0;
	background: url(link_spacer.png) repeat-x;
	font-size: 10pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
	color: #555;
}
div.links{
	background: url(link_spacer.png) repeat-x;
/*	font-weight: bold;	 */
	font-size: 10pt;
	vertical-align: middle;
}
.links td{
	vertical-align: middle;
	padding: 0;
	margin:0;
	line-height: 20px;
}
.links a{
	color: #000;
}
.links img{
	padding: 20px 20px 17px 10px;
}

/* ========== contact form: ========== */
#contact_form  input {
	background: #eee;
    border: 1px solid #888;
	width: 366px;
}
#tel input {
	width: 159px;
}
#fax input {
	width: 158px;
}
#contact_form  textarea {
	background: #eee;
	width: 477px;
}
#contact_form  table {
	border-collapse: separate;
	width: 495px;
}
#contact_form  td {
	white-space: nowrap; /* voor spatie in "Postal Code" */
	text-align: left;
}
#contact_form  td.required {
	font-weight: bold;
	color: #000;
	text-align: left;
}
#contact_form  td.optional {
	color: #555;
	text-align: left;
}
#contact_form  td.optionalr {
	color: #555;
	text-align: right;
}

.form_button {
	position: relative;
	overflow: hidden;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
.form_button em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}
button#my_button {
	background: none;
	border: none;
	float: left;
	display: inline;
}
#my_button:hover { cursor: pointer; }
#my_button, #my_button em { width: 105px; height: 35px; } /* 10 pixels bigger for firefox */
#my_button em { background: url("send_button.png") no-repeat; }
#my_button:hover em, #my_button:focus em { background-position: 0 -35px; }
 
/* ========== tables for file manager: ========== */
.file_manager table {
	border-collapse: separate;
}

.file_manager td {
	padding: 2px 5px 2px 5px; /* T R B L*/
}

.file_manager tr {
	font-family: arial;
	font-size: 10pt;
	line-height: 20px;
/*	background-color: #e8eef7;*/
	border-color: #ccc;
	border-width: 0 1px 1px 1px; /* T R B L*/
	border-style: solid;
}
.file_manager th{
	text-align: center;
	font-weight: bold;
	background-color: #e0ecff;
	border-color: #ccc;
	border-width: 1px 1px 1px 1px; /* T R B L*/
	border-style: solid;
}

tr.new_day {
	border-width: 3px 1px 1px 1px; /* T R B L*/
}

div.center {
	width: 100%;
	text-align: center;
}