/* DATEI: dro_fr.css */

/* CSS für Drogenwissen franzoesische Version*/


body         {
        margin-top:0px;
        margin-bottom:0px;
        color:black;
        background-color: #D0D0D0;
        text-align:justify;
        margin-left : 0px;
}


DIV#kopf {
        position: absolute;
        background-color: White;
   margin-left: 0px;
   margin-top: 0px;
   width: 100.01%;
       max-width:1280px;
}

DIV#ko01 {
   float: left;
        width: auto;
   margin-left: 10px;
   margin-top: 10px;
}

DIV#ko02 {
   float: none;
        width: auto;
   position: relative;
        margin-right: 0.3em;
        margin-bottom: 5px;
        max-width: 90%;
}

DIV#logo {
                  display: none;
        }

DIV#werbung {
                  display: block;
                                                position: absolute;
                  width: 98%;
                  margin-top: 5.5em;
                                                margin-left: 10px;
                                                margin-right: 10px;
                         max-width:1280px;   
                                                overflow: hidden;
        }

DIV#w1 {
                  float: left;
                  display: block;
                                                position: relative;
                                                margin-top: 20px;
                                                width: auto;
                                                min-width: 49%;
                                                text-align: right;
        }

DIV#w2 {
                  float: right;
                  display: block;
                                                position: relative;
                                                margin-top: 20px;
                                                width: auto;
                                                min-width: 49%;
                                                text-align: left;
                                                overflow: hidden;
        }

DIV#w3 {
                  display: block;
                                                position: relative;
                                                margin-top: 10px;
                                                width: auto;
                                                min-width: 99%;
                                                text-align: center;
        }


DIV#Inhalt {
                                                position: absolute;
                                           margin-left: 0px;
                                                  margin-top: 11.2em;
                                           width: 100.01%;
                  max-width:1280px;
}

DIV#Topinhalt {
                                                position: absolute;
                                           margin-left: 0px;
                                                  margin-top: 5.5em;
                                           width: 100.01%;
}


DIV#text {
        position: relative;
        margin-left: 180px;
        margin-right: 180px;
}

DIV#text:after {
                                clear: left;
                                display:block;
                                height:0;
                                overflow:hidden;
                                visibility:hidden;
}

DIV#text2 {
        position: relative;
        margin-left: 180px;
        margin-right: 10px;
}

DIV#bild, DIV#bild2 {
        position: relative;
        float: left;
        margin-right: 5px;
        height: auto;
}

DIV#bild_vert, DIV#bild_vert2 {
        position: relative;
        float: left;
        width: 110px;
        margin-right: 5px;
        height: auto;
}
DIV#google {
        float: left;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        text-align: center;
}

DIV#grechts {
        float: right;
        width: auto;
        min-height: 800px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
}

DIV#myrss {
        float: left;
        margin-left: 10px;
        margin-top: 15px;
        width: 180px;
        border-color: Blue;
        border-width: medium;
        background-color: White;
        height: 620px;
        overflow: scroll;
}

DIV#nav, DIV#nav_2 {
        position: relative;
        width: auto;
   margin-left: 200px;
        margin-right: 160px;
        font-family:Arial,Helvetica,sans-serif;
}

#nav1, #nav7 {
        float: left;
        width: 5%;
        margin-right: 10px;
        margin-top: 5px;
        content: url(gifdat/pfeil_links.gif);
}
#nav2, #nav8 {
        float: left;
        width: 25%;
        text-align: left;
}
#nav3, #nav9 {
        float: left;
        font-weight: bold;
        text-align: center;
        width: 35%;
}
#nav4, #nav10{
        float: left;
        width: 25%;
        text-align: right;
}
#nav5, #nav11 {
        float: left;
        width: 5%;
        margin-left: 10px;
   margin-top: 5px;
        content: url(gifdat/pfeil_rechts.gif);
        text-align: left;
}
#nav6, #nav12{
        float: left;
        width: 100.01%;
        text-align: center;
        min-height: 5px:
}

Div #topic {
        position: relative;
        width: 100.01%;
        font-family:Arial,Helvetica,sans-serif;
}


