html {
    height: auto;
    font-size: 100%;
    overflow-y: scroll;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

body#www-niehemedia-nl {
    background-color: #fff;
    color: #474241;
    background-position: top center;
}

h1, H1 {
    font-size: 20px;
    line-height: 24px;
    color: #97c524;
    margin-top: 5px;
}

.groot {    
    font-size: 18px;
    line-height: 24px;
    color: #97c524;
    margin-top: 5px;
    
    display: block;
    width: 602px;
    border-bottom: 1px #d1d0cf solid;

    background-image: url('../img/background-groot.png');
    background-position: bottom right;
    background-repeat: repeat-x;
}

h2, H2 {
    font-size: 16px;
    color: #97c524;
    padding: 0;
    margin: 0;
}

h3, H3,
h4, H4,
h5, H5 {
    font-size: 14px;
    color: #97c524;
    padding: 0;
    margin: 0;
}

/*marge na koppen werkt nu*/
p{
    margin-top: 0px;
    padding-top: 0px;
}

a:link,
a:visited {
    color: #97c524;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.bold-green {
    font-weight: bold;
    color: #97c524;
    font-style: normal;
}

.green {
    color: #97c524;
}

div.clear {
    clear: both;
    padding: 0;
    margin: 0;
}

/*---- HTML ------------------------------------------------------------------*/

div#wrapper {
    width: 100%;
    height: 100%;
}

div#container {
    background-color: #fff;
    width: 992px;
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: left;
    border: 1px solid #a3a0a0;
}

#header {
    width: 992px;
    height: 124px;
    display: block;
    position: relative;
    float: left;
}

#logo {
    width: 303px;
    height: 125px;

    margin: -1px 0px 0px -1px;

    display: block;
    position: relative;
    float: left;
}

#rondehoek {
    width: 25px;
    height: 25px;
    margin: -1px 0px 0px 664px;

    background-image: url('../img/rondehoek.png');
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    float: right;
}

#sfeerfoto {
    width: 688px;
    height: 123px;

    display: block;
    position: relative;
    float: right;
    border-left: 1px solid #dad9d9;
    border-bottom: 1px solid #dad9d9;
}

#menu {
    width: 689px;
    height: 25px;

    margin: 0px 0px 0px 318px;

    display: block;
    position: relative;
    float: left;
}

div#menu ul {
    display: inline-block;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

div#menu ul li {
    display: inline-block;
    float: left;
    position: relative;
    width: 155px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin-top: -1px;
    color: #fff;
    text-decoration: none;
    margin-left: -20px;
}

div#menu ul li:first-child {
    margin-left: -20px;
}

/* BACK UP VAN OUDE LI
div#menu ul li {
    display: inline-block;
    float: left;
    position: relative;
    width: 133px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin-top: -1px;
    color: #fff;
    text-decoration: none;
    margin-left: -20px;
}*/

/*--- MENU NORMAAL IMAGES ----------------------------------------------------*/

li.mensen            { z-index: 70; background-image: url('../img/menu-mensen.png');}
li.televisie         { z-index: 60; background-image: url('../img/menu-televisie.png');}
li.evenementen       { z-index: 50; background-image: url('../img/menu-evenementen.png');}
li.theater           { z-index: 40; background-image: url('../img/menu-theater.png'); }
li.opdrachtgevers    { z-index: 30; background-image: url('../img/menu-opdrachtgevers.png');}
li.contact           { z-index: 20; background-image: url('../img/menu-contact.png');}

li.mensen,
li.televisie,
li.evenementen,
li.theater,
li.opdrachtgevers,
li.contact {
    background-position: top center;
    background-repeat: no-repeat;
}
/* BACK UP VAN OUDE INSTELLING ACHTERGROND
li.mensen,
li.televisie,
li.evenementen,
li.theater,
li.opdrachtgevers,
li.contact {
    background-position: top center;
    background-repeat: no-repeat;
}*/

/*--- MENU ACTIEF IMAGES -----------------------------------------------------*/

li.mensen-active            { background-image: url('../img/menu-mensen-active.png'); }
li.televisie-active         { background-image: url('../img/menu-televisie-active.png'); }
li.evenementen-active       { background-image: url('../img/menu-evenementen-active.png'); }
li.theater-active           { background-image: url('../img/menu-theater-active.png'); }
li.opdrachtgevers-active    { background-image: url('../img/menu-opdrachtgevers-active.png'); }
li.contact-active           { background-image: url('../img/menu-contact-active.png'); }

li.mensen-active,
li.televisie-active,
li.evenementen-active,
li.theater-active,
li.opdrachtgevers-active,
li.contact-active {
    z-index: 100;
    background-position: top center;
    background-repeat: no-repeat;
}

