/*
@author: Mr. Jean - www.mrjean.be
@location: Wax Interactive - www.wax.be
@date: 01/09/2008
@subject: Living stone
*/

/* ----------(  GENERAL  )---------------- */

    * {
        padding:0;
        margin:0;
    }
    a{
        outline:none;
        color:#5F6062;
    }
	
	a img {        /* simonS */
		border:none;
		}
	
	.grijs {	/*simonS */
		color:#666666;
		}
	
	.rood {
		color:#802400;
		}
	
    body {
/* former font-size: 11 px , JC*/
        font-size:11px;

        font-weight:normal;

        font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

/*        color:#5f6062; */
        color:#666; 
        background:#424242 url(../images/bg_repeater3.gif) center top repeat-y;   

    }



/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */



    html { 

        min-height: 100%; 

        margin-bottom: 1px;

    }



/* ----------(  MAIN LAYOUT  )---------------- */



/* wrapper */



#wrapper {

    margin:0 auto;

    width:925px;

}



/* end wrapper */



/* header */



#header {

    position:relative;

    width:925px;

    height:136px;

    background:#fcfcfc url(../images/fishes.jpg) right top no-repeat;

}



#header h1 a {

    width:145px;

    height:136px;

    background: transparent url(../images/living-stone-h1.jpg) left top no-repeat;

    text-indent:-9999px;

    display:block;

}



#header #heading1,

#header #heading2 {

    position:absolute;

    font-size:19px;

    color:#00b5cc;

}



#header #heading1 span.bold,

#header #heading2 span.bold {

    font-size:22px;

    font-weight:bold;

}



#header #heading1 span.bold,

#header #heading2 span.bold {

    font-size:22px;

    font-weight:bold;

}



#header #heading1 {

    left:200px;

    top:40px;

}



#header #heading2 {

    left:250px;

    top:70px;

}



/* end header */



/* navigation */



#navigation {

    padding-right:13px;

    background:url(../images/navigation_bg.jpg) left top repeat-x;

    height:26px;

}



#navigation ul {

    margin-left:200px;

    list-style:none;

}



#navigation li {

    margin-right:18px;

    float:left;

}



#navigation li a {

    color:#fff;

    font-size:12.5px;

    font-weight:bold;

    line-height:24px;

    text-decoration:none;

    font-weight:bold;

    display:block;

    float:left;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    #navigation li a {

        font-weight:normal;

    }

}



/* navigation search */



#navigation #search {

    margin-top:3px;

    width:159px;

    float:right;

}



#navigation #search input {

    font-size:11.5px;

    color:#636467;

    float:left;

    

    margin: 0px;

}



#navigation #search fieldset {

    border:0;

}



#navigation #search_input {

    padding:1px 0 0 5px;

    border:1px solid #a7a7a8;

	border-right:0;

    width:100px;

    height:15px;

}



#navigation input#search_submit {

    padding:0;

	padding-bottom:2px;

    border:1px solid #a7a7a8;

    width:45px;

    height:18px;

	color:#323133;

	font-size:11px;

	background:#fff url(../images/search_button_bg.jpg) left top repeat;

}



/* end navigation */



/* innerwrapper */



#innerwrapper {

    position:relative;

    /*background:url(../images/content_bg.jpg) left top repeat-y;*/

    width:925px;

    min-height:350px;

    _height:350px;

    float:left;

}



/* end innerwrapper */



/* left */







#left {

    padding-top:26px;

    padding-left:5px;

    width:145px; /* 150px - 5px */

    float:left;

}



#left ul {

    border-bottom:4px solid #fff;

    list-style:none;

    width:145px;

    float:left;

}



#left li {

    margin:0;

    padding:0;

    border-top:4px solid #fff;

    width:145px;

    float:left;

}





#left li a {

    margin:0;

    padding:10px 0 10px 10px;

    color:#00b4cb;

    font-size:15px;

    text-decoration:none;

    display:block;

    background:none;

}





/* 2nd level */



#left ul li.active {

    border-top:4px solid #fff;

    background-color:#49c8d8;

}



#left ul li.active a {

    border:0;

    color:#fff;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    #left ul li.active a {

        font-weight:normal;

    }

}



#left ul li ul.child {

    padding-bottom:10px;

    /*display:none;*/

}



#left ul li ul.child li {

    border:0;

}



#left ul li ul.child li a {

    margin-right:10px;

    color:#4d4d4f;

    padding:5px 10px 5px 25px;

}



#left ul li.active ul {

    border:0;

    background-color:#49c8d8;

}



#left ul.child a {

    padding:5px 10px 5px 25px;

    color:#4d4d4f;

    font-size:11.5px;   

    border:0;

}





/* 2nd level active */



#left ul li.active li {

    padding:0;

    border:0;

}







/* 3th level */



#left ul#menu li.active ul.child li a {

    color:#4D4D4F;

    font-weight:normal;

    background:none;

}



#left ul.child ul.child a {

    padding:2px 5px 2px 50px;

    color:#4d4d4f;

    font-size:11.5px;   

    border:0;

}