#top1 {
        float: left;
        width: 285px;
        text-align: left;
        font-size:130%;
        color:#FF0000;
}
#top2 {
        float: left;
        width: 140px;
        text-align: left;
}
#top3 {
        float: left;
        margin-left: 10px;
        text-align: left;
        width: 90px;
}
#top4 {
        float: left;
        text-align: right;
        vertical-align: top;
        margin: 0px;
        width: 120px;
}
#top5 {
        float: left;
        font-size: x-small;
        width: 100.01%;
}


table.mytab {
        color:#000000;
        background-color: #D0D0D0;
        border: 0px;
        margin : 20px ;
        padding : 0px;
        width : 500px;
        empty-cells : show;
        }


table.bord {
        color:#000000;
        background-color:#FFFFFF;
        border: Blue;
        margin : 0px ;
        padding : 5px;
}

table.zusatz {
        color:#000000;
        background-color: White;
        font-size: smaller;
}

table.smap {
        color:#000000;
        background-color: #FFFFCC;
        width: 620px;
        padding: 3px;
}

td,th {
                font-family:Arial,Helvetica,sans-serif;
            font-size: 100.1%;
                 vertical-align: top;
}

td {
        text-align : left;
}

td.center {
   text-align: center;
        vertical-align: middle;
}

td.right{
   text-align:right;
        vertical-align: top;
}

td.zusatz {
        color:#000000;
        background-color: #FFFFCC;
}

td.weiss{
        color:#000000;
        background-color: #FFFFFF;
}
td.gr{
        color:#000000;
        background-color: #DDDDDD;
        height: 4px;
}


td.leiste1 {
        background-color: White;
        color:#000000;
        border-bottom-color: #FFFFCC;
        border-bottom-style: inset;
        border-bottom-width: 8px;
        text-align: center;
        vertical-align: middle;
}

caption {
        color:#3333FF;
        background-color: #D0D0D0;
}

tr.center {
        text-align: center;
        vertical-align: bottom;
}

p,ul,ol,li,address,blockquote,b,i,nobr
     {
        font-family:Arial,Helvetica,sans-serif;
        font-size: 100.1%;
        text-align:justify;
}

.red {
        color:Red;
        background-color: #D0D0D0;
}


.center {
        text-align: center;
}

h1 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:130%;
        color:#FF0000;
}

h1.center {
   text-align: center;
}
h1.weiss {
        background-color: White;
}


h2 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:115%;
        font-weight:bold;
        color:#000000;
}

h2.zusatz {
        color:#000000;
        background-color : #FFFFCC;
}

h3 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:110%;
        color:#FF0000;
}

h3.gelb {
        font-family:Arial,Helvetica,sans-serif;
        font-size:12pt;
        color:#FF0000;
        background-color : #FFFFCC;
}


h4 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:100.01%;
        color:blue;
        text-align: left;
        margin-top: 5px;
        z-index: 99;
}


h4.center {
        text-align: center;
}
p.center { text-align:center;}

p.klein {
        font-size:65%;
        text-align:center;
        margin-top: 1px;
}
p.klein2 {
        font-size:65%;
        text-align: left;
}

p.grossfett {
        font-size:110%;
        text-align:center;
        color: Red;
        font-weight: bolder;
}

p.fettblau {
        font-size:90%;
        text-align:left;
        color: Blue;
        font-weight: bolder;
}

td.klein {font-size:65%;}

sub,sup {
        font-size: 8pt;
        line-height: 80%;
}

div.lit { font-family:Arial,Helvetica,sans-serif;
        font-size:65%;
        }

b.lit {
        font-weight : bold;
        font-size:65%;
}

div.klein {font-size:65%;
        text-align:justify;
}


a:link {
        color:#FF0000;
        text-decoration:underline;
}
a:visited {
        color:#FF7700;
        text-decoration:underline;
}
a:active {
        color:#FF7700;
        text-decoration:none;
}

a.gelb:link {
        font-size:10pt;
        text-decoration : underline;
        color : Blue;
        background-color : #FFFFCC;
}