/*--- MENU LINK/VISITED/HOVER ------------------------------------------------*/

div#menu ul li.mensen a:link,
div#menu ul li.mensen a:visited,
div#menu ul li.mensen-active a:link,
div#menu ul li.mensen-active a:visited,

div#menu ul li.televisie a:link,
div#menu ul li.televisie a:visited,
div#menu ul li.televisie-active a:link,
div#menu ul li.televisie-active a:visited,

div#menu ul li.evenementen a:link,
div#menu ul li.evenementen a:visited,
div#menu ul li.evenementen-active a:link,
div#menu ul li.evenementen-active a:visited,

div#menu ul li.theater a:link,
div#menu ul li.theater a:visited,
div#menu ul li.theater-active a:link,
div#menu ul li.theater-active a:visited,

div#menu ul li.opdrachtgevers a:link,
div#menu ul li.opdrachtgevers a:visited,
div#menu ul li.opdrachtgevers-active a:link,
div#menu ul li.opdrachtgevers-active a:visited,

div#menu ul li.contact a:link,
div#menu ul li.contact a:visited,
div#menu ul li.contact-active a:link,
div#menu ul li.contact-active a:visited {
    display: block;
    width: 155px;
    color: #fff;
}

div#menu ul li.mensen a:hover,
div#menu ul li.mensen-active a:hover,

div#menu ul li.televisie a:hover,
div#menu ul li.televisie-active a:hover,

div#menu ul li.evenementen a:hover,
div#menu ul li.evenementen-active a:hover,

div#menu ul li.theater a:hover,
div#menu ul li.theater-active a:hover,

div#menu ul li.opdrachtgevers a:hover,
div#menu ul li.opdrachtgevers-active a:hover,

div#menu ul li.contact a:hover,
div#menu ul li.contact-active a:hover{
    display: block;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
}


#breadcrumbs {
    width: 800px;
    margin: 8px 0px 0px 28px;
    color: #474241;
    font-size: 12px;
    font-weight: bold;

    display: block;
    position: relative;
    float: left;
}

#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs .breadcrumbs-basic {
    color: #7e7a7a;
    font-weight: normal;
    text-decoration: none;
}

#breadcrumbs .breadcrumbs-active:link,
#breadcrumbs .breadcrumbs-active:visited {
    color: #474241;
    font-weight: bold;
    text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs .breadcrumbs-active:hover {
    color: #97c524;
    text-decoration: underline;
}

#content-box {
    width: 992px;
    margin: 10px 0px 0px 0px;

    display: block;
    position: relative;
    float: left;
}

#zijkolom {
    width: 342px;
    margin: 0px 0px 0px 10px;

    display: block;
    position: relative;
    float: left;
}

#animatie-container,
#contact-container,
.projecten-container {
    width: 342px;
    margin: 0px 0px 20px 0px;
    display: block;
    position: relative;
    float: left;
}

#animatie-container #animatie-header H2,
#animatie-container #animatie-header h2,

#contact-container #contact-header H2,
#contact-container #contact-header h2,
#contact-container #contact-header H2 a,
#contact-container #contact-header h2 a,

.projecten-container .projecten-header H2,
.projecten-container .projecten-header h2,
.projecten-container .projecten-header H2 a,
.projecten-container .projecten-header h2 a {
    font-size: 20px;
    color: #474241;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
}

#animatie-header,
#contact-header,
.projecten-header {
    width: 325px;
    height: 28px;
    margin: 0;
    padding: 2px 0px 0px 17px;
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

#animatie-content,
#contact-content,
.projecten-content {
    width: 340px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-position: top right;
    background-repeat: no-repeat;
    border-top: 0px solid;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#animatie-header    { background-image: url('../img/zijkolom-header-grijs.png'); }
#contact-header     { background-image: url('../img/zijkolom-header-contactzijkolom.png'); height: 26px; }
.projecten-header   { background-image: url('../img/zijkolom-header-groen.png'); }

#animatie-content   { background-color: #ebeaea; border-color: #b5b3b3; background-image: url('../img/zijkolom-content-grijs.png'); width: 336px; padding: 2px;}
#contact-content    { background-color: #e7e7e7; border-color: #d1d0cf; background-image: url('../img/zijkolom-content-contactzijkolom.png'); }
.projecten-content  { background-color: #eff6de; border-color: #b6d665; background-image: url('../img/zijkolom-content-groen.png'); }

#movieplayer {
    width: 336px;
    display: block;
}

#mediaplayer-logo {
    width: 26px;
    height: 30px;
/*    background-image: url('../img/logo-niehemedia-mediaplayer.png');*/
    position: absolute;
    display: block;
    z-index: 100;
    margin: 12px 0px 0px 298px;
}

#contact-content h3 {
    font-size:  14px;
    font-weight: bold;
    color: #97c524;
    margin: 0;
    padding: 0;
}
#contact-content p {
	font-size:  12px;
    margin: 0;
    padding: 0;
}

