@charset "utf-8";

/* comments for the future */
/* -------------- WEB SITE SynOpt GmbH Germany ---------------- */


/* --------------------------------------------------------------------- */
/* ------------------ GENERAL SETTINGS FOR ALL PAGES ------------------- */

/* settings for body */
body {
  width: 100%;
  font-family: PANTONE 287 C;
  font-size: 100%;
  color: #0038a8;
  line-height: 140%;
  text-align: left;
  background-color: white;
}

/* settings for links */
a:link {
        color: black;
        background-color: transparent;
        text-decoration: none;
}
a:visited {
        color: black;
        background-color: transparent;
}
a:focus,
a:hover {
        /*color: #FF6600;*/
        color: #B33F0D;
        background-color: transparent;
}
a:active {
        color: #C0E772;
        background-color: transparent;
}
/* settings for lines */
/* hr should not be used */
hr {
        width: 900px;
        height: 2px;
        color: gray;
        clear: both;
}

/* settings for table rows text align by class */
.TD-left {
        text-align: left;
}
.TD-right {
        text-align: right;
}
.TD-center {
        text-align: center;
}

ul.Listing1 {
        list-style-type:  disc;
        list-style-position:  inside;
        text-indent: -40px;
}

/* --------------------------------------------------------------------- */
/* settings for navigation */

div#HeaderBox {
        width: 80%;
        margin: 10px 0px 10px 5%;
        padding: 0px 0px 0px 0px;
        clear: both;
	float: left;
}


div#HeaderBoxNavi {
        width: 20%;
        font-size: 1.10em;
        line-height: 120%;
        text-align: left;
        color: black;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	float: left;
}

div#HeaderBoxText {
        width: 60%;
        font-size: 1.50em;
        line-height: 80%;
        text-align: left;
        color: black;
        margin: 0px 0px 0px 0%;
        padding: 0px 0px 0px 0px;
	float: right;
}

ul.Header {
        list-style-type:  none;
        list-style-position:  inside;
        text-indent: 0px;
}


/* settings for footnote */
div#Bottom {
        width: 90%;
        font-size: 0.75em;
        margin: 10px 0px 10px 5%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}



/* --------------------------------------------------------------------- */
/* ------------------  Start Seite ------------------------------------- */

div#IndexBox {
        width: 65%;
        font-size: 1.80em;
        line-height: 1.4em;
        text-align: left;
        margin: 8% 0% 15% 14%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#HomeBox {
        width: 65%;
        font-size: 1.30em;
        line-height: 1.2em;
        text-align: left;
        color: black;
        margin: 0% 0% 1% 14%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#UnternehmenBox {
        width: 65%;
        font-size: 1.30em;
        line-height: 1.2em;
        text-align: left;
        color: black;
        margin: 0% 0% 1% 14%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#UnternehmenBoxPersona {
        width: 55%;
        font-size: 1.10em;
        line-height: 1.0em;
        text-align: left;
        color: black;
        margin: 0% 0% 1% 16%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#AngebotBox {
        width: 65%;
        font-size: 1.30em;
        line-height: 1.2em;
        text-align: left;
        color: black;
        margin: 0% 0% 1% 14%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#AngebotBoxLeft {
        width: 25%;
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        float: left;
}

div#AngebotBoxRight {
        width: 70%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 3%;
        float: left;
}

div#ImpressumBox {
        width: 65%;
        font-size: 1.30em;
        line-height: 1.2em;
        text-align: left;
        color: black;
        margin: 0% 0% 1% 14%;
        padding: 0px 0px 0px 0px;
        clear: both;
        float: left;
}

div#IndexContentBox {
        width: 50%;
        font-family: 'Palatino';
        font-size: 1.20em;
        line-height: 1.5em;
        text-align: left;
        /*border-bottom-style: solid;
        border-bottom-width: 2px;
        border-bottom-color: #EE5E3B;*/
        margin: 0px 0px 0px 15%;
        padding: 20px 0px 20px 0px;
	clear: both;
}


/* --------------------------------------------------------------------- */
/* ------------------ Persona ----------------------------- */

div#PersonaBox {
        width: 60%;
        font-family: 'Palatino';
        font-size: 1.2em;
        line-height: 1.5em;
        margin: 10px 0px 10px 10%;
        padding: 0px 0px 0px 0px;
        clear: left;
        float: left;
}

div#PersonaBoxAll {
        width: 90%;
        text-align: justify;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 7%;
        float: left;
}

div#PersonaBoxLeft {
        width: 70%;
        text-align: justify;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        float: left;
}

div#PersonaBoxRight {
        width: 25%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
}

/* --------------------------------------------------------------------- */
/* ------------------ Dassault Partner ----------------------------- */

div#ProdukteBox {
        width: 60%;
        font-family: 'Palatino';
        font-size: 1.2em;
        line-height: 1.5em;
        margin: 10px 0px 10px 10%;
        padding: 0px 0px 0px 0px;
        /*border-width: 1.7px;
        border-style: solid;
        border-color: green;*/
	clear: both;
}

