/* 	Stylesheet 	LHA
				http://LHA.nl
	Datum:		12/11/2007
	Auteur:		Kor Bras
				Carlos Gallupa BV
				http://carlosgallupa.com
	------------------------------------
	Versie:		1.0
	
	Grijs		#A 7 A 9 AC
	LHA GREY	#94A998
	LHA GREY	#94A998
	Zwart		#000
*/
*		{margin:0;padding:0;outline:0;}
html	{overflow:-moz-scrollbars-vertical;}
body	{font:9px arial, sans-serif;color:#94A998;padding:0;margin:0;text-align:center;}
h1 span	{display:none;}
h2		{font:1em arial, sans-serif;color:#000;padding:0 0 6px;margin:0;}
h3 		{font:1em arial, sans-serif;color:#000;padding:0;margin:0;}
h3 a	{text-decoration:none;}
a		{color:#5a839c;text-decoration:none;}
a:hover	{color:#000;}
a.current {color:#000;}
img		{border:0;}
td,th	{vertical-align:top;text-align:left;}

#container {width:900px;font-size:1.1em;margin:0 auto;text-align:left;position:relative;}

/* LOGO */
#header {height:110px;padding-top:15px;}
#header a {color:#5a839c;}
h1 {
	font:21px arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.8px;
	color:#94A998;
	text-transform:uppercase;
	padding:20px 16px; 0;
	float:right;
	height:50px;
	width:274px;
	text-align:left;}

#contactheader {
	float:left;
	width:490px;
	margin:42px 0 0 0;
	text-align:right;}
.adevide, .bdevide {margin-right:11px;}
#content {}

#menu {
	padding:0 9px 50px 0;
	list-style:none;
	float:left;
	width:70px;}
#menu a {display:block;text-decoration:none;}

#main {float:left;padding-left:10px;width:374px;}
#indexpage #main {width:100px;}
#main .text {clear:both;margin-bottom:20px;}
#main .text p {padding-bottom:3px;}
#main .text ul {margin-left:20px;list-style-type:none;}
#main .text ol {margin-left:30px;list-style-type:none;}
#main .text strong, #main .text b {font-weight:normal;color:#666;}

#fulltext, .small {
	font-size:0.9em;
	letter-spacing:normal;
	color:#000;
    line-height:12px;
	padding:0;
	margin: 0 0 10px;
	text-align:left;
	padding-left:9px;}
#fulltext {height:299px;overflow:hidden;}
#fulltext p {padding:0 0 12px !important; }
#fulltext ul, .small ul,  {margin:0 0 10px 42px;list-style:square outside;}
#fulltext ol, .small ol {margin:0 0 10px 47px;}

#fulllist, .small {
	font-size:0.9em;
	letter-spacing:normal;
	color:#000;
    line-height:12px;
	padding:0;
	margin: 0 0 10px;
	text-align:left;
	padding-left:9px;}
#fulllist {height:319px;overflow:hidden;}
#fulllist p {padding:0 0 12px !important; }
#fulllist ul, .small ul,  {margin:0 0 10px 42px;list-style:square outside;}
#fulllist ol, .small ol {margin:0 0 10px 47px;}

.smalldetails {
	border-collapse:collapse;
	border:0;
	padding:0;
	margin:20px 0 0;
	width:190px;
	text-align:left;}
.smalldetails td {padding:4px 0 0;border-bottom:0px solid #EDEDED;}
.smalldetails td.sd-title {width:80px;}
.smalldetails td.sd-value {}

.submenu .small a {color:#000;display:inline;text-decoration:underline;}
.submenu .small a:hover {text-decoration:none;}

.submenu {clear:both;margin-bottom:20px;}
.submenu a {display:block;}
.submenu .submenu {margin-top:20px;}



/* directiepagina */
#fulltext table th {width:60px;vertical-align:top;font-weight:normal;}
#fulltext table td {padding:0 0 3px;vertical-align:top;}
.submenu #fulltext a {display:inline;}
#fulldetails .submenu #fulltext a {padding-left:0;}
#main #nieuws {float:left;width:70px;}
#main #projecten {float:left;width:70px;}
#main #bureau {float:left;width:70px;}
#main #contact {float:left;width:70px;}
#main #fulldetails {float:left; width:205px;}

#fulldetails .submenu a {padding-left:9px;}
#detail {padding:0;margin:0;}
#detail p {padding:0 0 5px 0;}
#detail h2 {padding-left:9px;}
.number {display:none;visibility:hidden;}
.thereisnolink {display:block;color:#5a839c;}
 a.thereisnolink {display:block!important; padding-left:0px!important;}
#raster {float:right; height:318px; width:478px; overflow:hidden; margin-right:16px;}
/* for ie <7 */
* html #raster {float:right; margin-right:8px;}


.details {}
.details a {font-weight:bold;padding-right:10px;}
.details a.current {color:#000;}

span.date {float:right;color:#999;font-size:0.9em;}

#footer {margin-top:20px;}
#right {float:right;width:790px;overflow:hidden;}

/*nieuwsimage*/
#newsimage {
	position:relative;
	overflow:hidden;
}
#newsimage img {
	float:right;
	}		

/* presentatieraster */
#projectpage #right {float:right;width:516px;overflow:hidden;}
#projectpage #right .oneimg {float:right;margin-right:16px; overflow:hidden;}
*html #projectpage #right .oneimg {float:right; margin-right:8px;}
#projectpage #right img {/* width:484px; */}
#projectpage #presentation {float:right;}
#projectpage #navbackward, projectpage #navforward {
	float:right;
	width:16px;
	height:23px;
	cursor:pointer;
	margin-top:123px;
	background:url(/layout/arrowb.jpg)no-repeat top left;}
#projectpage #navforward {background:url(/layout/arrowf.jpg) no-repeat top left;}

#projectpage #raster div {display:block;width:478px;}

/* 
presentatieraster IE7
*+html #rasterpage #main {width:288px;}
*+html #rasterpage #right {width:542px;}
*+html #raster ul li {width:174px;margin:0 10px 10px 0;}
*+html #raster ul li img {width:174px;height:116px;}

presentatieraster IE6
* html #rasterpage #main {width:288px;}
* html #rasterpage #right {width:542px;}
* html #raster ul li {width:174px;margin:0 10px 10px 0;}
* html #raster ul li img {width:174px;height:116px;}
presentatieraster Belangrijk
#raster ul li.lastinrow {margin-right:0;}
*/

/* Easy Slider */
#slider {}
* html #slider {}
#slider ul {overflow:hidden;height:318px;}
#slider ul, #slider li,	#slider2 ul, #slider2 li {margin:0;padding:0;list-style:none;}
#slider2 {margin-top:1em;}
#slider li, #slider2 li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:478px;height:318px;overflow:hidden;text-align:right;}	
#prevBtn, #nextBtn,	#slider1next, #slider1prev { 
	display:block;
	width:16px;
	height:23px;
	position:absolute;
	left:390px;
	top:252px;}
#nextBtn, #slider1next {left:884px;}
#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a {  
	display:block;
	position:relative;
	width:16px;
	height:23px;
	background:url(/layout/arrowb.jpg) no-repeat top left;}	
#nextBtn a, #slider1next a {background:url(/layout/arrowf.jpg) no-repeat top left;}	

/* Scroll tekst */
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	left:0;
	top:0;
	height:100%;
	background-color:#FFF;}
.jScrollPaneDrag {
	position:absolute;
	background:#5a839c;
	cursor:pointer;
	overflow:hidden;}
.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;}
a.jScrollArrowUp {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	/*background-color:#666;*/
	height:9px;}
a.jScrollArrowUp:hover {/*background-color:#f60;*/}
a.jScrollArrowDown {
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	/*background-color:#666;*/
	height:9px;}
a.jScrollArrowDown:hover {/*background-color:#f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color:#f00;*/}		

/*CONTACT*/
#contact {float:left;width:295px;}
#contact form {margin:0; border:0px solid #94A998;}
#contact form div {margin:0 0 2px;}
#contact form fieldset {border:0px solid #94A998;}
#contact form fieldset div {margin:0 0 2px; border:0px solid #94A998;}
#contact form fieldset label {display:block; float:left; width:140px;}
* html #contact form fieldset label {width:165px;}
#contact form fieldset label.message {float:none;display:inline;}
#contact form fieldset input.text, #contact form fieldset select, #contact form fieldset textarea {border:1px solid #94A998;padding:3px 5px;margin-bottom:5px;}
#contact form fieldset input.text {width:122px;}
#contact form fieldset select {width:202px;}
#contact form fieldset textarea {width:262px;height:100px;font:1em verdana, arial, sans-serif;}
#contact form fieldset .button {background-color:#fff;color:#94A998;padding:2px 10px;border:1px solid #94A998;}