#contact-content a:link,
#contact-content a:visited {
    color: #474241;
    text-decoration: none;
}

#contact-content a:hover {
    color: #97c524;
    text-decoration: underline;
}

#contact-content-left {
    width: 160px;
    margin: 15px 0px 17px 17px;

    display: block;
    position: relative;
    float: left;
}

#contact-content-right {
    width: 146px;
    margin: 15px 17px 17px 0px;

    display: block;
    position: relative;
    float: left;
}

#contact-content-center {
    width: 260px;
    margin: 15px 0px 17px 17px;

    display: block;
    position: relative;
    float: left;
}

.projecten-content ul {
    margin: 0px 20px 0px 17px;
    padding: 0;
    text-decoration: none;
}

.projecten-content li {
    width: 280px;
    display: block;
    list-style: none;
    padding: 8px 5px 8px 17px;
    border-top: 1px solid #97c524;
    background-image: url('../img/zijkolom-pijltje.png');
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
}

.projecten-content li.project-start {
    width: 280px;
    display: block;
    list-style: none;
    padding: 8px 5px 8px 17px;
    border-top: none;
    background-image: url('../img/zijkolom-pijltje.png');
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
}

.projecten-content li a {
    text-decoration: none;
}

.projecten-content li a H3,
.projecten-content li a h3,
.projecten-content li a p {
    display: block;
    font-size: 12px;
    color: #474241;
    padding: 0;
    margin: 0;
}

.projecten-content li a H3 em,
.projecten-content li a h3 em {
    font-style: italic;
    font-weight: normal;
}

.projecten-content li a p {
    font-style: italic;
}

.projecten-content li a:hover H3,
.projecten-content li a:hover h3,
.projecten-content li a:hover p {
    color: #97c524;
}

/*----- afwijkende headers ---------------------------------------------------*/
.projecten-container.mensen .projecten-header           { background-image: url('../img/zijkolom-header-mensen.png'); }
.projecten-container.televisie-film .projecten-header   { background-image: url('../img/zijkolom-header-televisie.png'); }
.projecten-container.evenementen .projecten-header      { background-image: url('../img/zijkolom-header-evenementen.png'); }
.projecten-container.theater .projecten-header          { background-image: url('../img/zijkolom-header-theater.png'); }
.projecten-container.opdrachtgevers .projecten-header   { background-image: url('../img/zijkolom-header-opdrachtgevers.png'); }
.projecten-container.contact .projecten-header          { background-image: url('../img/zijkolom-header-contact.png'); }