#left ul li.active a.open {

    color:#fff;

}



#left ul li.active a.arrow {

    color:#fff;

    font-weight:bold;

    background:url(../images/navigation_arrow.jpg) left center no-repeat;

}



#innerwrapper #left ul a.noArrow { 

    background:none;

}



/* end left */



/* content */



#contentFront {

    width:590px;

    float:left;

}

#contentFront.jobs p { /* nieuw simonS */
	
	font-size:9pt;
	line-height:13pt;

}


#contentFront #breadcrumb {

    padding:7px 50px 1px 50px;

    font-size:11px;

    height:23px;

    background:url(../images/stroke.jpg) center bottom repeat-x;

}



#contentFront #breadcrumb span {

    padding:0 5px;

}



#contentFront #breadcrumb a {

    color:#606163;

    text-decoration:none;

}



div#content {

    width:590px;

    float:left;

}



div#content #breadcrumb {

    padding:7px 50px 1px 50px;

    font-size:11px;

    height:23px;

    background:url(../images/stroke.jpg) left bottom repeat-x;

}



div#content #breadcrumb span {

    padding:0 5px;

}



div#content #breadcrumb a {

    color:#606163;

    text-decoration:none;

}





#inner_content {

    margin:0 50px 100px 50px;

    color:#929497;

    line-height:15px;

}



/* accordeon */



#inner_content ul.accordeon_parent {

    margin:0;

    padding:0;

    list-style:none;

    width:490px;

}



#inner_content .accordeon_parent li {

    padding:0;

    background:none;

    border-bottom:1px solid #d8d8d8;

}



#inner_content .accordeon_parent li .hover:hover {

    background-color:#ebebeb;

}



#inner_content .accordeon_parent li .title {

    position:relative;

    padding:10px;

    cursor:pointer;

}



#inner_content .accordeon_parent li .title h2 {

    padding:3px 0;

    font-size:12px;

    color:#969696;

font-family: Tahoma;

	line-height:12px;

}



#inner_content .accordeon_parent li .title p {

    position:absolute;

    padding:0;

    font-size:8pt;

    color:#802400;

    font-weight:bold;

    right:10px;

    top:11px;

	width:auto;

}



#inner_content .accordeon_parent li .title span.dark {

    margin-right:10px;

    padding:0;

    color:#5f6062;

}



#inner_content .accordeon_parent li .content {

    font-size:11px;

    color:#939393;

}



#inner_content .accordeon_parent li .content img {

    margin-bottom:15px;

    border:1px solid #d8d8d8;

}



#inner_content .accordeon_parent li .content p {

    margin:0;

    padding:0;

    width:490px;

}



#inner_content .accordeon_parent li .content a {

    margin:10px 0;

    padding:0;

    font-size:8pt;

    color:#802400;

    font-weight:bold;

    text-decoration:none;

    text-align:right;

    display:block;

}



#inner_content .accordeon_parent li .content span.req_download a {

    margin-right:10px;

}



/* end accordeon */



#inner_content h2 { padding:20px 0 10px; font-size:16pt; color:#00b5cc; font-weight: normal; line-height: 18pt; font-family:Georgia;}



#inner_content h3 { padding:10px 0 5px; font-size:10pt; color:#666; font-weight: bold; line-height: 14pt; }



#inner_content h4 { padding:0 0 3px; font-size:10pt; color:#00b5cc; font-weight: bold; line-height: 12pt; }



#inner_content p { color: #666; font-size: 9pt; line-height: 13pt; width: 440px; padding:10px 0; }



#inner_content intro { padding:0; font-size:12px; color:#666; font-weight: bold; line-height: 16px; }



#inner_content capt { padding:0; font-size:8pt; color:#939393; line-height: 9pt; }



#inner_content p {

    padding:10px 0;

}

/* JC: March 30th*/
/*experiment LS class for paragraph*/

#ls_paragraph p {

    padding:0px;

}


#inner_content ul,

#inner_content p ul {

    margin-left:15px;

    list-style:none;

}



#inner_content li,

/* #inner_content p li { padding-left:10px; background:url(../images/bullet.jpg) no-repeat left center; }*/
#inner_content p li { font-size:9pt; line-height:13pt; color:#666666; padding-left:10px; background:url(../images/bullet.jpg) no-repeat left 8px; }




#inner_content #flash {

    margin-top:25px;

    padding-bottom:10px;

    border-bottom:1px solid #d8d8d8;

}



/* spotlight */



#spotlight {

    padding:10px 0 10px 4px;

    border-bottom:1px solid #d8d8d8;

    height:102px;

}


#spotlight img {

    max-width:158px;

    _width:158px;

    border:0;

}



#spotlight a img {

    max-width:158px;

    _width:158px;

}



/* end spotlight */





/* nieuws */



#inner_content #nieuws {

    margin:0;

    padding:0;

}



#inner_content #nieuws li {

    margin:0;

    padding:0;

    width:490px;

    background:none;

    border-bottom:1px solid #d8d8d8;

    float:left;

}



#inner_content #nieuws li:hover {

    background-color:#ebebeb;

}