a.gelb:visited {
        font-size:10pt;
        text-decoration : underline;
        color : Blue;
        background-color : #FFFFCC;
}

a.weiss:link {
        font-size:10pt;
        text-decoration : underline;
        color : Blue;
        background-color : White;
        text-align: left;
}

a.weiss:visited {
        font-size:10pt;
        text-decoration : underline;
        color : Blue;
        background-color : White;
        text-align: left;
}

#font_switcher ul {
        list-style-type: none;
        margin-top: 0px;
        margin-left: 10px;
        clear: both;
}

#font_switcher ul li {
        float: left;
        width: 0.8em;
}

#font_switcher a {
        color: Blue;
        background: #D0D0D0;
        text-decoration: none;
        margin-top: 0px;
        margin-left: 2px;
        font-size: 150%;
        font-weight: bold;
}

#font_switcher a:hover,
#font_switcher a:active,
#font_switcher a:focus {
        color: #000000;
        background: #D0D0D0;
        text-decoration: underline;
}

#font_switcher #font_0_95 {
        font-size: 0.65em;
}

#font_switcher #font_1_0 {
        font-size: 0.80em;
}

#font_switcher #font_1_2 {
        font-size: 0.99em;
}

#rolloverm1 a {
        float: left;
         display: block;
         margin-top: 5px;
         margin-left: 20px;
        height: 36px;
        width: 120px;
        background: url(gifdat/encyclopedie.jpg) 0px -36px no-repeat;
}

#rolloverm1 a:hover {
        background-position: 0px 0px;
}

#rolloverm1 a:active {
        background-position: 0px 0px;
}

#rolloverm1a a {
        float: left;
        display: block;
         margin-top: 5px;
         margin-left: 20px;
        height: 36px;
        width: 120px;
        background: url(gifdat/encyclopedie.jpg) 0px 0px no-repeat;
}

#rolloverm1a a:hover {
        background-position: 0px -36px;
}

#rolloverm1a a:active {
        background-position: 0px -36px;
}

#rolloverm2 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/legislation.jpg) 0px -36px no-repeat;
}

#rolloverm2 a:hover {
        background-position: 0px 0px;
}

#rolloverm2 a:active {
        background-position: 0px 0px;
}

#rolloverm2a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/legislation.jpg) 0px 0px no-repeat;
}

#rolloverm2a a:hover {
        background-position: 0px -36px;
}

#rolloverm2a a:active {
        background-position: 0px -36px;
}


#rolloverm4 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 43px;
        background: url(gifdat/lien.jpg) 0px -36px no-repeat;
}

#rolloverm4 a:hover {
        background-position: 0px 0px;
}

#rolloverm4 a:active {
        background-position: 0px 0px;
}

#rolloverm4a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 43px;
        background: url(gifdat/lien.jpg) 0px 0px no-repeat;
}

#rolloverm4a a:hover {
        background-position: 0px -36px;
}

#rolloverm4a a:active {
        background-position: 0px -36px;
}

#rolloverm5 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/glossaire.jpg) 0px -36px no-repeat;
}

#rolloverm5 a:hover {
        background-position: 0px 0px;
}

#rolloverm5 a:active {
        background-position: 0px 0px;
}

#rolloverm5a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/glossaire.jpg) 0px 0px no-repeat;
}

#rolloverm5a a:hover {
        background-position: 0px -36px;
}

#rolloverm5a a:active {
        background-position: 0px -36px;
}

#rolloverm6 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 120px;
        background: url(gifdat/dictionaire.jpg) 0px -36px no-repeat;
}

#rolloverm6 a:hover {
        background-position: 0px 0px;
}

#rolloverm6 a:active {
        background-position: 0px 0px;
}

#rolloverm6a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 120px;
        background: url(gifdat/dictionaire.jpg) 0px 0px no-repeat;
}

#rolloverm6a a:hover {
        background-position: 0px -36px;
}

#rolloverm6a a:active {
        background-position: 0px -36px;
}

#rolloverm7 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 67px;
        background: url(gifdat/librairie.jpg) 0px -36px no-repeat;
}