/*----- afwijkende contents --------------------------------------------------*/
.projecten-container.mensen .projecten-content          { background-color: #e0d9b4; border-color: #b9b28d; background-image: url('../img/zijkolom-content-mensen.png'); }
.projecten-container.televisie-film .projecten-content  { background-color: #cfcabb; border-color: #a8a394; background-image: url('../img/zijkolom-content-televisie.png'); }
.projecten-container.evenementen .projecten-content     { background-color: #fccf93; border-color: #d5a86c; background-image: url('../img/zijkolom-content-evenementen.png'); }
.projecten-container.theater .projecten-content         { background-color: #ffbbbe; border-color: #ff8388; background-image: url('../img/zijkolom-content-theater.png'); }
.projecten-container.opdrachtgevers .projecten-content  { background-color: #b5d5d4; border-color: #8dadac; background-image: url('../img/zijkolom-content-opdrachtgevers.png'); }
.projecten-container.contact .projecten-content         { background-color: #c8dcbe; border-color: #a6ba9c; background-image: url('../img/zijkolom-content-contact.png'); }

/*----- afwijkende pijltje / onderstreep -------------------------------------*/
.projecten-container.mensen .projecten-content li            { border-color: #b9b28d; background-image: url('../img/zijkolom-pijltje-mensen.png'); }
.projecten-container.mensen .projecten-content li.project-start                     { background-image: url('../img/zijkolom-pijltje-mensen.png'); }

.projecten-container.televisie-film .projecten-content li    { border-color: #a8a394; background-image: url('../img/zijkolom-pijltje-televisie.png'); }
.projecten-container.televisie-film .projecten-content li.project-start             { background-image: url('../img/zijkolom-pijltje-televisie.png'); }

.projecten-container.evenementen .projecten-content li       { border-color: #d5a86c; background-image: url('../img/zijkolom-pijltje-evenementen.png'); }
.projecten-container.evenementen .projecten-content li.project-start                { background-image: url('../img/zijkolom-pijltje-evenementen.png'); }

.projecten-container.theater .projecten-content li           { border-color: #ff8388; background-image: url('../img/zijkolom-pijltje-theater.png'); }
.projecten-container.theater .projecten-content li.project-start                    { background-image: url('../img/zijkolom-pijltje-theater.png'); }

.projecten-container.opdrachtgevers .projecten-content li    { border-color: #8dadac; background-image: url('../img/zijkolom-pijltje-opdrachtgevers.png'); }
.projecten-container.opdrachtgevers .projecten-content li.project-start             { background-image: url('../img/zijkolom-pijltje-opdrachtgevers.png'); }

.projecten-container.contact .projecten-content li           { border-color: #a6ba9c; background-image: url('../img/zijkolom-pijltje-contact.png'); }
.projecten-container.contact .projecten-content li.project-start                    { background-image: url('../img/zijkolom-pijltje-contact.png'); }

/*----- afwijkende lees verder teken -----------------------------------------*/
.projecten-container.mensen .projecten-content li .bold-green,
.projecten-container.mensen .projecten-content li.project-start .bold-green         { color: #77704b; }

.projecten-container.televisie-film .projecten-content li .bold-green,
.projecten-container.televisie-film .projecten-content li.project-start .bold-green { color: #353021; }

.projecten-container.evenementen .projecten-content li .bold-green,
.projecten-container.evenementen .projecten-content li.project-start .bold-green    { color: #8f6226; }

.projecten-container.theater .projecten-content li .bold-green,
.projecten-container.theater .projecten-content li.project-start .bold-green        { color: #b91319; }

.projecten-container.opdrachtgevers .projecten-content li .bold-green,
.projecten-container.opdrachtgevers .projecten-content li.project-start .bold-green { color: #3a7e86; }

.projecten-container.contact .projecten-content li .bold-green,
.projecten-container.contact .projecten-content li.project-start .bold-green        { color: #819578; }

/*----- afwijkende hover functie ---------------------------------------------*/
.projecten-container.mensen .projecten-content li a:hover H3,
.projecten-container.mensen .projecten-content li a:hover h3,
.projecten-container.mensen .projecten-content li a:hover p         { color: #77704b; }

.projecten-container.televisie-film .projecten-content li a:hover H3,
.projecten-container.televisie-film .projecten-content li a:hover h3,
.projecten-container.televisie-film .projecten-content li a:hover p { color: #666666; }

.projecten-container.evenementen .projecten-content li a:hover H3,
.projecten-container.evenementen .projecten-content li a:hover h3,
.projecten-container.evenementen .projecten-content li a:hover p    { color: #8f6226; }

.projecten-container.theater .projecten-content li a:hover H3,
.projecten-container.theater .projecten-content li a:hover h3,
.projecten-container.theater .projecten-content li a:hover p        { color: #b91319; }

.projecten-container.opdrachtgevers .projecten-content li a:hover H3,
.projecten-container.opdrachtgevers .projecten-content li a:hover h3,
.projecten-container.opdrachtgevers .projecten-content li a:hover p { color: #3a7e86; }

.projecten-container.contact .projecten-content li a:hover H3,
.projecten-container.contact .projecten-content li a:hover h3,
.projecten-container.contact .projecten-content li a:hover p        { color: #819578; }


#content-container {
    width: 600px;
    padding: 0;
    margin: 0px 20px 0px 0px;

    line-height: 18px;

    display: block;
    position: relative;
    float: right;
}

#content {
    padding: 0;
    margin: 0;
}

#footer {
    width: 992px;
    height: 94px;

    color: #474241;
    font-size: 11px;

    display: block;
    float: left;
    position: relative;

    border-top: 1px solid #dad9d9;
    background-image: url('../img/background-footer.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #eeeeee;
}

#footer-left {
    width: 323px;
    height: 68px;
    border-right: 1px solid #97c524;
    margin: 15px 0px 0px 27px;

    display: block;
    float: left;
    position: relative;
}

#footer-logo {
    width: 92px;
    height: 42px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: left;
    position: relative;
}

#footer-adres {
    width: 156px;
    margin: 1px 0px 0px 50px;

    display: block;
    float: left;
    position: relative;
}

#pay-off {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px 0px 0px;
    padding: 0px;

    display: none;
    float: left;
    position: relative;
}

#footer-right {
    width: 605px;
    height: 68px;
    margin: 9px 16px 0px 0px;

    display: block;
    float: right;
    position: relative;
}

.footer-kolom {
    width: 110px;
    height: 46px;
    margin: 10px 50px 0px 0px;

    color: #000000;

    display: block;
    float: left;
    position: relative;
}

#social-media {
    width: 60px;
    height: 56px;
    margin: 0px 0px 0px 0px;

    display: block;
    float: right;
    position: relative;
}

#social-media img {
    width: 20px;
    height: 20px;
    margin: 4px;

}

#copyright {
    margin: 9px 4px 0px 0px;

    display: block;
    float: right;
    position: relative;
}

.footer-kolom a:link,
.footer-kolom a:visited {
    color: #474241;
}

.footer-kolom a:hover {
    color: #97c524;
    text-decoration: underline;
}

hr {
    border-top: 1px solid #d1d0cf;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    margin: 0px 0px 10px 0px;
}

/*---- WIE IS WIE ------------------------------------------------------------*/

.caption-fotolijst {
    width: 110px;
    height: 140px;
    text-align: center;
    padding: 0px 10px 10px 10px;
}

.caption-fotolijst a img {
    margin: 0px 0px 5px 0px;
}

.caption-fotolijst a H3,
.caption-fotolijst a h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.caption-fotolijst a p {
    font-size: 11px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    color: #474241;
}

.caption-fotolijst a:hover p {
    color: #97c524;
}

.wieiswie {
    text-align: right;
    margin: 0;
    padding: 0;
}

.input-searchfield {
    border: 1px solid #97c524;
    color: #474241;
}

.verstuur-button {
    background-color: #97c524;
    border: 1px solid #97c524;
    color: #474241;
}

.visitekaartje {

}

.visitekaartje H1,
.visitekaartje h1 {
    font-size: 20px;
    margin: 5px 0px 0px 0px;
    padding: 0;
}

.visitekaartje H2,
.visitekaartje h2 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #474241;
}

.visitekaartje p {
    margin: 0px 0px 10px 0px;
    padding: 0;
}

/*---- FOTO STYLES -----------------------------------------------------------*/

.fotolinks, .fotoleft {
	float: left;
	margin: 4px 8px 4px 0;
}

.fotolinks img, .fotoleft img {
	padding: 8px;
}

.fotorechts, .fotoright {
	float: right;
	margin: 4px 0 4px 8px;
}

.fotorechts img, .fotoright img {
}

.bijschrift {
	margin-top: 4px;
	padding: 4px 8px 4px 8px;
	font-size: 11px;
	color: #414141;
	line-height: normal;
}

.fotomidden {
}

/*---- NIEUWS BERICHTEN ------------------------------------------------------*/

.nieuwslijst H2,
.nieuwslijst h2 {
    margin: 0;
    padding: 0;
}

.nieuwslijst H3,
.nieuwslijst h3 {
    font-style: italic;
    font-weight: normal;
    color: #474241;
    margin: 0;
    padding: 0;
}

.nieuwsitem H1,
.nieuwsitem h1 {
    margin: 0;
    padding: 0;
}

.nieuwsitem H2,
.nieuwsitem h2 {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    color: #474241;
    margin: 0;
    padding: 0;
}

/*---- CONTACT FORMULIER -----------------------------------------------------*/

form {
}

form.formulier {
    width: 440px;
    border: 1px solid #dad9d9;
    padding: 10px;
    background-color: #eeeeee;
}

td.form-label {
    width: 140px;
}

.form-item {
}

.input-textfield,
.input-textarea {
    border: 1px solid #a3a0a0;
    color: #474241;
    padding: 2px;
    margin: 0px 0px 5px 0px;

}

.form-error-textfield,
.form-error-textarea {
    border: 1px solid #ff0000;
    color: #474241;
    padding: 2px;
    margin: 0px 0px 5px 0px;
}

.form-error {
    color: #ff0000;
}

.send-button {
    background-color: #a3a0a0;
    border: 1px solid #474241;
    color: #000;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
}

.sec-send-button {
    background-color: #a3a0a0;
    border: 1px solid #474241;
    color: #fff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
}

.formulier .form-hidden {
	visibility: hidden;
	display: none;
}

.nieuwsbrief {
	font-size: 14px;
}

/*----------------------------------------------------------------------------*/
/*------------------- ALLES HIERNA TOEVOEGEN IVM PRINT CSS -------------------*/
/*--------------- DIT STAAT NOG NIET VERWERKT IN DE PRINT CSS ----------------*/
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/*----------------------- EINDE PRINT CSS TOEVOEGINGEN -----------------------*/
/*----------------------------------------------------------------------------*/