/* -------------------- BARRIEREFREIES CSS ambaar artmedia 2006 - m. zarth --------------------
   
   die umrechnung von EM in PX lautet 1:16

*/

/* ------------- MAIN STYLES -----------*/
* {
	margin: 0;
	padding: 0;
	font: 100.01%/1.5 "Verdana","Arial", "Helvetica", sans-serif;
}

body {
           background-color: white;
}

strong {
          font-weight: bold;
}

/* ------------ LAYER 4 SCREENREADER. INCLUDES LINKS FOR TEXT ANCHORS -----------*/

#inv {
	    position: absolute;
	    left: -1000px;
	    top: -1000px;
	    width: 0px;
	    height: 0px;
	    overflow: hidden;
	    display: inline;
}

/* ---------------- MAIN CONTAINER -------------- */

#container {
        float: left;
}

/* ----------------- HEADER ---------------------*/

#top {
        width:   62.4375em;/*64em;*/
        height: 9.5625em;
        float: left;
}


#logo {
        float: left;
}


#logo IMG {
 	    width:   28.125em; /*width: 29.6875em;*/
	    height: 9.5625em;
            border: 0px;
}


#header {
        float: left;
}


#header IMG{
          width:34.3125em; 
          height: 9.5625em;
          border: 0px;
}

/* ----------------- MIDDLE ---------------------*/


#middle {
         width:             62.4375em; /*64em;*/
         height:            1.375em;
         float:             left;
         background-color:  #C5C5E8;
         overflow:visible;
}


#suche {
	float:              left;
        width:              10.9375em;
        height:            1.375em;
        border-right:             1px solid white;
        }


#suche A {
        font-weight:        bold;
        color:              #325ED4;  
        text-decoration:    none;   
        border: 0px;     
        }


#suche UL {
        margin-left:        0.8em;
        font-size:80%;
        }


#suche LI {
        display:            inline;
        }

#suche LI IMG {
       float: left;
       margin-left: 0.5em;
       margin-top: 0.375em;
       border: 0px;
       }
    
/* ~~~ Schriftanpassung ~~~*/

#schrift {
    
        float:              left;
        font-weight:        bold;
        color:              #325ED4;  
        margin-left:       0.5em;   
        font-size:80%;

        
        }
    
#schrift A {
    
        font-weight:        bold;
        color:              #F48234; 
        height:            1.375em;
        
        }

/* ~~~ NAVIGATION ~~~*/

#navi_main {
         float:             left;
         width:            42.0625em;/* 43.625em; */
         /*height:            1.375em;*/
         border-right:      1px solid white;
         background:        #8383E7;
}

#navi_main UL{
         height:            1.375em;
         overflow:         visible;
}

#navi_main UL LI {
        list-style:         none;
        display:            block; /*<- behandle die LI elemente wie normale block elemente, sonst wird die breite nicht erkannt wenn z.B das elemnt auf Inline gestellt ist*/
        float:              left;
        width:              7.1875em;
        text-align:         center;
        border-right:       1px solid white;
         height:            1.375em;
}
#navi_main UL LI A:hover {

        background-color: #F48234;

}
#navi_main LI.active {

        background-color: #F48234;

}

#navi_main UL LI A {
        text-decoration:    none;
        color:              black; 
        display:            block;
        /*height:             1.75em;*/             /* wg. 80% font-size müssen die fehlenden 20% aufgerechnet werden 1.375em;*/
        /*width:              8.625em; */           /*7.1875em;*/
        font-size:          80%;
        height: 100%;
        width: 100%;
        font-weight:        bold;

}


#navi_main LI.one {
        background-color: #D8D8E8;
}
#navi_main LI.two {
        background-color: #C5C5E8;
}
#navi_main LI.three {
        background-color: #B3B3E8;
}
#navi_main LI.four {
        background-color: #9B9BE8;
}
#navi_main LI.five {
}


/* ----------------- CONTENT-AREA ---------------------*/


/* ~~~ NAVIGATION LINKS ~~~*/
/*  !!! CONTAINER MIT HACK !!! */
#navi_left {   
        width: 100%;

}

#navi_left UL {
        width: 100%;
  	    margin-top: 0.0625em;
        list-style-type: none;
}

#navi_left LI {
        color: black;
        padding-left:       0.8em;
        padding-right:      0.8em;
        margin-bottom: 0.5em; 
        font-size: 70%;
        
}
#navi_left LI.topic {
        background: #8383E8;
        color: white;
        font-weight: bold;
}
#navi_left LI.orange {
        background: #F48234;
}
#navi_left LI.no {
         list-style-image: none;
         list-style-type:none;
}

#navi_left LI.active A{
         font-weight: bold;
}

#navi_left LI A {
        width: 100%;
        text-decoration: none;
        /*padding: 0.0625em 0.1875em 0.1875em 0.1875em;*/
        color: black;
        background: #EBEBF7;
}
#navi_left LI A:hover {
       color:  #F48234;
}


#navi_left LI.e2 {

	    margin-left: 2em;
}


#navi_left LI.e3 {
	    margin-left: 3em;

}


#navi_left B {
        font-weight: bold;
}

/* ~~~ NAVIGATION RECHTS ~~~*/
/*  !!! CONTAINER MIT HACK !!! */
.navi_right {   
        width: 100%;
}