#inner_content #nieuws li span {

    padding:10px 5px;

    width:90px;

    color:#323232;

    font-size:12px;

    font-weight:bold;

    float:left;

}

#inner_content #nieuws li h2 {

    color:#808285;

    font-size:12.5px;

    width:320px;

    float:left;

}

#inner_content #nieuws li a {

    padding:10px 0;

    text-decoration:none;

    font-weight:bold;

    color:#919191;

    float:left;

}



/* end nieuws */



#editForm {

    margin-left: 75px;

    }



/* end content */



/* right */



#right {

    margin-top:28px;

    width:180px; /* make IE happy :( */

    /*width:185px;  159 + 2*13 */

    float:left;

}



#right .holder {

    margin:0 0 15px 13px;

    width:157px; /* - 2px border */

    background-color:#fff;

    border:1px solid #e7e8e9;

}



#right .holder h2 {

    padding-left:10px;

    border:1px solid #e7e8e9;

    line-height:15px; /* used to be : 16px  - simonS */
	
	height:17px; /* used to be : no height - simonS */

    background:url(../images/gradient_h2.jpg) left top repeat-y;

}



#right .holder h2,

#right .holder h2 a {

    font-size:11px;

    color:#fff;

    text-decoration:none;

    /*background-color:#49c8d8;*/

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    #right .holder h2,

    #right .holder h2 a {

        font-weight:normal;

    }

}





#right .holder h3 {

    padding:5px 10px 10px 10px;

    font-size:11px;

    color:#00b5cc;

}



#right .holder h3 a {

    color:#00b5cc;

    text-decoration:none;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    #right .holder h3,

    #right .holder h3 a {

        font-weight:normal;

    }

}



#right .holder p {

    margin:0 5px;


    padding: 0 10px 10px 5px;

    font-size:11px;

    color:#808285;

    border-bottom:1px solid #afb0b1;

}



#right .holder p.last {

    border:0;

}



#right .holder img {

    max-width:138px;

    _width:138px;

}



/* reference */



#right #reference img {

    text-align:center;

    max-width:135px;

    _width:135px;

}



#right #reference p {

    margin:0;

    padding:0;

    padding:10px 9px;

    border:0;

}



#right #reference .author {

    color:#606163;

    display:block;

}



#right #reference .function {

    margin: 0 0 10px 0;

    color:#00b0d8;

    display:block;

}



/* end reference */



#right .holder .previous,

#right .holder .next {

    padding-left:10px;

}



#right .holder .previous a {

    padding-left: 10px;

    background:url(../images/previous.jpg) 0px 5px no-repeat; /* used to be : left center - simonS */

    display:block;

}



#right .holder .next a {

    padding-left: 10px;

    background:url(../images/next.jpg) 0px 5px no-repeat; /* used to be : left center - simonS */

    display:block;

}



#right .holder ul {

    margin:10px 10px 10px 20px;

    list-style:none;

}



#right .holder li {

    padding:2px 0;

    display:block;

}



#right .holder li a {

    text-decoration:none;

    color:#969696;

}



#right .holder li.active a {

    font-weight:bold;

    color:#00b0d8;

}



#right #client {

    text-align:center;

    width:159px;

    display:block;

}



#right #client img {

    border:0;

}



/* end right */



/* footer */



#footer {

    padding:10px;

    clear:both;

}



#footer p {

    display:none;

}



/* disclaimer */



#footer #disclaimer {

    margin-bottom:10px;

	width:135px;

}



#footer #disclaimer a {

    text-decoration:none;

}



#footer #disclaimer .strong {

    font-weight:bold;

    display:block;

}



a#Wax {

    position:fixed;

    bottom:10px;

    right:10px;

    text-indent:-9999px;

    background:transparent url(../images/wax_logo.jpg) center center no-repeat;

    height:20px;

    width:25px;

    display:block;

    /*float:right;*/

}



/* footer */





iframe#TB_iframeContent

{

    overflow:hidden;

    height: 400;

    width: 600;

}



div#list

{

    

}



div#list div.item h3

{

    color: #00B4CB;

    margin-bottom: 10px;

    font-weight: normal;

}



div#list div.item

{

    margin: 10px;

    margin-left: 50px;

    margin-right: 50px;

}



div#list div.item p.readmore

{

    text-align:right;

}



div#list div.item p.readmore a

{

    color: #5F6062;

    font-weight: bold;

    text-decoration:none;

}

    



div#list div.item h1 a

{

    color: #5F6062;

    text-decoration:none;

}



div#list div.item h1 

{

    font-size: 12px;

    border-top:1px solid #afb0b1;

    border-bottom:1px solid #afb0b1;

    background-color:#effafc;

    color: #5F6062;

    height: 15px;

    padding: 5px;

    margin-bottom: 5px;

    font-weight: normal;

}



span.company

{

    color: #00B4CB;

}



span.job

{

    margin-left:50px;

    color: #5F6062;

}



div.job_preview

{

    padding:10px 0;

}



div.item h2

{

    color: #00B4CB;

    margin-bottom: 10px;

}

/* EOF */