div#ProdukteBoxAll {
        width: 90%;
        text-align: justify;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 5%;
        float: left;
}

div#ProdukteBoxLeft {
        width: 25%;
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        float: left;
}

div#ProdukteBoxRight {
        width: 70%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 3%;
        float: left;
}

/* --------------------------------------------------------------------- */
/* ------------------ Impressum ----------------------------- */

div.Impressum {
        width: 60%;
        font-family: 'Palatino';
        font-size: 1.0em;
        text-align: justify;
        margin: 0px 0px 0px 10%;
        padding: 0px 0px 0px 0px;
        clear: left;
        float: left;
}

/* --------------------------------------------------------------------- */
/* ------------------ Technical Notes Page ----------------------------- */

div#TechnicalNote1 {
        width: 700px;
        font-family: 'Arial';
        font-size: 0.9em;
        text-align: justify;
        margin: 0px 0px 0px 30px;
        padding: 20px 20px 5px 20px;
        float: left;
}

div#TechnicalNote2 {
        width: 700px;
        font-family: 'Arial';
        font-size: 0.9em;
        text-align: justify;
        margin: 0px 0px 0px 30px;
        padding: 20px 20px 5px 20px;
        clear: left;
        float: left;
}



/* title */
div#IndexTitle {
        width: 600px;
        height: 80px;
        font-size: 1.0em;
        text-align: center;
        margin: 0px 0px 0px 140px;
        padding: 10px 10px 1px 10px;
}
/* second level Box Left (BL)  */
/* including BLleft1, BLright1, BLright2 */
div#IndexSecondLevelBoxLeft {
        width: 600px;
        height: 400px;
        font-family: 'Bookman Old Style';
        font-size: 0.75em;
        line-height: 140%;
        text-align: left;
        color: black;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
}

/* second level BLleft1 */
div#IndexSecondLevelBLleft1 {
        width: 280px;
        height: 300px;
        text-align: left;
        margin: 10px 0px 0px 0px;
        padding: 10px 10px 10px 20px;
        float: left;
}

/* second level BLright1 */
div#IndexSecondLevelBLright1 {
        width: 260px;
        height: 300px;
        border-width: 0.5px;
        border-style: solid;
        border-color: #979797;
        margin: 10px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        float: right;
}

/* second level BLright2 */
/* not used anymore */
div#IndexSecondLevelBLright2 {
        width: 200px;
        height:170px;
        border-width: 0.5px;
        border-style: solid;
        border-color: #979797;
        margin: 15px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        float: right;
}

/* second level Box Right (BR)  */
/* including BRbox1,  */
div#IndexSecondLevelBoxRight {
        width: 300px;
        height: 400px;
        font-family: 'Bookman Old Style';
        font-size: 0.75em;
        line-height: 140%;
        text-align: left;
        color: black;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right;
}

/* second level BRbox1 */
div#IndexSecondLevelBRbox1 {
        width: 260px;
        height: 150px;
        text-align: left;
        border-width: 1.7px;
        border-style: solid;
        border-color: teal;
        margin: 10px 0px 0px 10px;
        padding: 10px 10px 10px 10px;
}


/* third level Box Left (BL)  */
/* including BLleft, BLright */
div#ThirdLevelBoxLeft {
        width: 450px;
        height: 400px;
        font-family: 'Bookman Old Style';
        font-size: 0.75em;
        line-height: 140%;
        text-align: left;
        color: black;
        border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #BD4D42;
        margin: 0px 0px 0px 0px;
        padding: 15px 0px 0px 0px;
        clear: both;
        float: left;
}

/* third level BLleft */
div#ThirdLevelBLleft {
        width: 195px;
        text-align: left;
        border-width: 1.7px;
        border-style: solid;
        border-color: teal;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        float: left;
}

/* third level BLright */
div#ThirdLevelBLright {
        width: 195px;
        border-width: 1.7px;
        border-style: solid;
        border-color: #767BAA;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        float: right;
}

/* third level Box Right (BR)  */
/* including BRleft, BRright */
div#ThirdLevelBoxRight {
        width: 450px;
        height: 400px;
        font-family: 'Bookman Old Style';
        font-size: 0.75em;
        line-height: 140%;
        text-align: left;
        color: black;
        border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #BD4D42;
        margin: 0px 0px 0px 0px;
        padding: 15px 0px 0px 0px;
        float: right;
}


/* third level BRleft */
div#ThirdLevelBRleft {
        width: 195px;
        text-align: left;
        border-width: 1.7px;
        border-style: solid;
        border-color: teal;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        float: left;
}

/* third level BRright */
div#ThirdLevelBRright {
        width: 195px;
        border-width: 1.7px;
        border-style: solid;
        border-color: #D66C20;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        float: right;
}