.navi_right UL {
        width: 100%;
  	    margin-top: 0.0625em;
        list-style-type: none;
}

.navi_right LI {
        color:              black;
        padding-left:       0.8em;
        padding-right:      0.8em;
        margin-bottom:      0.125em; /*2px abstand wegen komischer überlappung*/
        font-size:          80%;
}
.navi_right LI.topic{
        background: #8383E8;
        color: white;
        font-weight: bold;
}

.navi_right LI.orange {
        background: #F48234;
        color: white;
}
.navi_right LI.orange A {
        color: white;
        font-weight: bold;
        background: transparent;
}

.navi_right LI.no {
         list-style-image: none;
         list-style-type:none;
}

.navi_right LI.active {
       color: #DF3535;
       /*list-style-type:circle;*/
       list-style-position: inside;
}

.navi_right LI A {
        width: 100%;
        text-decoration: none;
        padding: 0.0625em 0.1875em 0.1875em 0.1875em;
        color: black;
        background: #EBEBF7;
}


.navi_right LI.e2 {

	    margin-left: 2em;
}


.navi_right LI.e3 {
	    margin-left: 3em;

}


.navi_right B {
        font-weight: bold;
}
.navi_right .more A {
        color:          #F48234;
        text-align:     right;    
}


/* ~~~ NAVIGATION INFORMELL ~~~*/

/*leer*/

/* --------------- CONTENT, LEFT, RIGHT ------------*/

#content {
        width: 62.4375em;/*64em;*/
        float: left;
        background: #EBEBF7;
}


#left {
        width: 10.9375em;
        float: left;
        height: auto;
        min-height: 30em;
        _height: 30em;
}
#right {
        width: 9.375em;
        float: right;
        height: auto;
        min-height: 30em;
        _height: 30em;

}
#right #content_right IMG {
    
        width: 9.3125em;

}
/* ~~~ CONTENT ~~~ */
#inhaltFrame {
        background: white; 
        float: left;  
        width: 42.0625em;/*43.625em;*/    
        min-height: 30em;
        _height: 30em;    
}


#inhalt {
        margin-top: 1.75em;        
        margin-left: 1.75em;
        margin-bottom: 1.75em;
        float: left;
        width: 40.625em;
        font-size: 80%;
}

/* Überschrift im Contentbereich*/
#inhalt H1 {
        font-size: 140%;
        color: #243E8F;
        font-weight: bold;
}


#inhalt B {
         font-weight: bold;
         font-size: 130%;
}

#inhalt A {
        color: #F48234;
        font-weight: bold; 
        text-decoration: none;



}

#inhalt H3, #inhalt H3 P {

         font-style: italic;
}
#inhalt H2, #inhalt H2 P {

	    font-size: 120%;
        font-weight: bold;
        color: #243E8F;
}

#inhalt UL, #inhalt OL {
        margin-left: 30px;
}

#inhalt UL {
        list-style-image: url(../img/icons/drogenhilfe_bullet.gif);
}



/* ~~~~~~~~~~~~~~~~~~~~~ SITEMAP ~~~~~~~~~~~~~~~~~~~*/

#inhalt .csc-sitemap-level1 A{
        font-weight: bold;
        font-size: 100%;
}
#inhalt .csc-sitemap-level2 A{
        margin-left: 20px;
        font-weight: bold;
        font-size: 90%;
}
#inhalt .csc-sitemap-level3 {
        margin-left: 40px;
        font-size: 80%;
}
#inhalt .csc-sitemap-level4 A{
        margin-left: 60px;
        font-size: 70%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~~~~~~~ */

.news-latest-item .news-latest-morelink A{
         color: #DF3737;
}

.news-latest-container {

                         font-size: 80%;
                         margin-left: 1.2em;
}


.news-latest-container A{

                         color: black;
                         text-decoration: none;
}

.news-latest-item {
                       margin-bottom: 2em;
                       margin-top: 2em;

}



.news-single-item H2{
                       color: #DF3535;
                       font-weight: bold;
                       margin-bottom: 1.3em;
}


.news-latest-morelink {
                      font-weight: bold;
}


.news-amenu-container ul{
                        list-style-type: none;
}

/* ~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~ */


#footer {

        background-color: white;
        clear: both;
        /*margin-top: 1.75em;*/
        width: 89em;
        height: 1.75em;
text-align: center;
font-size:70%;
}

/*--------------------------LASTUPDATE-------------------*/

#lastUpdate {
clear: both;
color: darkgray;
font-size: 80%;
margin-left: 20.625em;
}

/*------------------------ PRINT-PAGE --------------------*/
#print-footer {
clear: both;
color: darkgray;
font-size: 80%;
text-align: center;
}


/*----------------------- SUCHE / CATCHWORD --------------------*/

.csc-sword {
     background-color: #DF6864;
}

.catchword {
    font-weight:bold;
    margin-left: 1em;
}

.catchword_desc {
    margin-bottom: 1em;
   margin-left: 1em;
}

/*----------------------- INTERNER BEREICH --------------------*/

.tx-felogin-pi1 fieldset {
border: none;
padding: 0px;
margin: 0px;
}

.tx-felogin-pi1 legend {
display: none;
}