#rolloverm7 a:hover {
        background-position: 0px 0px;
}

#rolloverm7 a:active {
        background-position: 0px 0px;
}

#rolloverm7a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 67px;
        background: url(gifdat/librairie.jpg) 0px 0px no-repeat;
}

#rolloverm7a a:hover {
        background-position: 0px -36px;
}

#rolloverm7a a:active {
        background-position: 0px -36px;
}

#rolloverm8 a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/smap_frz.jpg) 0px -36px no-repeat;
}

#rolloverm8 a:hover {
        background-position: 0px 0px;
}

#rolloverm8 a:active {
        background-position: 0px 0px;
}

#rolloverm8a a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/smap_frz.jpg) 0px 0px no-repeat;
}

#rolloverm8a a:hover {
        background-position: 0px -36px;
}

#rolloverm8a a:active {
        background-position: 0px -36px;
}

#rolloverm9 a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/empreinte.jpg) 0px -36px no-repeat;
}

#rolloverm9 a:hover {
        background-position: 0px 0px;
}

#rolloverm9 a:active {
        background-position: 0px 0px;
}

#rolloverm9a a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 85px;
        background: url(gifdat/empreinte.jpg) 0px 0px no-repeat;
}

#rolloverm9a a:hover {
        background-position: 0px -36px;
}

#rolloverm9a a:active {
        background-position: 0px -36px;
}

#rolloverm10 a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 45px;
        background: url(gifdat/faq.jpg) 0px -36px no-repeat;
}

#rolloverm10 a:hover {
        background-position: 0px 0px;
}

#rolloverm10 a:active {
        background-position: 0px 0px;
}

#rolloverm10a a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 45px;
        background: url(gifdat/faq.jpg) 0px 0px no-repeat;
}

#rolloverm10a a:hover {
        background-position: 0px -36px;
}

#rolloverm10a a:active {
        background-position: 0px -36px;
}

#rolloverm12 a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 2px;
        height: 36px;
        width: 67px;
        background: url(gifdat/accueil.jpg) 0px -36px no-repeat;
}

#rolloverm12 a:hover {
        background-position: 0px 0px;
}

#rolloverm12 a:active {
        background-position: 0px 0px;
}

#rolloverm12a a {
        float: left;
        display: block;
         margin-top: 3px;
         margin-left: 10px;
        height: 36px;
        width: 67px;
        background: url(gifdat/accueil.jpg) 0px 0px no-repeat;
}

#rolloverm12a a:hover {
        background-position: 0px -36px;
}

#rolloverm12a a:active {
        background-position: 0px -36px;
}

#rolloverm13 a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 54px;
        background: url(gifdat/fl_deutsch.jpg) 0px -36px no-repeat;
}

#rolloverm13 a:hover {
        background-position: 0px 0px;
}

#rolloverm13 a:active {
        background-position: 0px 0px;
}

#rolloverm13a a {
float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 54px;
        background: url(gifdat/fl_deutsch.jpg) 0px 0px no-repeat;
}

#rolloverm13a a:hover {
        background-position: 0px -36px;
}

#rolloverm13a a:active {
        background-position: 0px -36px;
}

#rolloverm14 a {
        float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 54px;
        background: url(gifdat/fl_eng.jpg) 0px -36px no-repeat;
}

#rolloverm14 a:hover {
        background-position: 0px 0px;
}

#rolloverm14 a:active {
        background-position: 0px 0px;
}

#rolloverm14a a {
        float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 54px;
        background: url(gifdat/fl_eng.jpg) 0px 0px no-repeat;
}

#rolloverm14a a:hover {
        background-position: 0px -36px;
}

#rolloverm14a a:active {
        background-position: 0px -36px;
}
#rolloverm15 a {
        float: left;
        display: block;
         margin-top: 5px;
         margin-left: 2px;
        height: 36px;
        width: 36px;
        background: url(gifdat/rss-item.png) 0px 0px no-repeat;
}


#dbsearch {
        float: left;
        display: block;
         margin-top: 0px;
         margin-left: 20px;
        height: 36px;
        width: 400px;
}