/*
| -------------------------------------------------------------------
| FILENAME:			##.default.css
| DESCRIPTION:		Default Style Sheet
| CREATED:			01/01/2008
| INITIAL AUTHOR:	Elma Smit, Ronald ter Neuzen, Martijn ter Hellen
| UPDATED BY:		Elma Smit, 01/01/2008
| 
| Copyright (c) 2008 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| l-blue: #66c6e4;
| blue: #004c99;
| d-blue: #04274d;
| -------------------------------------------------------------------
*/

body
{
	/* 	font-family: 'Lucida Grande', 'Arial', Geneva, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00397a;
	/* 	#04274d; */
	background-image: url('../gui/bg.gif?2');
	background-repeat: repeat-x;
}

hr,
.hide { display: none; }
.clear { clear: both; }
img { border: none; }
a { outline: none; }

th, td
{
	border-width: 0px 0px 0px 0px;
	border-color: #fff;
	border-style: solid;
	padding: 0em;
}

table.products { width: 100%; }

table.products th, table.products td
{
	border-width: 1px 0px 0px 0px;
	border-color: #dbe6f1 #fff #59b7db #fff;
	border-style: solid;
	padding: 0.4em;
	line-height: 140%;
	font-size: 85%;
}

table.products th
{
	border-width: 1px 0px 2px 0px;
	border-color: #dbe6f1 #fff #59b7db #fff;
	border-style: solid;
	padding: 0.6em;
	font-size: 93%;
	color: #00397a;
}

table.products td.tel { color: #59b6da; }
table.products td.subject { }
table.products td.spacer { border: 1px solid #fff; }

/*
| -------------------------------------------------------------------
| BASIS
| -------------------------------------------------------------------
*/

#page
{
	width: 960px;
	margin: 0px auto;
	background-image: url('../gui/bg-gradient.gif?4');
	background-repeat: no-repeat;
	background-color: #fafbfc;
}

#page .column { float: left; }
#page .row { clear: both; }
#page .one-column { width: 240px; }
#page .two-columns { width: 480px; }
#page .three-columns { width: 720px; }
#page .one-half-column { width: 360px; }

/*
| -------------------------------------------------------------------
| header
| -------------------------------------------------------------------
*/

#header_OFF
{
	height: 150px;
	background-image: url('../gui/header/background.gif?4');
	background-repeat: no-repeat;
	background-position: right top;
}

#header
{
	height: 150px;
	background-image: url('../gui/header/background-tbv-photoslider.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

#header #logo { height: 111px; }

/******************************************************************************
* 
******************************************************************************/

#page #photoslider
{
	float: right;
	overflow: hidden;
	/*width: 478px;*/	/* ons voorstel */
	width: 627px;		/* eis klant */
	border: 1px #dbe6f1 solid;
	height: 109px;
	position: relative;
}

#photoslider .photocontainer
{
	position: absolute;
	/* 	background-color: blue; */
}

#photoslider img
{
	float: left;
	border-width: 0 1px 0 0;
	border-color: #dbe6f1;
	border-style: solid;
	height: 109px;
}

/*
| -------------------------------------------------------------------
| PAGECONTENT
| -------------------------------------------------------------------
*/

#page #pagecontent
{
	width: 670px;
	padding: 0px 25px 25px 25px;
	background-color: #fff;
	min-height: 500px;
	_height: 500px;
}

#pagecontent strong { color: #66c6e4; }
#pagecontent a { color: #66c6e4; }
#pagecontent a:hover { color: #004c99; }
#pagecontent p.intro { font-weight: bold; }

#pagecontent p.date_publish
{
	margin: 0px;
	text-align: right;
	font-style: italic;
	font-size: 77%;
}

#pagecontent p
{
	font-size: 85%;
	line-height: 150%;
}

#pagecontent ul
{
	font-size: 85%;
	line-height: 140%;
	font-weight: inherit;
}

#pagecontent h3
{
	font-size: 138.5%;
	line-height: 140%;
	margin: 0pt 0pt 1em 0pt;
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	color: #004c99;
}

#pagecontent h4,
#pagecontent h4 a
{
	font-size: 93%;
	font-weight: bold;
	line-height: 140%;
	color: #5c728b;
	margin: 0pt 0pt 1em 0pt;
}

#pagecontent em.highlight
{
	color: #000;
	padding: 2px 4px;
}

#pagecontent .thumbnail_,
#pagecontent .thumbnail_right
{
	float: right;
	margin: 0 0px 5px 10px;
}

#pagecontent .thumbnail_left
{
	float: left;
	margin: 0 10px 5px 0;
}

/*
| -------------------------------------------------------------------
| folders in folders
| - beetje ruk eigenlijk wel nog!
| -------------------------------------------------------------------
*/

#pagecontent  div.folder { border: none; }

#pagecontent  div.list
{
	padding: 2px 0 2px 0;
	display: block;
	clear: both;
	overflow: auto;
}

#pagecontent div.folder div.folder
{
	margin: 0 0 7px 0;
	border-width: 0 0 1px 0;
	border-color: #d4dfe7;
	border-style: solid;
}

#pagecontent div.list p { padding: 0px; }
#pagecontent div.list p.intro { font-weight: normal; }

/* 
	download
*/

div.download p a
{
	text-decoration: none;
	color: #04274d;
}

div.download p a img { vertical-align: middle; }

/*
| -------------------------------------------------------------------
| Panels
| -------------------------------------------------------------------
*/

.panel { padding: 15px; }
.one-column-panel { width: 210px; }

.panel h3
{
	font-size: 108%;
	line-height: 140%;
	margin: 0pt 0pt 1em 0pt;
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	color: #004c99;
}

.panel h4 { font-size: 85%; }
.panel a { color: #66c6e4; }

.panel p
{
	font-size: 77%;
	line-height: 140%;
}

.gradient-blue-l-to-d
{
	background-image: url('../gui/panels/bg-dark-to-light-blue.gif');
	background-repeat: repeat-x;
	background-color: #004c99;
}

.gradient-blue-l-to-d h3
{
	background-image: url('../gui/small-bird.gif');
	height: 22px;
	padding: 4px 0 0 30px;
	background-repeat: no-repeat;
}

.diap h4,
.diap h3 { color: #fff; }
.diap p { color: #aecae8; }

ul.products-services
{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #2163a6;
}

ul.products-services li
{
	position: relative;
	float: left;
	list-style-type: none;
}

ul.products-services li a
{
	display: block;
	font-size: 85%;
	color: #aecae8;
	padding: 2px 10px;
	text-decoration: none;
}

ul.products-services li a:hover { color: #fff; }
ul.products-services li.product { width: 250px; }

ul.products-services li.contact
{
	width: 100px;
	/* 		border-right: 1px solid #2163a6; */
}

ul.products-services li.info { float: right; }

.address
{
	padding: 15px 12px 0px 12px;
	width: 198px;
	height: 230px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#pagecontent .address h3
{
	font-size: 93%;
	line-height: 140%;
	margin: 0pt 0pt 1em 0pt;
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	color: #004c99;
}